/* New structures are hidden on mobile; the confirmed mobile rules remain intact. */
.desktop-only{display:none}
@media(max-width:760px){.desktop-only{display:none!important}}
.policy-links{display:flex;flex-wrap:wrap;gap:0 18px;margin-top:12px}
.policy-links button{min-height:44px;padding:8px 0;font-size:12px;line-height:1.5;color:#53606f;text-decoration:underline;text-underline-offset:3px}
.subscription-addon{margin:0 0 20px;border-block:1px solid var(--line);font-size:13px}
.subscription-addon summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;cursor:pointer;list-style:none}
.subscription-addon summary::-webkit-details-marker{display:none}
.subscription-addon summary:after{content:'+';font-size:18px;line-height:1}
.subscription-addon[open] summary:after{content:'−'}
.subscription-addon summary>span{margin-left:auto;color:#65707d;font-size:12px}
.subscription-addon label{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer}
.subscription-addon input{width:18px;height:18px;accent-color:#111316;margin:0}
.subscription-addon p{color:#53606f;font-size:12px;line-height:1.7;margin:0 0 16px 28px}
.policy-draft-state{font-size:12px;color:#53606f;margin-bottom:10px}
.policy-draft-note{color:#53606f;font-size:13px;line-height:1.7;margin-bottom:18px}
.policy-switch{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:6px}
.policy-switch button{min-height:44px;padding:8px 0;border-bottom:2px solid transparent;font-size:14px}
.policy-switch [aria-current=page]{border-color:#111316;font-weight:600}
.policy-draft-rows{margin:0 0 22px}
.policy-draft-rows>div{padding:14px 0;border-bottom:1px solid var(--line)}
.policy-draft-rows dt{font-size:14px;font-weight:600;margin-bottom:5px}
.policy-draft-rows dd{margin:0;font-size:13px;line-height:1.8;color:#53606f}

@media(min-width:761px){
  :root{--desktop-width:1280px;--desktop-gutter:40px}
  body{background:#f4f5f7}
  .desktop-only{display:block}
  body[data-mobile-shell=true]>.site-header{display:block}
  body[data-mobile-shell=true]>.preview-note{display:block}
  body[data-mobile-shell=true]>.site-footer{display:block}
  .site-header{position:sticky;top:0;z-index:35;border-bottom:1px solid var(--line);background:#fff}
  .nav-shell{max-width:calc(var(--desktop-width) + 2 * var(--desktop-gutter));height:76px;padding:0 var(--desktop-gutter);gap:36px}
  .nav-shell>.wordmark,.nav-shell>.mobile-shop-nav{display:none}
  .desktop-brand{display:flex;align-items:center;gap:9px;white-space:nowrap;min-height:44px}
  .desktop-brand svg{width:29px;height:29px}
  .desktop-brand b{font-size:23px;letter-spacing:-.8px;font-weight:730}
  .nav-shell .desktop-primary{display:flex;gap:26px;align-items:stretch;font-size:14px}
  .desktop-primary a{white-space:nowrap}
  .header-tools{gap:16px}
  .header-tools .icon-button{width:auto;gap:7px;display:flex;border-radius:8px;padding:0 8px;font-size:12px}
  .preview-note{max-width:calc(var(--desktop-width) + 2 * var(--desktop-gutter));padding:10px var(--desktop-gutter) 0;margin:auto;text-align:right;font-size:12px;letter-spacing:0;background:transparent}
  body[data-mobile-shell=true] #mobile-navigation,#mobile-navigation{display:none}
  .mfx-brandbar{display:none}
  .mfx-home,.mfx-preview{max-width:calc(var(--desktop-width) + 2 * var(--desktop-gutter));padding:28px var(--desktop-gutter) 60px;min-height:calc(100vh - 240px)}
  .mfx-home{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:28px 24px;align-content:start}
  .mfx-home>h1{position:static;width:auto;height:auto;margin:0;clip-path:none;overflow:visible;white-space:normal;grid-column:1/-1;font-size:28px;font-weight:650;letter-spacing:-.8px;line-height:1.3}
  .mfx-home>h1:focus{outline:none}
  .mfx-home>.mfx-assets{grid-column:1/6}
  .mfx-assets{height:216px;padding:20px 24px}
  .mfx-assets-heading{font-size:13px}
  .mfx-amount{height:54px;line-height:54px;font-size:40px;margin-top:4px}
  .mfx-asset-caption{font-size:11px}
  .mfx-asset-stats{margin-top:22px;gap:12px}
  .mfx-asset-stats span{font-size:11px}
  .mfx-asset-stats b{font-size:13px}
  .mfx-asset-arrow{right:22px;top:80px}
  .mfx-home>.mfx-actions{grid-column:6/-1;margin:0;gap:14px;height:216px}
  .mfx-action{height:auto;min-height:150px;border-radius:16px;justify-content:center;gap:10px}
  .mfx-action .mfx-icon{width:32px;height:32px;margin-bottom:2px}
  .mfx-action b{font-size:16px}
  .mfx-action small{font-size:12px}
  .desktop-subscriptions{grid-column:1/9;min-width:0}
  .desktop-section-heading{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin-bottom:10px}
  .desktop-section-heading h2,.mfx-section-heading h2{font-size:20px;font-weight:650;line-height:1.4}
  .desktop-section-heading>a{display:flex;align-items:center;gap:8px;min-height:44px;font-size:13px;color:#53606f}
  .desktop-brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  .desktop-brand-choice{padding:24px;background:#fff;border:1px solid var(--line);border-radius:16px;min-height:213px}
  .desktop-brand-choice:hover{border-color:#a5adb8;box-shadow:0 8px 22px #1113160a}
  .desktop-brand-mark{display:grid;place-items:center;width:56px;height:56px;margin-bottom:14px;border-radius:12px}
  .desktop-brand-mark[data-brand=apple]{background:#0875ce}
  .desktop-brand-mark[data-brand=apple] .product-art{filter:brightness(0) invert(1);width:36px;height:40px}
  .desktop-brand-mark>.product-art{width:56px;height:56px;object-fit:contain}
  .desktop-brand-choice h3{font-size:20px;font-weight:650}
  .desktop-brand-choice p{font-size:12px;color:#65707d;margin:2px 0 12px}
  .desktop-brand-choice>span{font-size:12px;color:#53606f}
  .mfx-home>.mfx-promotions{grid-column:9/-1;min-width:0;align-self:end;margin:0}
  .mfx-promotions .mfx-slides{height:213px}
  .mfx-promotions .mfx-slide{height:213px}
  .mfx-dots{margin:6px 0 -22px}
  .mfx-promo-copy{padding:22px;max-width:100%}
  .mfx-promo-copy h2{font-size:19px}
  .mfx-promo-copy p{font-size:12px;max-width:175px}
  .mfx-promo-art{opacity:.6;right:-4px}
  .mfx-home>.mfx-market{grid-column:1/-1;margin-top:12px}
  .mfx-section-heading{margin:0 0 12px;min-height:44px;gap:12px}
  .mfx-section-heading>span{font-size:12px}
  .mfx-section-heading a{font-size:13px}
  .mfx-market-list{gap:0;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
  .mfx-market-row{display:grid;grid-template-columns:40px minmax(140px,1fr) minmax(100px,.5fr) minmax(120px,.4fr) 88px;gap:16px;padding:16px 24px;min-height:78px;background:#fff;border-radius:0;border-bottom:1px solid var(--line)}
  .mfx-market-row:last-child{border-bottom:0}
  .mfx-market-row:hover{background:#f9fafb}
  .mfx-model-mark{width:36px;height:36px;font-size:18px}
  .mfx-model-copy b,.mfx-quote b{font-size:15px}
  .mfx-model-copy small,.mfx-quote small{font-size:12px}
  .mfx-chart,.mfx-sparkline{width:100px;height:32px}
  .mfx-change{width:auto;font-size:13px}
  .mfx-preview-heading{margin:0 0 28px}
  .mfx-preview-heading h1:focus{outline:none}
  .mfx-preview-heading h1,.mfx-heading-compact h1{font-size:30px;margin:0;font-weight:650;line-height:1.3}
  .mfx-preview-heading>div{font-size:13px;margin-top:8px}
  .mfx-preview-card{padding:26px;margin:0;background:#fff}
  .mfx-preview-card h2{font-size:21px}
  .mfx-preview-card p,.mfx-preview-card a,.mfx-preview-card button{font-size:14px}
  .mfx-preview:not(.mfx-assets-page){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-content:start}
  .mfx-preview:not(.mfx-assets-page)>.mfx-preview-heading{grid-column:1/-1;margin-bottom:4px}
  body[data-page=market] .mfx-preview>.mfx-market-tabs{grid-column:1/-1;max-width:420px;width:100%;margin:0}
  body[data-page=market] .mfx-preview>.mfx-market-list{grid-column:1/-1}
  body[data-page=quota] .mfx-preview>.mfx-market{min-width:0}
  body[data-page=quota] .mfx-market-row{grid-template-columns:32px 1fr 100px 55px;gap:10px;padding:14px}
  body[data-page=quota] .mfx-chart{display:none}
  .mfx-settings{align-self:start;padding:0 24px}
  .mfx-settings a,.mfx-settings button{min-height:62px}
  .mfx-market-tabs a{font-size:14px}
  .mfx-back{margin-bottom:18px;font-size:13px}
  .mfx-assets-page{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px 32px;align-content:start;align-items:start}
  .mfx-assets-page>.mfx-preview-heading{grid-column:1/-1;margin:0}
  .mfx-assets-page>.mfx-assets{grid-column:1;height:250px;padding:22px}
  .mfx-assets-page .mfx-asset-stats{grid-template-columns:1fr 1fr;gap:18px 12px;margin-top:24px}
  .mfx-assets-page .mfx-asset-stats>div:last-child{grid-column:1/-1}
  .mfx-assets-page .mfx-amount{font-size:34px}
  .mfx-assets-page .mfx-vault-bridge{grid-column:2;grid-row:2/4;margin:0;min-width:0}
  .mfx-assets-page>.mfx-preview-card{grid-column:1;margin:0}
  .mfx-assets-page .vault-shell{padding:0;max-width:none}
  .mfx-assets-page .vault-toolbar{margin-bottom:18px}
  .mfx-assets-page .filter-tabs{gap:24px}
  .mfx-assets-page .filter-tabs button{font-size:14px}
  .mfx-assets-page .vault-toolbar>.text-link{font-size:13px}
  .mfx-vault-bridge .shelf-row{grid-template-columns:160px minmax(0,1fr) 130px;gap:24px;padding:24px}
  .mfx-vault-bridge .shelf-actions{grid-column:auto;display:flex;flex-direction:column;gap:10px}
  .mfx-vault-bridge .shelf-actions .button{font-size:13px;width:100%;padding:10px 12px}
  .mfx-vault-bridge .shelf-info h2{font-size:28px;margin-top:8px}
  .mfx-vault-bridge .shelf-info>p:not(.eyebrow){font-size:12px}
  .mfx-vault-bridge .individual-card{grid-template-columns:20px minmax(0,1fr) 120px 60px;gap:16px}
  .mfx-vault-bridge .expiry{grid-column:auto}
  .mfx-assets-page .vault-overview{margin-top:22px;grid-template-columns:1fr 1fr;padding:20px}
  .mfx-assets-page .overview-account{border-color:var(--line)}
  .catalog-shell,.product-shell,.vault-shell,.bag-shell{max-width:calc(var(--desktop-width) + 2 * var(--desktop-gutter));padding-left:var(--desktop-gutter);padding-right:var(--desktop-gutter)}
  .catalog-shell{padding-top:32px;padding-bottom:64px;min-height:calc(100vh - 280px)}
  .catalog-heading h1{font-size:32px}
  .brand-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
  .brand-card{grid-template-columns:76px minmax(0,1fr) 14px;min-height:156px;padding:30px 24px;gap:20px}
  .brand-card h2{font-size:25px}
  .desktop-product-nav{display:flex;gap:28px;max-width:calc(var(--desktop-width) + 2 * var(--desktop-gutter));margin:auto;padding:16px var(--desktop-gutter) 0;font-size:13px}
  .desktop-product-nav a{display:flex;align-items:center;min-height:44px;color:#65707d;border-bottom:2px solid transparent}
  .desktop-product-nav [aria-current=page]{color:#111316;border-color:#111316;font-weight:600}
  .product-shell{grid-template-columns:minmax(240px,1fr) minmax(280px,1fr) minmax(290px,.95fr);grid-template-rows:auto auto auto 1fr;gap:20px 36px;padding-top:36px;padding-bottom:48px;align-items:start}
  .product-options{display:contents}
  .product-visual{grid-column:1;grid-row:1/5;padding-top:0;position:sticky;top:112px}
  .product-options h1{grid-column:2;grid-row:1;font-size:32px;line-height:1.3;letter-spacing:-1px}
  .product-options .amount-field{grid-column:2;grid-row:2;margin-top:4px}
  .amount-field legend{font-size:14px;margin-bottom:12px}
  .amount-option{min-height:96px}
  .quantity-row{grid-column:2;grid-row:3;margin:0;padding:20px 0}
  .subscription-addon{grid-column:2;grid-row:4;margin-bottom:0}
  .purchase-summary{grid-column:3;grid-row:1/5;position:sticky;top:112px;padding:26px;border-radius:16px}
  .price-row strong,.sample-product .pending-price{font-size:26px}
  .purchase-conditions{font-size:13px;line-height:1.8;margin-bottom:24px}
  .price-row p,.delivery-note{font-size:12px}
  .product-visual .visual-stage,.sample-product .visual-stage,.sample-product[data-product=apple] .visual-stage{height:300px;background:#e9edf2;border-radius:20px}
  .product-visual .card-face{width:86%;max-width:360px}
  .purchase-details{max-width:var(--desktop-width);margin:0 auto 60px;padding:32px 0 0;grid-template-columns:minmax(240px,1fr) minmax(0,2fr);gap:36px}
  .details-heading h2{font-size:24px}
  .details-list summary{min-height:44px;font-size:14px}
  .details-list details p{font-size:13px}
  .bag-shell{padding-top:28px;min-height:calc(100vh - 280px)}
  .bag-heading{margin-top:24px}
  .bag-heading h1,.vault-heading h1{font-size:32px;font-weight:650}
  .bag-layout{grid-template-columns:minmax(0,1fr) 350px;gap:48px;margin-top:28px;align-items:start}
  .checkout-summary{position:sticky;top:112px;padding:28px}
  .bag-item{grid-template-columns:160px minmax(0,1fr) auto;gap:24px;padding-block:26px}
  .bag-item h2{font-size:18px}
  .bag-thumbnail .compact{width:150px;height:auto;aspect-ratio:206/136}
  .bag-item-info>p{font-size:13px}
  .site-footer{padding:30px max(var(--desktop-gutter),calc((100% - var(--desktop-width))/2)) 22px;border-top:1px solid var(--line);background:#f4f5f7;font-size:12px}
  .footer-bottom{margin-top:18px;padding-top:12px;font-size:12px}
  .footer-bottom button{font-size:12px}
  dialog.mfx-sheet{inset:0;margin:auto;width:520px;max-width:calc(100% - 64px);border-radius:20px;max-height:80dvh;height:max-content}
  .mfx-sheet-content{padding:36px}
  .mfx-sheet h2{font-size:26px}
  dialog{max-height:calc(100dvh - 64px);width:560px;overflow:auto}
  .toast{bottom:28px}
}
@media(min-width:761px) and (max-width:1199px){
  :root{--desktop-gutter:28px}
  .nav-shell{gap:20px;flex-wrap:wrap;height:auto;min-height:108px;padding-top:12px}
  .desktop-brand{order:0}
  .header-tools{order:1}
  .nav-shell .desktop-primary{order:2;width:100%;height:46px;gap:28px;justify-content:space-between}
  .header-tools .icon-button span{display:none}
  .mfx-home>.mfx-assets{grid-column:1/7}
  .mfx-home>.mfx-actions{grid-column:7/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .mfx-action{min-height:0;padding:10px;gap:3px}
  .mfx-action .mfx-icon{width:24px;height:24px}
  .mfx-action b{font-size:14px}
  .mfx-action small{font-size:11px}
  .desktop-subscriptions{grid-column:1/-1}
  .mfx-home>.mfx-promotions{grid-column:1/-1;align-self:start}
  .mfx-promotions .mfx-slides,.mfx-promotions .mfx-slide{height:180px}
  .mfx-promo-art{right:40px;opacity:1}
  .mfx-dots{margin-bottom:0}
  .mfx-assets-page{grid-template-columns:260px minmax(0,1fr);gap:24px}
  .mfx-assets-page>.mfx-assets{padding:20px 16px}
  .mfx-assets-page .mfx-amount{font-size:28px}
  .mfx-vault-bridge .shelf-row{grid-template-columns:130px minmax(0,1fr);gap:16px;padding:20px}
  .mfx-vault-bridge .shelf-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}
  .mfx-assets-page .vault-toolbar{flex-wrap:wrap}
  .mfx-vault-bridge .individual-card{grid-template-columns:18px minmax(0,1fr);gap:12px}
  .mfx-vault-bridge .expiry{grid-column:2}
  .product-shell{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 28px}
  .product-visual{grid-column:1;grid-row:1/4;position:static}
  .product-options h1,.product-options .amount-field,.quantity-row{grid-column:2}
  .subscription-addon{grid-column:2;grid-row:4}
  .purchase-summary{grid-column:1/-1;grid-row:5;position:static;padding:24px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 28px}
  .purchase-summary>.price-row{grid-column:1;grid-row:1;margin:0}
  .purchase-summary>.purchase-conditions{grid-column:1;grid-row:2/4;margin:0}
  .purchase-summary>.add-to-bag{grid-column:2;grid-row:1;align-self:center}
  .purchase-summary>.delivery-note{grid-column:2;grid-row:2;margin:0;justify-content:flex-start}
  .purchase-summary>.policy-links{grid-column:2;grid-row:3;margin:0}
  .purchase-details{margin-inline:28px;gap:28px}
  .brand-card{grid-template-columns:56px minmax(0,1fr);gap:14px;padding:22px 18px;min-height:140px}
  .brand-card>.product-art{width:56px;height:56px}
  .brand-card h2{font-size:22px}
  .brand-chevron{display:none}
  .bag-layout{grid-template-columns:minmax(0,1fr) 290px;gap:24px}
  .bag-item{grid-template-columns:100px minmax(0,1fr);gap:18px}
  .bag-item>strong{grid-column:2;font-size:16px}
  .bag-thumbnail .compact{width:100px}
  .bag-item h2{font-size:15px}
  .sample-bag-item .bag-thumbnail .product-art{width:100px}
  .checkout-summary{padding:22px}
}
@media(min-width:761px) and (max-width:900px){
  .mfx-assets-page{grid-template-columns:1fr}
  .mfx-assets-page>.mfx-assets{grid-column:1;max-width:none;height:216px}
  .mfx-assets-page .mfx-asset-stats{grid-template-columns:repeat(3,1fr)}
  .mfx-assets-page .mfx-asset-stats>div:last-child{grid-column:auto}
  .mfx-assets-page .mfx-vault-bridge{grid-column:1;grid-row:auto}
  .mfx-assets-page>.mfx-preview-card{grid-column:1}
  .mfx-vault-bridge .shelf-row{grid-template-columns:150px minmax(0,1fr) 130px}
  .mfx-vault-bridge .shelf-actions{grid-column:auto;display:flex}
  .mfx-vault-bridge .individual-card{grid-template-columns:18px minmax(0,1fr) 120px 60px}
  .mfx-vault-bridge .expiry{grid-column:auto}
  .bag-layout{grid-template-columns:1fr}
  .checkout-summary{position:static}
  .bag-item{grid-template-columns:140px minmax(0,1fr) auto}
  .bag-item>strong{grid-column:auto}
  .bag-thumbnail .compact{width:130px}
  .brand-grid{gap:14px}
  .brand-card{grid-template-columns:1fr;gap:12px}
  .brand-card h2{font-size:22px}
}
@media(min-width:1200px) and (max-width:1399px){
  .nav-shell{gap:28px}
  .nav-shell .desktop-primary{gap:22px}
  .header-tools .icon-button span{display:none}
  .purchase-details{margin-inline:40px}
  .mfx-assets-page{grid-template-columns:300px minmax(0,1fr);gap:24px}
  .mfx-vault-bridge .shelf-row{grid-template-columns:145px minmax(0,1fr) 120px;gap:20px;padding:22px}
}
