.cart-page,.checkout-page,.placed-page{--cart-gap:12px;--cart-gap-lg:24px;--cart-line-pad:12px;--cart-summary-w:340px;--cart-thumb:88px;--cart-thumb-sm:64px}.cart-page,.checkout-page,.placed-page{max-width:var(--container);margin-inline:auto;padding:24px 16px 48px}.cart-page__title{font-size:1.5rem;font-weight:800;margin-bottom:18px;color:var(--ink)}.cart-empty{display:flex;flex-direction:column;align-items:center;gap:14px;padding:56px 16px;color:var(--muted);text-align:center}.cart-empty svg{color:var(--line)}.cart-empty p{font-size:1.05rem;margin:0}.cart-alert{background:#fffbeb;border:1px solid #fde68a;color:#92400e;padding:12px 16px;border-radius:var(--radius-sm);margin-bottom:18px;font-size:.9rem}.cart-alert--err{background:#fef2f2;border-color:#fecaca;color:#991b1b}.cart-layout,.checkout-layout{display:grid;grid-template-columns:1fr var(--cart-summary-w);gap:var(--cart-gap-lg);align-items:start}@media(max-width:991px){.cart-layout,.checkout-layout{grid-template-columns:1fr}}.cart-lines{display:flex;flex-direction:column;gap:var(--cart-gap)}.cart-line{display:flex;flex-direction:column;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-sm)}.cart-line__head{display:grid;grid-template-columns:var(--cart-thumb) 1fr auto;gap:14px;align-items:start}.cart-line__media{display:block;width:var(--cart-thumb);height:var(--cart-thumb);border-radius:var(--radius-sm);overflow:hidden;background:var(--line-soft);flex-shrink:0}.cart-line__media img{width:100%;height:100%;object-fit:contain}.cart-line__headmain{display:flex;flex-direction:column;gap:8px;min-width:0}.cart-line__title{font-weight:700;font-size:1rem;line-height:1.5;color:var(--ink);text-decoration:none}.cart-line__title:hover{color:var(--primary)}.cart-line__specs{display:flex;flex-direction:column;gap:4px;margin:0}.cart-line__spec{display:flex;align-items:center;gap:6px;font-size:.84rem;line-height:1.6;min-width:0}.cart-line__spec-key{margin:0;color:var(--muted);font-weight:500;flex-shrink:0}.cart-line__spec-key::after{content:":";margin-inline-start:1px}.cart-line__spec-val{margin:0;display:inline-flex;align-items:center;gap:6px;color:var(--ink);font-weight:700;min-width:0}.cart-line__spec-val>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-line__spec-swatch{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.15);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);flex-shrink:0}.cart-line__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--line-soft)}.cart-line__qty{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:999px;padding:4px}.qty-btn{width:30px;height:30px;border:0;background:var(--line-soft);border-radius:50%;font-size:1.1rem;line-height:1;cursor:pointer;color:var(--ink);display:grid;place-items:center}.qty-btn:hover{background:var(--primary-soft);color:var(--primary)}.qty-btn:disabled{opacity:.4;cursor:not-allowed}.qty-val{min-width:28px;text-align:center;font-weight:700}.cart-line__remove{border:0;background:transparent;color:var(--muted);cursor:pointer;display:grid;place-items:center;padding:6px;border-radius:8px;flex-shrink:0}.cart-line__remove:hover{color:var(--danger);background:#fef2f2}@media(max-width:576px){.cart-line{padding:12px;gap:10px}.cart-line__head{grid-template-columns:var(--cart-thumb-sm) 1fr auto;gap:12px}.cart-line__media{width:var(--cart-thumb-sm);height:var(--cart-thumb-sm)}.cart-line__title{font-size:.92rem}.cart-line__foot{gap:10px}}.cart-summary{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm);position:sticky;top:calc(var(--header-h) + 12px)}.cart-summary__title{font-size:1.05rem;font-weight:800;margin-bottom:14px;color:var(--ink)}.cart-summary__row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:.92rem;color:var(--ink);border-bottom:1px solid var(--line-soft)}.cart-summary__row:last-of-type{border-bottom:0}.cart-summary__row--off{color:#059669}.cart-summary__row--pay{font-size:1.05rem;font-weight:800;border-top:1px solid var(--line);margin-top:6px;padding-top:12px;border-bottom:0}.checkout-main{display:flex;flex-direction:column;gap:18px}.checkout-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm)}.checkout-card__title{font-size:1.05rem;font-weight:800;margin-bottom:14px;color:var(--ink)}.checkout-empty-addr{color:var(--muted);margin:0 0 8px}.addr-list{display:flex;flex-direction:column;gap:10px}.addr-item{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px;cursor:pointer;transition:border-color .15s,background .15s}.addr-item:has(input:checked){border-color:var(--primary);background:var(--primary-soft)}.addr-item input{margin-top:4px;accent-color:var(--primary)}.addr-item__body{display:flex;flex-direction:column;gap:4px}.addr-item__name{font-weight:700;color:var(--ink)}.addr-item__text{font-size:.88rem;color:var(--ink)}.addr-item__post{font-size:.82rem;color:var(--muted)}.addr-new{margin-top:14px;border-top:1px solid var(--line-soft);padding-top:12px}.addr-new>summary{cursor:pointer;font-weight:700;color:var(--primary);list-style:none}.addr-new>summary::-webkit-details-marker{display:none}.addr-form{margin-top:14px}.addr-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.addr-form__grid label{display:block;font-size:.82rem;color:var(--muted);margin-bottom:4px}.addr-form__full{grid-column:1/-1}@media(max-width:576px){.addr-form__grid{grid-template-columns:1fr}}.checkout-items{display:flex;flex-direction:column;gap:10px}.checkout-item{display:grid;grid-template-columns:48px 1fr auto auto;align-items:center;gap:12px}.checkout-item img{width:48px;height:48px;object-fit:contain;border-radius:8px;background:var(--line-soft)}.checkout-item__title{font-size:.9rem;color:var(--ink)}.checkout-item__qty{font-size:.85rem;color:var(--muted)}.checkout-item__total{font-weight:700;white-space:nowrap}.checkout-note{font-size:.78rem;color:var(--muted);text-align:center;margin:8px 0 0}.shipping-list{display:flex;flex-direction:column;gap:10px}.shipping-item{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;cursor:pointer;transition:border-color .15s,background .15s}.shipping-item:has(input:checked),.shipping-item--selected{border-color:var(--primary);background:var(--primary-soft)}.shipping-item input{accent-color:var(--primary);flex-shrink:0}.shipping-item__body{flex:1;display:flex;flex-direction:column;gap:3px}.shipping-item__name{font-weight:700;color:var(--ink)}.shipping-item__desc{font-size:.82rem;color:var(--muted)}.shipping-item__cost{font-weight:700;white-space:nowrap;color:var(--primary);direction:ltr;text-align:left}.shipping-item__cost small{font-size:.78rem;font-weight:400;color:var(--muted);margin-right:2px}.shipping-item__free{color:#059669;font-weight:700}.placed-page{display:grid;place-items:center;min-height:50vh}.placed-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:40px 28px;box-shadow:var(--shadow);text-align:center;max-width:460px}.placed-icon{color:#059669;margin-bottom:12px}.placed-title{font-size:1.4rem;font-weight:800;color:var(--ink);margin-bottom:10px}.placed-code{font-size:.95rem;color:var(--ink);margin-bottom:10px}.placed-text{color:var(--muted);margin-bottom:22px}.placed-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.cart-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--line-soft)}.cart-hero__left{display:flex;flex-direction:column;gap:4px;min-width:0}.cart-hero__title{font-size:1.5rem;font-weight:800;margin:0;color:var(--ink)}.cart-hero__sub{font-size:.88rem;color:var(--muted)}.cart-hero__continue{display:inline-flex;align-items:center;gap:6px;color:var(--primary);font-weight:700;text-decoration:none;font-size:.9rem;padding:8px 14px;border:1px solid var(--primary-soft);border-radius:999px;background:var(--primary-soft);transition:background .15s,color .15s;flex-shrink:0}.cart-hero__continue:hover{background:var(--primary);color:#fff}.cart-hero__continue svg{width:16px;height:16px}@media(max-width:576px){.cart-hero{flex-direction:column;align-items:stretch;gap:10px}.cart-hero__title{font-size:1.25rem}.cart-hero__continue{align-self:flex-start}}.cart-empty--lg{padding:72px 16px 56px}.cart-empty--lg .cart-empty__icon{color:var(--primary-soft);margin-bottom:8px}.cart-empty--lg .cart-empty__title{font-size:1.25rem;font-weight:800;color:var(--ink);margin:0}.cart-empty--lg .cart-empty__text{color:var(--muted);margin:0;max-width:360px}.cart-empty--lg .cart-empty__cta{margin-top:8px;min-width:220px}.cart-summary__cta{display:block;width:100%;margin-top:14px;padding:12px 16px;font-weight:800;font-size:1rem;text-align:center;border-radius:12px;background:var(--primary);color:#fff;border:0;text-decoration:none;cursor:pointer;transition:background .15s,transform .05s}.cart-summary__cta:hover{background:var(--primary-d);color:#fff}.cart-summary__cta:active{transform:scale(.99)}.cart-summary__hint{display:flex;align-items:center;gap:6px;margin-top:10px;padding:8px 10px;background:var(--line-soft);border-radius:8px;font-size:.78rem;color:var(--muted)}.cart-summary__hint svg{width:14px;height:14px;flex-shrink:0;color:var(--primary)}.cart-summary__guest{display:flex;align-items:flex-start;gap:8px;margin-top:10px;padding:10px 12px;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;font-size:.82rem;color:#9a3412;line-height:1.6}.cart-summary__guest svg{width:18px;height:18px;flex-shrink:0;color:#c2410c;margin-top:1px}@media(max-width:991px){.cart-summary{position:static;top:auto}}.cart-mobile-bar{display:none}@media(max-width:576px){.cart-page{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}.cart-summary{position:static;top:auto;margin-top:14px;border-radius:var(--radius)}.cart-summary__cta--desk{display:none!important}.cart-mobile-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;gap:12px;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:var(--surface,#fff);border-top:1px solid var(--line,#e5e7eb);box-shadow:0 -6px 20px rgba(16,24,40,.1)}.cart-mobile-bar__info{display:flex;flex-direction:column;gap:2px;flex:0 0 auto;min-width:0}.cart-mobile-bar__label{font-size:.74rem;color:var(--muted,#6b7280)}.cart-mobile-bar__amount{font-size:1rem;font-weight:800;color:var(--ink,#111827);white-space:nowrap}.cart-mobile-bar__cta{flex:1 1 auto;min-height:48px;display:flex;align-items:center;justify-content:center;padding:12px 16px;border:0;border-radius:12px;background:var(--primary,#2563eb);color:#fff;font-size:1rem;font-weight:800;text-align:center;text-decoration:none;cursor:pointer;transition:background .15s,transform .05s}.cart-mobile-bar__cta:hover{background:var(--primary-d,#1d4ed8);color:#fff}.cart-mobile-bar__cta:active{transform:scale(.99)}.cart-mobile-bar__cta:disabled{background:#e5e7eb;color:#6b7280;cursor:not-allowed}}.ckout-mobile-bar{display:none}@media(max-width:991px){.checkout-page .cart-summary{position:static;top:auto}}@media(max-width:576px){.checkout-page{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}.checkout-page .ckout-summary{position:static;margin-top:14px}.checkout-page .ckout-summary__cta--desk{display:none!important}.ckout-mobile-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;gap:12px;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:var(--surface,#fff);border-top:1px solid var(--line,#e5e7eb);box-shadow:0 -6px 20px rgba(16,24,40,.1)}.ckout-mobile-bar__info{display:flex;flex-direction:column;gap:2px;flex:0 0 auto;min-width:0}.ckout-mobile-bar__label{font-size:.74rem;color:var(--muted,#6b7280)}.ckout-mobile-bar__amount{font-size:1rem;font-weight:800;color:var(--ink,#111827);white-space:nowrap}.ckout-mobile-bar__cta{flex:1 1 auto;min-height:48px;padding:12px 16px;border:0;border-radius:12px;background:var(--primary,#2563eb);color:#fff;font-size:1rem;font-weight:800;text-align:center;cursor:pointer;transition:background .15s,transform .05s}.ckout-mobile-bar__cta:hover{background:var(--primary-d,#1d4ed8)}.ckout-mobile-bar__cta:active{transform:scale(.99)}.ckout-mobile-bar__cta:disabled{background:#e5e7eb;color:#6b7280;cursor:not-allowed}}.cart-line{position:relative;transition:border-color .15s,box-shadow .15s,opacity .15s}.cart-line:hover{border-color:var(--line);box-shadow:var(--shadow)}.cart-line__media{position:relative}.cart-line__off-badge{position:absolute;top:6px;inset-inline-end:6px;background:var(--danger,#dc2626);color:#fff;font-size:.7rem;font-weight:800;padding:2px 6px;border-radius:6px;line-height:1;box-shadow:0 2px 6px rgba(220,38,38,.25)}.cart-line__price{display:inline-flex;align-items:baseline;gap:6px;flex-wrap:wrap}.cart-line__price-old{color:var(--muted);text-decoration:line-through;font-size:.82rem}.cart-line__price-now{color:var(--ink);font-weight:700;font-size:.95rem}.cart-line__price-unit{color:var(--muted);font-size:.72rem}.cart-line__total{display:flex;align-items:baseline;gap:4px;line-height:1.2}.cart-line__total-val{font-weight:800;font-size:1.05rem;color:var(--ink);white-space:nowrap}.cart-line__total-cur{font-size:.72rem;color:var(--muted)}.cart-line--out{border-color:#fecaca;background:linear-gradient(0deg,rgba(254,242,242,.6),rgba(254,242,242,.6)),var(--surface)}.cart-line--out .cart-line__media img{opacity:.55;filter:grayscale(.4)}.cart-line--out .cart-line__qty{opacity:.55;pointer-events:none}.cart-line__warn{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:4px 8px;background:#fef2f2;color:#991b1b;border:1px solid #fecaca;border-radius:6px;font-size:.76rem;font-weight:600}.cart-line__lowstock{margin-top:4px;font-size:.74rem;color:#b45309;font-weight:600}.cart-line__qty--disabled{border:0;padding:0;justify-content:center;opacity:1;pointer-events:none}.cart-line__out-tag{display:inline-block;padding:4px 10px;background:#fee2e2;color:#991b1b;border:1px solid #fecaca;border-radius:999px;font-size:.78rem;font-weight:800}.cart-alert--danger{background:#fef2f2;border-color:#fecaca;color:#991b1b;font-weight:700}.cart-summary__cta--disabled{background:#e5e7eb;color:#6b7280;cursor:not-allowed}.cart-summary__cta--disabled:hover{background:#e5e7eb;color:#6b7280}@media(max-width:576px){.cart-line__spec{font-size:.8rem}}.cart-line[data-busy="1"]{opacity:.7;pointer-events:none}.cart-line[data-busy="1"]::after{content:"";position:absolute;inset:0;background:rgba(255,255,255,0);border-radius:var(--radius);pointer-events:none}.qty-btn[data-loading="1"],.cart-line__remove[data-loading="1"]{position:relative;color:transparent!important;pointer-events:none}.qty-btn[data-loading="1"]::before,.cart-line__remove[data-loading="1"]::before{content:"";position:absolute;inset:50% 0 0 50%;width:14px;height:14px;margin:-7px 0 0 -7px;border:2px solid var(--line);border-top-color:var(--primary);border-radius:50%;animation:cart-spin .7s linear infinite}@keyframes cart-spin{to{transform:rotate(360deg)}}.cart-line__qty[data-loading="1"]{box-shadow:0 0 0 2px var(--primary-soft)}.cart-line--error{animation:cart-shake .35s ease;border-color:var(--danger,#dc2626)}@keyframes cart-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(4px)}75%{transform:translateX(-4px)}}.cart-confirm{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;background:rgba(255,255,255,.96);backdrop-filter:blur(2px);border-radius:var(--radius);z-index:5;padding:8px 12px;flex-wrap:wrap;text-align:center}.cart-confirm__msg{font-size:.9rem;color:var(--ink);font-weight:700}.cart-confirm__btn{border:0;border-radius:8px;padding:7px 14px;font-size:.85rem;font-weight:700;cursor:pointer}.cart-confirm__btn--yes{background:var(--danger,#dc2626);color:#fff}.cart-confirm__btn--yes:hover{background:#b91c1c}.cart-confirm__btn--no{background:var(--line-soft);color:var(--ink)}.cart-confirm__btn--no:hover{background:var(--line)}.cart-toast-host{position:fixed;bottom:20px;inset-inline-end:20px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.cart-toast{pointer-events:auto;min-width:220px;max-width:320px;background:var(--ink,#111827);color:#fff;padding:10px 14px;border-radius:10px;font-size:.88rem;font-weight:600;box-shadow:0 8px 24px rgba(0,0,0,.18);display:flex;align-items:center;gap:8px;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s}.cart-toast--show{opacity:1;transform:translateY(0)}.cart-toast--ok{background:#065f46}.cart-toast--err{background:#991b1b}.cart-toast--info{background:#1e3a8a}.cart-toast svg{width:16px;height:16px;flex-shrink:0}@media(max-width:576px){.cart-toast-host{inset-inline-end:8px;inset-inline-start:8px;bottom:12px}.cart-toast{min-width:0}}.cart-skeleton{display:flex;flex-direction:column;gap:var(--cart-gap)}.cart-skeleton__row{height:110px;border-radius:var(--radius);background:linear-gradient(90deg,var(--line-soft) 0%,var(--line) 50%,var(--line-soft) 100%);background-size:200% 100%;animation:cart-shimmer 1.2s linear infinite}@keyframes cart-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.cart-empty-inline{animation:cart-fade-in .35s ease}@keyframes cart-fade-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}