.cart-list,.cart-summary{--cart-hairline:color-mix(in srgb,var(--border) 75%,transparent);--cart-ring:color-mix(in srgb,var(--primary) 22%,transparent);--cart-surface:var(--bg-alt);--cart-surface-soft:color-mix(in srgb,var(--bg-alt) 85%,var(--bg))}.header-with-back{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--primary)}.back-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--bg);color:var(--text);border:1px solid var(--border);cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-decoration:none;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.08)}.back-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateX(-3px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.back-btn svg{width:20px;height:20px}.cart-page-title{margin:0;font-size:1.5rem;font-weight:800;letter-spacing:-.01em;color:var(--text);display:inline-flex;align-items:center;position:relative}.cart-page-title::before{content:"";display:inline-block;width:4px;height:28px;margin-right:.75rem;border-radius:2px;background:var(--primary,#d91a1a)}.cart-layout{display:grid;grid-template-columns:1fr 400px;gap:5rem;align-items:start;width:100%}@media(max-width:1200px){.cart-layout{grid-template-columns:1fr;gap:3rem}}.cart-items-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--cart-hairline);background:color-mix(in srgb,var(--bg-alt) 50%,transparent)}.cart-items-count{font-size:.9rem;font-weight:600;color:var(--text)}.btn-clear-cart{display:inline-flex;align-items:center;gap:.35rem;background:transparent;border:1px solid var(--border);color:var(--text-muted);font-size:.78rem;font-weight:500;cursor:pointer;padding:.35rem .75rem;border-radius:.5rem;transition:all .2s ease}.btn-clear-cart:hover{color:var(--danger);border-color:var(--danger);background:rgba(239,68,68,.08)}.btn-clear-cart svg{flex-shrink:0}.cart-list-scroll{max-height:calc(100vh - 300px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.cart-list-scroll::-webkit-scrollbar{width:6px}.cart-list-scroll::-webkit-scrollbar-track{background:transparent}.cart-list-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.checkout-summary-card{padding:1.5rem;background:color-mix(in srgb,var(--bg-alt) 80%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:1rem;box-shadow:var(--shadow-lg);display:flex;flex-direction:column}@media(min-width:1201px){#checkout-summary-area{position:static;top:auto;z-index:auto}}.checkout-summary-card h3{font-size:1.1rem;letter-spacing:-.01em;margin-bottom:1.5rem!important;color:var(--text)}.checkout-summary-items{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.summary-row{display:flex;justify-content:space-between;margin-bottom:.75rem;font-size:.9rem;color:var(--text-muted)}.summary-row.total{margin-top:1.25rem;padding-top:1.25rem;border-top:2px dashed var(--border);font-size:1.25rem;font-weight:800;color:var(--text)}.summary-row.total span:last-child{color:var(--danger);font-size:1.5rem}[data-theme="dark"] .checkout-summary-card{background:rgba(26,26,26,.75);border-color:rgba(255,255,255,.05)}.cart-list{position:relative;border:1px solid var(--cart-hairline);border-radius:calc(var(--radius) + .25rem);background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 4%,var(--cart-surface)) 0%,var(--cart-surface) 60%);box-shadow:var(--shadow-md);overflow:hidden}.cart-list::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--primary) 70%,transparent),transparent);opacity:.8;z-index:1;pointer-events:none}[data-theme="dark"] .cart-list{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 5%,var(--cart-surface)) 0%,var(--cart-surface) 60%)}.cart-item-total{text-align:right;font-weight:800;font-size:1.15rem;color:var(--primary);white-space:nowrap;width:108px;justify-self:end}.btn-remove{display:inline-flex;align-items:center;gap:4px;background:transparent;border:1px solid transparent;color:var(--text-muted);font-size:.78rem;font-weight:500;cursor:pointer;padding:4px 10px;border-radius:999px;opacity:.75;transition:color 150ms ease,background 150ms ease,opacity 150ms ease,border-color 150ms ease}.btn-remove:hover{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent);border-color:color-mix(in srgb,var(--danger) 35%,transparent);opacity:1}.btn-remove:focus-visible{outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 25%,transparent)}.cart-summary{position:sticky;top:calc(var(--navbar-h) + 1.5rem);padding:1.75rem;border:1px solid var(--cart-hairline);border-radius:calc(var(--radius) + .25rem);background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 4%,var(--cart-surface)) 0%,var(--cart-surface) 60%);box-shadow:var(--shadow-md)}.cart-summary::before{content:"";position:absolute;top:0;left:1px;right:1px;height:3px;border-top-left-radius:calc(var(--radius) + .15rem);border-top-right-radius:calc(var(--radius) + .15rem);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--primary) 70%,transparent),transparent);opacity:.8;z-index:1;pointer-events:none}[data-theme="dark"] .cart-summary{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 5%,var(--cart-surface)) 0%,var(--cart-surface) 60%)}.cart-summary-title{margin:0 0 1.25rem;padding-bottom:1rem;font-size:1.15rem;font-weight:700;letter-spacing:-.01em;color:var(--text);border-bottom:1px solid var(--cart-hairline)}.cart-summary-title::before{content:"";display:inline-block;width:6px;height:20px;margin-right:.55rem;vertical-align:-4px;border-radius:3px;background:linear-gradient(180deg,var(--primary),var(--primary-dark))}@media(max-width:768px){.btn-remove{font-size:.8rem;text-align:right;white-space:nowrap}.cart-summary{padding:1.1rem;border-radius:1rem;top:auto}}@media(max-width:480px){.btn-remove{padding:0}}.summary-row{display:flex;justify-content:space-between;font-size:.9rem;padding:.45rem 0;color:var(--text-muted);font-variant-numeric:tabular-nums}.summary-row>span:last-child{color:var(--text);font-weight:600}.cart-summary .summary-row.total{align-items:center;margin-top:1rem;padding:.85rem 1rem;border:1px solid var(--cart-hairline);border-radius:999px;background:var(--cart-surface-soft);font-size:1rem;font-weight:700;color:var(--text)}.cart-summary .summary-row.total>span:first-child{color:var(--text-muted);font-weight:600;font-size:.88rem;letter-spacing:.01em;text-transform:uppercase}.cart-summary .summary-row.total>span:last-child{font-size:1.5rem;font-weight:800;line-height:1;color:var(--primary);font-variant-numeric:tabular-nums}@keyframes tier-success-pop{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.08)}100%{transform:scale(1);opacity:1}}@keyframes tier-success-glow{0%{box-shadow:0 0 0 0 rgba(22,163,74,.4)}70%{box-shadow:0 0 0 8px rgba(22,163,74,0)}100%{box-shadow:0 0 0 0 rgba(22,163,74,0)}}@keyframes price-flash{0%{background-color:transparent}30%{background-color:rgba(22,163,74,.15)}100%{background-color:transparent}}@keyframes savings-bounce-in{0%{transform:scale(0) rotate(-10deg);opacity:0}60%{transform:scale(1.15) rotate(3deg)}80%{transform:scale(.95) rotate(-2deg)}100%{transform:scale(1) rotate(0deg);opacity:1}}.tier-success-banner{animation:tier-success-pop .5s ease-out forwards,tier-success-glow .8s ease-out .3s forwards}.price-old{text-decoration:line-through;color:var(--text-muted);font-size:.85rem;opacity:.8}.price-new{font-weight:700;color:var(--success)}.cart-item-price-row{animation:price-flash .6s ease-out}.tier-savings-badge{display:inline-flex;align-items:center;gap:.25rem;background:linear-gradient(135deg,#166534,#16a34a);color:#fff;font-size:.72rem;font-weight:700;padding:.2rem .5rem;border-radius:999px;animation:savings-bounce-in .5s ease-out .2s both}.tier-savings-badge svg{width:12px;height:12px}.tier-eligible-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.72rem;font-weight:600;color:var(--success,#22c55e);padding:.15rem .4rem;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.25);border-radius:999px;white-space:nowrap;margin:.2rem 0}.tier-eligible-badge svg{width:14px;height:14px;flex-shrink:0;color:var(--success,#22c55e)}.cart-trust{display:flex;justify-content:center;gap:1rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--cart-hairline)}.cart-trust-item{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--text-muted)}.cart-trust-item svg{width:18px;height:18px;flex-shrink:0}.summary-row.tier-savings>span:last-child{color:var(--success)}@keyframes tier-mini-near-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes tier-mini-success-bounce{0%{transform:scale(.8);opacity:.5}60%{transform:scale(1.05)}100%{transform:scale(1);opacity:1}}@keyframes tier-mini-shimmer{0%{background-position:-100% 0}100%{background-position:200% 0}}.tier-mini-bar{transition:all .3s ease}.tier-mini-near{animation:tier-mini-near-pulse 1.5s ease-in-out infinite}.tier-mini-success{animation:tier-mini-success-bounce .6s ease-out forwards}.tier-mini-success::after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);background-size:200% 100%;animation:tier-mini-shimmer 1s ease-out .3s forwards;pointer-events:none}.tier-mini-bar.tier-mini-near{box-shadow:0 0 0 0 rgba(245,158,11,0);animation:tier-mini-near-pulse 1.5s ease-in-out infinite,tier-mini-near-glow 2s ease-in-out infinite}@keyframes tier-mini-near-glow{0%,100%{box-shadow:0 0 0 0 rgba(245,158,11,.4)}50%{box-shadow:0 0 6px 2px rgba(245,158,11,.3)}}.navbar-actions{display:flex;align-items:center;gap:.5rem}.summary-row.tax{color:var(--text-muted)}body.checkout-page .container.page{max-width:1320px;padding-left:1.25rem;padding-right:1.25rem}body.cart-page .container.page{max-width:1320px;padding-left:1.25rem;padding-right:1.25rem}.cart-layout{grid-template-columns:minmax(0,1fr) clamp(320px,27vw,380px);gap:clamp(1.25rem,2.2vw,2.25rem)}.checkout-main{min-width:0}#checkout-summary-area{width:100%;align-self:start}.checkout-summary-card{width:100%;padding:1.25rem}.checkout-summary-title{margin-bottom:1rem!important}.checkout-summary-details{margin-top:.4rem}@media(min-width:1201px){#checkout-summary-area{position:static;top:auto;z-index:auto}.checkout-summary-card{max-height:none;overflow:visible}}@media(max-width:1200px){body.checkout-page .container.page{max-width:none}body.cart-page .container.page{max-width:none}#checkout-summary-area{position:static;top:auto}.checkout-summary-card{max-height:none;overflow:visible}}#checkout-summary-area{position:static!important;top:auto!important;z-index:auto!important;overflow:visible!important}#checkout-summary-area .checkout-summary-card{max-height:none!important;overflow:visible!important}.checkout-summary-details{display:flex;flex-direction:column;gap:.15rem;margin-top:.2rem}.checkout-summary-details .summary-row{margin-bottom:0;padding:.2rem 0;font-size:.86rem;line-height:1.25}.service-fee-row>span{position:relative;display:inline-flex;align-items:center;gap:.35rem}.fee-info-icon{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;border-radius:50%;color:var(--text-muted);font-size:.76rem;line-height:1;cursor:help}.service-fee-row:hover .fee-tooltip,.service-fee-row:focus-within .fee-tooltip,.fee-info-icon:hover+.fee-tooltip{display:block}.service-fee-row .fee-tooltip{left:0;bottom:calc(100% + 8px);z-index:1200}.checkout-trust-badge{width:100%;text-align:center;margin-top:.55rem;font-size:.9rem;font-weight:700;color:var(--text-muted)}@media(max-width:1200px){.cart-layout{grid-template-columns:1fr!important;gap:1rem!important}.checkout-main,#checkout-summary-area{width:100%;min-width:0;max-width:100%}#checkout-summary-area{order:2;margin-top:.9rem;margin-bottom:0;position:static!important}#checkout-summary-area .checkout-summary-card{width:100%;margin:0;padding:1rem;border-radius:.9rem}.checkout-summary-details .summary-row{font-size:.84rem;padding:.18rem 0}.summary-row.total{margin-top:.75rem;padding-top:.75rem;font-size:1.08rem}.summary-row.total .total-amount{font-size:1.2rem}.btn-checkout-finalize{padding:.82rem;font-size:1rem}}@media(max-width:768px){body.checkout-page .container.page{padding-left:1rem;padding-right:1rem}body.cart-page .container.page{padding-left:1rem;padding-right:1rem;padding-top:.65rem}body.cart-page .header-with-back{margin-top:.25rem;margin-bottom:1.35rem}.cart-layout{grid-template-columns:1fr!important;gap:1rem!important}.cart-left-col,.cart-summary{width:100%;min-width:0;max-width:100%}.card--line-item{position:relative;flex-wrap:wrap;gap:.5rem;padding-right:2.25rem}.card--line-item .card__media{width:56px;height:56px;flex-shrink:0}.card--line-item .card__media img{width:56px!important;height:56px!important}.card--line-item .card__body{flex:1;min-width:0}.card--line-item .qty-stepper{margin-left:auto}.card--line-item .cart-item-total{margin-left:0;width:100%;text-align:right;padding-right:.25rem}.card--line-item .btn-remove{position:absolute;top:.5rem;right:.5rem}}