html{color-scheme:light}body,button,input,select,textarea{font-family:Inter,'IBM Plex Sans Arabic',sans-serif}html[lang=ar] body,html[lang=ar] button,html[lang=ar] input,html[lang=ar] select,html[lang=ar] textarea{font-family:'IBM Plex Sans Arabic',Inter,sans-serif}body{font-weight:400}h1,h2,h3{font-weight:600;letter-spacing:-.02em}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{letter-spacing:0}.store-preferences{display:flex;align-items:center;gap:8px;margin-inline-start:auto}.store-preferences select,.store-preferences button{height:37px;min-height:37px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--ink);padding:5px 9px;box-shadow:none;font-size:12px}.store-preferences button{width:37px;font-size:22px;line-height:1}header{gap:18px;flex-wrap:wrap}.store-preferences select{max-width:110px}html[dir=ltr] .hero-copy{text-align:left}html[dir=ltr] .hero-copy h1{direction:ltr}html[dir=ltr] .hero-copy{padding-inline-end:20px}html[dir=ltr] .product-meta span:last-child{margin-inline-start:auto}.shop-variant-options a{direction:inherit}html[data-store-theme=dark]{color-scheme:dark;--bg:#101820;--surface:#19242e;--ink:#edf3f7;--muted:#acbac7;--border:#33434f;--accent:#88c9dc;--soft:#23333f}html[data-store-theme=dark] body{background:radial-gradient(ellipse at 5% 4%,#213747,transparent 30%),#0e171e;color:var(--ink)}html[data-store-theme=dark] .store-frame{background:var(--surface);border-color:var(--border);box-shadow:0 25px 90px #0004,0 0 0 6px #ffffff05}html[data-store-theme=dark] header{background:var(--surface)}html[data-store-theme=dark] .brand,html[data-store-theme=dark] nav a,html[data-store-theme=dark] h1,html[data-store-theme=dark] h2,html[data-store-theme=dark] h3,html[data-store-theme=dark] .product-bottom b{color:var(--ink)}html[data-store-theme=dark] nav a:hover{background:var(--soft)}html[data-store-theme=dark] .announcement{color:var(--muted)}html[data-store-theme=dark] .hero{background:var(--surface)}html[data-store-theme=dark] .hero:after{background:none}html[data-store-theme=dark] .hero-copy{background:transparent}html[data-store-theme=dark] .hero-copy>p,html[data-store-theme=dark] .hero-note{color:var(--muted)}html[data-store-theme=dark] .hero-search,html[data-store-theme=dark] .hero-search input,html[data-store-theme=dark] input,html[data-store-theme=dark] select{background:var(--soft);border-color:var(--border);color:var(--ink)}html[data-store-theme=dark] .filters button,html[data-store-theme=dark] .product,html[data-store-theme=dark] .about,html[data-store-theme=dark] .benefits,html[data-store-theme=dark] .editorial-promo,html[data-store-theme=dark] .store-information,html[data-store-theme=dark] dialog,html[data-store-theme=dark] .quote{background:var(--surface);border-color:var(--border);color:var(--ink)}html[data-store-theme=dark] .filters button.active,html[data-store-theme=dark] .category-icon{background:var(--soft);border-color:var(--accent);color:var(--accent)}html[data-store-theme=dark] .product-info,html[data-store-theme=dark] .product-meta,html[data-store-theme=dark] footer,html[data-store-theme=dark] .store-rules{background:transparent;color:var(--muted);border-color:var(--border)}html[data-store-theme=dark] .button,html[data-store-theme=dark] .outline,html[data-store-theme=dark] .product-bottom button,html[data-store-theme=dark] .hero-search button{background:#8bcadc;color:#10232c;border-color:#8bcadc}html[data-store-theme=dark] .close{background:var(--soft);color:var(--ink)}html[data-store-theme=dark] .demo{background:#342e20;border-color:#665736;color:#e7cf94}html[data-store-theme=dark] .benefits b{background:var(--soft);color:var(--accent)}html[data-store-theme=dark] .favorite-button{background:var(--surface);color:var(--ink)}html[data-store-theme=dark] .tag{background:var(--surface);color:var(--ink)}html[data-store-theme=dark] ::backdrop{background:#0009}html[data-store-theme=dark] input::placeholder{color:#9eafbd}html[data-store-theme=dark] .shop-variant-options a[aria-current=true]{background:var(--soft)}
@media(max-width:850px){header{gap:12px}header nav{order:3;width:100%;justify-content:center}.store-preferences{margin-inline-start:auto}}@media(max-width:520px){header{gap:8px}.store-preferences{gap:5px}.store-preferences select{max-width:87px;font-size:11px}.store-preferences button{width:32px}.outline{padding:8px;font-size:10px}.brand{font-size:20px}.brand .mark{width:25px;height:30px}.store-preferences{order:2}header #cartToggle{order:2}header nav{order:3}.store-preferences select{min-width:0}html[dir=ltr] header .brand{font-size:19px}}
html[data-store-theme=dark] .hero::after{background:linear-gradient(270deg,#14222ff5 0%,#14222fe6 35%,#14222f22 75%)}html[data-store-theme=dark] .hero-copy .eyebrow,html[data-store-theme=dark] .hero-copy>p,html[data-store-theme=dark] .hero-note,html[data-store-theme=dark] .hero-category-link{color:#c7d9e5}html[data-store-theme=dark] .hero-copy h1{color:#f1f7fc}html[data-store-theme=dark] .editorial-promo{background:linear-gradient(120deg,#233744,#19242e)}html[data-store-theme=dark] .product{box-shadow:0 6px 20px #0002}html[data-store-theme=dark] .product-info small{color:var(--muted)}html[data-store-theme=dark] .store-information details{border-color:var(--border)}@media(max-width:760px){html[data-store-theme=dark] .hero::after,html[data-store-theme=dark][data-hero-mode=product] .hero::after{background:linear-gradient(180deg,#19242e 0%,#19242ef5 35%,#19242e99 55%,transparent 80%)}}
@media(max-width:520px){header nav a{white-space:nowrap;padding:7px 6px;font-size:10px}header #cartToggle{width:100%;justify-content:center}.store-preferences{margin-inline-start:auto}.hero-actions{gap:14px}.hero-actions .button{padding:10px 13px}}
.store-preferences #storeTheme{display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:9px;transition:background .2s,color .2s,border-color .2s}.store-preferences #storeTheme svg{display:block;width:19px;height:19px;flex:none;transition:transform .25s}.store-preferences #storeTheme:hover svg{transform:rotate(-12deg)}@media(prefers-reduced-motion:reduce){.store-preferences #storeTheme svg{transition:none}}
html[lang=ar] body,html[lang=ar] button,html[lang=ar] input,html[lang=ar] select,html[lang=ar] textarea{font-family:Tahoma,'Segoe UI',Arial,sans-serif}
html[lang=ar] body,html[lang=ar] button,html[lang=ar] input,html[lang=ar] select,html[lang=ar] textarea{font-family:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif}