:root{--bg: #f6f9fc;--surface: #ffffff;--surface2: #f8fbff;--border: #e2e8f0;--text: #0f172a;--muted: #64748b;--accent: #20abe2;--accent-dim: #1b8fbe;--secondary: #e8b331;--danger: #f87171;--ok: #16a34a;--radius: 12px;--font: "DM Sans", system-ui, sans-serif;--bp-xs: 381px;--bp-sm: 521px;--bp-md: 641px;--bp-nav: 901px;--bp-lg: 981px;--bp-xl: 1081px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);background:radial-gradient(circle at 15% -10%,rgba(32,171,226,.08),transparent 35%),radial-gradient(circle at 90% -20%,rgba(232,179,49,.1),transparent 30%),var(--bg);color:var(--text);line-height:1.5;-webkit-text-size-adjust:100%;text-size-adjust:100%}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.55rem 1.1rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface2);color:var(--text);font-weight:600;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-dim));border-color:transparent;color:#fff;box-shadow:0 10px 22px #20abe240}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn-ghost{background:transparent}.btn-danger{background:#3a1f1f;border-color:var(--danger);color:#ffc9c9}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;box-shadow:0 8px 22px #0f172a0a}.input{width:100%;padding:.55rem .75rem;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);transition:border-color .16s ease,box-shadow .16s ease}.input:focus{outline:2px solid rgba(224,122,58,.35);border-color:var(--accent)}.label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.35rem}.grid-products{display:grid;grid-template-columns:1fr;gap:1rem;background:#eaf0f6;border:1px solid #d7e1ec;border-radius:14px;padding:.8rem}@media (min-width: 381px){.grid-products{grid-template-columns:repeat(auto-fill,minmax(min(170px,100%),1fr))}}@media (min-width: 521px){.grid-products{grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr))}}.muted{color:var(--muted);font-size:.9rem}.error-msg{color:var(--danger);font-size:.9rem;margin-top:.35rem}.page{width:100%;max-width:none;margin:0;padding:1.5rem clamp(1rem,2vw,2rem) 2rem;display:grid;gap:1rem}.page h1{margin:0 0 1rem;font-size:1.5rem;font-weight:700}.page-back-row{width:auto;justify-self:start}.back-chevron-btn{border:1px solid #000}.layout-nav{display:flex;flex-direction:column;align-items:stretch;gap:.65rem;flex-wrap:nowrap;padding:.65rem max(.75rem,env(safe-area-inset-left)) max(.65rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-right));padding-top:max(.65rem,env(safe-area-inset-top));border-bottom:1px solid var(--border);background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:20;box-shadow:0 6px 20px #0f172a0f}@media (min-width: 901px){.layout-nav{flex-direction:row;align-items:center;flex-wrap:wrap;gap:.85rem;padding:.75rem clamp(1rem,2vw,2rem);padding-top:.75rem}}.layout-nav a{color:var(--text);font-weight:500}.layout-nav a:hover{color:var(--accent)}.layout-nav a.active{color:var(--accent);font-weight:600}.layout-center-nav{flex:1;display:flex;justify-content:flex-start;gap:.4rem;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-bottom:.2rem;margin:0 -.25rem;padding-left:.25rem;padding-right:.25rem;scrollbar-width:thin}.layout-center-nav::-webkit-scrollbar{height:4px}.layout-center-nav::-webkit-scrollbar-thumb{background:#64748b59;border-radius:999px}@media (min-width: 901px){.layout-center-nav{justify-content:center;flex-wrap:wrap;overflow-x:visible;margin:0;padding:0}}.layout-center-nav a{padding:.5rem .78rem;border-radius:999px;flex:0 0 auto;min-height:44px;display:inline-flex;align-items:center}.layout-center-nav a.active{background:#20abe21f}.layout-user-actions,.layout-auth-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.6rem}.layout-user-actions .muted{font-size:.82rem;max-width:100%;overflow-wrap:anywhere}@media (min-width: 901px){.layout-user-actions .muted{font-size:.9rem;max-width:none}}.dash-side a.active{color:var(--accent);font-weight:600}.layout-brand{font-weight:700;font-size:1.1rem;letter-spacing:.02em;display:flex;align-items:center;gap:.7rem;text-decoration:none}.layout-brand-icon{height:34px;width:auto}@media (min-width: 901px){.layout-brand-icon{height:44px}}.layout-brand-wordmark{display:inline-flex;align-items:baseline;gap:0;font-weight:800;letter-spacing:.05em;font-size:1.15rem;line-height:1;background:linear-gradient(90deg,#17324a 0%,#1b4f6f 46%,#1e7ea9 72%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}@media (min-width: 901px){.layout-brand-wordmark{letter-spacing:.06em;font-size:1.85rem}}.layout-brand-dark,.layout-brand-accent{color:inherit}.layout-spacer{flex:1}.dash-shell{display:grid;grid-template-columns:1fr;min-height:calc(100vh - 56px)}@media (min-width: 801px){.dash-shell{grid-template-columns:220px 1fr}}.dash-side{border-right:none;border-bottom:1px solid var(--border);background:var(--surface);padding:1rem}@media (min-width: 801px){.dash-side{border-right:1px solid var(--border);border-bottom:none}}.dash-side a{display:block;padding:.5rem .75rem;border-radius:8px;color:var(--text);margin-bottom:.25rem}.dash-side a:hover,.dash-side a.active{background:var(--surface2);color:var(--accent);text-decoration:none}.dash-main{padding:1.25rem;width:100%;max-width:none;margin:0;display:flex;flex-direction:column;align-items:stretch}.dash-main>*{width:100%}.dash-main>.dash-back-row{width:auto;align-self:flex-start;margin-bottom:.25rem}.admin-portal-shell{display:grid;grid-template-columns:1fr;min-height:100vh}.admin-portal-side{border-right:none;border-bottom:1px solid var(--border);background:var(--surface);padding:1rem .85rem}.admin-portal-brand{font-weight:800;font-size:1rem;margin-bottom:.85rem}.admin-portal-nav{display:flex;gap:.4rem;flex-wrap:wrap}.admin-portal-nav a{display:block;color:var(--text);padding:.55rem .7rem;border-radius:9px}.admin-portal-nav a:hover,.admin-portal-nav a.active{background:var(--surface2);color:var(--accent)}.admin-portal-main{padding:1.25rem;display:grid;gap:.65rem;align-content:start}.admin-reports-toolbar{margin-bottom:.7rem;display:grid;gap:.7rem}.admin-reports-actions{display:flex;justify-content:flex-end}@media (min-width: 901px){.admin-portal-shell{grid-template-columns:250px minmax(0,1fr)}.admin-portal-side{border-right:1px solid var(--border);border-bottom:none}.admin-portal-nav{display:grid;gap:.25rem}}.dash-nav{display:flex;justify-content:center;align-items:center;gap:.55rem;border-bottom:1px solid var(--border);background:#ffffffd6;padding:.6rem 1.25rem}.dash-nav a{color:#475569;font-size:.88rem;text-decoration:none;padding:.4rem .72rem;border-radius:999px}.dash-nav a.active{color:var(--accent);font-weight:600;background:#20abe221}.page-auth{max-width:440px;margin:1.75rem auto}.auth-card{display:flex;flex-direction:column;gap:.75rem}.auth-header{margin-bottom:.75rem}.auth-header h1{margin:0;font-size:1.6rem}.auth-subtitle{margin-top:.25rem;font-size:.9rem}.input-with-toggle{position:relative}.input-toggle-btn{position:absolute;top:50%;right:.6rem;transform:translateY(-50%);border:none;background:transparent;padding:.1rem .25rem;font-size:.75rem;color:var(--muted);cursor:pointer}.page-home-header{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:.75rem;margin-bottom:1rem}@media (min-width: 641px){.page-home-header{flex-direction:row;justify-content:space-between;align-items:center;gap:1rem}}.page-home-header h1{margin:0}.page-home-subtitle{margin:0;font-size:.95rem;color:var(--muted)}.market-hero{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1rem}@media (min-width: 981px){.market-hero{grid-template-columns:2fr 1.1fr}}.market-hero-main h1{margin:0 0 .45rem}.market-hero-eyebrow{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.08em;color:var(--accent-dim);text-transform:uppercase;margin-bottom:.35rem}.market-hero-search{display:grid;grid-template-columns:1fr auto;gap:.6rem;margin-top:.8rem}.market-hero-side h3{margin:0 0 .65rem}.market-category-pills{display:flex;flex-wrap:wrap;gap:.45rem}.market-category-pills .btn.active{background:#20abe21f;border-color:#20abe259}.market-quick-strip{display:grid;grid-template-columns:1fr;gap:.75rem;margin-top:.25rem;margin-bottom:1.1rem;width:100%;max-width:100%;margin-left:auto;margin-right:auto;padding:.35rem .65rem}@media (min-width: 981px){.market-quick-strip{grid-template-columns:repeat(3,auto);gap:1.6rem;width:fit-content}}.market-quick-strip>div{display:flex;justify-content:center;align-items:center;gap:.25rem;text-align:center;padding:.15rem .55rem}.market-filters-flat{display:grid;grid-template-columns:1fr;gap:.6rem;max-width:1100px;margin:0 auto 1rem;padding:0}@media (min-width: 621px){.market-filters-flat{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 981px){.market-filters-flat{grid-template-columns:repeat(5,minmax(130px,1fr))}}.filter-spinner-select{position:relative}.spinner-select-button{display:flex;align-items:center;justify-content:space-between;gap:.5rem;text-align:left;padding-right:.55rem;border-radius:999px;cursor:pointer;background:radial-gradient(circle at right 1rem center,rgba(32,171,226,.1),transparent 1.25rem),var(--bg)}.filter-spinner-select:focus-within .spinner-select-button{border-color:#20abe2b3;box-shadow:0 0 0 4px #20abe224}.spinner-select-indicator{flex:0 0 auto;width:1.5rem;height:1.5rem;border-radius:999px;border:1px solid rgba(32,171,226,.35);background:linear-gradient(135deg,#20abe229,#1b8fbe1f);display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.spinner-select-dot{width:.55rem;height:.55rem;border-radius:999px;border-top:2px solid var(--accent);border-left:2px solid var(--accent);transform:rotate(-45deg);transition:transform .18s ease}.filter-spinner-select:focus-within .spinner-select-dot{transform:rotate(135deg)}.filter-spinner-select.open .spinner-select-dot{transform:rotate(135deg)}.spinner-select-menu{position:absolute;top:calc(100% + .35rem);left:0;right:0;z-index:25;max-height:280px;overflow-y:auto;padding:.35rem;border-radius:12px}.spinner-select-option{width:100%;border:none;border-radius:8px;background:transparent;color:var(--text);text-align:left;padding:.5rem .55rem;font-size:.95rem}.spinner-select-option:hover{background:#20abe21a}.spinner-select-option.active{background:#20abe229;color:#0c4a6e;font-weight:600}.market-category-group{margin-bottom:1.1rem}.market-category-group h2{margin:0 0 .65rem;font-size:1.05rem;color:#17324a}.page-home-compact{padding-top:.85rem;padding-bottom:1rem;gap:.7rem}.page-home-compact .card{padding:.7rem .85rem;border-radius:10px}.page-home-compact .market-hero{gap:.65rem;margin-bottom:.45rem}.page-home-compact .market-hero-main h1{font-size:1.7rem;margin-bottom:.2rem;line-height:1.1}.page-home-compact .page-home-subtitle{font-size:.86rem;line-height:1.3}.page-home-compact .market-hero-eyebrow{font-size:.64rem;margin-bottom:.2rem}.page-home-compact .market-hero-search{margin-top:.45rem;gap:.45rem}.page-home-compact .market-hero-side h3{margin-bottom:.45rem;font-size:.94rem}.page-home-compact .market-category-pills{gap:.3rem}.page-home-compact .market-category-pills .btn{padding:.3rem .62rem;font-size:.8rem}.page-home-compact .market-quick-strip{gap:.45rem;margin-bottom:.5rem}.page-home-compact .market-quick-strip>div{font-size:.82rem}.page-home-compact .market-filters-flat{gap:.45rem;margin-bottom:.65rem}.page-home-compact .spinner-select-button{padding-right:.5rem}.page-home-compact .input{padding:.42rem .62rem;font-size:.9rem}.page-home-compact .btn{padding:.42rem .82rem;font-size:.86rem}.page-home-compact .market-category-group{margin-bottom:.75rem}.page-home-compact .market-category-group h2{font-size:.98rem;margin-bottom:.45rem}.page-home-compact .grid-products{gap:.72rem}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.7rem;margin-bottom:.9rem}.summary-cards .card h3{margin:0;font-size:.78rem;color:var(--muted);font-weight:600}.summary-cards .card p{margin:.22rem 0 0;font-size:1.15rem;font-weight:700}.seller-storefront-page{gap:.7rem;padding-top:.8rem;padding-bottom:1.1rem}.seller-store-header{margin-bottom:.5rem;padding-top:.75rem;padding-bottom:.7rem}.seller-store-header-description{margin-top:.55rem;margin-bottom:0}.seller-storefront-summary-cards{margin-bottom:.35rem}.seller-storefront-summary-cards .card{padding-top:.7rem;padding-bottom:.65rem}.seller-storefront-products-title{margin-top:.15rem;margin-bottom:.3rem}.analytics-shell{display:block}.analytics-shell-seller{display:grid;gap:.9rem}.analytics-header{margin-bottom:.6rem}.analytics-header-seller{margin-bottom:0;padding:1rem 1.05rem;border-radius:16px;border:1px solid rgba(14,165,233,.2);background:linear-gradient(135deg,#f8fdff,#eef7ff 55%,#f9fafb);box-shadow:0 10px 28px #0e749014}.analytics-header h1{margin:0 0 .25rem;font-size:1.3rem}.analytics-controls{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.analytics-window{width:auto;min-width:120px}.summary-cards-seller{gap:.8rem}.seller-kpi-card{border-radius:14px;border:1px solid #e2e8f0;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 8px 20px #0f172a0d}.seller-kpi-card h3{color:#475569;font-size:.8rem;letter-spacing:.02em;text-transform:uppercase}.seller-kpi-card p{color:#0f172a;font-size:1.35rem}.analytics-two-col{display:grid;grid-template-columns:1fr;gap:.7rem;margin-top:.7rem}.analytics-admin-panel{margin-top:0;min-height:260px;padding:.9rem}.analytics-admin-panel-trend{margin-top:.7rem;min-height:300px}.analytics-admin-panel-sm{min-height:200px}.analytics-seller-row{display:grid;grid-template-columns:1fr;gap:.7rem;align-items:stretch}.analytics-seller-business-grid{display:grid;grid-template-columns:1fr;gap:.7rem}.analytics-seller-panel{border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 10px 24px #0f172a0d;background:#fff}.analytics-panel-head{display:grid;gap:.22rem;margin-bottom:.4rem}.analytics-seller-returns{background:linear-gradient(180deg,#fffef8,#fff)}.analytics-seller-financial-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.analytics-financial-card{display:grid;gap:.2rem;padding:.55rem .6rem;border-radius:10px;border:1px solid #e2e8f0;background:#f8fafc}.analytics-financial-card strong{font-size:1.02rem;color:#0f172a}.analytics-list{list-style:none;padding:0;margin:0;display:grid;gap:.35rem}.analytics-list li{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dashed #dbe5ef;padding-bottom:.3rem}@media (min-width: 901px){.admin-reports-toolbar{grid-template-columns:1fr auto;align-items:center}.analytics-two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-seller-row{grid-template-columns:minmax(260px,1.6fr) minmax(220px,1.2fr) minmax(200px,1fr)}.analytics-seller-business-grid{grid-template-columns:minmax(260px,1.2fr) minmax(260px,1fr)}}.table-wrap{overflow:auto;border-radius:12px;border:1px solid var(--border);background:var(--surface);box-shadow:0 8px 22px #0f172a0a}table.simple{width:100%;border-collapse:collapse;font-size:.9rem}table.simple thead{background:#f8fafc}table.simple th,table.simple td{padding:.72rem;border-bottom:1px solid var(--border);text-align:left}.subpage-shell{max-width:1120px;margin:0 auto;gap:.8rem}.subpage-head{display:grid;gap:.25rem;padding:.75rem .9rem}.subpage-head h1{margin:0;font-size:1.28rem}.subpage-head .muted{margin:0;font-size:.88rem}.seller-dashboard-shell{gap:1rem}.seller-dashboard-hero{display:flex;justify-content:space-between;align-items:flex-start;flex-direction:column;gap:1rem;padding:1.15rem 1.1rem;border:1px solid rgba(14,165,233,.24);background:linear-gradient(125deg,#f8fdff,#eef7ff 58%,#fff);box-shadow:0 10px 26px #0e749017}@media (min-width: 901px){.seller-dashboard-hero{align-items:flex-end;flex-direction:row}}.seller-dashboard-hero h1{margin:.2rem 0}.seller-dashboard-eyebrow{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:700;color:#0e7490}.seller-dashboard-hero-actions{display:flex;gap:.5rem;flex-wrap:wrap}.seller-dashboard-actions{display:grid;grid-template-columns:1fr;gap:.75rem}@media (min-width: 641px){.seller-dashboard-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 901px){.seller-dashboard-actions{grid-template-columns:repeat(4,minmax(0,1fr))}}.seller-dashboard-action-card{display:grid;gap:.55rem}.seller-dashboard-action-card h3,.seller-dashboard-action-card p{margin:0}.subpage-list{display:grid;gap:.6rem}.subpage-notice-card{padding:.72rem .9rem}.table-wrap-card{border-radius:10px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:.85rem;margin-bottom:.8rem}.panel-form{display:grid;grid-template-columns:1fr;gap:.9rem 1rem}.panel-form .full{grid-column:1 / -1}@media (min-width: 761px){.panel-form{grid-template-columns:repeat(2,minmax(0,1fr))}}.product-card{display:flex;flex-direction:column;height:100%;min-width:0;width:100%;max-width:100%;overflow:hidden;padding:.75rem .85rem}.product-card-link{text-decoration:none;color:inherit;display:block;flex:1;min-width:0}.product-card .muted{font-size:.82rem}.product-card-actions{margin-top:auto;padding-top:.6rem;border-top:1px solid var(--border);min-width:0;width:100%;max-width:100%}.product-card-buyrow{display:grid;grid-template-columns:1fr;gap:.5rem;align-items:center;min-width:0;width:100%}@media (min-width: 521px){.product-card-buyrow{grid-template-columns:repeat(2,minmax(0,1fr))}}.product-card-qtypicker{display:flex;align-items:center;justify-content:space-between;gap:.35rem;padding:.25rem;border:1px solid var(--border);border-radius:999px;background:var(--surface2);min-width:0;width:100%;max-width:100%}.product-card-qty-input{width:52px;min-width:0;max-width:52px;text-align:center;border-radius:999px;border:1px solid transparent;background:transparent;padding:.25rem .2rem;font-size:.95rem}.product-card-qty-input:focus{outline:none;border-color:#20abe28c;box-shadow:0 0 0 4px #20abe224}.product-card-add-btn{min-width:0;width:100%;justify-content:center;border-radius:999px;white-space:normal;max-width:100%}.product-card-incart{display:grid;grid-template-columns:1fr;gap:.5rem;align-items:center;min-width:0;width:100%}.product-card-stepper{display:flex;align-items:center;justify-content:space-between;gap:.35rem;padding:.25rem;border:1px solid var(--border);border-radius:999px;background:var(--surface2);min-width:0;width:100%;max-width:100%}.product-card-qty-btn{min-width:2.25rem;padding:.25rem .45rem;border-radius:999px}.product-card-qty-value{font-size:.95rem;font-weight:600;min-width:2.25rem;text-align:center}.product-card-checkout-btn{border-radius:999px;white-space:normal;padding:.45rem .85rem;max-width:100%;width:100%}.product-card-contact-btn{background:#eef1f4;border-color:#d4dbe4;color:#334155}.product-card-contact-btn:hover:not(:disabled){background:#e6ebf1}.product-card-media{position:relative;overflow:hidden}.product-card-carousel-track{height:100%;display:flex;width:100%;transition:transform .26s ease;will-change:transform}.product-card-carousel-slide{min-width:100%;height:100%}.product-card-carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:999px;border:1px solid rgba(100,116,139,.45);background:#6b728073;color:#e5e7eb;font-size:.82rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;z-index:2}.product-card-carousel-btn.left{left:6px}.product-card-carousel-btn.right{right:6px}.product-card-carousel-dots{position:absolute;bottom:6px;left:50%;transform:translate(-50%);display:inline-flex;gap:4px;z-index:2}.product-card-carousel-dot{width:6px;height:6px;border-radius:999px;background:#94a3b8b3;border:1px solid rgba(100,116,139,.5)}.product-card-carousel-dot.active{background:#6b7280;border-color:#6b7280}.product-card-badge{position:absolute;top:10px;right:10px;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#20abe2f2;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:800;box-shadow:0 8px 22px #0208172e}.product-card-media{aspect-ratio:16/11;border-radius:10px;overflow:hidden;background:var(--surface2);margin-bottom:.55rem}.product-card-media img{width:100%;height:100%;object-fit:cover}.product-card-title{font-weight:600;overflow-wrap:anywhere;font-size:.98rem}.product-detail-head{margin-bottom:.75rem}.product-detail-top{display:grid;grid-template-columns:1fr;gap:1.25rem;align-items:start;max-width:760px;margin:0 auto}.product-detail-media{min-height:280px;max-height:420px;overflow:hidden;padding:0;display:flex;align-items:center;justify-content:center;background:var(--surface2)}.product-detail-media img{width:100%;height:100%;max-height:420px;object-fit:contain}.product-media-thumbs{display:flex;gap:.45rem;margin-top:.35rem;overflow-x:auto;padding-bottom:.15rem}.product-media-thumb{width:66px;height:54px;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--surface2);padding:0;flex:0 0 auto}.product-media-thumb img,.product-media-thumb video{width:100%;height:100%;object-fit:cover}.product-media-thumb.active{border-color:var(--accent);box-shadow:0 0 0 3px #20abe224}.product-detail-main{display:grid;gap:.75rem;min-width:0}.product-detail-title{margin:0}.product-detail-price{padding:.75rem .9rem}.product-detail-price-value{margin:0;font-size:1.55rem;font-weight:700;color:var(--accent)}.product-detail-description{margin:0;color:#334155}.product-buy-box{position:static;height:fit-content;align-self:start}.product-buy-stock{margin:0;font-weight:600}.product-buy-actions{display:flex;gap:.5rem;align-items:center;margin-top:1rem;flex-wrap:wrap}.product-buy-qty{display:flex;align-items:center;gap:.35rem;border:1px solid var(--border);border-radius:999px;padding:.2rem;background:var(--surface2)}.product-buy-qty-btn{min-width:2rem;padding:.2rem .45rem;border-radius:999px}.product-buy-qty-input{width:76px;text-align:center;border:1px solid transparent;background:transparent;padding:.3rem .2rem}.product-reviews{margin-top:2rem}.checkout-page{max-width:1120px;margin:0 auto}.checkout-shell{display:grid;grid-template-columns:1fr;gap:1rem;align-items:start}.checkout-main h1{margin:0 0 .35rem}.checkout-items{display:grid;gap:.55rem;margin-top:.75rem}.checkout-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.65rem;align-items:center;padding:.55rem .65rem;border:1px solid var(--border);border-radius:10px;background:var(--surface2)}.checkout-summary{position:static}.checkout-summary-row{display:flex;justify-content:space-between;align-items:center;padding:.45rem 0;border-bottom:1px solid var(--border)}.checkout-submit{width:100%;margin-top:.85rem}.checkout-back-link{display:inline-block;margin-top:.8rem;font-size:.9rem}@media (min-width: 1081px){.product-detail-top{grid-template-columns:minmax(320px,520px) minmax(360px,1fr) minmax(280px,320px);max-width:1180px}.product-detail-media{min-height:320px;max-height:520px}.product-media-thumbs{margin-top:.45rem}.product-detail-media img{max-height:520px}.product-buy-box{position:sticky;top:92px}.checkout-shell{grid-template-columns:minmax(0,1fr) 320px}.checkout-summary{position:sticky;top:86px}}.seller-badge{display:inline-block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.2rem .5rem;border-radius:6px;vertical-align:middle}.seller-badge-verified{background:#20abe224;color:var(--accent-dim)}.seller-badge-new{background:var(--surface2);color:var(--muted)}.seller-badge-premium{background:linear-gradient(135deg,#fbbf2459,#f59e0b73);color:#92400e}.customer-chat-launcher{position:fixed;right:1rem;bottom:1rem;z-index:45;border-radius:999px;box-shadow:0 14px 28px #20abe259;width:2.45rem;height:2.45rem;min-width:2.45rem;padding:0}.customer-chat-launcher-icon{width:1.1rem;height:1.1rem;fill:currentColor}.customer-chat-widget{position:fixed;z-index:46;left:.55rem!important;right:.55rem!important;width:auto;top:auto!important;bottom:.55rem;max-width:calc(100vw - 1.1rem);max-height:calc(100vh - 1.1rem);border:1px solid rgba(226,232,240,.7);border-radius:16px;background:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 44px #11182726;overflow:hidden}@media (min-width: 641px){.customer-chat-widget{left:1rem!important;right:1rem!important;bottom:1rem;max-width:none;max-height:none}}@media (min-width: 901px){.customer-chat-widget{left:auto!important;right:auto;width:min(94vw,720px);top:auto!important;bottom:auto}}.customer-chat-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.5rem;padding:.75rem .85rem;border-bottom:1px solid rgba(226,232,240,.8);background:linear-gradient(120deg,#fffffff0,#f4fafff2);cursor:move}@media (min-width: 641px){.customer-chat-header{flex-wrap:nowrap;align-items:center}}.customer-chat-title-wrap{display:grid;gap:.12rem}.customer-chat-header-actions{display:flex;gap:.35rem;width:100%;justify-content:flex-end;flex-wrap:wrap}@media (min-width: 641px){.customer-chat-header-actions{width:auto;justify-content:flex-start}}.customer-chat-header-btn{padding:.34rem .65rem;border-radius:999px;font-size:.8rem}.customer-chat-body{display:grid;grid-template-columns:1fr;min-height:320px;max-height:calc(100vh - 150px)}@media (min-width: 641px){.customer-chat-body{min-height:360px;max-height:min(78vh,640px)}}@media (min-width: 901px){.customer-chat-body{grid-template-columns:minmax(220px,250px) 1fr;min-height:520px}}.customer-chat-status{font-size:.76rem;font-weight:600}.customer-chat-status.online{color:var(--ok)}.customer-chat-status.offline{color:var(--muted)}.customer-chat-sidebar{border-right:none;border-bottom:1px solid var(--border);padding:.65rem .7rem;overflow-y:auto;max-height:180px;background:#fff}@media (min-width: 901px){.customer-chat-sidebar{border-right:1px solid var(--border);border-bottom:none;max-height:none}}.customer-chat-content{padding:.5rem;overflow:hidden;background:#fff;min-width:0}@media (min-width: 641px){.customer-chat-content{padding:.7rem}}.customer-chat-conversations{display:grid;gap:.45rem}.customer-chat-conversation-btn{border:1px solid rgba(226,232,240,.8);border-radius:10px;background:#ffffffe6;text-align:left;padding:.5rem .6rem;display:flex;align-items:center;justify-content:space-between;gap:.45rem}.customer-chat-conversation-btn:hover{border-color:#20abe273;background:#20abe214}.customer-chat-conversation-btn.active{border-color:#20abe299;background:#20abe224}.customer-chat-conversation-name{font-size:.9rem;font-weight:600}.customer-chat-conversation-time{white-space:nowrap}.customer-chat-window{border:1px solid rgba(226,232,240,.85);border-radius:12px;background:#fff;display:flex;flex-direction:column;height:auto;max-height:calc(100vh - 240px);overflow:hidden}@media (min-width: 641px){.customer-chat-window{height:min(72vh,620px);max-height:none}}.customer-chat-messages-scroll{flex:1;overflow-y:auto;padding:.65rem .55rem;background:#fff}.customer-chat-ai-tip{border-top:1px solid rgba(226,232,240,.9);padding:.65rem .75rem;background:#f8fbfff2}.customer-chat-ai-tip strong{font-size:.84rem;color:var(--accent-dim)}.customer-chat-ai-tip .muted{margin:.3rem 0 0;font-size:.82rem}.customer-chat-composer{display:flex;gap:.5rem;padding:.6rem;border-top:1px solid rgba(226,232,240,.9);background:#fff}.customer-chat-send-btn{min-width:82px}.chat-list-panel h4{margin:0 0 .65rem;color:#111827;font-size:.92rem;font-weight:600}.chat-list-items{display:grid;gap:.5rem;min-width:0}.chat-item-wrap{position:relative}.chat-item{width:100%;border:1px solid #e5e7eb;border-radius:14px;background:#fff;display:grid;grid-template-columns:44px 1fr auto;gap:.55rem;align-items:center;padding:.52rem 2.2rem .52rem .52rem;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;min-width:0}.chat-item:hover{transform:translateY(-1px);box-shadow:0 8px 20px #11182714;border-color:#d1d5db}.chat-item.active{border-color:#111;box-shadow:0 8px 20px #1118271a}.chat-item-delete{position:absolute;top:.35rem;right:.35rem;border:1px solid #e2e8f0;border-radius:999px;background:#fff;color:#64748b;font-size:1rem;line-height:1;width:1.7rem;height:1.7rem;padding:0;display:inline-flex;align-items:center;justify-content:center;z-index:1}.chat-item-delete:hover{border-color:#fca5a5;color:#dc2626;background:#fff1f2}.chat-item-thumb{width:44px;height:44px;border-radius:10px;overflow:hidden;background:#f3f4f6;display:grid;place-items:center;color:#6b7280;font-size:.85rem;font-weight:700}.chat-item-thumb img{width:100%;height:100%;object-fit:cover}.chat-item-main{min-width:0}.chat-item-top{display:flex;justify-content:space-between;gap:.4rem;align-items:center;color:#111827;font-size:.8rem}.chat-item-sub,.chat-item-preview{color:#6b7280;font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item-unread{min-width:20px;height:20px;border-radius:999px;background:#111;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;padding:0 .25rem}.chat-main-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:.7rem;padding:.65rem .75rem;border-bottom:1px solid #e5e7eb;background:#fff}@media (min-width: 641px){.chat-main-header{align-items:center;flex-wrap:nowrap}}.chat-main-header-meta{display:grid;gap:.1rem;min-width:0}.chat-main-header-meta strong{color:#111827;font-size:.95rem;overflow-wrap:anywhere}.chat-view-product-btn{border-radius:999px;padding:.36rem .75rem}.chat-product-preview{margin:.55rem .55rem 0;border:1px solid #e5e7eb;border-radius:14px;padding:.5rem;display:grid;grid-template-columns:44px minmax(0,1fr);gap:.6rem;align-items:center}.chat-product-preview-link{grid-column:1 / -1;justify-self:start;border-radius:999px;padding:.34rem .62rem}@media (min-width: 641px){.chat-product-preview{grid-template-columns:52px 1fr auto}.chat-product-preview-link{grid-column:auto;justify-self:auto}}.chat-product-preview-media{width:52px;height:52px;border-radius:10px;overflow:hidden;background:#f3f4f6}.chat-product-preview-media img{width:100%;height:100%;object-fit:cover}.chat-product-preview-name{font-size:.86rem;font-weight:600;color:#111827}.chat-product-preview-price{font-size:.8rem;color:#6b7280}.chat-message-bubble{border-radius:16px;padding:.58rem .78rem;box-shadow:0 4px 14px #1118270f;animation:chat-fade-in .22s ease}.chat-message-bubble.mine{background:#f9fafb;border:1px solid #e5e7eb}.chat-message-bubble.theirs{background:#f3f4f6;border:1px solid #e5e7eb}.chat-image-message{width:190px;max-width:100%;border-radius:12px;margin-bottom:.35rem;border:1px solid #e5e7eb}.chat-receipt{margin-left:.2rem;font-weight:700}.chat-receipt.sent{color:#9ca3af}.chat-receipt.delivered{color:#6b7280}.chat-receipt.read{color:#eab308}.chat-message-input{display:grid;grid-template-columns:auto 1fr;gap:.45rem;padding:.65rem;border-top:1px solid #e5e7eb;min-width:0}.chat-message-input .btn-primary{grid-column:1 / -1;width:100%}@media (min-width: 641px){.chat-message-input{grid-template-columns:auto 1fr auto}.chat-message-input .btn-primary{grid-column:auto;width:auto}}.chat-attach-btn{border-radius:999px;width:36px;height:36px;padding:0}.chat-quick-replies{display:flex;gap:.35rem;padding:.45rem .65rem;border-top:1px solid #e5e7eb;overflow-x:auto}.chat-quick-replies .btn{border-radius:999px;white-space:nowrap;font-size:.76rem;padding:.28rem .55rem}.typing-indicator{display:inline-flex;align-items:center;gap:.42rem;font-size:.76rem;color:#6b7280;padding:.3rem .52rem;border-radius:999px;background:#f3f4f6}.typing-indicator-dots{display:inline-flex;gap:.2rem}.typing-indicator-dots i{width:4px;height:4px;border-radius:999px;background:#6b7280;animation:chat-typing 1s infinite ease-in-out}.typing-indicator-dots i:nth-child(2){animation-delay:.12s}.typing-indicator-dots i:nth-child(3){animation-delay:.24s}@keyframes chat-typing{0%,80%,to{transform:translateY(0);opacity:.45}40%{transform:translateY(-2px);opacity:1}}@keyframes chat-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}