.steps{align-items:center;gap:var(--sp-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.steps li{align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-3);background:var(--surface);color:var(--muted);font-size:var(--fs-xs);border-radius:999px;font-weight:600;display:inline-flex}.steps li span{background:var(--surface-3);width:18px;height:18px;color:var(--muted);font-size:var(--fs-2xs);border-radius:50%;place-items:center;font-weight:800;display:grid}.steps li.is-on{background:var(--accent-soft);color:var(--accent-light)}.steps li.is-on span{background:var(--accent);color:var(--on-accent)}.steps li.is-done{color:var(--c-green-ink);cursor:pointer}.steps li.is-done span{background:var(--c-green);color:#08260f;font-size:0}.steps li.is-done span:before{content:"✓";font-size:var(--fs-2xs)}#cartLayout[data-step=cart] .checkout,#cartLayout[data-step=checkout] .cart-topline,#cartLayout[data-step=checkout] .ship-progress,#cartLayout[data-step=checkout] .cart-items,#cartLayout[data-step=checkout] .upsell{display:none}.co-head{justify-content:space-between;align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.co-back{align-items:center;gap:var(--sp-2);color:var(--muted);font-size:var(--fs-sm);font-weight:600;display:inline-flex}.co-back:hover{color:var(--text)}.co-cap{color:var(--muted);font-size:var(--fs-2xs)}.co-recap{gap:var(--sp-1);max-height:148px;padding:var(--sp-3);border-radius:var(--radius-card);background:var(--surface-2);display:grid;overflow:auto}.co-recap-row{align-items:baseline;gap:var(--sp-3);font-size:var(--fs-xs);color:var(--text);grid-template-columns:minmax(0,1fr) auto auto;display:grid}.co-recap-row span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.co-recap-row em{color:var(--muted);font-style:normal}.co-recap-row b{font-variant-numeric:tabular-nums;white-space:nowrap}.step-anim{animation:fadeUp .24s var(--curve) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.cat-hero{gap:var(--sp-2);margin-bottom:var(--sp-4);display:grid}.cat-hero h1{font-family:var(--font-display);font-weight:800;font-size:var(--fs-xl);letter-spacing:-.2px;margin:0}.cat-hero h1 span{margin-left:var(--sp-2);font-family:var(--font);font-size:var(--fs-2xs);color:var(--muted);font-weight:500}.cart-layout{gap:var(--sp-4);grid-template-columns:minmax(0,1fr) 340px;align-items:start;display:grid}.cart-left{gap:var(--sp-3);min-width:0;display:grid}.cart-topline{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:0 var(--sp-1);display:flex}.f-check{align-items:center;gap:var(--sp-3);font-size:var(--fs-sm);color:var(--text);cursor:pointer;display:flex}.f-check input{opacity:0;position:absolute}.f-check i{border:1.5px solid var(--line-strong);width:18px;height:18px;transition:all .14s var(--curve);border-radius:5px;flex:none;place-items:center;display:grid}.f-check input:checked+i{background:var(--accent);border-color:var(--accent)}.f-check input:checked+i:before{content:"✓";color:var(--on-accent);font-size:var(--fs-xs);font-weight:800}.cart-clear{align-items:center;gap:var(--sp-2);color:var(--muted);font-size:var(--fs-sm);display:inline-flex}.cart-clear:hover{color:var(--hot-ink)}.ship-progress{gap:var(--sp-2);padding:var(--sp-3);border-radius:var(--radius-card);background:var(--surface);display:grid}.sp-text{font-size:var(--fs-xs);color:var(--text)}.sp-text b{color:var(--c-green-ink)}.sp-bar{background:var(--surface-3);border-radius:3px;height:5px;overflow:hidden}.sp-bar i{background:var(--c-green);width:0;height:100%;transition:width .3s var(--curve);border-radius:3px;display:block}.cart-items{gap:var(--sp-2);display:grid}.cart-item{align-items:center;gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--radius-card);background:var(--surface);grid-template-columns:auto 72px minmax(0,1fr) auto auto auto;display:grid}.cart-item.is-hidden{display:none}.ci-img{object-fit:cover;border-radius:var(--radius-sm);background:var(--media);width:72px;height:60px}.ci-info{gap:2px;min-width:0;display:grid}.ci-name{font-size:var(--fs-md);line-height:var(--lh-tight);color:var(--text)}.ci-name:hover{color:var(--accent-light)}.ci-var{color:var(--muted);font-size:var(--fs-xs)}.ci-note{color:var(--hot-ink);font-size:var(--fs-xs);font-weight:600}.qty{border-radius:var(--radius-sm);background:var(--surface-2);align-items:center;gap:2px;padding:2px;display:inline-flex}.qty-btn{width:26px;height:26px;color:var(--muted);font-size:var(--fs-md);border-radius:8px;place-items:center;display:grid}.qty-btn:hover{color:var(--text);background:var(--surface-3)}.qty-in{width:30px;color:var(--text);text-align:center;font-weight:700;font-size:var(--fs-sm);-moz-appearance:textfield;background:0 0;border:0;outline:0}.qty-in::-webkit-outer-spin-button{-webkit-appearance:none}.qty-in::-webkit-inner-spin-button{-webkit-appearance:none}.ci-price{justify-items:end;gap:1px;min-width:96px;display:grid}.ci-sum{color:var(--price);font-weight:800;font-size:var(--fs-md);white-space:nowrap;font-variant-numeric:tabular-nums}.ci-old{color:var(--muted);font-size:var(--fs-2xs)}.ci-acts{gap:2px;display:grid}.ci-acts button{width:28px;height:28px;color:var(--muted);font-size:var(--fs-md);border-radius:8px;place-items:center;display:grid}.ci-acts button:hover{color:var(--text);background:var(--surface-2)}.ci-acts .ci-del:hover{color:var(--hot-ink)}.upsell{gap:var(--sp-3);padding:var(--sp-3);border-radius:var(--radius-card);background:var(--surface);display:grid}.up-title{align-items:center;gap:var(--sp-2);font-weight:800;font-size:var(--fs-md);display:flex}.up-items{gap:var(--sp-2);grid-template-columns:1fr 1fr;display:grid}.up-item{align-items:center;gap:var(--sp-2);padding:var(--sp-2);border-radius:var(--radius-sm);background:var(--surface-2);grid-template-columns:44px minmax(0,1fr) auto;display:grid}.up-item img{object-fit:cover;border-radius:var(--radius-xs);background:var(--media);width:44px;height:38px}.up-item span{font-size:var(--fs-xs);line-height:var(--lh-tight);color:var(--text);display:block}.up-item b{color:var(--price);font-size:var(--fs-xs);font-weight:800}.checkout{gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--radius-banner);background:var(--surface);display:grid}.co-step{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-2);overflow:hidden}.co-step.is-active{border-color:var(--accent-line);background:var(--surface)}.co-step.is-locked{opacity:.5}.co-step-head{align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-3);text-align:left;color:var(--text);cursor:pointer;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.co-step.is-active .co-step-head,.co-step.is-locked .co-step-head{cursor:default}.co-step-n{background:var(--surface-3);width:22px;height:22px;color:var(--muted);font-size:var(--fs-xs);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.co-step.is-active .co-step-n{background:var(--accent);color:var(--on-accent)}.co-step.is-done .co-step-n{background:var(--c-green);color:#08260f;font-size:0}.co-step.is-done .co-step-n:after{content:"✓";font-size:var(--fs-xs)}.co-step-label{gap:1px;min-width:0;display:grid}.co-step-title{font-size:var(--fs-md);font-weight:700}.co-step-summary{font-size:var(--fs-xs);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;display:none;overflow:hidden}.co-step.is-done .co-step-summary{display:block}.co-step-chevron{color:var(--muted);font-size:var(--fs-md);opacity:0;transition:opacity .14s var(--curve)}.co-step.is-done .co-step-chevron{opacity:1}.co-step-body{padding:0 var(--sp-3) var(--sp-3);display:none}.co-step.is-active>.co-step-body{gap:var(--sp-3);display:grid}.co-step-next{min-height:36px;padding:0 var(--sp-5);border-radius:var(--radius-sm);background:var(--accent);color:var(--on-accent);font-weight:800;font-size:var(--fs-sm);justify-self:start}.co-step-next:hover{background:var(--accent-hover)}.co-grid{gap:var(--sp-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.co-field{gap:var(--sp-1);font-size:var(--fs-xs);color:var(--muted);display:grid}.co-field em{color:var(--muted);font-style:normal;font-size:var(--fs-2xs)}.co-field input{min-height:var(--ctl-h);padding:0 var(--sp-4);border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font-size:var(--fs-md);transition:border-color .14s var(--curve);outline:0}.co-field input:focus{border-color:var(--accent)}.co-options{gap:var(--sp-2);display:grid}.co-options.pay{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.co-opt{position:relative}.co-opt input{opacity:0;position:absolute}.co-card{align-items:center;gap:var(--sp-3);padding:var(--sp-3);border:1.5px solid var(--line);border-radius:var(--radius-card);background:var(--surface);cursor:pointer;transition:border-color .14s var(--curve), background-color .14s var(--curve);display:flex}.co-card-text{min-width:0}.co-card b{font-size:var(--fs-md);color:var(--text)}.co-card small{color:var(--muted);font-size:var(--fs-2xs);margin-top:1px;display:block}.co-card .sq{color:var(--muted);font-size:var(--fs-lg)}.co-card .tag{margin-left:auto}.co-opt input:checked+.co-card{border-color:var(--accent);background:var(--accent-soft)}.co-opt input:checked+.co-card .sq{color:var(--accent)}.co-comment{margin-top:0}.cart-summary{top:calc(var(--hdr,132px) + 12px);position:sticky}.sum-card{gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--radius-banner);background:var(--surface);display:grid}.sum-row{justify-content:space-between;align-items:baseline;gap:var(--sp-3);font-size:var(--fs-sm);color:var(--text);display:flex}.sum-row b{font-variant-numeric:tabular-nums;font-weight:700}.sum-row.off b{color:var(--c-green-ink)}.promo-field{gap:var(--sp-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.promo-field input{min-height:var(--ctl-h);padding:0 var(--sp-4);border:1.5px dashed var(--line-strong);border-radius:var(--radius-sm);color:var(--text);text-transform:uppercase;letter-spacing:1px;font-size:var(--fs-sm);background:0 0;outline:0}.promo-field input:focus{border-color:var(--accent)}.promo-field .soft-btn{min-height:var(--ctl-h);padding:0 var(--sp-4)}.f-switch{align-items:center;gap:var(--sp-3);font-size:var(--fs-sm);color:var(--text);cursor:pointer;display:flex}.f-switch input{opacity:0;position:absolute}.f-switch i{background:var(--surface-3);width:36px;height:21px;transition:background-color .16s var(--curve);border-radius:999px;flex:none;position:relative}.f-switch i:before{content:"";background:var(--on-accent);width:15px;height:15px;transition:left .16s var(--curve);border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #00000040}.f-switch input:checked+i{background:var(--accent)}.f-switch input:checked+i:before{left:18px}.coins-switch span{min-width:0}.coins-switch small{color:var(--muted);font-size:var(--fs-2xs);display:block}.sum-total{justify-content:space-between;align-items:baseline;gap:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--line);display:flex}.sum-total span{font-size:var(--fs-sm)}.sum-total b{font-family:var(--font-display);font-weight:900;font-size:var(--fs-2xl);letter-spacing:-.3px;color:var(--price);font-variant-numeric:tabular-nums}.sum-cta{width:100%;min-height:44px;font-size:var(--fs-md)}.sum-confirm{background:var(--c-green);color:#08260f}.sum-confirm:hover{filter:brightness(1.06)}.sum-note{text-align:center;font-size:var(--fs-2xs);color:var(--muted);margin:0}.sum-note a{color:var(--accent-light);text-underline-offset:2px;text-decoration:underline}.order-done{max-width:560px;margin:var(--sp-6) auto;justify-items:center;gap:var(--sp-3);padding:var(--sp-6);border-radius:var(--radius-banner);background:var(--surface);text-align:center;display:grid}.done-badge{background:var(--c-green-soft);width:52px;height:52px;color:var(--c-green-ink);font-size:var(--fs-2xl);border-radius:50%}.order-done h2{font-family:var(--font-display);font-weight:900;font-size:var(--fs-xl);margin:0}.order-done p{max-width:44ch;color:var(--muted);font-size:var(--fs-sm);line-height:var(--lh-body);margin:0}.order-done b{color:var(--accent-light)}.done-row{gap:var(--sp-2);flex-wrap:wrap;justify-content:center;display:flex}.done-row .soft-btn{padding:0 var(--sp-5);min-height:40px}@media (width<=1180px){.cart-layout{grid-template-columns:1fr}.cart-summary{position:static}}@media (width<=860px){.cart-item{row-gap:var(--sp-2);grid-template-columns:auto 64px minmax(0,1fr) auto;grid-template-areas:"chk img info acts""chk img qty price"}.ci-check{grid-area:chk}.ci-img{grid-area:img;width:64px;height:54px}.ci-info{grid-area:info}.qty{grid-area:qty;justify-self:start}.ci-price{grid-area:price;align-items:end;min-width:0}.ci-acts{grid-area:acts;grid-auto-flow:column}.ci-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.up-items,.co-grid{grid-template-columns:1fr}.co-options.pay{grid-template-columns:repeat(auto-fit,minmax(128px,1fr))}.cart-bar{z-index:44;left:0;right:0;bottom:calc(56px + env(safe-area-inset-bottom));align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);background:color-mix(in srgb, var(--surface) 96%, transparent);backdrop-filter:blur(10px);border-top:1px solid var(--line);position:fixed}.cb-all{font-size:var(--fs-xs);gap:var(--sp-2)}.cart-bar .f-check i,.cart-item .f-check i,.cart-topline .f-check i{border-radius:50%}.cb-sums{min-width:0;line-height:var(--lh-tight);flex:1;display:grid}#barTotal{font-family:var(--font-display);font-weight:900;font-size:var(--fs-md);color:var(--price);letter-spacing:-.2px}#barSaved{color:var(--c-green-ink);font-size:var(--fs-2xs);font-weight:700}.cb-go{min-height:40px;padding:0 var(--sp-6);background:var(--accent);color:var(--on-accent);font-weight:800;font-size:var(--fs-sm);border-radius:20px}.cb-go.confirm{background:var(--c-green);color:#08260f}.sum-cta{display:none}.cart-summary{padding-bottom:calc(92px + env(safe-area-inset-bottom))}body{padding-bottom:calc(176px + env(safe-area-inset-bottom))}.cat-hero{gap:var(--sp-1);margin-bottom:var(--sp-3)}.cat-hero h1{font-size:var(--fs-lg)}.cart-layout{gap:var(--sp-3)}.checkout{padding:var(--sp-3)}.order-done{margin:var(--sp-5) auto;padding:var(--sp-5) var(--sp-4)}}.steps li:not(.is-on):not(.is-done){display:none}