*,*::before,*::after{box-sizing:border-box}
:root{--font-ui:Manrope,"Noto Sans","Segoe UI",ui-sans-serif,system-ui,sans-serif;--font-mono:"Cascadia Code","SFMono-Regular",Consolas,ui-monospace,monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:clamp(1.5rem,2.8vw,2.25rem);--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:88px;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px;--motion-fast:150ms;--motion-base:220ms;--motion-slow:360ms;--ease:cubic-bezier(0.22,0.61,0.36,1);--content-max:1320px;--header-max:var(--content-max);--portal-nav-width:224px;--gutter:clamp(16px,2.5vw,32px);--touch-target:44px;--focus-width:3px;--border-width:1px;--line-subtle:color-mix(in srgb,var(--line) 60%,transparent)}
html[lang="cn"] body,html[lang="tw"] body,html[lang="jp"] body{--font-ui:"Noto Sans SC","Noto Sans TC","Noto Sans JP","Microsoft YaHei",ui-sans-serif,sans-serif}
html[lang="ar"] body{--font-ui:"Noto Sans Arabic","Segoe UI",Tahoma,ui-sans-serif,sans-serif}
html{color-scheme:light;scroll-behavior:smooth}
body{min-width:0;margin:0;overflow-x:clip;background:var(--surface);color:var(--text);font-family:var(--font-ui);font-size:1rem;line-height:1.6;text-rendering:optimizeLegibility}
.theme-xcmalls{--canvas:#0b1c2b;--surface:#fff;--surface-alt:#f4f6f8;--surface-raised:#fff;--text:#12212b;--text-on-dark:#fff;--muted:#61707c;--brand:#116a7a;--brand-deep:#0b4856;--accent:#ff5a36;--accent-soft:#fff0eb;--premium:#b78328;--line:#dfe5e9;--success:#237a57;--warning:#8a5b12;--danger:#ad342a;--focus:#0b76a8;--shadow:0 18px 50px rgba(22,39,52,0.12)}
.theme-hkeb{--canvas:#102a29;--surface:#fff;--surface-alt:#f3f7f6;--surface-raised:#fff;--text:#172724;--text-on-dark:#fff;--muted:#61706b;--brand:#14736a;--brand-deep:#0c4c47;--accent:#e95937;--accent-soft:#fff0eb;--premium:#ad812f;--line:#dce6e2;--success:#277555;--warning:#7d5700;--danger:#9b3434;--focus:#087995;--shadow:0 18px 50px rgba(27,47,42,0.12)}
a{color:inherit;text-decoration-thickness:0.08em;text-underline-offset:0.18em}
img,svg{display:block;max-width:100%}
button,input,select,textarea{font:inherit}
button,.button{min-height:var(--touch-target)}
button{color:inherit}
:focus-visible{outline:var(--focus-width) solid var(--focus);outline-offset:3px}
.skip-link{position:fixed;inset-block-start:var(--space-sm);inset-inline-start:var(--space-sm);z-index:100;transform:translateY(-160%);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);background:var(--focus);color:#fff;font-weight:800}
.skip-link:focus{transform:translateY(0)}
.visually-hidden,.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.header-inner,.utility-inner,.marketplace-hero,.section-grid,.flow-grid,.footer-grid,.page-shell,.collection-page,.portal-shell,.auth-page{width:min(100%,var(--content-max));margin-inline:auto;padding-inline:var(--gutter)}
.site-header{position:sticky;inset-block-start:0;z-index:30;width:100%;border-block-end:var(--border-width) solid var(--line);background:color-mix(in srgb,var(--surface) 96%,transparent);backdrop-filter:blur(18px)}
.header-utility{border-block-end:var(--border-width) solid var(--line-subtle);background:var(--surface-alt);color:var(--muted);font-size:var(--text-xs)}
.utility-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);min-height:36px}
.ship-to{white-space:nowrap}
.utility-tools{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2xs);min-width:0}
.header-menu{position:relative}
.header-menu summary{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding-inline:var(--space-xs);border-radius:var(--radius-sm);list-style:none;white-space:nowrap;cursor:pointer}
.header-menu summary::-webkit-details-marker,.departments-menu summary::-webkit-details-marker{display:none}
.header-menu summary::after{content:"⌄";color:var(--muted);font-size:0.68rem}
.header-menu[open] summary,.header-menu summary:hover{background:var(--surface);color:var(--text)}
.header-menu-panel{position:absolute;inset-block-start:calc(100% + var(--space-xs));inset-inline-end:0;z-index:60;display:grid;gap:var(--space-2xs);width:max-content;min-width:220px;max-width:min(340px,calc(100vw - (2 * var(--gutter))));padding:var(--space-sm);border:var(--border-width) solid var(--line);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--text);box-shadow:var(--shadow)}
.header-menu-title{margin:0 0 var(--space-2xs);padding:var(--space-xs);color:var(--muted);font-size:var(--text-xs);font-weight:800;letter-spacing:0.06em;text-transform:uppercase}
.header-menu-panel a,.header-menu-panel button{display:flex;align-items:center;gap:var(--space-xs);min-height:40px;padding:var(--space-xs) var(--space-sm);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text);font-size:var(--text-sm);text-align:start;text-decoration:none;cursor:pointer}
.header-menu-panel a:hover,.header-menu-panel a[aria-current="page"],.header-menu-panel button:hover{background:var(--surface-alt);color:var(--brand)}
.header-menu-panel a>span{display:grid;gap:1px;min-width:0}
.header-menu-panel small{color:var(--muted);font-size:0.68rem}
.currency-panel{grid-template-columns:repeat(2,minmax(0,1fr));min-width:280px}
.currency-panel .header-menu-title,.currency-panel>small{grid-column:1 / -1}
.currency-panel button{justify-content:space-between}
.flag-icon{flex:0 0 auto;width:22px;height:15px;border:1px solid color-mix(in srgb,var(--line) 80%,#b8c2c9);border-radius:2px;object-fit:cover}
.site-dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 14%,transparent)}
.utility-account,.utility-register,.sell-link{display:inline-flex;align-items:center;min-height:32px;padding-inline:var(--space-xs);color:var(--text);font-weight:700;text-decoration:none;white-space:nowrap}
.utility-register,.sell-link{color:var(--brand)}
.utility-logout{display:inline-flex}
.utility-logout button{min-height:32px;padding-inline:var(--space-xs);border:0;background:transparent;color:var(--text);font-weight:700;cursor:pointer}
.header-inner{display:grid;grid-template-columns:auto auto minmax(260px,1fr) auto;gap:var(--space-sm) var(--space-md);align-items:center;min-height:78px;padding-block:var(--space-sm)}
.brand{display:inline-flex;align-items:center;gap:10px;min-width:0;text-decoration:none}
.brand-mark-frame{display:grid;flex:0 0 auto;place-items:center;width:42px;height:42px;overflow:hidden;border-radius:13px}
.brand-mark{width:42px;height:42px}
.brand-wordmark{font-size:1.28rem;font-weight:900;letter-spacing:-0.035em;white-space:nowrap}
.departments-menu{position:relative;min-width:0}
.departments-menu summary{display:inline-flex;align-items:center;gap:var(--space-xs);min-height:var(--touch-target);padding-inline:var(--space-md);border:var(--border-width) solid var(--line);border-radius:var(--radius-pill);background:var(--surface);color:var(--text);font-size:var(--text-sm);font-weight:800;list-style:none;white-space:nowrap;cursor:pointer}
.departments-menu summary::after{content:"⌄";color:var(--brand);font-size:0.7rem}
.departments-menu[open] summary,.departments-menu summary:hover{border-color:var(--text)}
.departments-panel{position:absolute;inset-block-start:calc(100% + var(--space-xs));inset-inline-start:0;z-index:50;width:min(620px,calc(100vw - (2 * var(--gutter))));padding:var(--space-md);border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow)}
.departments-panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2xs)}
.departments-panel a{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);min-height:42px;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);color:var(--text);font-size:var(--text-sm);font-weight:700;text-decoration:none}
.departments-panel a:hover,.departments-panel a:focus-visible{background:var(--surface-alt);color:var(--brand)}
.departments-panel small{color:var(--muted);font:700 var(--text-xs)/1 var(--font-mono)}
.mobile-nav{display:none}
.marketplace-search,.hero-search{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-width:0;border:2px solid var(--text);border-radius:var(--radius-pill);background:var(--surface)}
.marketplace-search{min-height:48px;padding:3px}
.marketplace-search input,.hero-search input{min-width:0;min-height:38px;padding-inline:var(--space-md);border:0;background:transparent;color:var(--text);outline:0}
.marketplace-search input:focus-visible,.hero-search input:focus-visible{border-radius:var(--radius-pill);outline:var(--focus-width) solid var(--focus);outline-offset:1px}
.marketplace-search button,.hero-search button{min-height:38px;padding-inline:clamp(16px,3vw,28px);border:0;border-radius:var(--radius-pill);background:var(--text);color:var(--text-on-dark);font-size:var(--text-sm);font-weight:800;cursor:pointer}
.header-actions{display:flex;align-items:center;gap:var(--space-xs);min-width:0}
.wishlist-link,.account-icon,.cart-link{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-target);color:var(--text);text-decoration:none}
.wishlist-link{position:relative;width:38px;font-size:1.35rem}
.wishlist-link small{position:absolute;inset-block-start:1px;inset-inline-end:-1px;min-width:16px;padding:1px 4px;border-radius:var(--radius-pill);background:var(--accent);color:#fff;font:700 0.6rem/1.35 var(--font-mono)}
.account-icon{width:40px;padding:7px;border:var(--border-width) solid var(--line);border-radius:50%}
.account-icon svg{width:100%;height:100%}
.cart-link{gap:var(--space-xs);padding-inline:var(--space-md);border-radius:var(--radius-pill);background:var(--text);color:var(--text-on-dark);font-size:var(--text-sm);font-weight:800}
.cart-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding-inline:5px;border-radius:var(--radius-pill);background:var(--accent);color:#fff;font:700 0.68rem/1 var(--font-mono)}
.site-nav{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs) var(--space-xl);min-width:0;padding-block-start:var(--space-2xs)}
.site-nav a{display:inline-flex;align-items:center;min-height:30px;color:var(--muted);font-size:var(--text-sm);font-weight:700;text-decoration:none}
.site-nav a[aria-current="page"],.site-nav a:hover{color:var(--text)}
.section{padding-block:clamp(42px,6vw,72px)}
.section-grid,.flow-grid,.footer-grid{min-width:0}
.eyebrow,.section-kicker{margin:0 0 var(--space-xs);color:var(--brand);font:800 var(--text-xs)/1.2 var(--font-mono);letter-spacing:0.1em;text-transform:uppercase}
.eyebrow{display:inline-flex;align-items:center;gap:var(--space-xs);margin-block-end:var(--space-md)}
.eyebrow::before{content:"";width:30px;height:2px;background:currentColor}
.page-title,.section-title,.product-title{margin:0;color:var(--text);font-weight:900;letter-spacing:-0.05em;text-wrap:balance}
.page-title{max-width:900px;font-size:clamp(2.25rem,4.8vw,4.25rem);line-height:1}
.section-title{font-size:clamp(1.75rem,3.3vw,2.75rem);line-height:1.08}
html[lang="ar"] .page-title,html[lang="ar"] .section-title,html[lang="ar"] .product-title{letter-spacing:0;line-height:1.2}
.page-shell{padding-block:clamp(28px,4vw,48px) var(--space-4xl)}
.page-header{margin-block-end:var(--space-xl)}
.page-lead,.hero-copy,.section-lead{max-width:68ch;margin:var(--space-sm) 0 0;color:var(--muted)}
.section-heading{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:var(--space-lg);margin-block-end:var(--space-lg)}
.section-heading>div{min-width:0}
.section-heading .section-title{margin:0}
.section-lead{margin-block-start:var(--space-xs)}
.text-link{display:inline-flex;align-items:center;min-height:var(--touch-target);color:var(--brand);font-size:var(--text-sm);font-weight:800;white-space:nowrap}
.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-lg);border:var(--border-width) solid transparent;border-radius:var(--radius-pill);background:var(--accent);color:#fff;font-weight:800;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;transition:transform var(--motion-fast) var(--ease),box-shadow var(--motion-fast) var(--ease)}
.button:hover{transform:translateY(-1px);box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 22%,transparent)}
.button.secondary{border-color:var(--text);background:var(--text);color:var(--text-on-dark)}
.button.quiet{border-color:var(--line);background:var(--surface);color:var(--text)}
.button[disabled],.button[aria-disabled="true"]{cursor:not-allowed;opacity:0.55;transform:none;box-shadow:none}
.marketplace-hero,.market-hero{display:grid;grid-template-columns:minmax(190px,0.62fr) minmax(0,2.15fr) minmax(220px,0.78fr);gap:var(--space-sm);align-items:stretch;padding-block:var(--space-md)}
.home-category-menu{display:grid;align-content:start;min-width:0;padding:var(--space-sm);border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);background:var(--surface-raised)}
.home-category-menu h2{margin:0;padding:var(--space-xs) var(--space-sm) var(--space-sm);font-size:var(--text-sm);font-weight:900}
.home-category-menu a{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);min-height:37px;padding:5px var(--space-sm);border-radius:var(--radius-sm);color:var(--text);font-size:0.82rem;font-weight:650;text-decoration:none}
.home-category-menu a:hover,.home-category-menu a:focus-visible{background:var(--surface-alt);color:var(--brand)}
.home-category-menu small{color:var(--muted);font:700 0.68rem/1 var(--font-mono)}
.home-banner{position:relative;display:grid;grid-template-columns:minmax(260px,0.9fr) minmax(220px,1.1fr);min-width:0;min-height:440px;overflow:hidden;border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);background:radial-gradient(circle at 18% 88%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 34%),linear-gradient(145deg,var(--surface) 0 58%,var(--surface-alt))}
.home-banner-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;padding:clamp(26px,4.5vw,54px)}
.home-banner-kicker{display:inline-flex;margin-block-end:var(--space-sm);color:var(--brand);font:800 0.72rem/1.2 var(--font-mono);letter-spacing:0.08em;text-transform:uppercase}
.home-banner h1{max-width:9ch;margin:0;font-size:clamp(2.45rem,4.7vw,4.5rem);font-weight:900;line-height:0.98;letter-spacing:-0.065em;text-wrap:balance}
html[lang="ar"] .home-banner h1{max-width:12ch;letter-spacing:0;line-height:1.15}
.home-banner-copy>p{max-width:34ch;margin:var(--space-md) 0 0;color:var(--muted);font-size:var(--text-sm)}
.home-banner-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md);margin-block-start:var(--space-lg)}
.home-banner-meta{margin-block-start:var(--space-lg);padding:5px 9px;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--danger);font-size:var(--text-xs);font-weight:800}
.home-banner-product{position:relative;min-width:0;overflow:hidden;color:var(--text);text-decoration:none}
.home-banner-product>img{width:100%;height:100%;object-fit:cover;transition:transform var(--motion-slow) var(--ease)}
.home-banner-product:hover>img{transform:scale(1.025)}
.home-banner-product-copy{position:absolute;inset-inline:var(--space-sm);inset-block-end:var(--space-sm);display:grid;gap:2px;padding:var(--space-sm);border:var(--border-width) solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface-raised) 92%,transparent);box-shadow:0 8px 28px rgba(22,39,52,0.08);backdrop-filter:blur(12px)}
.home-banner-product-copy small{color:var(--muted);font:800 0.65rem/1.2 var(--font-mono);letter-spacing:0.06em;text-transform:uppercase}
.home-banner-product-copy strong{overflow:hidden;font-size:var(--text-sm);line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
.home-banner-product-copy>span{color:var(--accent);font-size:var(--text-sm);font-weight:800}
.home-side-deals{display:grid;grid-template-rows:repeat(2,minmax(0,1fr)) auto;gap:var(--space-sm);min-width:0;min-height:0}
.side-deal{position:relative;display:block;min-width:0;min-height:152px;overflow:hidden;border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);background:var(--tile,var(--surface-alt));color:var(--text);text-decoration:none}
.side-deal img{width:100%;height:100%;object-fit:cover;transition:transform var(--motion-slow) var(--ease)}
.side-deal:hover img{transform:scale(1.025)}
.side-deal-label{position:absolute;inset-block-start:var(--space-xs);inset-inline-start:var(--space-xs);z-index:2;padding:4px 8px;border-radius:var(--radius-pill);background:var(--text);color:var(--text-on-dark);font:800 0.62rem/1.3 var(--font-mono);text-transform:uppercase}
.side-deal-copy{position:absolute;inset-inline:var(--space-xs);inset-block-end:var(--space-xs);display:flex;align-items:end;justify-content:space-between;gap:var(--space-xs);padding:7px 9px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--surface-raised) 92%,transparent);backdrop-filter:blur(10px)}
.side-deal-copy strong{display:-webkit-box;overflow:hidden;font-size:0.72rem;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.side-deal-copy>span{flex:0 0 auto;color:var(--accent);font-size:0.72rem;font-weight:800}
.hero-coupon{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);min-height:54px;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);background:var(--accent);color:#fff}
.hero-coupon span{font-size:var(--text-xs)}
.hero-coupon strong{font-size:var(--text-sm);text-align:end}
.is-coral{--tile:#f6ddd5}
.is-lagoon{--tile:#d9eeea}
.is-mint{--tile:#e4eddd}
.is-sky{--tile:#dfedf3}
.is-peach{--tile:#f7e2d7}
.is-lilac{--tile:#e9e3f4}
.is-sand{--tile:#ece6da}
.is-neutral{--tile:var(--surface-alt)}
.trust-strip{border-block:var(--border-width) solid var(--line);background:var(--surface-alt)}
.trust-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,var(--content-max));margin-inline:auto;padding-inline:var(--gutter)}
.trust-item{min-width:0;padding:var(--space-md) var(--space-lg);border-inline-start:var(--border-width) solid var(--line)}
.trust-item:first-child{border-inline-start:0}
.trust-item strong,.trust-item span{display:block}
.trust-item strong{font-size:var(--text-sm)}
.trust-item span{margin-block-start:1px;color:var(--muted);font-size:var(--text-xs)}
.product-shelf{padding-block:clamp(36px,5vw,60px)}
.product-shelf.alt{background:var(--surface-alt)}
.product-grid,.product-shelf-grid,.metric-grid,.component-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-md);min-width:0}
.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.product-card{min-width:0;overflow:hidden;border:var(--border-width) solid var(--line);border-radius:var(--radius-md);background:var(--surface-raised);transition:transform var(--motion-base) var(--ease),box-shadow var(--motion-base) var(--ease)}
.product-card:hover,.product-card:focus-within{transform:translateY(-3px);box-shadow:var(--shadow)}
.product-visual{position:relative;display:block;aspect-ratio:1;overflow:hidden;background:var(--tile,var(--surface-alt))}
.product-visual img{width:100%;height:100%;object-fit:cover;transition:transform var(--motion-slow) var(--ease)}
.product-card:hover .product-visual img{transform:scale(1.035)}
.product-discount,.pdp-discount{position:absolute;inset-block-start:var(--space-xs);inset-inline-start:var(--space-xs);padding:4px 7px;border-radius:var(--radius-pill);background:var(--accent);color:#fff;font:800 0.68rem/1 var(--font-mono)}
.product-quick-view{position:absolute;inset-inline-end:var(--space-xs);inset-block-end:var(--space-xs);padding:6px 9px;border-radius:var(--radius-pill);background:var(--surface-raised);color:var(--text);font-size:var(--text-xs);font-weight:800;opacity:0;transform:translateY(5px);transition:opacity var(--motion-fast) var(--ease),transform var(--motion-fast) var(--ease)}
.product-card:hover .product-quick-view,.product-card:focus-within .product-quick-view{opacity:1;transform:translateY(0)}
.product-copy{display:grid;gap:var(--space-xs);min-width:0;padding:var(--space-sm)}
.product-meta,.price-row,.summary-line,.status-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-xs);min-width:0}
.product-meta{color:var(--muted);font:800 0.65rem/1.2 var(--font-mono);letter-spacing:0.04em;text-transform:uppercase}
.product-meta span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.product-card h3{margin:0;font-size:0.92rem;line-height:1.34;overflow-wrap:anywhere}
.product-card h3 a{display:-webkit-box;overflow:hidden;text-decoration:none;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.product-rating{display:flex;flex-wrap:wrap;align-items:center;gap:5px;color:var(--muted);font-size:0.68rem}
.product-rating span:first-child{color:var(--warning);font-weight:800}
.price-row{justify-content:flex-start;gap:var(--space-xs);padding-block-start:var(--space-xs);border-block-start:var(--border-width) solid var(--line-subtle)}
.price{color:var(--accent);font-size:1.1rem;font-weight:900;font-variant-numeric:tabular-nums}
.list-price,.price-row s,.pdp-price-block s{color:var(--muted);font-size:var(--text-xs)}
.product-delivery{color:var(--muted);font-size:0.68rem}
.department-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-sm)}
.department-card{position:relative;display:grid;align-content:space-between;gap:var(--space-xl);min-width:0;min-height:132px;padding:var(--space-md);overflow:hidden;border:var(--border-width) solid var(--line);border-radius:var(--radius-md);background:var(--surface-alt);color:var(--text);text-decoration:none;transition:transform var(--motion-base) var(--ease),background var(--motion-base) var(--ease),color var(--motion-base) var(--ease)}
.department-card:nth-child(3n + 2){background:color-mix(in srgb,var(--accent-soft) 68%,var(--surface))}
.department-card:hover{transform:translateY(-2px);background:var(--text);color:var(--text-on-dark)}
.department-card strong{position:relative;z-index:1;max-width:11ch;font-size:var(--text-md);line-height:1.25;overflow-wrap:anywhere}
.department-card>span:last-child,.department-number{color:var(--muted);font:700 var(--text-xs)/1.2 var(--font-mono)}
.department-card:hover>span,.department-card:hover .department-number{color:color-mix(in srgb,var(--text-on-dark) 72%,transparent)}
.panel,.form-card,.summary-card,.metric{min-width:0;padding:clamp(18px,3vw,28px);border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);background:var(--surface-raised)}
.panel h2,.panel h3,.form-card h2,.summary-card h2{margin-block-start:0}
.metric{display:grid;align-content:start;gap:var(--space-xs)}
.metric span{color:var(--muted);font-size:var(--text-xs);font-weight:800;letter-spacing:0.05em;text-transform:uppercase}
.metric strong{font:900 clamp(1.55rem,3vw,2.2rem)/1 var(--font-mono)}
.flow-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,0.6fr);gap:var(--space-xl);align-items:start}
.form-stack{display:grid;gap:var(--space-md);min-width:0}
.field{display:grid;gap:5px;min-width:0}
.field label{font-size:var(--text-sm);font-weight:800}
.field input,.field select,.field textarea,.sort-form select,.store-switcher select{width:100%;min-width:0;min-height:var(--touch-target);padding:var(--space-sm);border:var(--border-width) solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--text)}
.field textarea{min-height:120px;resize:vertical}
.field small,.check-field{color:var(--muted)}
.check-field{display:flex;align-items:flex-start;gap:var(--space-xs);min-height:var(--touch-target);font-size:var(--text-sm)}
.check-field input{flex:0 0 auto;width:18px;height:18px;margin-block-start:3px}
.error-summary,.form-status,.preview-code{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--text-sm)}
.error-summary{border:var(--border-width) solid color-mix(in srgb,var(--danger) 42%,var(--line));background:color-mix(in srgb,var(--danger) 7%,var(--surface));color:var(--danger)}
.form-status,.preview-code{border:var(--border-width) solid color-mix(in srgb,var(--success) 32%,var(--line));background:color-mix(in srgb,var(--success) 7%,var(--surface));color:var(--success)}
.summary-line{padding-block:var(--space-sm);border-block-end:var(--border-width) solid var(--line)}
.summary-line.total{border-block-end:0;font-size:var(--text-lg);font-weight:900}
.cart-lines,.timeline,.case-components{display:grid;gap:var(--space-md)}
.cart-line{display:grid;grid-template-columns:80px minmax(0,1fr) auto;gap:var(--space-md);align-items:center;min-width:0;padding-block:var(--space-md);border-block-end:var(--border-width) solid var(--line)}
.cart-line:first-child{padding-block-start:0}
.cart-line:last-child{border-block-end:0}
.cart-thumb{width:80px;aspect-ratio:1;overflow:hidden;border-radius:var(--radius-sm);background:var(--surface-alt)}
.cart-thumb img{width:100%;height:100%;object-fit:cover}
.cart-line h3,.cart-line p{margin:0}
.cart-line p{color:var(--muted);font-size:var(--text-sm)}
.icon-button{display:inline-grid;place-items:center;width:var(--touch-target);height:var(--touch-target);border:var(--border-width) solid var(--line);border-radius:50%;background:var(--surface);cursor:pointer}
.timeline{position:relative;margin-block-start:var(--space-lg);padding-inline-start:var(--space-xl)}
.timeline::before{content:"";position:absolute;inset-block:8px;inset-inline-start:7px;width:2px;background:var(--line)}
.timeline-step{position:relative;min-width:0}
.timeline-step::before{content:"";position:absolute;inset-block-start:5px;inset-inline-start:calc(-1 * var(--space-xl) + 1px);width:14px;height:14px;border:3px solid var(--surface);border-radius:50%;background:var(--line);box-shadow:0 0 0 1px var(--line)}
.timeline-step.complete::before,.timeline-step.active::before{background:var(--success)}
.timeline-step strong,.timeline-step span{display:block}
.timeline-step span{color:var(--muted);font-size:var(--text-sm)}
.status-badge,.tag{display:inline-flex;align-items:center;gap:6px;width:fit-content;padding:5px 9px;border-radius:var(--radius-pill);background:var(--surface-alt);color:var(--text);font-size:var(--text-xs);font-weight:800}
.status-badge::before,.tag::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--warning)}
.status-badge.success::before,.tag::before{background:var(--success)}
.tag{background:var(--accent-soft)}
.breadcrumb{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin:0 0 var(--space-lg);padding:0;color:var(--muted);font-size:var(--text-xs);list-style:none}
.breadcrumb li{min-width:0;overflow-wrap:anywhere}
.breadcrumb li:not(:last-child)::after{content:"/";margin-inline-start:var(--space-xs)}
.product-page{max-width:var(--content-max)}
.pdp-top{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,0.95fr);gap:clamp(24px,4vw,44px);align-items:start;min-width:0}
.pdp-gallery{position:sticky;inset-block-start:150px;display:grid;gap:var(--space-sm);min-width:0}
.pdp-main-image{position:relative;aspect-ratio:1;overflow:hidden;border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);background:var(--tile,var(--surface-alt))}
.pdp-main-image img{width:100%;height:100%;object-fit:cover}
.pdp-thumbnails{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-xs)}
.pdp-thumb{min-width:0;padding:3px;border:2px solid transparent;border-radius:var(--radius-sm);background:var(--surface);cursor:pointer}
.pdp-thumb.active{border-color:var(--text)}
.pdp-thumb img{width:100%;aspect-ratio:1;border-radius:calc(var(--radius-sm) - 2px);object-fit:cover}
.pdp-buybox{display:grid;gap:var(--space-md);min-width:0;padding:clamp(20px,3.4vw,32px);border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);background:var(--surface-raised)}
.pdp-badges{display:flex;flex-wrap:wrap;gap:var(--space-xs)}
.product-title{font-size:clamp(1.75rem,3.1vw,2.65rem);line-height:1.08;letter-spacing:-0.045em;overflow-wrap:anywhere}
.pdp-rating{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);color:var(--muted);font-size:var(--text-sm)}
.pdp-rating>strong{color:var(--text);font-family:var(--font-mono)}
.pdp-rating>span:nth-child(2){color:var(--warning);letter-spacing:0.04em}
.pdp-price-block{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);background:var(--accent-soft)}
.price-large{font-size:clamp(1.9rem,4vw,2.8rem);line-height:1}
.pdp-price-block>strong{color:var(--danger);font-size:var(--text-sm)}
.pdp-coupon{width:fit-content;margin:0;padding:5px 10px;border:var(--border-width) dashed var(--premium);border-radius:var(--radius-sm);color:var(--warning);font-size:var(--text-sm);font-weight:800}
.pdp-option{display:grid;gap:var(--space-xs)}
.pdp-option>span{color:var(--muted);font-size:var(--text-sm);font-weight:700}
.option-chip{width:fit-content;max-width:100%;padding:var(--space-xs) var(--space-sm);border:var(--border-width) solid var(--text);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:var(--text-sm);font-weight:700;text-align:start}
.option-chip.active{background:var(--text);color:var(--text-on-dark)}
.pdp-delivery-card{display:grid;gap:var(--space-2xs);padding:var(--space-sm);border-radius:var(--radius-sm);background:var(--surface-alt)}
.pdp-delivery-card>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-xs)}
.pdp-delivery-card small,.pdp-delivery-card span{color:var(--muted);font-size:var(--text-xs)}
.pdp-purchase{display:grid;gap:var(--space-sm)}
.quantity{display:flex;align-items:center;gap:var(--space-sm)}
.quantity label{font-size:var(--text-sm);font-weight:800}
.quantity input{width:72px;min-height:var(--touch-target);padding-inline:var(--space-xs);border:var(--border-width) solid var(--line);border-radius:var(--radius-sm);background:var(--surface);text-align:center}
.pdp-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}
.pdp-stock{margin:0;color:var(--muted);font-size:var(--text-xs)}
.pdp-stock strong{color:var(--accent)}
.pdp-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xs);padding-block-start:var(--space-md);border-block-start:var(--border-width) solid var(--line)}
.pdp-service-grid article{min-width:0;font-size:var(--text-xs)}
.pdp-service-grid strong,.pdp-service-grid span{display:block}
.pdp-service-grid span{color:var(--muted)}
.pdp-seller{display:grid;grid-template-columns:minmax(220px,0.8fr) minmax(0,1.2fr) auto;gap:var(--space-lg);align-items:center;margin-block-start:var(--space-xl)}
.pdp-seller-head{display:flex;align-items:center;gap:var(--space-sm);min-width:0}
.pdp-seller-head>div{display:grid;min-width:0}
.pdp-seller-head strong,.pdp-seller-head small{overflow-wrap:anywhere}
.pdp-seller-head small{color:var(--muted);font-size:var(--text-xs)}
.seller-avatar{display:grid;flex:0 0 auto;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--text);color:var(--text-on-dark);font-weight:900}
.seller-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-xs)}
.seller-metrics span{color:var(--muted);font-size:0.68rem;text-align:center}
.seller-metrics strong{display:block;color:var(--text);font:800 var(--text-md)/1.2 var(--font-mono)}
.pdp-seller-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-xs)}
.pdp-content-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,0.75fr);gap:var(--space-md);margin-block-start:var(--space-md)}
.pdp-content-grid .panel{margin:0}
.pdp-description p,.pdp-description h2{margin-block-start:0}
.pdp-description ul{padding-inline-start:1.2em}
.pdp-specs dl{display:grid;gap:var(--space-xs);margin:0}
.pdp-specs dl>div{display:grid;grid-template-columns:minmax(100px,0.45fr) minmax(0,1fr);gap:var(--space-sm);padding-block:var(--space-xs);border-block-end:var(--border-width) solid var(--line)}
.pdp-specs dt{color:var(--muted)}
.pdp-specs dd{margin:0;overflow-wrap:anywhere}
.pdp-section{margin-block-start:var(--space-md)}
.review-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-sm)}
.review-card{min-width:0;padding:var(--space-md);border:var(--border-width) solid var(--line);border-radius:var(--radius-md);background:var(--surface)}
.review-card>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-xs)}
.review-card>div span{color:var(--muted);font-size:var(--text-xs)}
.review-stars{color:var(--warning);letter-spacing:0.06em}
.review-card p{margin-block-end:0;color:var(--muted);font-size:var(--text-sm)}
.faq-list{display:grid;gap:var(--space-xs)}
.faq-list details{border:var(--border-width) solid var(--line);border-radius:var(--radius-sm);background:var(--surface)}
.faq-list summary{min-height:var(--touch-target);padding:var(--space-sm);font-weight:800;cursor:pointer}
.faq-list p{margin:0;padding:0 var(--space-sm) var(--space-sm);color:var(--muted)}
.pdp-mobile-bar{display:none}
.collection-page{padding-block-start:var(--space-lg)}
.collection-header{display:flex;align-items:end;justify-content:space-between;gap:var(--space-xl)}
.collection-header>*{min-width:0}
.collection-count{color:color-mix(in srgb,var(--accent) 48%,var(--brand));font:900 clamp(3.5rem,9vw,7rem)/0.8 var(--font-mono);letter-spacing:-0.08em}
.collection-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-md);margin-block:var(--space-lg) var(--space-xl);padding:var(--space-xs);border:var(--border-width) solid var(--line);border-radius:var(--radius-md);background:var(--surface)}
.filter-links{display:flex;flex-wrap:wrap;gap:var(--space-2xs);min-width:0}
.filter-links a{display:inline-flex;align-items:center;min-height:38px;padding-inline:var(--space-sm);border-radius:var(--radius-pill);color:var(--muted);font-size:var(--text-sm);font-weight:700;text-decoration:none}
.filter-links a:hover,.filter-links a.active{background:var(--text);color:var(--text-on-dark)}
.sort-form{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);min-width:0}
.sort-form label{font-size:var(--text-sm);font-weight:800}
.sort-form select,.store-switcher select{width:auto;min-width:160px}
.search-page-form{max-width:780px;margin:0 0 var(--space-lg)}
.search-page-form input{min-height:42px}
.empty-state{display:grid;justify-items:start;gap:var(--space-md);min-height:260px;padding:clamp(24px,6vw,54px);overflow:hidden;border:var(--border-width) dashed color-mix(in srgb,var(--brand) 42%,var(--line));border-radius:var(--radius-lg);background:radial-gradient(circle at 86% 20%,var(--accent-soft),transparent 30%),var(--surface-alt)}
.empty-state::before{content:"⌕";display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--surface);color:var(--brand);font-size:1.7rem;box-shadow:var(--shadow)}
.empty-state strong{max-width:20ch;font-size:var(--text-xl);line-height:1.15}
.portal-shell{padding-block-start:var(--space-xl)}
.portal-header{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:var(--space-lg)}
.portal-header>*{min-width:0}
.portal-actions{display:flex;flex-wrap:wrap;align-items:end;gap:var(--space-sm)}
.portal-layout{display:grid;grid-template-columns:minmax(0,var(--portal-nav-width)) minmax(0,1fr);gap:var(--space-lg);align-items:start}
.portal-nav{position:sticky;inset-block-start:150px;display:grid;gap:2px;min-width:0;padding:var(--space-xs);border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);background:var(--surface-raised)}
.portal-nav a{display:flex;align-items:center;min-height:var(--touch-target);padding-inline:var(--space-sm);border-radius:var(--radius-sm);color:var(--muted);font-size:var(--text-sm);font-weight:700;line-height:1.3;text-decoration:none}
.portal-nav a:hover{background:var(--surface-alt);color:var(--text)}
.portal-nav a.active,.portal-nav a[aria-current="page"]{background:var(--text);color:var(--text-on-dark)}
.portal-content{display:grid;align-content:start;gap:var(--space-lg);min-width:0;padding:clamp(20px,3.6vw,32px);border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);background:var(--surface-raised)}
.member-menu{position:sticky;inset-block-start:150px;min-width:0;border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);background:var(--surface-raised)}
.member-menu>summary{display:flex;align-items:center;gap:var(--space-xs);min-height:var(--touch-target);padding:var(--space-sm);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:800;cursor:pointer;list-style:none}
.member-menu>summary::-webkit-details-marker{display:none}
.member-menu>summary:focus-visible{outline:var(--focus-width) solid var(--focus);outline-offset:2px}
.member-menu-summary-icon{display:grid;flex:0 0 auto;place-items:center;width:var(--touch-target);height:var(--touch-target);border-radius:var(--radius-sm);background:var(--surface-alt);color:var(--brand)}
.member-menu-chevron{width:16px;height:16px;margin-inline-start:auto;transition:transform var(--motion-fast) var(--ease)}
.member-menu[open] .member-menu-chevron{transform:rotate(180deg)}
.member-menu-panel{display:grid;gap:2px;min-width:0;padding:var(--space-xs);border-block-start:var(--border-width) solid var(--line)}
.member-menu-panel a{display:flex;align-items:center;gap:var(--space-xs);min-width:0;min-height:var(--touch-target);padding-inline:var(--space-sm);border-radius:var(--radius-sm);color:var(--muted);font-size:var(--text-sm);font-weight:700;line-height:1.3;text-decoration:none}
.member-menu-panel a:hover{background:var(--surface-alt);color:var(--text)}
.member-menu-panel a[aria-current="page"]{background:var(--text);color:var(--text-on-dark)}
.member-menu-panel a span:last-child{min-width:0;overflow-wrap:anywhere}
.member-menu-icon{flex:0 0 auto;width:18px;height:18px}
.member-menu-child{padding-inline-start:calc(var(--space-sm) + var(--touch-target))}
.member-menu-compact{display:none}
.portal-content>h2,.portal-content-head h2{margin:0;font-size:var(--text-xl);line-height:1.1}
.portal-content-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-md)}
.portal-lead{margin:0;color:var(--muted)}
.portal-split,.store-grid,.portal-coupon{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}
.account-identity{display:flex;align-items:center;gap:var(--space-sm);min-width:0;padding:var(--space-sm) var(--space-md);border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);background:var(--surface-raised)}
.account-avatar{display:grid;flex:0 0 auto;place-items:center;width:var(--touch-target);height:var(--touch-target);border-radius:50%;background:var(--text);color:var(--text-on-dark);font:800 var(--text-xs)/1 var(--font-mono)}
.account-identity>span:last-child,.store-switcher,.store-card,.brand-card{min-width:0}
.account-identity strong,.account-identity small{display:block}
.account-identity small,.list-card small,.store-card small,.brand-card small{color:var(--muted);font-size:var(--text-xs)}
.store-switcher{display:grid;gap:3px;width:min(100%,320px)}
.store-switcher>span{color:var(--muted);font-size:var(--text-xs);font-weight:800;letter-spacing:0.06em;text-transform:uppercase}
.store-card{display:grid;align-content:start;gap:var(--space-sm);padding:var(--space-lg)}
.store-card h3{margin:0;font-size:var(--text-lg);line-height:1.25}
.store-card p{margin:0;color:var(--muted)}
.store-card .button{width:fit-content;margin-block-start:var(--space-xs)}
.store-card-stats{display:flex;flex-wrap:wrap;gap:var(--space-md);color:var(--muted);font-size:var(--text-sm)}
.store-card-stats strong{color:var(--text);font:800 var(--text-lg)/1 var(--font-mono)}
.portal-list{display:grid;gap:var(--space-xs);min-width:0}
.list-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:var(--space-md);align-items:center;min-width:0;padding:var(--space-md);border:var(--border-width) solid var(--line);border-radius:var(--radius-md);background:var(--surface)}
.list-card>*{min-width:0}
.list-card strong,.list-card span,.list-card a{overflow-wrap:anywhere}
.list-card div{display:grid;gap:2px}
.list-card a:not(.button){color:var(--brand);font-size:var(--text-sm);font-weight:800}
.list-thumb{width:52px;aspect-ratio:1;border-radius:var(--radius-sm);background:radial-gradient(circle,var(--accent) 0 18%,transparent 20%),var(--surface-alt)}
.product-admin-row{grid-template-columns:auto minmax(0,1fr) auto auto}
.portal-coupon>div{display:grid;gap:var(--space-xs);padding:var(--space-lg);border:var(--border-width) dashed var(--premium);border-radius:var(--radius-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--premium) 13%,var(--surface)),var(--surface))}
.portal-coupon strong{font:900 var(--text-xl)/1 var(--font-mono)}
.portal-coupon small,.portal-coupon span{color:var(--muted);font-size:var(--text-xs)}
.notice-card{display:grid;gap:var(--space-xs);padding:var(--space-md);border-inline-start:4px solid var(--accent);border-radius:var(--radius-sm);background:var(--surface-alt)}
.notice-card span{color:var(--muted)}
.brand-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-md);align-items:center}
.brand-swatch{width:var(--touch-target);aspect-ratio:1;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--accent) 0 50%,var(--brand) 50% 100%);box-shadow:inset 0 0 0 3px var(--surface)}
.operations-header{padding-block-end:var(--space-lg);border-block-end:var(--border-width) solid var(--line)}
.operations-shell .portal-content{min-height:460px}
.operations-card{display:grid;gap:var(--space-xs)}
.operations-card strong{color:var(--brand);font:900 var(--text-xl)/1 var(--font-mono)}
.operations-card small{color:var(--muted)}
.report-bars{display:flex;align-items:end;gap:var(--space-sm);min-height:220px;padding:var(--space-lg);border-block-end:var(--border-width) solid var(--line);background:repeating-linear-gradient( to top,transparent 0 calc(25% - var(--border-width)),var(--line-subtle) 25% )}
.report-bars span{flex:1 1 0;min-width:var(--space-xs);height:var(--bar,50%);border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:linear-gradient(to top,var(--brand),var(--accent))}
.auth-page{display:grid;grid-template-columns:minmax(0,0.92fr) minmax(0,1.08fr);align-items:stretch;gap:0;padding-block:clamp(24px,4vw,44px) var(--space-4xl)}
.auth-visual,.auth-aside,.auth-card{min-width:0;border:var(--border-width) solid var(--line);background:var(--surface-raised)}
.auth-visual,.auth-aside{position:relative;display:grid;align-content:start;gap:var(--space-lg);min-height:640px;padding:clamp(28px,5vw,56px);overflow:hidden;border-start-start-radius:var(--radius-xl);border-end-start-radius:var(--radius-xl);background:radial-gradient(circle at 75% 20%,color-mix(in srgb,var(--accent) 48%,transparent),transparent 29%),linear-gradient(150deg,var(--canvas),color-mix(in srgb,var(--brand) 62%,var(--canvas)));color:var(--text-on-dark)}
.auth-visual::after,.auth-aside::after{content:"";position:absolute;inset-inline:0;inset-block-end:0;height:52%;background:linear-gradient(to top,color-mix(in srgb,var(--canvas) 92%,transparent),transparent);pointer-events:none}
.auth-aside-kicker{position:relative;z-index:2;font:800 var(--text-xs)/1.2 var(--font-mono);letter-spacing:0.12em;text-transform:uppercase}
.auth-aside h1,.auth-visual>strong{position:relative;z-index:2;max-width:9ch;margin:0;font-size:clamp(2.3rem,5vw,4.5rem);font-weight:900;line-height:0.98;letter-spacing:-0.055em;text-wrap:balance}
html[lang="ar"] .auth-aside h1,html[lang="ar"] .auth-visual>strong{letter-spacing:0;line-height:1.16}
.auth-aside>p,.auth-visual>p{position:relative;z-index:2;max-width:38ch;margin:0;color:color-mix(in srgb,var(--text-on-dark) 78%,transparent)}
.auth-illustration{position:absolute;inset-inline:8%;inset-block-end:7%;z-index:1;width:84%;max-height:48%;object-fit:contain;filter:drop-shadow(0 26px 30px rgba(0,0,0,0.28))}
.auth-visual-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm);min-height:180px;opacity:0.55}
.auth-visual-grid span{border:var(--border-width) solid color-mix(in srgb,var(--accent) 56%,transparent);border-radius:var(--radius-lg)}
.auth-visual-grid span:nth-child(3){grid-column:1 / -1;min-height:48px;border-radius:var(--radius-pill)}
.auth-card{display:grid;align-content:center;gap:var(--space-lg);padding:clamp(24px,5vw,64px);border-start-end-radius:var(--radius-xl);border-end-end-radius:var(--radius-xl)}
.auth-card-header h1,.auth-card-header h2{margin:0;font-size:clamp(1.9rem,3.6vw,3.1rem);line-height:1.05;letter-spacing:-0.045em}
.auth-card-header p{margin-block:var(--space-sm) 0;color:var(--muted)}
.auth-preview-note,.auth-note{margin:0;padding:var(--space-sm);border-radius:var(--radius-sm);background:var(--surface-alt);color:var(--muted);font-size:var(--text-xs)}
.auth-links{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-lg);padding-block-start:var(--space-md);border-block-start:var(--border-width) solid var(--line)}
.auth-links a{display:inline-flex;align-items:center;min-height:var(--touch-target);color:var(--brand);font-size:var(--text-sm);font-weight:800}
.auth-benefits{position:relative;z-index:2;display:grid;gap:var(--space-xs);margin:0;padding:0;list-style:none}
.auth-benefits li{display:flex;align-items:center;gap:var(--space-xs);color:color-mix(in srgb,var(--text-on-dark) 84%,transparent)}
.auth-benefits li::before{content:"✓";display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--accent);color:#fff;font-size:0.7rem;font-weight:900}
.demo-credentials{padding:var(--space-sm);border:var(--border-width) solid var(--line);border-radius:var(--radius-sm);background:var(--surface-alt)}
.demo-credentials summary{min-height:32px;font-size:var(--text-sm);font-weight:800;cursor:pointer}
.demo-credentials p{margin:var(--space-xs) 0 0;font-family:var(--font-mono);font-size:var(--text-xs);overflow-wrap:anywhere}
.site-footer{border-block-start:var(--border-width) solid var(--line);background:var(--canvas);color:var(--text-on-dark)}
.footer-grid{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(0,0.7fr));gap:var(--space-xl);padding-block:var(--space-2xl)}
.footer-grid--expanded{grid-template-columns:minmax(220px,1.2fr) repeat(3,minmax(140px,0.8fr)) minmax(220px,1.1fr)}
.footer-grid>*{min-width:0}
.footer-brand-column p,.footer-disclosure p{margin:var(--space-sm) 0 0;color:color-mix(in srgb,currentColor 72%,transparent);font-size:var(--text-sm);line-height:1.6}
.footer-disclosure{padding:var(--space-md);border:var(--border-width) solid color-mix(in srgb,currentColor 18%,transparent);border-radius:var(--radius-md);background:var(--surface-alt);color:var(--text)}
.footer-disclosure strong{font-size:var(--text-sm)}
.footer-brand{display:flex;align-items:center;gap:var(--space-sm)}
.footer-brand img{width:50px;height:50px}
.footer-brand strong{font-size:var(--text-lg)}
.footer-title{margin:0 0 var(--space-sm);font-size:var(--text-xs);font-weight:900;letter-spacing:0.09em;text-transform:uppercase}
.footer-links{display:grid;gap:var(--space-xs)}
.footer-links a{display:inline-flex;align-items:center;min-height:32px;color:color-mix(in srgb,currentColor 76%,transparent);text-decoration:none}
.footer-note{grid-column:1 / -1;display:flex;justify-content:space-between;gap:var(--space-md);padding-block-start:var(--space-lg);border-block-start:var(--border-width) solid color-mix(in srgb,currentColor 18%,transparent);color:color-mix(in srgb,currentColor 64%,transparent);font-size:var(--text-xs)}
.footer-note a{color:inherit;text-underline-offset:0.2em}
.content-page{padding-block:var(--space-xl)}
.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);margin-block-end:var(--space-lg);color:var(--muted);font-size:var(--text-sm)}
.breadcrumb a{color:var(--brand);text-underline-offset:0.2em}
.content-card{display:grid;gap:var(--space-xl);max-width:900px;margin-inline:auto;padding:clamp(24px,5vw,56px);border:var(--border-width) solid var(--line);border-radius:var(--radius-xl);background:var(--surface)}
.content-card h1{margin:var(--space-xs) 0 var(--space-md);font-size:clamp(2rem,4vw,3.4rem);line-height:1.04;letter-spacing:-0.045em}
.content-lead{margin:0;color:var(--muted);font-size:var(--text-lg);line-height:1.65}
.content-notice{padding:var(--space-lg);border-inline-start:4px solid var(--accent);border-radius:var(--radius-md);background:var(--surface-alt)}
.content-notice strong{display:block;margin-block-end:var(--space-xs)}
.content-notice p{margin:0;color:var(--muted);line-height:1.65}
.analytics-consent{position:fixed;inset-inline:var(--space-md);inset-block-end:var(--space-md);z-index:90;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-lg);width:min(100% - (2 * var(--space-md)),1040px);margin-inline:auto;padding:var(--space-lg);border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);box-shadow:var(--shadow)}
.analytics-consent strong{display:block;margin-block-end:var(--space-xs)}
.analytics-consent p{margin:0 0 var(--space-xs);color:var(--muted);font-size:var(--text-sm);line-height:1.55}
.analytics-consent a{color:var(--brand);font-size:var(--text-sm);font-weight:700;text-underline-offset:0.2em}
.analytics-consent-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}
.analytics-consent-actions .button{min-width:140px}
[hidden]{display:none !important}
@media (max-width:1100px){.marketplace-hero,.market-hero{grid-template-columns:minmax(180px,0.58fr) minmax(0,1.75fr) minmax(190px,0.67fr)}
.home-banner{grid-template-columns:minmax(230px,0.9fr) minmax(180px,1.1fr)}
.home-category-menu a{font-size:0.76rem}
.department-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.pdp-seller{grid-template-columns:minmax(200px,0.9fr) minmax(0,1.1fr)}
.pdp-seller-actions{grid-column:1 / -1;justify-content:flex-start}
.footer-grid--expanded{grid-template-columns:repeat(3,minmax(0,1fr))}
.analytics-consent{grid-template-columns:minmax(0,1fr)}}
@media (max-width:920px){.utility-account,.utility-register,.sell-link,.ship-to{display:none}
.utility-inner{justify-content:flex-end}
.header-inner{grid-template-columns:minmax(0,1fr) auto auto;gap:var(--space-xs) var(--space-sm)}
.brand{grid-column:1;grid-row:1}
.departments-menu{grid-column:2;grid-row:1}
.header-actions{grid-column:3;grid-row:1}
.marketplace-search{grid-column:1 / -1;grid-row:2}
.site-nav{display:none}
.departments-panel{position:fixed;inset-block-start:126px;inset-inline:var(--space-sm);width:auto;max-height:calc(100svh - 142px);overflow-y:auto}
.mobile-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2xs);margin-block-start:var(--space-sm);padding-block-start:var(--space-sm);border-block-start:var(--border-width) solid var(--line)}
.mobile-nav a{display:flex;align-items:center;min-height:var(--touch-target);padding-inline:var(--space-sm);border-radius:var(--radius-sm);color:var(--text);font-size:var(--text-sm);font-weight:700;text-decoration:none}
.marketplace-hero,.market-hero{grid-template-columns:minmax(0,1fr) minmax(210px,0.5fr)}
.home-category-menu{grid-column:1 / -1;grid-row:1;display:flex;gap:var(--space-2xs);padding:3px;overflow-x:auto;border-radius:var(--radius-pill);scrollbar-width:thin}
.home-category-menu h2,.home-category-menu small{display:none}
.home-category-menu a{flex:0 0 auto;min-height:38px;padding-inline:var(--space-md);border-radius:var(--radius-pill);white-space:nowrap}
.home-banner{grid-row:2;min-height:380px}
.home-side-deals{grid-row:2}
.side-deal{min-height:0}
.side-deal-copy{display:grid}
.department-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.product-grid,.product-shelf-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.portal-layout{grid-template-columns:minmax(0,1fr)}
.portal-nav{position:static;display:flex;gap:var(--space-2xs);max-width:100%;overflow-x:auto;scrollbar-width:thin}
.portal-nav a{flex:0 0 auto;padding-inline:var(--space-md)}
.member-menu{position:static;width:100%}
.member-menu-compact{position:relative;display:block;order:-1}
.member-menu-compact>summary{width:var(--touch-target);padding:0;justify-content:center}
.member-menu-compact>summary>span:not(.member-menu-summary-icon),.member-menu-compact .member-menu-chevron{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.member-menu-compact .member-menu-panel{position:absolute;inset-block-start:calc(100% + var(--space-xs));inset-inline-end:0;z-index:40;width:min(86vw,var(--portal-nav-width));max-height:70vh;overflow-y:auto;border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow)}
.pdp-top{grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}
.pdp-gallery{position:static;grid-template-columns:minmax(0,1fr) 90px;align-items:start}
.pdp-thumbnails{grid-template-columns:minmax(0,1fr)}
.pdp-buybox{padding:var(--space-lg)}
.pdp-seller{grid-template-columns:minmax(0,1fr)}
.pdp-content-grid{grid-template-columns:minmax(0,1fr)}
.auth-page{grid-template-columns:minmax(0,1fr)}
.auth-visual,.auth-aside{display:none}
.auth-card{border-radius:var(--radius-xl)}
.flow-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:720px){.header-menu summary{padding-inline:6px}
.header-menu>summary>span:not(.site-dot):not(.visually-hidden){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.header-menu-panel{position:fixed;inset-block-start:94px;inset-inline:var(--space-sm);width:auto;max-width:none}
.header-inner{grid-template-columns:minmax(0,1fr) auto auto;padding-block:var(--space-xs) var(--space-sm)}
.brand-mark,.brand-mark-frame{width:36px;height:36px}
.brand-wordmark{font-size:1.12rem}
.departments-menu summary{width:var(--touch-target);height:var(--touch-target);padding:0;justify-content:center}
.departments-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.departments-menu summary::before{content:"";width:16px;height:2px;background:currentColor;box-shadow:0 -5px 0 currentColor,0 5px 0 currentColor}
.departments-menu summary::after{display:none}
.wishlist-link,.account-icon{display:none}
.cart-link{width:var(--touch-target);padding:0}
.cart-link>span:not(.cart-count){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.marketplace-search{min-height:var(--touch-target)}
.marketplace-search input{padding-inline:var(--space-sm);font-size:var(--text-sm)}
.marketplace-search button{min-height:36px;padding-inline:var(--space-sm)}
.marketplace-hero,.market-hero{grid-template-columns:minmax(0,1fr)}
.home-category-menu{grid-column:1;grid-row:1;margin-inline:calc(-1 * var(--space-xs))}
.home-banner{grid-column:1;grid-row:2;grid-template-columns:minmax(0,1fr);min-height:390px}
.home-banner-copy{position:absolute;inset-inline:var(--space-md);inset-block-start:var(--space-md);z-index:3;max-width:calc(100% - (2 * var(--space-md)));padding:0;text-shadow:0 1px 18px rgba(255,255,255,0.92)}
.home-banner h1{max-width:9ch;font-size:clamp(2rem,10vw,3rem)}
.home-banner-copy>p,.home-banner-meta{display:none}
.home-banner-actions{margin-block-start:var(--space-md)}
.home-banner-product{grid-row:1}
.home-banner-product-copy{inset-inline:var(--space-sm)}
.home-side-deals{grid-column:1;grid-row:3;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:142px auto}
.hero-coupon{grid-column:1 / -1;min-height:48px}
.section{padding-block:var(--space-xl)}
.section-heading{gap:var(--space-sm);margin-block-end:var(--space-md)}
.section-title{font-size:1.7rem}
.section-lead{display:none}
.product-grid,.product-shelf-grid,.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs)}
.product-copy{gap:6px;padding:9px}
.product-card h3{font-size:0.8rem}
.product-meta,.product-rating,.product-delivery{font-size:0.61rem}
.product-rating span:last-child,.product-meta span:last-child{display:none}
.price{font-size:0.98rem}
.product-quick-view{display:none}
.department-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs)}
.department-card{min-height:112px;padding:var(--space-sm)}
.trust-inner{grid-template-columns:minmax(0,1fr);padding-inline:var(--space-md)}
.trust-item,.trust-item:first-child{border-inline-start:0;border-block-start:var(--border-width) solid var(--line);padding-inline:0}
.trust-item:first-child{border-block-start:0}
.pdp-gallery{grid-template-columns:minmax(0,1fr)}
.pdp-thumbnails{grid-template-columns:repeat(5,minmax(0,1fr))}
.pdp-main-image{border-radius:var(--radius-md)}
.pdp-buybox{padding:var(--space-md)}
.product-title{font-size:1.65rem}
.pdp-service-grid{grid-template-columns:minmax(0,1fr)}
.pdp-service-grid article{display:flex;justify-content:space-between;gap:var(--space-sm);padding-block:3px}
.pdp-seller{padding:var(--space-md)}
.seller-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}
.review-list{grid-template-columns:minmax(0,1fr)}
.pdp-mobile-bar{position:fixed;inset-inline:0;inset-block-end:0;z-index:35;display:grid;grid-template-columns:minmax(0,0.8fr) minmax(0,0.7fr) minmax(0,1fr);gap:var(--space-xs);align-items:center;padding:var(--space-xs) var(--space-md) calc(var(--space-xs) + env(safe-area-inset-bottom));border-block-start:var(--border-width) solid var(--line);background:var(--surface-raised);box-shadow:0 -8px 24px rgba(22,39,52,0.1)}
body[data-page="product"]{padding-block-end:70px}
.collection-header{align-items:start}
.collection-count{display:none}
.collection-toolbar{align-items:stretch}
.filter-links,.sort-form{width:100%}
.filter-links a{flex:1 1 calc(50% - var(--space-2xs));justify-content:center;text-align:center}
.sort-form select{flex:1 1 160px}
.portal-header{align-items:stretch}
.portal-actions,.account-identity,.store-switcher{width:100%}
.portal-content{padding:var(--space-md)}
.portal-split,.store-grid,.portal-coupon,.metric-grid,.component-grid{grid-template-columns:minmax(0,1fr)}
.list-card,.product-admin-row{grid-template-columns:minmax(0,1fr);align-items:start}
.product-admin-row .list-thumb{display:none}
.list-card .button{width:100%}
.brand-card{grid-template-columns:auto minmax(0,1fr)}
.brand-card .button{grid-column:1 / -1;width:100%}
.report-bars{min-height:180px;padding:var(--space-md)}
.auth-page{padding-block-start:var(--space-lg)}
.auth-card{padding:var(--space-lg)}
.auth-card-header h1,.auth-card-header h2{font-size:1.85rem}
.auth-links{display:grid}
.cart-line{grid-template-columns:64px minmax(0,1fr) auto;gap:var(--space-sm)}
.cart-thumb{width:64px}
.footer-grid,.footer-grid--expanded{grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}
.footer-note{grid-column:auto;display:grid}
.analytics-consent{inset-inline:var(--space-sm);inset-block-end:var(--space-sm);width:calc(100% - (2 * var(--space-sm)));padding:var(--space-md)}
.analytics-consent-actions{display:grid;grid-template-columns:minmax(0,1fr)}}
@media (max-width:390px){.utility-tools{width:100%;justify-content:space-between}
.brand-mark,.brand-mark-frame{width:32px;height:32px}
.brand-wordmark{font-size:1rem}
.home-banner{min-height:360px}
.home-banner-copy{inset-inline:var(--space-sm)}
.home-banner-actions .text-link{display:none}
.home-side-deals{grid-template-rows:126px auto}
.product-grid,.product-shelf-grid{gap:7px}
.product-copy{padding:8px}
.pdp-actions{grid-template-columns:minmax(0,1fr)}
.pdp-specs dl>div{grid-template-columns:minmax(0,1fr);gap:2px}
.pdp-mobile-bar{grid-template-columns:minmax(0,0.7fr) minmax(0,0.65fr) minmax(0,0.95fr);padding-inline:var(--space-sm)}
.pdp-mobile-bar .button{padding-inline:var(--space-sm)}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}}
@media (forced-colors:active){.button,.product-card,.panel,.field input,.field select{border:1px solid CanvasText}
.status-badge::before,.tag::before{forced-color-adjust:none;background:Highlight}}
@media print{.site-header,.pdp-mobile-bar,.footer-links{display:none}
body{background:#fff;color:#000}}
.product-mode-label{color:var(--brand)}
.commerce-mode-panel{display:grid;gap:var(--space-sm);padding:var(--space-md);border:var(--border-width) solid color-mix(in srgb,var(--brand) 28%,var(--line));border-radius:var(--radius-md);background:color-mix(in srgb,var(--surface-alt) 72%,var(--surface))}
.commerce-mode-panel.is-planned,.commerce-mode-panel.is-blocked{border-color:color-mix(in srgb,var(--warning) 38%,var(--line));background:color-mix(in srgb,var(--warning) 6%,var(--surface))}
.commerce-mode-heading{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-sm)}
.commerce-mode-heading .section-kicker{margin-block-end:2px}
.commerce-mode-heading h2{margin:0;font-size:var(--text-lg);line-height:1.25}
.commerce-mode-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs)}
.commerce-mode-facts>div{display:grid;gap:2px;padding:var(--space-sm);border-radius:var(--radius-sm);background:var(--surface)}
.commerce-mode-facts span{color:var(--muted);font-size:var(--text-xs);font-weight:700}
.commerce-mode-facts strong{font-size:var(--text-sm);overflow-wrap:anywhere}
.commerce-mode-note,.mode-purchase-note{margin:0;color:var(--muted);font-size:var(--text-xs)}
.pdp-purchase-restricted{grid-template-columns:repeat(2,minmax(0,1fr))}
.pdp-purchase-restricted .mode-purchase-note{grid-column:1/-1}
.pdp-detail-story{width:100%;margin-block-start:var(--space-xl);padding:clamp(16px,3vw,28px);border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);background:var(--surface-raised);scroll-margin-block-start:160px}
.pdp-detail-story-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:var(--space-md);margin-block-end:var(--space-md)}
.pdp-detail-story-head>div{min-width:0}
.pdp-detail-story-head h2{margin:0;font-size:var(--text-xl);line-height:1.12}
.pdp-detail-story-head p:not(.section-kicker){max-width:66ch;margin:var(--space-xs) 0 0;color:var(--muted)}
.detail-source{max-width:100%;padding:5px 9px;border-radius:var(--radius-pill);background:var(--surface-alt);color:var(--muted);font:700 var(--text-xs)/1.3 var(--font-mono);overflow-wrap:anywhere}
.pdp-detail-long-link{display:block;overflow:hidden;border:var(--border-width) solid var(--line);border-radius:var(--radius-md);background:var(--surface-alt)}
.pdp-detail-long-link img{width:100%;height:auto}
.pdp-detail-copy{margin-block-start:var(--space-lg);padding:var(--space-lg);border-inline-start:4px solid var(--accent);border-radius:var(--radius-sm);background:var(--surface-alt)}
.pdp-detail-copy p{margin:0;color:var(--muted)}
.pdp-detail-copy p.section-kicker{margin-block-end:var(--space-xs);color:var(--brand)}
.pdp-detail-gallery{margin-block-start:var(--space-lg)}
.pdp-detail-gallery-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-block-end:var(--space-sm)}
.pdp-detail-gallery-head .section-kicker{margin:0}
.pdp-detail-gallery-head span{display:inline-grid;place-items:center;min-width:32px;height:32px;border-radius:var(--radius-pill);background:var(--text);color:var(--text-on-dark);font:800 var(--text-xs)/1 var(--font-mono)}
.pdp-detail-gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:var(--space-sm)}
.pdp-detail-gallery-grid a{display:block;overflow:hidden;border:var(--border-width) solid var(--line);border-radius:var(--radius-md);background:var(--surface-alt)}
.pdp-detail-gallery-grid img{width:100%;height:auto}
.pdp-mobile-mode{display:grid;align-content:center;min-width:0;color:var(--muted);font-size:var(--text-xs);font-weight:800;line-height:1.25}
@media (max-width:720px){.commerce-mode-facts,.pdp-purchase-restricted{grid-template-columns:minmax(0,1fr)}.pdp-purchase-restricted .mode-purchase-note{grid-column:auto}.pdp-detail-story{padding:var(--space-sm);border-radius:var(--radius-md)}.pdp-detail-story-head{align-items:start}.pdp-detail-story-head h2{font-size:var(--text-lg)}.pdp-mobile-mode{font-size:0.65rem}}
@media (max-width:720px){.header-menu>summary>span:not(.site-dot):not(.visually-hidden){position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}}