body { overflow-y:auto; }
.site-product-hero { position:relative; display:grid; grid-template-columns:minmax(0,1.04fr) minmax(280px,.96fr); align-items:start; align-content:start; gap:clamp(22px,4vw,56px); width:min(var(--content-max-width),100%); height:calc(100dvh - var(--header-height)); min-height:0; margin:0 auto; padding:clamp(12px,1.5vh,20px) clamp(16px,4vw,56px) clamp(28px,3vh,44px); overflow:hidden; }
.site-product-hero::before, .site-product-hero::after { display:none; }
.site-product-copy { position:relative; z-index:1; max-width:620px; }
.site-product-eyebrow { display:inline-flex; align-items:center; gap:9px; margin:0 0 18px; color:var(--accent-strong); font-family:var(--font-latin); font-size:.7rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.site-product-eyebrow::before { content:""; width:28px; height:1px; background:var(--accent); }
.site-product-title { margin:0; color:var(--ink); font-family:var(--font-latin); font-size:clamp(2.5rem,6.5vw,5.5rem); font-weight:850; letter-spacing:-.06em; line-height:.92; }
.site-product-byline { margin:15px 0 0; color:var(--muted); font-family:var(--font-latin); font-size:clamp(1rem,1.7vw,1.25rem); font-weight:700; letter-spacing:.04em; }
.site-product-subtitle { margin:8px 0 0; color:var(--accent-strong); font-size:clamp(1.15rem,2vw,1.55rem); font-weight:800; line-height:1.4; }
.site-product-description { max-width:540px; margin:18px 0 0; color:var(--muted); font-size:clamp(.95rem,1.4vw,1.08rem); line-height:1.9; }
.site-product-brand { position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; min-height:0; padding-top:clamp(18px,3vh,34px); }
.site-product-logo { display:block; width:clamp(270px,34vw,400px); max-width:100%; height:auto; object-fit:contain; }
.site-product-logo-dark { display:none; }
[data-theme="dark"] .site-product-logo-light { display:none; }
[data-theme="dark"] .site-product-logo-dark { display:block; }
.site-product-locale-en { display:none; }
html[lang="en"] .site-product-locale-ar { display:none; }
html[lang="en"] .site-product-locale-en { display:inline; }
@media (max-width:820px) { .site-product-hero { grid-template-columns:1fr; align-items:start; align-content:start; height:auto; min-height:auto; gap:28px; padding-top:32px; } .site-product-copy { max-width:720px; } .site-product-brand { min-height:210px; padding-top:0; } }
@media (max-width:560px) { .site-product-hero { gap:22px; padding:26px 16px 44px; } .site-product-title { font-size:clamp(2.5rem,16vw,4.5rem); } .site-product-brand { min-height:160px; } .site-product-logo { width:260px; } }