/* The storefront shell and PWA controls. Edit colors here; no build tools required. */
[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.utility-strip{background:#141923;color:#fff;font-size:12px}.utility-inner{max-width:1320px;margin:auto;padding:9px 32px;display:flex;justify-content:space-between;align-items:center;gap:20px}.utility-inner>span{display:flex;align-items:center;gap:9px}.utility-inner i{font-size:16px}.utility-inner>a{color:#d8dbe2}
.modern-header.site-header{display:block;padding:0 32px;max-width:none;position:sticky;top:0;z-index:50;background:#ffffffed;backdrop-filter:blur(18px);border-bottom:1px solid #e5e7eb;box-shadow:0 3px 14px #14192304}.header-main,.header-lower{max-width:1256px;margin:auto;display:flex;align-items:center}.header-main{min-height:94px;gap:38px}.modern-header .brand{font-size:32px;white-space:nowrap}.header-search{display:flex;align-items:center;flex:1;max-width:560px;margin-inline:auto;background:#f4f5f7;border:1px solid #eceef1;border-radius:999px;overflow:hidden}.header-search input{width:100%;min-width:0;background:none;border:0;padding:13px 21px;font-size:13px;outline-offset:-3px}.header-search button{border:0;background:none;color:#141923;min-width:50px;min-height:44px;padding:10px}.modern-header .header-actions{gap:9px;margin:0}.icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;border:0;background:transparent;color:inherit;border-radius:10px;padding:8px;text-decoration:none}.icon-button:hover{background:#f4f5f7}.icon-button i{font-size:24px}.modern-header .header-actions span{font-size:12px}.modern-header .bag-link b{font-size:10px;min-width:20px;min-height:20px;background:#141923;border-radius:50%;color:white;display:grid;place-items:center}.notification-link b,.mobile-nav b{position:absolute;top:2px;inset-inline-end:1px;background:#fa5935;color:white;border-radius:99px;min-width:17px;padding:1px 4px;font:10px/15px Inter,Arial,sans-serif}.header-lower{min-height:57px;border-top:1px solid #edf0f3;justify-content:space-between;gap:20px}.modern-header .desktop-nav{display:flex;gap:32px}.desktop-nav a{position:relative;padding:15px 0;font-size:13px}.desktop-nav a[aria-current]:after{content:'';position:absolute;bottom:0;inset-inline:0;height:3px;background:#fa5935;border-radius:8px}.language-switcher{gap:3px}.header-lower .language-switcher a{min-height:36px;background:transparent;padding:5px 10px;font-size:12px}.header-lower .language-switcher a[lang=ar],.header-lower .language-switcher a[lang=ckb]{font-size:16px}.header-lower .language-switcher a[aria-current]{background:#f0f1f4;color:#141923}.menu-toggle{display:none}.shop-menu{border:0;border-radius:0 22px 22px 0;margin:0;height:100dvh;max-height:100%;width:min(88vw,380px);padding:26px;color:#141923;box-shadow:15px 0 80px #0003}.shop-menu::backdrop{background:#14192388;backdrop-filter:blur(4px)}.shop-menu .menu-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:20px;border-bottom:1px solid #e5e7eb}.shop-menu nav{display:grid;margin:20px 0 35px}.shop-menu nav a{display:flex;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid #eef0f3}.shop-menu nav a i:last-child{margin-inline-start:auto;color:#8b929e;font-size:18px}.shop-menu p{font-size:14px;color:#69707b}.menu-visible{overflow:hidden}
.modern-footer.site-footer{display:block;background:#141923;color:#fff;padding:0 max(32px,calc((100vw - 1256px)/2));margin-top:64px}.footer-app{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:48px 0;border-bottom:1px solid #ffffff25}.footer-app .eyebrow{color:#ff947a;font-size:11px}.footer-app h2{font-size:34px;letter-spacing:-1.1px;margin:13px 0}.footer-app p{color:#adb4c2;font-size:14px;max-width:480px}.install-area{max-width:300px;flex-shrink:0}.footer-install.button{background:#fa5935;color:#fff;border:0;min-height:52px;display:flex;gap:14px;align-items:center;font-size:14px;border-radius:9px}.install-area p{font-size:12px;margin-top:12px;line-height:1.7}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:40px;padding:48px 0}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.footer-grid h3{font-size:13px;margin-bottom:5px;color:#fff;letter-spacing:0}.footer-grid a:not(.brand){font-size:13px;color:#adb4c2}.footer-grid a:hover{color:#fff}.footer-grid p{font-size:13px;color:#adb4c2;max-width:270px}.footer-brand .brand{font-size:36px;color:#fff}.footer-brand .footer-contact{margin-top:12px;color:#fff!important}.footer-email{overflow-wrap:anywhere;max-width:100%;unicode-bidi:plaintext}.modern-footer .footer-bottom{border-top:1px solid #ffffff25;padding:23px 0;color:#929ba9;font-size:11px;display:flex;justify-content:space-between}.footer-bottom a{color:#d8dbe2}.mobile-nav a{position:relative}
.notifications-page{max-width:940px;margin:50px auto}.updates-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}.updates-heading .eyebrow{color:#dd4928}.updates-heading h1{font-size:45px;margin:12px 0}.updates-heading>i{font-size:58px;color:#fa5935;background:#fff0eb;padding:25px;border-radius:22px}.notification-preferences{display:flex;align-items:center;justify-content:space-between;gap:26px;border:1px solid #e5e7eb;background:#fafafa;padding:26px;border-radius:15px;margin-bottom:36px}.notification-preferences h2,.inbox-toolbar h2,.push-management h2{font-size:21px;letter-spacing:-.5px;margin-bottom:8px}.notification-preferences p{font-size:14px}.push-status{margin-top:8px;color:#6a7180!important;line-height:1.6}.push-buttons{flex-shrink:0}.button[data-enable-push],.button[data-disable-push],.push-management .button{font-size:13px;border:0;padding:13px 18px;border-radius:8px;background:#141923;color:#fff;min-height:44px}.inbox-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.text-button{border:0;background:transparent;color:#aa3218;text-decoration:underline;text-underline-offset:3px;font:inherit;font-size:13px;padding:12px 0;min-height:44px}.notification-list{display:grid;gap:12px;margin-bottom:25px}.notification-card{display:flex;gap:18px;padding:24px;border:1px solid #e5e7eb;border-radius:12px;position:relative}.notification-card.unread{background:#fffaf8;border-color:#f7d9cf}.update-icon{background:#f1f3f6;display:grid;place-items:center;width:45px;height:45px;flex-shrink:0;border-radius:12px;color:#69707b}.unread .update-icon{color:#d94c2a;background:#ffe6dc}.notification-card h3{font-size:17px;margin:0 0 7px}.notification-card p{font-size:14px}.notification-card time{display:block;color:#8c929c;font-size:11px;margin-top:10px;direction:ltr;unicode-bidi:isolate;text-align:start}.notification-order{display:inline-flex;gap:5px;align-items:center;font-size:12px;margin-top:9px}.notification-order i{font-size:14px}.read-one{margin-inline-start:auto;align-self:flex-start}.empty-updates{text-align:center;padding:60px 20px;border:1px dashed #d9dde4;border-radius:14px}.empty-updates>i{display:block;font-size:38px;color:#b1b8c4;margin-bottom:22px}.empty-updates h3{margin-bottom:10px;font-size:20px}.empty-updates p{font-size:14px}.push-management{padding:28px;margin-top:30px;border:1px solid #e5e7eb;background:white;border-radius:12px}.push-management form{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:22px 0}.push-management label{width:100%;font-size:14px}.push-management input{border:1px solid #ccd1da;border-radius:8px;padding:11px;max-width:100%;width:330px}.push-diagnostics{display:flex;gap:20px;flex-wrap:wrap;background:#f4f5f7;padding:18px;font-size:13px;margin:20px 0}.setup-note{font-size:13px;line-height:1.8}.admin-topbar .notification-link{flex-shrink:0}.admin-content .notification-preferences h2{margin:0 0 8px}.admin-content .notification-card h3{letter-spacing:0}.admin-content .button{display:inline-flex;text-decoration:none}.admin-content .notification-order{color:#ab3e26}.admin-content [data-setup-status]{margin:14px 0}
[dir=rtl] .shop-menu{margin:0 0 0 auto;border-radius:22px 0 0 22px}[dir=rtl] .header-search input{font-size:17px}[dir=rtl] .modern-header .header-actions span,[dir=rtl] .desktop-nav a{font-size:16px}[dir=rtl] .utility-inner{font-size:15px}[dir=rtl] .footer-app h2,[dir=rtl] .notification-preferences h2,[dir=rtl] .inbox-toolbar h2,[dir=rtl] .push-management h2{letter-spacing:0}[dir=rtl] .footer-grid p,[dir=rtl] .footer-grid a:not(.brand),[dir=rtl] .footer-grid h3,[dir=rtl] .footer-app p,[dir=rtl] .notification-preferences p,[dir=rtl] .notification-card p{font-size:17px}[dir=rtl] .button[data-enable-push],[dir=rtl] .button[data-disable-push],[dir=rtl] .text-button{font-size:16px}
@media(max-width:1050px){.header-main{gap:20px}.header-actions .account-link span{display:none}.footer-grid{gap:24px;grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{grid-column:1/-1;flex-direction:row;align-items:center;flex-wrap:wrap;gap:18px}.footer-grid>div:last-child h3{margin:0}}
@media(max-width:760px){.utility-inner{padding:7px 20px;justify-content:center;font-size:10px}.utility-inner>a{display:none}.modern-header.site-header{padding:0 20px}.header-main{display:flex;flex-wrap:wrap;min-height:0;gap:9px;padding:12px 0 10px}.menu-toggle{display:inline-flex;margin-inline-start:-9px}.modern-header .brand{font-size:26px}.modern-header .header-actions{margin-inline-start:auto;gap:2px}.modern-header .account-link,.modern-header .bag-label{display:none}.modern-header .bag-link{gap:4px}.header-search{order:5;flex:1 0 100%;max-width:none;border-radius:10px;margin-top:3px}.header-search input{padding:11px 15px;font-size:12px}.header-lower{justify-content:center;min-height:47px;border:0;padding-bottom:7px}.modern-header .desktop-nav{display:none}.header-lower .language-switcher a{padding:4px 15px;min-height:34px}.main-container{padding-top:0}.modern-footer.site-footer{margin-top:35px;padding:0 20px 85px}.footer-app{padding:34px 0;gap:22px;align-items:flex-start;flex-direction:column}.footer-app h2{font-size:29px;line-height:1.2;letter-spacing:-.8px}.footer-app p{font-size:13px}.footer-grid{grid-template-columns:1fr 1fr;padding:32px 0;gap:30px 22px}.footer-brand{grid-column:1/-1}.footer-grid>div:last-child{grid-column:1/-1;flex-direction:column;align-items:flex-start;gap:12px}.modern-footer .footer-bottom{font-size:10px;gap:16px;align-items:center}.footer-bottom a{white-space:nowrap}.mobile-nav{z-index:60;grid-template-columns:repeat(5,minmax(0,1fr));padding-bottom:max(8px,env(safe-area-inset-bottom));box-shadow:0 -4px 22px #1419230b}.mobile-nav b{top:1px;inset-inline-end:calc(50% - 23px)}.mobile-nav a{gap:3px;min-height:47px}.mobile-nav a[aria-current]{color:#e64a25}.mobile-nav a[aria-current]:before{content:'';position:absolute;top:-7px;width:24px;height:3px;border-radius:0 0 3px 3px;background:#fa5935}.notifications-page{margin:30px 0}.updates-heading{margin-bottom:24px}.updates-heading h1{font-size:32px}.updates-heading p{font-size:14px}.updates-heading>i{font-size:30px;padding:16px}.notification-preferences{padding:20px;flex-direction:column;align-items:stretch;gap:16px;margin-bottom:24px}.push-buttons .button{width:100%;justify-content:center}.notification-preferences h2{font-size:20px}.inbox-toolbar{align-items:baseline}.inbox-toolbar h2{font-size:18px}.text-button{font-size:12px}.notification-card{padding:18px 14px;gap:12px}.notification-card h3{font-size:16px}.notification-card p{font-size:13px}.update-icon{width:35px;height:35px;border-radius:9px}.read-one{min-width:36px;padding:4px}.push-management{padding:20px}.admin-topbar{gap:7px}.admin-topbar .language-switcher a{padding:4px 6px}.admin-content .notification-preferences{padding:18px}.admin-topbar .notification-link{min-width:36px;width:36px}.admin-sidebar{top:75px}[dir=rtl] .utility-inner{font-size:13px}[dir=rtl] .header-search input{font-size:16px}[dir=rtl] .mobile-nav a{font-size:13px}[dir=rtl] .updates-heading h1{font-size:32px}}
@media(display-mode:standalone){[data-install],.install-area{display:none!important}}

.modern-footer.site-footer{max-width:none;width:auto}.brand,.admin-brand{font-family:Inter,'Noto Naskh Arabic',Arial,sans-serif}.page-home .main-container{padding-top:26px}@media(max-width:760px){.page-home .main-container{padding-top:0}.mobile-welcome{margin-bottom:24px}}

/* Nested category navigation: desktop rows, scrollable mobile chips. */
.breadcrumb{flex-wrap:wrap;overflow-wrap:anywhere;max-width:100%}
.breadcrumb a,.breadcrumb span{min-width:0}
.page-heading h1{overflow-wrap:anywhere}
.category-levels{margin:24px 0}
.category-level-heading{font-size:13px;font-weight:700;margin-bottom:12px;color:var(--muted,#6c706e)}
.category-levels .catalog-chips{margin:0;gap:10px}
.category-chip{display:inline-flex;align-items:center;gap:12px;max-width:100%}
.category-chip>span:first-child{overflow-wrap:anywhere;white-space:normal}
.category-chip-count{font-size:11px;opacity:.65;font-variant-numeric:tabular-nums}
.category-chip svg{width:16px;height:16px;flex:none}
[dir="rtl"] .category-chip svg{transform:rotate(180deg)}
@media(max-width:600px){.category-levels .catalog-chips{flex-wrap:nowrap;overflow-x:auto;padding-block:3px 10px;scroll-snap-type:x proximity}.category-chip{flex:none;max-width:82vw;scroll-snap-align:start}.category-breadcrumb{font-size:12px;gap:7px}}

.category-chip .ph-arrow-right{display:inline-block;flex:none}[dir="rtl"] .category-chip .ph-arrow-right{transform:rotate(180deg)}
/* Long paths must not consume the search field's space. */
.catalog-toolbar> .searchbox,.catalog-toolbar label{min-width:0;max-width:100%}
.catalog-toolbar select{width:100%;min-width:0;max-width:100%;text-overflow:ellipsis}
@media(min-width:761px){.catalog-toolbar{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(0,1fr) minmax(150px,.65fr) auto}.catalog-toolbar>.searchbox{width:100%}}
