@media (max-width:1100px){
  .hero-grid{grid-template-columns:1fr 1fr}.capacity-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.search-sort{min-width:340px}.cart-layout{grid-template-columns:1fr}.cart-summary{position:static}
}
@media (max-width:820px){
  :root{--container:min(100% - 28px,1180px)}.nav-links,.nav-actions>.btn{display:none}.menu-toggle{display:grid;place-items:center}.mobile-menu{position:absolute;left:14px;right:14px;top:68px;background:linear-gradient(180deg,#170925,#0b0512);color:#fff;border:1px solid rgba(217,70,239,.16);border-radius:18px;padding:10px;box-shadow:var(--shadow)}.header.dark .mobile-menu{background:linear-gradient(180deg,#170925,#0b0512);color:#fff;border-color:rgba(217,70,239,.16)}.mobile-menu.open{display:grid}.mobile-menu a{padding:12px;border-radius:12px;font-weight:800}.mobile-menu a:hover{background:rgba(217,70,239,.16)}.header.dark .mobile-menu a:hover{background:rgba(255,255,255,.08)}.hero{min-height:auto;padding:70px 0}.hero-grid{grid-template-columns:1fr}.hero-products{max-width:700px;margin:10px auto 0}.hero-showcase{width:100%;max-width:640px}.benefit-grid{grid-template-columns:1fr 1fr}.catalog-tools{align-items:stretch;flex-direction:column}.search-sort{min-width:0;width:100%}.product-modal-grid{grid-template-columns:1fr}.modal-gallery{padding:24px}.modal-info{padding:26px}.cart-item{grid-template-columns:90px 1fr}.cart-item img{width:90px;height:90px}.cart-qty,.cart-price{grid-column:2}.cart-price{text-align:left;display:flex;gap:14px;align-items:center;flex-wrap:wrap}.cta{align-items:flex-start;flex-direction:column}.info-grid{grid-template-columns:1fr}.admin-row{align-items:flex-start;flex-direction:column}.admin-actions{width:100%}.admin-actions .btn{flex:1}
}
@media (max-width:560px){
  .section{padding:62px 0}.hero h1{font-size:3.25rem}.hero-products{display:none}.benefit-grid,.capacity-grid,.product-grid,.footer-grid{grid-template-columns:1fr}.search-sort{flex-direction:column}.filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.filter-pill{flex:0 0 auto}.product-card p{min-height:0}.product-card-footer{grid-template-columns:1fr auto}.icon-add{display:none}.product-card-footer .btn{grid-column:2}.product-modal-card{width:100%;height:96vh;max-height:96vh;border-radius:20px}.modal-shell{padding:8px}.modal-gallery{padding:16px}.modal-info{padding:20px}.modal-info h2{font-size:2.5rem}.qty-row{align-items:flex-start;flex-direction:column}.qty-control{width:100%;grid-template-columns:1fr 1.2fr 1fr;height:48px}.subtotal-line{align-items:flex-start;flex-direction:column;gap:4px}.cart-item{grid-template-columns:72px 1fr;gap:12px}.cart-item img{width:72px;height:72px}.cart-qty,.cart-price{grid-column:1/-1}.cart-qty{width:160px}.footer-bottom{flex-direction:column}.cta{padding:30px}.admin-top{align-items:flex-start;flex-direction:column}.notice-controls .btn{width:100%}
}

@media (max-width: 640px){.benefit{padding:16px;gap:12px;min-height:0}.benefit-icon{width:42px;height:42px;flex-basis:42px}}

/* Modal responsive refinement */
@media (min-width:1024px){
  .product-modal-grid{grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr)}
  .modal-gallery{min-height:100%}
}
@media (min-width:641px) and (max-width:1023px){
  .product-modal-card{width:min(760px,94vw);max-height:94vh}
  .product-modal-grid{grid-template-columns:1fr}
  .modal-gallery{padding:24px}
  .main-product-image{height:clamp(320px,48vw,430px);padding:14px}
  .modal-info{padding:28px}
  .thumbnail-row{max-width:100%}
}
@media (max-width:640px){
  .modal-shell{padding:0;align-items:stretch}
  .product-modal-card{width:100%;height:100dvh;max-height:100dvh;border-radius:0;overflow:auto}
  .product-modal-grid{grid-template-columns:1fr}
  .modal-close{position:sticky;float:right;right:12px;top:12px;margin:12px 12px -54px 0;z-index:12;background:rgba(255,255,255,.94);backdrop-filter:blur(8px)}
  .modal-gallery{padding:14px 14px 10px}
  .main-product-image{height:min(54vh,340px);min-height:240px;padding:10px;border-radius:18px}
  .main-product-image.modal-image--3k{max-width:70%}
  .main-product-image.modal-image--6k{max-width:76%}
  .main-product-image.modal-image--12k{max-width:90%}
  .main-product-image.modal-image--32k{max-width:94%}
  .thumbnail-row{gap:8px;margin-top:10px}
  .thumb{flex-basis:62px;width:62px;height:62px}
  .modal-info{padding:18px 16px 24px}
  .modal-info h2{font-size:2rem;margin-top:10px}
  .flavor-pills{gap:7px;margin-bottom:18px}
  .flavor-pill{padding:9px 11px;font-size:.8rem}
  .tier-list{margin:14px 0}
  .price-tier{padding:10px 12px}
  .subtotal-box{margin:14px 0}
}

@media (max-width:900px){
  .maintenance-shell{grid-template-columns:1fr;gap:36px}.maintenance-status{min-height:330px}.maintenance-copy{text-align:center;margin-inline:auto}.maintenance-copy p{margin-inline:auto}.maintenance-actions{justify-content:center}.maintenance-nav{display:none}
}
@media (max-width:560px){
  .maintenance-hero{padding:48px 0}.maintenance-copy h1{font-size:clamp(2.9rem,16vw,4.5rem)}.maintenance-status{min-height:280px;padding:30px 22px;border-radius:26px}.maintenance-status img{width:min(230px,82%);margin-bottom:28px}.maintenance-footer-row{align-items:flex-start;flex-direction:column}.maintenance-footer-links{gap:14px 20px}.maintenance-actions .btn{width:100%}
}

/* ============================================================
   MODAL DE PRODUCTO — refinamiento final sin barras visibles
   ============================================================ */
@media (min-width:1024px){
  .product-modal-card{overflow:hidden}
  .product-modal-grid{height:100%;grid-template-columns:minmax(0,1.04fr) minmax(440px,.96fr)}
  .modal-gallery{height:100%;min-height:0;padding:28px}
  .main-product-image{flex:1 1 auto;height:auto;min-height:0}
  .thumbnail-row{grid-template-columns:repeat(8,minmax(0,1fr));max-height:132px;overflow:hidden}
  .modal-info{height:100%;overflow:hidden;padding:32px 38px 28px}
}

@media (min-width:641px) and (max-width:1023px){
  .modal-shell{padding:14px}
  .product-modal-card{width:min(820px,96vw);height:min(940px,94dvh);max-height:94dvh;border-radius:26px;overflow:hidden}
  .product-modal-grid{height:100%;grid-template-columns:1fr;grid-template-rows:minmax(300px,44%) minmax(0,56%)}
  .modal-gallery{height:100%;min-height:0;padding:22px 24px 18px}
  .main-product-image{height:auto;min-height:0;flex:1 1 auto;padding:12px}
  .main-product-image.modal-image--3k{max-width:58%}
  .main-product-image.modal-image--6k{max-width:64%}
  .main-product-image.modal-image--12k{max-width:78%}
  .main-product-image.modal-image--32k{max-width:82%}
  .thumbnail-row{grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;max-height:70px;overflow:hidden;margin-top:10px}
  .thumb{height:56px}
  .modal-info{height:100%;overflow:auto;scrollbar-width:none;padding:24px 30px 26px}
  .modal-info::-webkit-scrollbar{display:none}
  .modal-info h2{font-size:clamp(2rem,5vw,3rem)}
  .flavor-pills{gap:6px;margin-bottom:12px}
  .flavor-pill{padding:7px 10px;font-size:.78rem}
  .tier-list{margin:10px 0}
  .price-tier{padding:9px 12px}
  .subtotal-box{margin:9px 0;padding:12px 14px}
}

@media (max-width:640px){
  .modal-shell{padding:0;align-items:flex-end}
  .product-modal-card{width:100%;height:100dvh;max-height:100dvh;border-radius:0;overflow:hidden}
  .product-modal-grid{height:100%;display:grid;grid-template-columns:1fr;grid-template-rows:minmax(215px,38dvh) minmax(0,1fr)}
  .modal-close{position:absolute;float:none;right:12px;top:12px;margin:0;width:40px;height:40px;z-index:30}
  .modal-gallery{height:100%;min-height:0;padding:12px 14px 10px}
  .main-product-image{height:auto;min-height:0;flex:1 1 auto;width:100%;padding:8px;border-radius:18px}
  .main-product-image.modal-image--3k{max-width:56%}
  .main-product-image.modal-image--6k{max-width:62%}
  .main-product-image.modal-image--12k{max-width:82%}
  .main-product-image.modal-image--32k{max-width:88%}
  .thumbnail-row{display:none}
  .modal-info{height:100%;min-height:0;overflow:auto;scrollbar-width:none;padding:16px 16px calc(20px + env(safe-area-inset-bottom))}
  .modal-info::-webkit-scrollbar{display:none}
  .modal-meta{gap:6px;padding-right:44px}
  .meta-chip{font-size:.7rem;padding:5px 8px}
  .modal-info h2{font-size:clamp(1.9rem,10vw,2.5rem);margin:8px 0 8px}
  .modal-info p{font-size:.9rem;line-height:1.4;margin-bottom:10px}
  .flavor-heading-row{display:block;margin-top:2px}
  .flavor-heading-row h4{font-size:.88rem;margin:8px 0 6px}
  .mobile-flavor-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #d8b4fe;background:#faf5ff;color:#3b125c;border-radius:14px;padding:12px 14px;font-weight:900;text-align:left}
  .flavor-pills{display:none}
  .qty-row{margin-top:12px;align-items:center;flex-direction:row}
  .qty-control{width:auto;grid-template-columns:42px 48px 42px;height:40px}
  .tier-list{grid-template-columns:1fr 1fr;gap:7px;margin:10px 0}
  .price-tier{padding:9px 10px;border-radius:12px;font-size:.78rem;align-items:center}
  .price-tier strong{font-size:.8rem}
  .subtotal-box{margin:9px 0;padding:12px 14px}
  .subtotal-line{flex-direction:row;align-items:end;gap:12px}
  .subtotal-line strong{font-size:1.35rem}
  #add-to-cart{position:sticky;bottom:0;z-index:6;box-shadow:0 -12px 26px rgba(255,255,255,.92),0 10px 24px rgba(126,34,206,.22)}

  .flavor-sheet{position:absolute;inset:0;z-index:40;display:none;align-items:flex-end}
  .flavor-sheet.visible{display:flex}
  .flavor-sheet-backdrop{position:absolute;inset:0;border:0;background:rgba(5,2,10,.58);backdrop-filter:blur(3px)}
  .flavor-sheet-panel{position:relative;z-index:1;width:100%;max-height:min(76dvh,680px);background:#fff;border-radius:26px 26px 0 0;padding:8px 14px calc(16px + env(safe-area-inset-bottom));box-shadow:0 -24px 70px rgba(31,8,54,.25);overflow:hidden;animation:vhillSheetIn .22s ease-out}
  .flavor-sheet-handle{width:46px;height:5px;border-radius:999px;background:#d6cbdc;margin:2px auto 12px}
  .flavor-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px 10px}
  .flavor-sheet-head small{display:block;color:#8b7798;font-weight:800;letter-spacing:.08em}
  .flavor-sheet-head h3{margin:1px 0 0;font-size:1.35rem}
  .flavor-sheet-close{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:1.25rem}
  .flavor-sheet-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:calc(76dvh - 100px);overflow:auto;overscroll-behavior:contain;scrollbar-width:none;padding-bottom:2px}
  .flavor-sheet-list::-webkit-scrollbar{display:none}
  .flavor-sheet-option{min-width:0;display:grid;grid-template-columns:48px minmax(0,1fr) 20px;align-items:center;gap:9px;border:1px solid var(--line);background:#fff;border-radius:15px;padding:7px;text-align:left}
  .flavor-sheet-option img{width:48px;height:48px;object-fit:cover;border-radius:10px;background:#f5f2f8}
  .flavor-sheet-option span:nth-child(2){min-width:0}
  .flavor-sheet-option strong{display:block;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .flavor-sheet-option small{display:block;color:#7c6f82;font-size:.67rem;margin-top:2px}
  .flavor-sheet-option .flavor-sheet-check{opacity:0;color:#7e22ce;font-weight:900}
  .flavor-sheet-option.active{border-color:#c084fc;background:#faf5ff;box-shadow:0 0 0 2px rgba(168,85,247,.10)}
  .flavor-sheet-option.active .flavor-sheet-check{opacity:1}
  .flavor-sheet-option.disabled{opacity:.42}
}

@media (max-width:390px){
  .product-modal-grid{grid-template-rows:minmax(190px,34dvh) minmax(0,1fr)}
  .modal-info{padding-inline:13px}
  .tier-list{grid-template-columns:1fr}
  .price-tier{padding:8px 10px}
  .flavor-sheet-list{grid-template-columns:1fr}
}

@keyframes vhillSheetIn{from{transform:translateY(28px);opacity:.7}to{transform:translateY(0);opacity:1}}