:root{--brand:#14b889;--brand-dark:#0b7c60;--navy:#10243e;--gold:#f7b731}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Sarabun',sans-serif;background:#f6f8fb;color:#172033;overflow-x:hidden;-webkit-tap-highlight-color:transparent}
[x-cloak]{display:none!important}.safe-bottom{padding-bottom:max(.5rem,env(safe-area-inset-bottom))}.app-shell{min-height:100vh;background:radial-gradient(circle at 10% 0%,rgba(20,184,137,.08),transparent 24rem),#f6f8fb}
.glass{background:rgba(255,255,255,.86);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.card{background:#fff;border:1px solid #e9eef5;border-radius:1.5rem;box-shadow:0 10px 35px rgba(16,36,62,.06)}.soft-shadow{box-shadow:0 16px 45px rgba(16,36,62,.09)}
.interactive{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.interactive:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(16,36,62,.1)}.interactive:active{transform:scale(.985)}
.product-image{aspect-ratio:1/1;object-fit:cover;width:100%;background:#eef2f7}.line-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{scrollbar-width:none}
.school-gradient{background:linear-gradient(135deg,#10243e 0%,#153c54 52%,#0f9f78 130%)}.mesh{background-image:radial-gradient(circle at 80% 20%,rgba(247,183,49,.28),transparent 18rem),radial-gradient(circle at 12% 90%,rgba(20,184,137,.25),transparent 22rem)}
.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;background:#10243e;color:#fff;border-radius:1rem;font-weight:800;padding:.8rem 1.05rem;transition:.2s}.btn-primary:hover{background:#0b7c60}.btn-school{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;background:#14b889;color:#fff;border-radius:1rem;font-weight:800;padding:.8rem 1.05rem;transition:.2s}.btn-school:hover{background:#0f9f78}
.field{width:100%;border:1px solid #dde5ef;background:#fff;border-radius:1rem;padding:.8rem 1rem;outline:none;transition:.2s}.field:focus{border-color:#14b889;box-shadow:0 0 0 4px rgba(20,184,137,.12)}.label{display:block;font-size:.75rem;font-weight:800;color:#64748b;margin-bottom:.45rem}
.badge{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.35rem .65rem;font-size:.7rem;font-weight:800}.badge-green{background:#e8fbf5;color:#0b7c60}.badge-slate{background:#eef2f7;color:#536174}.badge-gold{background:#fff7df;color:#9a6811}
.drag-ghost{opacity:.45;background:#e8fbf5!important}.fc .fc-toolbar-title{font-size:1rem;font-weight:800}.fc .fc-button-primary{background:#10243e;border-color:#10243e}.fc .fc-button-primary:hover{background:#0b7c60;border-color:#0b7c60}.fc .fc-daygrid-event{border-radius:.5rem;padding:.1rem .3rem}
@media(max-width:767px){.mobile-pad{padding-bottom:5.75rem}.card{border-radius:1.25rem}.soft-shadow{box-shadow:0 10px 28px rgba(16,36,62,.07)}}

/* Marketplace hero: high-contrast light theme */
.hero-marketplace{
  background:
    radial-gradient(circle at 88% 12%,rgba(247,183,49,.22),transparent 19rem),
    radial-gradient(circle at 8% 88%,rgba(20,184,137,.18),transparent 23rem),
    linear-gradient(135deg,#f5fbff 0%,#f7fbfb 48%,#fff8e8 100%);
  border:1px solid rgba(16,36,62,.07);
}
.hero-marketplace:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.18),transparent 58%)}
.hero-badge{background:rgba(255,255,255,.82);border:1px solid #d9e7e3;color:#0b7c60;box-shadow:0 8px 24px rgba(16,36,62,.06)}
.hero-title{color:#10243e;text-shadow:0 1px 0 rgba(255,255,255,.6)}
.hero-title-accent{color:#d98a00}
.hero-description{color:#536174;font-weight:600}
.hero-btn-primary{background:#10243e;color:#fff;box-shadow:0 10px 24px rgba(16,36,62,.16)}
.hero-btn-primary:hover{background:#153c54;transform:translateY(-1px)}
.hero-btn-secondary{background:rgba(255,255,255,.86);color:#10243e;border:1px solid #d6e0e8;box-shadow:0 8px 20px rgba(16,36,62,.06)}
.hero-btn-secondary:hover{background:#fff;border-color:#9fd8c9;transform:translateY(-1px)}
.hero-stat{background:rgba(255,255,255,.72);border:1px solid rgba(16,36,62,.08);box-shadow:0 8px 22px rgba(16,36,62,.045);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
@media(max-width:639px){.hero-marketplace{background:linear-gradient(145deg,#f2fbf8 0%,#fff8e9 100%)}.hero-title-accent{color:#bd7600}}

/* 2026 payment + mobile stability upgrade */
html,body{width:100%;max-width:100%;overflow-x:hidden;overscroll-behavior-x:none;-webkit-text-size-adjust:100%;touch-action:manipulation}
body{position:relative}
a,button,[role="button"],input,select,textarea,label{touch-action:manipulation}
img,video,iframe,svg,canvas{max-width:100%}
main,section,article,header,footer,nav,div{min-width:0}
.break-anywhere{overflow-wrap:anywhere;word-break:break-word}
.payment-qr{width:min(280px,78vw);aspect-ratio:1/1;object-fit:contain;background:white;border:1px solid #e2e8f0;border-radius:1.5rem;padding:.75rem;box-shadow:0 14px 36px rgba(16,36,62,.08)}
.status-dot{width:.55rem;height:.55rem;border-radius:999px;display:inline-block}
.order-step{position:relative;padding-left:2.25rem}.order-step:before{content:"";position:absolute;left:.55rem;top:1.4rem;bottom:-1.2rem;width:2px;background:#e2e8f0}.order-step:last-child:before{display:none}.order-step-icon{position:absolute;left:0;top:.05rem;width:1.2rem;height:1.2rem;border-radius:999px;background:#fff;border:3px solid #14b889}
.store-shell{background:linear-gradient(180deg,#ffffff 0%,#f6f8fb 100%)}
.store-hero{background:radial-gradient(circle at 90% 10%,rgba(247,183,49,.2),transparent 18rem),linear-gradient(135deg,#10243e 0%,#153c54 58%,#0b7c60 125%)}
.store-product-card{background:#fff;border:1px solid #e7edf4;border-radius:1.4rem;overflow:hidden;box-shadow:0 9px 28px rgba(16,36,62,.055);transition:.2s}.store-product-card:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(16,36,62,.09)}
@media(max-width:767px){
 input,select,textarea{font-size:16px!important}
 .mobile-pad{padding-bottom:6.25rem}
 .payment-qr{width:min(250px,80vw)}
 .desktop-only{display:none!important}
}

.hide-scrollbar{overscroll-behavior-x:contain;touch-action:pan-x pan-y}


.line-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.rail-nav-btn{width:2.75rem;height:2.75rem;border-radius:999px;background:#fff;border:1px solid #dbe5ef;display:grid;place-items:center;color:#10243e;box-shadow:0 10px 24px rgba(16,36,62,.06);transition:.2s}
.rail-nav-btn:hover{transform:translateY(-1px);border-color:#14b889;color:#0b7c60}
.shop-rail{display:flex;gap:1rem;overflow-x:auto;padding:.25rem .05rem .4rem;scroll-snap-type:x proximity;scroll-behavior:smooth}
.shop-rail-card{min-width:min(100%,19rem);max-width:19rem;flex:0 0 min(100%,19rem);background:#fff;border:1px solid #e7edf4;border-radius:1.6rem;padding:1.15rem;box-shadow:0 10px 30px rgba(16,36,62,.06)}
.shop-rail-card__top{display:flex;align-items:center;justify-content:space-between;gap:.75rem}
.shop-rail-card__logo{width:4.5rem;height:4.5rem;border-radius:1.45rem;object-fit:cover;border:1px solid #e6ebf2;background:#fff;box-shadow:0 8px 18px rgba(16,36,62,.05)}
.store-hero-pro{border:1px solid rgba(255,255,255,.08)}
.btn-store-cta,.btn-store-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;border-radius:1rem;font-weight:800;padding:.9rem 1.1rem;transition:.2s}
.btn-store-cta{background:#fff;color:#10243e;box-shadow:0 12px 28px rgba(16,36,62,.18)}
.btn-store-cta:hover{transform:translateY(-1px)}
.btn-store-secondary{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.14)}
.btn-store-secondary:hover{background:rgba(255,255,255,.12)}
.store-metric-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);border-radius:1.5rem;padding:1rem 1rem 1.05rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 14px 28px rgba(0,0,0,.08)}
.store-metric-label{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.66)}
.store-metric-value{font-size:1.9rem;line-height:1;font-weight:900;color:#fff;margin-top:.35rem}
.store-metric-desc{font-size:.8rem;line-height:1.45;color:rgba(255,255,255,.72);margin-top:.45rem}
.store-metric-icon{width:2.75rem;height:2.75rem;border-radius:1rem;background:rgba(255,255,255,.13);display:grid;place-items:center;color:#fef3c7;flex-shrink:0}
.store-info-item{display:flex;gap:.85rem;padding:.9rem;background:#f8fafc;border:1px solid #edf2f7;border-radius:1.2rem}
.store-info-icon{width:2.5rem;height:2.5rem;border-radius:1rem;background:#fff;display:grid;place-items:center;box-shadow:0 8px 18px rgba(16,36,62,.05);flex-shrink:0}
@media (max-width: 767px){
 .shop-rail-card{min-width:85vw;max-width:85vw}
 .btn-store-cta,.btn-store-secondary{width:100%}
 .store-metric-value{font-size:1.65rem}
}


.resume-payment-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:linear-gradient(135deg,#fff 0%,#f0fdf9 100%);border:1px solid #d8f3e9;border-radius:1.35rem;padding:1rem 1.1rem;box-shadow:0 10px 28px rgba(16,36,62,.05)}
.resume-payment-icon{width:2.8rem;height:2.8rem;border-radius:1rem;background:#10243e;color:#fff;display:grid;place-items:center;flex-shrink:0}
.admin-status-pending{background:#fff7df;color:#9a6811}.admin-status-approved{background:#e8fbf5;color:#0b7c60}.admin-status-rejected{background:#fff1f2;color:#e11d48}
@media(max-width:639px){.resume-payment-card{align-items:stretch;flex-direction:column}.resume-payment-card .btn-school{width:100%}}

/* 2026 AJAX cart + fast checkout */
.cart-badge-pop{animation:cartBadgePop .28s ease}
@keyframes cartBadgePop{0%{transform:scale(.72)}60%{transform:scale(1.18)}100%{transform:scale(1)}}
.cart-add-btn{position:relative;overflow:hidden}
.cart-add-btn.cart-added{animation:cartAdded .35s ease}
@keyframes cartAdded{0%{transform:scale(.88)}55%{transform:scale(1.1)}100%{transform:scale(1)}}
.cart-spinner{width:1rem;height:1rem;border-radius:999px;border:2px solid currentColor;border-right-color:transparent;display:inline-block;animation:cartSpin .65s linear infinite}
@keyframes cartSpin{to{transform:rotate(360deg)}}
.qty-stepper{display:inline-grid;grid-template-columns:2.45rem 2.8rem 2.45rem;align-items:center;border:1px solid #dfe7ef;border-radius:1rem;background:#fff;overflow:hidden;box-shadow:0 6px 16px rgba(16,36,62,.04)}
.qty-stepper-btn{height:2.55rem;display:grid;place-items:center;color:#10243e;transition:.18s;background:#fff}
.qty-stepper-btn:hover:not(:disabled){background:#f0fdf9;color:#0b7c60}
.qty-stepper-btn:disabled{opacity:.3;cursor:not-allowed}
.qty-stepper-value{text-align:center;font-weight:900;font-size:.9rem;border-left:1px solid #edf2f7;border-right:1px solid #edf2f7;line-height:2.55rem}
.checkout-card{border-color:#dce8e4}
.checkout-section{padding:1rem;border:1px solid #e8edf3;border-radius:1.35rem;background:linear-gradient(180deg,#fff,#fbfcfd)}
.checkout-section-head{display:flex;align-items:flex-start;gap:.75rem}
.checkout-step{width:2rem;height:2rem;border-radius:.8rem;background:#10243e;color:#fff;display:grid;place-items:center;font-size:.75rem;font-weight:900;flex-shrink:0;box-shadow:0 7px 16px rgba(16,36,62,.14)}
.field-help{font-size:.68rem;color:#94a3b8;font-weight:600;margin:.4rem .15rem 0}
.payment-choice{display:flex;align-items:flex-start;gap:.8rem;padding:.9rem;border:1px solid #e2e8f0;border-radius:1.15rem;cursor:pointer;transition:.18s;background:#fff;position:relative}
.payment-choice:hover{border-color:#a7dccd;background:#fbfffd}
.payment-choice input{position:absolute;opacity:0;pointer-events:none}
.payment-choice:has(input:checked){border-color:#14b889;background:#f0fdf9;box-shadow:0 0 0 3px rgba(20,184,137,.08)}
.payment-choice-icon{width:2.7rem;height:2.7rem;border-radius:.9rem;display:grid;place-items:center;flex-shrink:0}
.payment-check{color:#cbd5e1;flex-shrink:0;margin-top:.15rem}
.payment-choice:has(input:checked) .payment-check{color:#0f9f78;fill:rgba(20,184,137,.12)}
@media(max-width:639px){
 .checkout-section{padding:.85rem;border-radius:1.15rem}
 .qty-stepper{grid-template-columns:2.35rem 2.55rem 2.35rem}
}
.payment-mini-step{padding:.7rem .45rem;border-radius:1rem;background:#f8fafc;border:1px solid #edf2f7;text-align:center;font-size:.7rem;color:#475569}.payment-mini-step span{width:1.35rem;height:1.35rem;border-radius:999px;background:#10243e;color:#fff;display:grid;place-items:center;margin:0 auto .35rem;font-size:.62rem;font-weight:900}.payment-mini-step strong{display:block;font-weight:800}.slip-upload-zone{display:block;border:1.5px dashed #b9c9d8;border-radius:1.25rem;padding:1rem;background:#fbfdff;cursor:pointer;transition:.18s}.slip-upload-zone:hover{border-color:#14b889;background:#f6fffb}

/* Admin-managed landing / branding */
.hero-admin-art{isolation:isolate;overflow:visible}
.hero-admin-art-image{filter:drop-shadow(0 22px 38px rgba(16,36,62,.14));transform:translateZ(0)}
.brand-preview-box{border:1px dashed #cbd5e1;border-radius:1.5rem;background:#f8fafc;min-height:12rem;display:flex;align-items:center;justify-content:center;padding:1.25rem;overflow:hidden}
.hero-preview-checker{background-color:#f8fafc;background-image:linear-gradient(45deg,#eef2f7 25%,transparent 25%),linear-gradient(-45deg,#eef2f7 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eef2f7 75%),linear-gradient(-45deg,transparent 75%,#eef2f7 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0}
@media(max-width:639px){.hero-admin-art{min-height:230px}.hero-admin-art-image{max-height:260px}}

/* Multi-image + Shopee-like product variants */
.variant-builder{border:1px solid #dfe7ef;border-radius:1.35rem;padding:1rem;background:linear-gradient(180deg,#fff,#fbfcfe)}
.variant-toggle{display:flex;align-items:flex-start;gap:.8rem;padding:.9rem;border-radius:1.1rem;background:#f8fafc;border:1px solid #edf2f7;cursor:pointer}.variant-toggle input{width:1.15rem;height:1.15rem;margin-top:.2rem;accent-color:#14b889}.variant-toggle-icon{width:2.6rem;height:2.6rem;border-radius:1rem;background:#e8fbf5;color:#0b7c60;display:grid;place-items:center;flex-shrink:0}
.variant-row{border:1px solid #e5ebf2;border-radius:1.15rem;padding:1rem;background:#fff;box-shadow:0 7px 22px rgba(16,36,62,.035)}
.product-gallery-thumb{width:4.6rem;height:4.6rem;border-radius:1rem;border:2px solid transparent;overflow:hidden;background:#f1f5f9;flex:0 0 auto;transition:.18s}.product-gallery-thumb:hover,.product-gallery-thumb.is-active{border-color:#14b889;box-shadow:0 0 0 3px rgba(20,184,137,.10)}.product-gallery-thumb img{width:100%;height:100%;object-fit:cover}
.variant-choice{display:flex;align-items:center;gap:.65rem;text-align:left;border:1px solid #dfe6ee;border-radius:1rem;padding:.75rem .85rem;background:#fff;transition:.18s;min-width:0}.variant-choice:hover{border-color:#9ad7c6;background:#f5fffb}.variant-choice.active{border-color:#14b889;background:#edfcf7;box-shadow:0 0 0 3px rgba(20,184,137,.10)}.variant-choice:disabled{opacity:.48;cursor:not-allowed;background:#f8fafc}.variant-choice-img{width:2.7rem;height:2.7rem;border-radius:.8rem;object-fit:cover;border:1px solid #e6edf3;flex-shrink:0}
.variant-detail-box{border-radius:1rem;background:#f8fafc;border:1px solid #edf2f7;padding:.9rem}
@media(max-width:767px){.variant-builder{padding:.8rem}.variant-row{padding:.85rem}.product-gallery-thumb{width:4rem;height:4rem}.variant-choice{padding:.68rem .72rem}}

/* Product reviews + affiliate/referral */
.product-social-metrics{display:flex;flex-wrap:wrap;gap:.55rem}.product-metric{display:inline-flex;align-items:center;gap:.38rem;padding:.55rem .7rem;border:1px solid #e7edf4;background:#fff;border-radius:999px;font-size:.72rem;color:#64748b}.product-metric strong{color:#172033}.product-metric:hover{border-color:#b8dccc;background:#f7fffc}
.affiliate-share-card{border:1px solid #dce8e4;background:linear-gradient(135deg,#f4fffb 0%,#f8fbff 100%);border-radius:1.35rem;padding:1rem}.affiliate-share-icon{width:2.6rem;height:2.6rem;border-radius:1rem;background:#e6fbf4;color:#0b7c60;display:grid;place-items:center;flex:none}
.review-star-btn{width:2.75rem;height:2.75rem;border-radius:1rem;background:#f8fafc;color:#cbd5e1;display:grid;place-items:center;border:1px solid #edf2f7;transition:.18s}.review-star-btn.active{background:#fff7df;color:#f59e0b;border-color:#fde4a0}.review-star-btn.active svg{fill:currentColor}.review-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.review-image{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:1rem;border:1px solid #e6ebf2;transition:.2s}.review-image:hover{transform:scale(1.02)}
@media(min-width:640px){.review-image-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:639px){.product-social-metrics{gap:.4rem}.product-metric{font-size:.68rem;padding:.48rem .58rem}.review-star-btn{width:2.5rem;height:2.5rem}}


/* Seller Center landing image + high-contrast hero */
.seller-dashboard-hero{position:relative;overflow:hidden;color:#fff;background:
 radial-gradient(circle at 88% 12%,rgba(247,183,49,.22),transparent 18rem),
 radial-gradient(circle at 10% 92%,rgba(20,184,137,.2),transparent 20rem),
 linear-gradient(135deg,#0b1f36 0%,#123a50 54%,#0a6d58 115%);border:1px solid rgba(255,255,255,.08)}
.seller-dashboard-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.13),transparent 48%,rgba(255,255,255,.025))}
.seller-dashboard-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;align-items:center;padding:1.5rem}
.seller-dashboard-main{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;flex-wrap:wrap}
.seller-dashboard-brand{display:flex;align-items:center;gap:1rem;min-width:0}
.seller-dashboard-logo{width:5rem;height:5rem;border-radius:1.35rem;object-fit:cover;background:#fff;border:2px solid rgba(255,255,255,.28);box-shadow:0 12px 28px rgba(0,0,0,.18);flex:none}
.seller-dashboard-copy{min-width:0}
.seller-dashboard-kicker{font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:#fcd34d}
.seller-dashboard-copy h1{font-size:clamp(1.55rem,3vw,2.2rem);line-height:1.15;font-weight:900;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.24);overflow-wrap:anywhere}
.seller-dashboard-copy>p:last-child{margin-top:.35rem;color:rgba(255,255,255,.82);font-size:.9rem;font-weight:600}
.seller-dashboard-actions{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}
.seller-dashboard-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.78rem 1rem;border-radius:1rem;font-size:.82rem;font-weight:900;transition:.18s;white-space:nowrap}
.seller-dashboard-btn-primary{background:#fff;color:#10243e;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.seller-dashboard-btn-primary:hover{transform:translateY(-1px);background:#f8fafc}
.seller-dashboard-btn-secondary{background:rgba(255,255,255,.11);color:#fff;border:1px solid rgba(255,255,255,.22)}
.seller-dashboard-btn-secondary:hover{background:rgba(255,255,255,.17);border-color:rgba(255,255,255,.35)}
.seller-dashboard-art{height:15rem;display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden}
.seller-dashboard-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 28px rgba(0,0,0,.24));transform:translateZ(0)}
@media(min-width:1024px){
 .seller-dashboard-hero-inner:has(.seller-dashboard-art){grid-template-columns:minmax(0,1.2fr) minmax(19rem,.8fr);padding:2rem}
 .seller-dashboard-main{align-content:center}
 .seller-dashboard-art{height:13rem}
}
@media(max-width:767px){
 .seller-dashboard-hero-inner{padding:1.15rem}
 .seller-dashboard-main{align-items:flex-start;flex-direction:column}
 .seller-dashboard-brand{align-items:flex-start}
 .seller-dashboard-logo{width:4.4rem;height:4.4rem}
 .seller-dashboard-actions{width:100%}
 .seller-dashboard-btn{flex:1 1 auto}
 .seller-dashboard-art{height:11rem;margin-top:.15rem}
}


.preview-remove-btn{width:2rem;height:2rem;border-radius:999px;background:rgba(15,23,42,.78);color:#fff;display:grid;place-items:center;box-shadow:0 8px 18px rgba(15,23,42,.24);border:1px solid rgba(255,255,255,.24)}
.preview-remove-btn:hover{background:#dc2626;color:#fff}

/* Cost, profit and finance */
.cost-profit-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;padding:.7rem;border-radius:1rem;background:linear-gradient(135deg,#f8fafc,#f0fdf9);border:1px solid #e6eef2}
.cost-profit-preview>div{min-width:0;padding:.55rem .65rem;border-radius:.8rem;background:rgba(255,255,255,.82)}
.cost-profit-preview span{display:block;font-size:.65rem;font-weight:800;color:#94a3b8}
.cost-profit-preview strong{display:block;margin-top:.15rem;font-size:.83rem;font-weight:900;color:#10243e;overflow-wrap:anywhere}
.finance-stat{background:#fff;border:1px solid #e9eef5;border-radius:1.4rem;padding:1rem;box-shadow:0 10px 30px rgba(16,36,62,.055)}
.finance-stat-icon{width:2.65rem;height:2.65rem;border-radius:1rem;display:grid;place-items:center}
.finance-stat p{font-size:.72rem;font-weight:800;color:#94a3b8;margin-top:.75rem}.finance-stat strong{display:block;font-size:1.35rem;font-weight:900;color:#10243e;margin-top:.15rem}.finance-stat small{display:block;font-size:.65rem;color:#94a3b8;margin-top:.2rem;line-height:1.35}
.finance-type-option{cursor:pointer}.finance-type-option input{position:absolute;opacity:0;pointer-events:none}.finance-type-option span{display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.8rem;border-radius:1rem;border:1px solid #e2e8f0;background:#f8fafc;font-size:.78rem;font-weight:900;color:#64748b;transition:.18s}.finance-type-option input:checked+span{border-color:#14b889;background:#ecfdf5;color:#0b7c60;box-shadow:0 0 0 3px rgba(20,184,137,.08)}
@media(max-width:639px){.cost-profit-preview{grid-template-columns:1fr}.finance-stat strong{font-size:1.12rem}}

/* Shipping, discounts and promotions */
.fulfillment-choice{display:flex;align-items:center;gap:.65rem;padding:.75rem;border:1px solid #e2e8f0;border-radius:1rem;background:#fff;cursor:pointer;transition:.18s}.fulfillment-choice:hover{border-color:#9ad7c6;background:#f8fffc}.fulfillment-choice input{width:1rem;height:1rem;accent-color:#14b889;flex:none}.fulfillment-choice:has(input:checked){border-color:#14b889;background:#effcf8;box-shadow:0 0 0 3px rgba(20,184,137,.08)}
.checkout-total-breakdown{background:#f8fafc;border-radius:1rem;padding:.8rem 1rem;margin-left:-.15rem;margin-right:-.15rem}.checkout-total-breakdown>div{min-width:0}
.promo-price-old{text-decoration:line-through;color:#94a3b8;font-size:.72rem}.promo-pill{display:inline-flex;align-items:center;gap:.3rem;border-radius:999px;background:#fff7df;color:#a16207;padding:.28rem .55rem;font-size:.65rem;font-weight:900}
@media(max-width:639px){.fulfillment-choice{padding:.65rem}.checkout-total-breakdown{padding:.7rem .8rem}}