/* ── RESPONSIVE — Tablet ── */
@media(max-width:1100px){
  .hero{grid-template-columns:1fr;padding:170px 40px 70px;text-align:center}
  .hero-right{display:none}
  .hero-sub,.hero-cta,.hero-badges{margin-left:auto;margin-right:auto;justify-content:center}
  .grid{grid-template-columns:repeat(2,1fr)}
  .stats{grid-template-columns:repeat(2,1fr)}
  .stat:nth-child(2){border-right:none}
  .promo-grid{grid-template-columns:1fr 1fr}
  .feat-grid{grid-template-columns:1fr 1fr}
  .feat-grid .feat-card:nth-child(3){grid-column:1/-1;max-width:calc(50% - 10px);margin:0 auto}
  .why-inner{padding:0 40px}
  .perso-inner,.about-inner{grid-template-columns:1fr}
  .perso-img-grid{grid-template-columns:repeat(4,1fr)}
  .perso-img:nth-child(even){margin-top:0}
  .contact-wrap{grid-template-columns:1fr;gap:40px}
  .foot-top{grid-template-columns:1fr 1fr;gap:30px}
  .modal-box{grid-template-columns:1fr}.m-img{height:300px}
}

/* ── RESPONSIVE — Mobile (iPhone 16 Pro Max 430px and all phones) ── */
@media(max-width:768px){
  body{cursor:auto}
  .cd,.cr{display:none}

  .ann-bar{height:38px}
  #sp{top:38px}
  .ann-item{font-size:10.5px;padding:0 18px}

  header{top:38px;padding:10px 16px;display:flex;align-items:center;justify-content:space-between}
  header.sc{padding:8px 16px}
  header::before{content:'';width:42px;flex-shrink:0}
  nav{display:none}
  .ham-btn{display:flex;flex-shrink:0}
  .logo-link{flex:1;display:flex;justify-content:center}
  .logo-img{height:84px}
  header.sc .logo-img{height:52px}
  header.nav-open .logo-link{opacity:0;pointer-events:none;transition:none}
  header.nav-open{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;border-bottom:none!important}

  .hero{padding:156px 16px 56px;text-align:center;grid-template-columns:1fr}
  .hero-right{display:none}
  .hero-title{font-size:clamp(32px,8.5vw,52px)}
  .hero-sub{font-size:14px;max-width:100%}
  .hero-cta{justify-content:center}
  .hero-badges{justify-content:center}
  .scroll-hint{display:none}

  .section{padding:56px 16px}
  .promo-section{padding:56px 16px}
  .perso-wrap{padding:56px 0}
  .perso-inner{padding:0 16px;gap:40px}
  .testi-inner{padding:0 16px}
  .testi-wrap{padding:56px 0}
  .about-inner{padding:56px 16px}
  .cta-band{padding:60px 16px}
  .contact-wrap{padding:56px 16px;grid-template-columns:1fr;gap:32px}
  footer{padding:48px 16px 0}

  .grid{grid-template-columns:1fr 1fr;gap:12px}
  .promo-grid{grid-template-columns:1fr;gap:14px}
  .feat-grid{grid-template-columns:1fr 1fr;gap:12px}
  .feat-grid .feat-card:nth-child(3){max-width:calc(50% - 6px)}
  .why-section{padding:56px 0}
  .why-inner{padding:0 16px}
  .stats{grid-template-columns:1fr 1fr}
  .stat{padding:26px 10px;border-right:1px solid var(--border)}
  .stat:nth-child(2){border-right:none}
  .stat:nth-child(3){border-top:1px solid var(--border)}
  .stat:nth-child(4){border-top:1px solid var(--border);border-right:none}
  .stat-n{font-size:36px}

  .sec-hd{margin-bottom:36px}
  .sec-t{font-size:clamp(26px,7vw,40px)}
  .sec-sub{font-size:14px}

  .perso-img-grid{grid-template-columns:1fr 1fr;gap:10px}
  .perso-img:nth-child(even){margin-top:16px}
  .perso-steps{gap:16px}

  .about-gal{grid-template-columns:1fr 1fr;gap:10px}
  .about-img:nth-child(even){margin-top:14px}

  .foot-top{grid-template-columns:1fr;gap:28px}
  .foot-bot{flex-direction:column;gap:8px;text-align:center;padding:20px 0}
  .foot-col{display:none}

  .wa-float span{display:none}
  .wa-float{padding:14px;border-radius:50%;bottom:20px;right:14px}

  .promo-card{padding:24px 20px}

  .card-img{aspect-ratio:3/4}
  .card-img img{object-fit:cover;object-position:center center}
  .card:hover .card-img img{transform:scale(1.04)}
  .card-info{padding:14px 14px 16px}
  .card-name{font-size:15px}
  .card-price{font-size:17px}

  .filters{gap:6px}
  .pill{padding:8px 14px;font-size:10px}

  .testi-card{width:260px;padding:22px 18px}
  .testi-txt{font-size:15px}

  .cta-t{font-size:clamp(26px,7vw,42px)}
  .cta-sub{font-size:14px}
  .btn-wa{padding:13px 28px;font-size:13px}

  .contact-card{padding:24px 20px}
  .contact-info p{margin-bottom:20px}

  input,textarea,select{font-size:16px!important}

  .btn{padding:12px 24px;font-size:13px}

  .modal-bg{padding:14px;align-items:center}
  .modal-box{grid-template-columns:1fr;border-radius:22px;max-height:88vh;width:100%;max-width:100%;transform:scale(.93) translateY(18px);display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch}
  .modal-bg.open .modal-box{transform:scale(1) translateY(0)}
  .m-img{flex-shrink:0;background:var(--bg);overflow:hidden}
  .m-img img{width:100%;height:auto;display:block;object-fit:contain;max-height:68vh}
  .m-content{padding:18px 18px 28px;gap:10px;overflow-y:visible}
  .m-name{font-size:20px}
  .m-price{font-size:24px}
  .m-desc{font-size:13px;line-height:1.7}
  .m-inc{padding:12px 14px}
  .m-inc h5{font-size:9px}
  .inc-list li{font-size:12px}
  .mbtn{padding:13px;font-size:13px}
  .m-close{top:10px;right:10px;width:34px;height:34px;font-size:13px;background:rgba(255,255,255,.95);box-shadow:0 2px 10px rgba(0,0,0,.14)}

  .checkout-bg{padding:16px;align-items:center}
  .checkout-box{max-height:90vh;border-radius:24px;width:100%;max-width:460px;transform:scale(.93) translateY(16px)}
  .checkout-bg.open .checkout-box{transform:scale(1) translateY(0)}
  .checkout-hd{padding:20px 18px 24px;border-radius:24px 24px 0 0}
  .steps-bar{margin-top:28px}
  .checkout-body{padding:18px 18px}
  .ck-footer{padding:14px 18px;border-radius:0 0 24px 24px}
  .ck-row{grid-template-columns:1fr}
  .ck-btn{font-size:13px;padding:13px}
  .checkout-hd h3{font-size:19px}
  .ck-close{top:14px;right:14px}

  .toast{font-size:13px;padding:12px 20px;bottom:80px}
}

/* ── MISC ── */
.cm-location{background:#eef9f0}.cm-map{background:#fff3e0}
.envio-section{margin-top:28px;background:#fdf5f8;border:1px solid var(--border);border-radius:16px;padding:20px 22px}
.envio-section h5{font-family:'Playfair Display',serif;font-size:14px;font-weight:500;color:var(--plum);margin-bottom:14px;display:flex;align-items:center;gap:8px}
.envio-table{width:100%;border-collapse:collapse}
.envio-table th{font-size:10px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding:6px 10px;text-align:left;border-bottom:1px solid var(--border)}
.envio-table td{font-size:13px;color:var(--text);padding:8px 10px;border-bottom:1px solid var(--border)}
.envio-table tr:last-child td{border-bottom:none}
.envio-table td:last-child{font-weight:500;color:var(--dpink);text-align:right}
.envio-note{font-size:11px;color:var(--muted);margin-top:10px;line-height:1.6}
.location-badge{display:inline-flex;align-items:center;gap:6px;background:#eef9f0;border:1px solid #c3e6cb;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:500;color:#2d6a4f;margin-bottom:20px}

/* ── ADDRESS FORM ── */
.addr-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:520px){.addr-grid{grid-template-columns:1fr}}
.sel-custom{position:relative}
.sel-custom::after{content:'▾';position:absolute;right:13px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none;font-size:13px;font-weight:700}
.sel-custom select{width:100%;appearance:none;-webkit-appearance:none;background:#fff;border:1.5px solid var(--border);border-radius:10px;padding:10px 34px 10px 12px;font-size:14px;color:var(--text);font-family:'DM Sans',sans-serif;cursor:pointer;transition:border-color .2s;box-shadow:0 1px 3px rgba(45,27,46,.05)}
.sel-custom select:focus{outline:none;border-color:var(--plum);box-shadow:0 0 0 3px rgba(122,61,123,.08)}
.sel-custom select:disabled{background:#f8f5f9;color:#bbb;cursor:not-allowed;opacity:1}
.sel-custom select option{color:var(--text)}
.addr-wa-note{background:#f0faf3;border:1px solid #c3e6cb;border-radius:12px;padding:12px 15px;margin-top:4px;display:flex;align-items:flex-start;gap:10px;font-size:12.5px;color:#2d6a4f;line-height:1.55}
.addr-wa-note svg{flex-shrink:0;margin-top:1px}
.addr-section-divider{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:14px 0 6px;padding-bottom:6px;border-bottom:1px solid var(--border)}

/* ── VARIANT CHIPS ── */
.var-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:14px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--border)}
.var-group{margin-bottom:14px}
.var-group-label{font-size:12px;font-weight:500;color:var(--text);margin-bottom:7px}
.var-chips{display:flex;flex-wrap:wrap;gap:6px}
.var-chip{padding:7px 13px;border-radius:20px;border:1.5px solid var(--border);font-size:12.5px;font-weight:400;color:var(--text);cursor:pointer;transition:border-color .18s,background .18s,color .18s,transform .12s var(--spring);background:#fff;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation;line-height:1.1;user-select:none}
.var-chip:hover{border-color:var(--mauve);background:#fdf5f8;color:var(--plum)}
.var-chip.sel{border-color:var(--plum);background:var(--plum);color:#fff;transform:scale(1.04)}
.var-chip.otro-chip{border-style:dashed;color:var(--muted)}
.var-chip.otro-chip.sel{border-style:solid}
.var-otro-input{width:100%;margin-top:8px;padding:9px 13px;border:1.5px solid var(--border);border-radius:10px;font-family:'DM Sans',sans-serif;font-size:13.5px;color:var(--text);outline:none;transition:border-color .2s;display:none;box-sizing:border-box}
.var-otro-input:focus{border-color:var(--plum)}
.var-otro-input.show{display:block}
.var-stock-note{background:#fffbeb;border:1px solid #f5d87a;border-radius:10px;padding:10px 13px;font-size:11.5px;color:#78600a;display:flex;align-items:flex-start;gap:8px;margin-bottom:12px;line-height:1.55}
.var-stock-note svg{flex-shrink:0;margin-top:1px}