.drawer.cart-drawer{width:min(440px,94vw);transition:none}.cart-scrim{-webkit-backdrop-filter:none;transition:none}.cart-drawer .drawer-head{padding:12px 12px 12px 20px}.cart-drawer .drawer-head h3{font-size:19px}.cd-count{color:var(--muted);letter-spacing:0;font-size:15px;font-weight:700}.cart-drawer .drawer-body{overscroll-behavior:contain;gap:18px;padding:14px 16px}.cart-drawer .drawer-foot{padding:14px 16px calc(14px + env(safe-area-inset-bottom,0px));gap:10px;box-shadow:0 -10px 24px -18px #05140f59}.cart-drawer .drawer-foot .sum-row.total{font-size:17px}.cd-checkout{justify-content:center;height:52px;font-size:16px}.cd-cartlink{color:var(--brand);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 80%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 80%, transparent);justify-self:center;margin:-6px 0;padding:10px 14px;font-weight:800}.cd-trust{text-align:center;color:var(--muted);justify-content:center;align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:flex}.cd-trust svg{color:var(--good);flex:none}.cl-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.cl{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);border-radius:18px;grid-template-columns:64px minmax(0,1fr);align-items:start;gap:12px;padding:10px;display:grid;position:relative}.cl-thumb{background:var(--surface-2);border-radius:14px;place-items:center;width:64px;height:64px;display:grid;position:relative;overflow:hidden}.cl-thumb img{object-fit:contain;mix-blend-mode:multiply;width:88%;height:88%}.cl-thumb .illu-svg{width:74%;height:74%}.cl-main{gap:2px;min-width:0;padding-right:30px;display:grid}.cl-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14.5px;font-weight:800;line-height:1.25;display:-webkit-box;overflow:hidden}.cl-name:hover{color:var(--brand)}.cl-meta{color:var(--muted);font-size:12.5px;font-weight:600}.cl-bottom{justify-content:space-between;align-items:center;gap:10px;margin-top:6px;margin-right:-30px;display:flex}.cl-total{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:900}.cl .qty{background:var(--surface-2)}.qty button[aria-disabled=true]{opacity:.35;cursor:not-allowed;background:0 0;transform:none}.cl-undo{background:var(--surface-2);min-height:56px;color:var(--muted);border-radius:18px;justify-content:space-between;align-items:center;gap:10px;padding:8px 8px 8px 14px;font-size:13.5px;font-weight:600;display:flex}.cl-undo>span{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}.cl-undo b{color:var(--text);font-weight:800}.cl-undo-btn{border-radius:var(--r-pill);background:var(--surface);min-height:40px;color:var(--brand);box-shadow:inset 0 0 0 1.5px var(--brand);flex:none;align-items:center;gap:6px;padding-inline:14px;font-weight:800;display:inline-flex}.cl-undo-btn svg{width:16px;height:16px}.cl-undo-btn:hover{background:color-mix(in srgb, var(--brand) 8%, var(--surface))}.line-x{border-radius:var(--r-pill);width:36px;height:36px;color:var(--muted);place-items:center;transition:background-color .15s,color .15s;display:grid;position:absolute;top:4px;right:4px}.line-x:after{content:"";position:absolute;inset:-4px}.line-x svg{stroke-width:2.4px;width:18px;height:18px}.line-x:hover{background:color-mix(in srgb, var(--bad) 10%, var(--surface));color:var(--bad)}@media (pointer:coarse){.line-x{width:40px;height:40px;top:2px;right:2px}}.free-bar{gap:7px;display:grid}.free-bar p{align-items:center;gap:7px;min-height:20px;font-size:13.5px;font-weight:700;line-height:1.25;display:flex}.free-bar p b{color:var(--brand);white-space:nowrap;font-weight:900}.free-bar p svg{width:17px;height:17px;color:var(--brand);flex:none}.free-bar .track{border-radius:var(--r-pill);background:var(--surface-2);height:7px;display:block;overflow:hidden}.free-bar .track i{border-radius:inherit;background:linear-gradient(90deg, var(--brand-2), var(--brand));transform-origin:0;height:100%;transition:transform .35s var(--ease);display:block}.free-bar.done p{color:var(--good)}.free-bar.done p svg{color:var(--good);stroke-width:3px}.free-bar.done .track i{background:var(--good)}.up h4,.up h2{margin-bottom:10px;font-size:15px;font-weight:800}.up-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.up-tile{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);border-radius:16px;grid-template-rows:auto 1fr auto;gap:6px;min-width:0;padding:8px;display:grid;position:relative}.up-tile.skel{height:178px}.up-img{aspect-ratio:1;background:var(--surface-2);border-radius:12px;place-items:center;display:grid;overflow:hidden}.up-img img{object-fit:contain;mix-blend-mode:multiply;width:86%;height:86%}.up-img .illu-svg{width:70%;height:70%}.up-text{align-content:start;gap:3px;min-width:0;display:grid}.up-why{color:var(--good);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11.5px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.up-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;align-self:start;height:2.5em;font-size:12.5px;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.up-name:hover{color:var(--brand)}.up-foot{justify-content:space-between;align-items:center;gap:4px;display:flex}.up-foot b{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px;font-weight:900}.up-add{border-radius:var(--r-pill);background:var(--brand);width:34px;height:34px;color:var(--on-brand);transition:transform .25s var(--spring), background-color .2s;flex:none;place-items:center;display:grid;position:relative}.up-add:after{content:"";position:absolute;inset:-5px}.up-add svg{stroke-width:2.6px;width:18px;height:18px}.up-add:hover{transform:scale(1.08)}.up-add:active{transform:scale(.92)}.up-add.on{background:color-mix(in srgb, var(--good) 14%, var(--surface));color:var(--good);cursor:default;transform:none}.cl-name:focus-visible{outline-offset:1px}.up-add:focus-visible{outline-offset:3px}.toast{white-space:normal;width:max-content;max-width:min(520px,100vw - 24px);line-height:1.3}.toast>span{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;display:-webkit-box;overflow:hidden}.toast>a{flex:none}html:has(.cart-drawer) .toast{bottom:auto;top:calc(14px + env(safe-area-inset-top,0px))}.co-steps{margin:2px 0 18px}.co-steps ol{align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.co-steps li{min-width:0;color:var(--muted);flex:0 auto;align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}.co-steps li+li:before{content:"";background:var(--line);border-radius:2px;flex:none;width:clamp(16px,5vw,48px);height:2px}.co-steps li.done+li:before{background:var(--brand)}.co-steps a,.co-steps li>span{align-items:center;gap:8px;min-width:0;display:inline-flex}.co-steps a{margin-block:-8px;padding-block:8px}.co-steps a:hover .lbl{color:var(--brand);text-underline-offset:3px;text-decoration:underline}.co-steps .dot{background:var(--surface);width:28px;height:28px;box-shadow:inset 0 0 0 2px var(--line);color:var(--muted);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:900;display:grid}.co-steps .lbl{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.co-steps li.current{color:var(--text)}.co-steps li.current .dot{background:var(--brand);color:var(--on-brand);box-shadow:none}.co-steps li.done{color:var(--brand)}.co-steps li.done .dot{background:color-mix(in srgb, var(--brand) 12%, var(--surface));color:var(--brand);box-shadow:none}@media (max-width:420px){.co-steps li{font-size:13px}.co-steps ol{gap:6px}.co-steps li+li:before{width:12px}}
