.storefront{background:#f7f9f8;color:var(--mb-ink)}
.commerce{--shop-line:#cbdadd;--shop-max:1300px;max-width:calc(var(--shop-max) + var(--mb-gutter) * 2);margin:auto;padding:0 var(--mb-gutter) clamp(40px,6vw,80px);font-size:16px}
.commerce a{color:inherit}
.commerce a.mb-link-button{color:white}
.commerce a.mb-link-button.outline{color:var(--mb-deep)}
.commerce h1{font-size:clamp(43px,6.3vw,89px);line-height:1.02;letter-spacing:-.068em}
.commerce h2{font-size:clamp(29px,4.25vw,56px);line-height:1.04;letter-spacing:-.059em}
.commerce h3{font-size:clamp(16px,1.65vw,23px);line-height:1.23}
.catalog-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.14fr);gap:clamp(20px,4vw,62px);padding:clamp(24px,4.4vw,65px) 0 0;align-items:center}
.catalog-copy h1{max-width:10ch}
.catalog-copy p{max-width:38ch;margin-top:18px;color:#42606c;font-size:clamp(16px,1.8vw,20px)}
.catalog-links{margin-top:24px;display:flex;align-items:center;flex-wrap:wrap;gap:14px 23px}
.underlink{font-weight:750;text-decoration:underline;text-underline-offset:4px}
.specimen-wall{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);grid-template-rows:1fr 1fr;gap:9px;height:clamp(266px,33vw,450px)}
.specimen-wall a{min-width:0;min-height:0;position:relative;border-radius:11px;overflow:hidden;background:#efeee7}
.specimen-wall a:first-child{grid-row:1/-1}
.specimen-wall a img{width:100%;height:100%;object-fit:cover}
.specimen-wall a span{position:absolute;bottom:9px;left:9px;font-size:12px;font-weight:800;background:#fffefa;padding:5px 7px;border-radius:5px;color:var(--mb-ink)}
.commerce-demo{font-size:13px;color:#466371;margin-top:16px}
.commerce-section{margin-top:clamp(45px,7vw,92px);scroll-margin-top:14px}
.commerce-section header{display:flex;gap:14px 32px;justify-content:space-between;align-items:end;margin-bottom:20px}
.commerce-section header p{max-width:39ch;color:#486470}
.catalog-filters{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 21px}
.catalog-filters button,.gallery-controls button,.variant-links a{font:750 13px/1.3 Jakarta,system-ui,sans-serif;min-height:40px;padding:7px 13px;border:1px solid #b8cdd1;background:#fff;color:var(--mb-ink);border-radius:8px;display:inline-flex;align-items:center}
.catalog-filters button[aria-pressed=true],.gallery-controls button[aria-pressed=true],.variant-links a[aria-current]{color:#fff;background:var(--mb-deep);border-color:var(--mb-deep)}
.commerce-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(15px,2vw,24px) clamp(10px,1.6vw,22px)}
.item-cover{display:block;border-radius:11px;overflow:hidden;background:#efeee7}
.item-cover img,.item-cover .shop-image-empty{width:100%;height:auto;aspect-ratio:1.24;object-fit:cover}
.item-caption,.pack-caption{padding:11px 0 5px}
.item-caption p{font-size:13px;color:#45616e;margin-bottom:4px}
.item-caption h3 span,.pack-caption h3 span{color:var(--mb-blue);font-size:.75em;white-space:nowrap}
.item-caption h3 a:hover,.pack-caption h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.item-meta{display:flex;align-items:center;justify-content:space-between;gap:6px 10px;flex-wrap:wrap;margin-top:8px}
.commerce-stock{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:#21574d;font-size:13px;font-weight:750}
.commerce-stock i{height:7px;width:7px;border-radius:50%;background:currentColor}
.commerce-stock.is-low{color:#7c4c0a}.commerce-stock.is-out{color:#903444}
.commerce-save{display:inline-flex;color:#174c46;background:#dbece5;padding:3px 7px;border-radius:5px;font-size:12px;font-weight:800;white-space:nowrap}
.commerce-price{display:inline-flex;gap:7px;align-items:baseline;white-space:nowrap}
.commerce-price del{font-size:13px;color:#566872}
.packs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.commerce-pack{padding:12px 12px 14px;background:#e5eff0;border-radius:11px;min-width:0;display:flex;flex-direction:column}
.pack-card-image{display:block;border-radius:8px;overflow:hidden}
.pack-composition{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:4px;aspect-ratio:1.35;background:#edece5;overflow:hidden}
.pack-composition.pack-3>div:first-child{grid-row:span 2}
.pack-composition>div{min-height:0;min-width:0;overflow:hidden;background:#efeee7}
.pack-composition img{width:100%;height:100%;object-fit:cover}
.pack-caption p{color:#365664;font-size:14px;line-height:1.55;margin-top:7px}
.pack-caption{display:flex;flex:1;flex-direction:column}
.pack-caption .item-meta{margin-top:auto}
.pack-components{margin:10px 0 12px;padding-left:18px;display:grid;gap:3px;font-size:14px;color:#244c56}
.pack-components small{color:#3c606d;font-size:12px}
.pack-next{display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap;margin-top:11px}
.pack-next a.mb-link-button.outline{min-height:42px;padding:7px 10px}
.pack-arrival .commerce-pack{animation:pack-arrive 470ms cubic-bezier(.22,1,.36,1) both}
.pack-arrival .commerce-pack:nth-child(2){animation-delay:50ms}
.pack-arrival .commerce-pack:nth-child(3){animation-delay:95ms}
@keyframes pack-arrive{from{opacity:.84;transform:translateY(11px)}to{opacity:1;transform:none}}
html:has(.commerce-catalog){scroll-behavior:smooth}
.commerce-visit{margin-top:clamp(35px,7vw,90px);display:flex;justify-content:space-between;align-items:center;gap:20px;background:#dceceb;border-radius:11px;padding:clamp(20px,4vw,50px)}
.commerce-visit p{margin-top:9px}
.commerce-crumb{display:flex;align-items:center;flex-wrap:wrap;gap:5px 11px;padding:19px 0;font-size:13px;color:#3e5c6b}
.commerce-crumb a{text-decoration:underline;text-underline-offset:3px}
.product-stage{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,1fr);gap:clamp(24px,5.3vw,80px);align-items:start}
.product-gallery{position:sticky;top:16px}
.detail-image{border-radius:11px;overflow:hidden;background:#eeede4}
.detail-image>img,.detail-image>.shop-image-empty{width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.detail-image>.pack-composition{aspect-ratio:1}
.detail-zoom>img{transform:scale(1.45)}
.shop-image-empty{display:grid;place-items:center;padding:15px;text-align:center;background:#e8f1ef;color:#3a5865}
.gallery-controls,.variant-links{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.buy-panel{min-width:0}
.product-category{font-size:14px;color:#42606c;font-weight:750;margin-bottom:5px}
.buy-panel h1{font-size:clamp(35px,4.2vw,60px)}
.product-lede{color:#42606c;font-size:16px;max-width:48ch;margin:11px 0}
.product-facts{padding:0;list-style:none;margin:13px 0 19px;display:grid;gap:5px}
.product-facts li{display:flex;align-items:center;gap:8px;color:#244756;font-size:14px;font-weight:650}
.product-facts svg{width:17px;height:17px;color:#195b55}
.variant-links{margin:0 0 17px}
.offer-options{border:0;padding:0;margin:0 0 15px;min-inline-size:0;display:grid;gap:7px}
.offer-options legend{font-weight:800;margin:0 0 8px;font-size:17px}
.offer-option{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px 11px;padding:9px 11px;border:1px solid #b9cdd3;border-radius:9px;background:#fff;cursor:pointer;font-size:14px;min-height:54px}
.offer-option:has(input:checked){border:2px solid #28628b;padding:8px 10px;background:#e9f2f6}
.offer-option input{margin:0;accent-color:var(--mb-blue);width:17px;height:17px}
.offer-option strong,.offer-option small{display:block}
.offer-option small{font-size:12px;line-height:1.3;color:#466472;margin-top:3px}
.offer-side{text-align:right;white-space:nowrap}
.offer-side .commerce-save{margin-top:3px}
.selection-price{display:flex;align-items:center;flex-wrap:wrap;gap:9px 11px;margin:14px 0}
.selection-price .commerce-price strong{font-size:28px;letter-spacing:-.045em;line-height:1.14}
.selection-detail{display:inline-block;margin:0 0 12px;font-size:13px}
.buy-action .mb-link-button{width:100%;justify-content:space-between;min-height:50px;font-size:15px}
.purchase-note{font-size:13px;color:#466371;margin-top:11px}
.detail-info{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:clamp(32px,6vw,76px);padding:clamp(20px,4vw,43px);background:#e7f0ef;border-radius:11px}
.detail-info h2{font-size:clamp(23px,3vw,38px)}
.detail-info p{margin-top:10px;max-width:58ch;color:#365763;white-space:pre-line}
.detail-related{margin-top:clamp(30px,5vw,65px)}
.detail-related h2{font-size:clamp(29px,4vw,47px)}
.commerce-empty{padding-block:40px;display:grid;justify-items:start;gap:16px;min-height:230px}
.commerce-basket h1{font-size:clamp(39px,6vw,68px)}
.basket-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(18px,4vw,50px);margin-top:20px;align-items:start}
.basket-list{padding:0;list-style:none;margin:10px 0 0;display:grid;gap:12px}
.basket-list li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px 14px;padding:11px;background:white;border-radius:9px;min-width:0}
.basket-list li>img,.basket-list li>.pack-composition,.basket-list li>.shop-image-empty{width:76px;height:67px;object-fit:cover;border-radius:7px;font-size:10px}
.basket-list li>div:first-child:not(.pack-composition):not(.shop-image-empty){grid-column:1/3}
.basket-list li p{color:#4b6671;font-size:13px;margin:4px 0}
.cart-qty{display:flex;gap:8px;align-items:center;margin-top:8px}
.cart-qty .mb-link-button{font-size:17px;min-height:37px;min-width:37px;padding:3px}
.basket-checkout{background:#e5eff0;border-radius:11px;padding:clamp(17px,3vw,34px);display:grid;gap:12px}
.basket-checkout h2{font-size:27px}
.basket-checkout p:last-child{color:#41616e;font-size:13px}
.basket-total{display:flex;justify-content:space-between;gap:10px}
.basket-back{display:inline-flex;margin-top:19px}
@media(max-width:800px){
  .catalog-intro{gap:18px}
  .commerce-section header{align-items:start;flex-direction:column;gap:8px}
  .pack-caption p{font-size:13px}
  .product-stage{gap:20px}
  .product-gallery{top:8px}
}
@media(max-width:650px){
  .commerce h1{font-size:clamp(38px,10vw,58px)}
  .catalog-intro,.product-stage,.basket-layout,.detail-info{grid-template-columns:1fr}
  .catalog-copy h1{max-width:13ch}
  .catalog-copy p{margin-top:10px}
  .catalog-links{margin-top:14px}
  .specimen-wall{height:235px}
  .commerce-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .item-cover img{aspect-ratio:1.05}
  .packs-grid{grid-template-columns:1fr}
  .pack-composition{aspect-ratio:1.65}
  .product-gallery{position:static}
  .detail-image>img,.detail-image>.shop-image-empty,.detail-image>.pack-composition{aspect-ratio:1.31}
  .detail-image>img{object-fit:contain}
  .gallery-controls button{min-height:42px}
  .commerce-visit{flex-direction:column;align-items:start}
  .storefront:has(.buy-panel){padding-bottom:77px}
  html:has(.buy-panel){scroll-padding-bottom:77px}
  .buy-action{position:fixed;bottom:0;inset-inline:0;z-index:7;padding:8px max(14px,env(safe-area-inset-right)) max(9px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:#f6f9f8;border-top:1px solid #bacfd3}
  .buy-action .mb-link-button{min-height:50px}
}
@media(prefers-reduced-motion:reduce){html:has(.commerce-catalog),.commerce *{scroll-behavior:auto}.pack-arrival .commerce-pack{animation:none}}