/* Sabira – pure black (#0B0B0B) and white, dark-grey (#2A2A2A) hovers; Zodiak (serif) + General Sans; IBM Plex Sans Arabic for Arabic. Dark glass bar over the film. */
@font-face{font-family:Zodiak;font-weight:400;font-display:swap;src:url(/sabira/assets/fonts/fs-zodiak-400.woff2) format("woff2")}
@font-face{font-family:Zodiak;font-weight:400;font-style:italic;font-display:swap;src:url(/sabira/assets/fonts/fs-zodiak-400-italic.woff2) format("woff2")}
@font-face{font-family:"General Sans";font-weight:400;font-display:swap;src:url(/sabira/assets/fonts/fs-general-sans-400.woff2) format("woff2")}
@font-face{font-family:"General Sans";font-weight:500;font-display:swap;src:url(/sabira/assets/fonts/fs-general-sans-500.woff2) format("woff2")}
@font-face{font-family:"General Sans";font-weight:600;font-display:swap;src:url(/sabira/assets/fonts/fs-general-sans-600.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:400;font-display:swap;src:url(/sabira/assets/fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}
@font-face{font-family:"IBM Plex Sans Arabic";font-weight:600;font-display:swap;src:url(/sabira/assets/fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}
:root{--bg:#FFFFFF;--ink:#0B0B0B;--head:#0B0B0B;--muted:#55595c;--line:#e3e5e4;--soft:#f3f5f4;--card:#f6f7f6;--accent:#0B0B0B;--accent-ink:#FFFFFF;--link:#0B0B0B;
 --font-body:"General Sans",system-ui,sans-serif;--font-head:Zodiak,Georgia,serif;--head-weight:400;--head-track:-.015em;
 --h1:clamp(2.4rem,5vw,4.2rem);--h2:clamp(1.6rem,2.8vw,2.4rem);--nav-fs:.86rem;--nav-track:.01em;--btn-radius:0;--btn-bg:#0B0B0B;--btn-ink:#FFFFFF;--btn-pad:16px 30px;--btn-fs:.82rem;--btn-track:.08em;--btn-case:uppercase;--btn-weight:500;
 --cols:3;--gap:24px;--gap-y:48px;--card-fs:1rem;--logo-h:30px;--logo-h-m:24px;--max:1320px;--sec:96px;
 --bar-bg:#0B0B0B;--bar-ink:#FFFFFF;--foot-bg:#0B0B0B;--foot-ink:#e9ece9;--foot-line:#242424;
 --glass-bg:rgba(11,11,11,.34);--glass-bg-solid:rgba(11,11,11,.82);--glass-blur:18px;--glass-sat:140%;--glass-border:rgba(255,255,255,.14);--glass-border-solid:rgba(255,255,255,.08);
 --glass-ink-hero:#FFFFFF;--glass-ink:#FFFFFF;--glass-menu:rgba(11,11,11,.88);--glass-pop:rgba(255,255,255,.94);--head-row:68px;--head-h:98px;--navtop:98px;
 --hero-ink:#FFFFFF;--hero-bg:#2a2218;--hero-shade:linear-gradient(90deg,rgba(11,11,11,.62),rgba(11,11,11,.18) 55%,rgba(11,11,11,0)),linear-gradient(0deg,rgba(11,11,11,.55),rgba(11,11,11,0) 45%);
 --hero-h1:clamp(2.6rem,6vw,5.6rem);--hero-btn-bg:#0B0B0B;--hero-btn-ink:#FFFFFF;--hero-w:720px}
html[lang=ar]{--font-body:"IBM Plex Sans Arabic",Tahoma,sans-serif;--font-head:"IBM Plex Sans Arabic",Tahoma,sans-serif;--head-weight:600;--head-track:0}
html[lang=ar] body{line-height:1.75}
html[dir=rtl]{--hero-shade:linear-gradient(270deg,rgba(11,11,11,.62),rgba(11,11,11,.18) 55%,rgba(11,11,11,0)),linear-gradient(0deg,rgba(11,11,11,.55),rgba(11,11,11,0) 45%)}
.topbar{font-weight:500;letter-spacing:.06em;font-size:.72rem;text-transform:uppercase}
.btn:hover{background:#2A2A2A;border-color:#2A2A2A;filter:none}
.btn-ghost,.btn-line{background:transparent;color:inherit;border-color:currentColor}
.hero .btn-line:hover{background:#FFFFFF;color:#0B0B0B;border-color:#FFFFFF}
.hero .eyebrow{color:#FFFFFF;opacity:1;font-weight:500;letter-spacing:.22em}
.site-head .nav a:hover{text-decoration:underline;text-decoration-color:#FFFFFF;text-underline-offset:6px}
.cart-count{background:#0B0B0B;color:#fff}
h1,h2,h3{color:var(--head)}
.sec-head h2,.cats h2{font-size:clamp(1.6rem,2.6vw,2.2rem)}
.card-img{background:var(--card)}.card h3{font-family:var(--font-body);font-weight:500;font-size:.98rem}
.por{color:#0B0B0B;font-style:normal;font-weight:500;font-size:.85rem}
.badge{background:#0B0B0B;color:#fff}
.usp{background:#0B0B0B;color:#fff}.usp h3{color:#fff;font-family:var(--font-head);font-size:1.3rem}.usp p{color:#c9cfcb}
.story{background:var(--soft)}.story h2{color:#0B0B0B}
.coll-side a[aria-current]{background:#0B0B0B;border-color:#0B0B0B;color:#fff}
.chip input:checked+span{background:#0B0B0B;border-color:#0B0B0B;color:#fff}
.link{color:#0B0B0B;text-decoration-color:#0B0B0B}
.site-foot h2{color:#fff}

.topbar{border-bottom:1px solid rgba(255,255,255,.14)}
.hero .btn:not(.btn-line):hover{background:#FFFFFF;color:#0B0B0B;border-color:#0B0B0B}
.link:hover{color:#2A2A2A}