/* V9: One Almutamakina design system, consistent category access and videos. */
:root {--blue:#16447c;--ink:#20354a;--muted:#75889b;--line:#e6ecf2;--paper:#fff;--font:'Cairo',Tahoma,Arial,sans-serif}
html {scroll-padding-top:83px}
html[lang="ar"] body {font-family:'Cairo',Tahoma,Arial,sans-serif;color:var(--ink)}
html[lang="en"] body {font-family:'DM Sans',Arial,sans-serif;color:var(--ink)}
html[lang="ar"] button,html[lang="ar"] input,html[lang="ar"] select {font-family:'Cairo',Tahoma,Arial,sans-serif}
html[lang="en"] button,html[lang="en"] input,html[lang="en"] select {font-family:'DM Sans',Arial,sans-serif}
body {background:white}
body h1,body h2,body h3 {color:var(--ink)}
body h1 em,body h2 em,body h3 em {color:#7192aa;font-style:normal;font-weight:400}
/* The category nav is displayed on EVERY interior page, including individual product pages. */
.unified-category-nav {position:relative;z-index:9;width:100%;background:#fff;border-bottom:1px solid #ebf0f4}
.unified-category-nav .category-nav-inner {display:flex;align-items:center;gap:10px;max-width:1250px;margin:auto;padding:10px 24px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.unified-category-nav .category-nav-inner::-webkit-scrollbar {display:none}
.unified-category-nav .category-nav-title {white-space:nowrap;font-size:10px;font-weight:700;color:#879bab;margin-inline-end:14px}
.unified-category-nav a {flex:0 0 auto;padding:8px 13px;border-radius:8px;border:1px solid transparent;color:#536c83;font-weight:600;font-size:11px;line-height:1.65;transition:background .2s,color .2s,border-color .2s}
.unified-category-nav a:hover,.unified-category-nav a:focus-visible {border-color:#d5e4ee;background:#f2f7fb;color:var(--blue)}
.unified-category-nav a[aria-current="page"] {background:#edf4fa;color:var(--blue);border-color:#dceaf4}
.main-header .header-row,.header .header-wrap {height:78px}
.main-header,.header {background:#fffffff5;border-bottom:1px solid var(--line)}
.main-header .site-logo img,.header .identity img,.simple-category-page>header img {mix-blend-mode:normal;object-fit:contain}
.main-header .desktop-nav>a,.header .nav-main a {color:#667a8d;font-size:11px;font-weight:600}
.main-header .desktop-nav>a:hover,.header .nav-main a:hover {color:var(--blue)}
/* Use the same type scale, weights, accents and navigation on simpler categories. */
.simple-category-page>header {height:78px;background:#fffffff5;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.simple-category-page>header .inner {height:78px}
.simple-category-page>header img {width:142px;max-height:63px}
.simple-category-page>header nav a {font-size:11px;color:#667a8d;font-weight:600}
.simple-category-page>header .home-link {border:1px solid #dbe6ef;background:#fff;color:var(--blue);font-size:11px;font-weight:700}
.simple-category-page>header .category-lang-switch {font:700 11px 'DM Sans','Cairo',sans-serif;padding:10px 12px;border:1px solid #dbe6ef;border-radius:20px;color:var(--blue);background:white;white-space:nowrap}
.simple-category-page .category-hero .copy h1 {font-size:clamp(36px,4.3vw,62px);font-weight:600;line-height:1.47;letter-spacing:-.6px;color:var(--ink)}
.simple-category-page .category-hero .copy h1 em {font-weight:400;color:#7192aa}
.simple-category-page .copy .eyebrow {color:var(--blue);letter-spacing:1.35px}
.simple-category-page .copy p {color:#72889b;font-size:13px;line-height:2.1}
.simple-category-page .actions a {border-radius:10px;background:var(--blue);font-weight:700}
.simple-category-page .actions a+a {background:#fff;color:var(--blue);border-color:#dce6ef}
.simple-category-page .product {background:#fff}
.simple-category-page .category-strip {border-top:1px solid var(--line)}
.simple-category-page .category-strip h2 {font-size:23px;font-weight:600;color:var(--ink)}
.simple-category-page .strip-links a {border-radius:9px;background:#f8fbfd;color:#426982}
.simple-category-page .strip-links a:hover {border-color:#adc9de;background:#eef5fa}
/* The same clean white product-gallery treatment as refrigerators/cookers. */
.product-card,.category-card {box-shadow:none}
.category-shortcuts {display:none!important}

/* One seamless, horizontal architectural scene on laptop AND phone.
   Background and appliance PNGs retain the same 1672×941 coordinate system. */
.hero-v8 .house-panorama {position:relative;width:100%;margin:0 auto;flex:none;min-width:0;overflow:visible}
.hero-v8 .house-panorama .house-scene {display:block}
.hero-v8 .panorama-hint {display:none}
@media(max-width:780px) {
  html {scroll-padding-top:70px}
  .main-header .header-row,.header .header-wrap {height:68px}
  .simple-category-page>header,.simple-category-page>header .inner {height:68px}
  .simple-category-page>header img {width:111px;height:58px}
  .simple-category-page>header nav {display:none}
  .simple-category-page>header .inner {gap:8px}
  .simple-category-page>header .home-link {padding:9px 11px;font-size:9px}
  .simple-category-page>header .category-lang-switch {padding:8px 9px;font-size:10px}
  .unified-category-nav .category-nav-inner {padding:9px 15px;gap:5px}
  .unified-category-nav .category-nav-title {display:none}
  .unified-category-nav a {padding:7px 11px;font-size:10px;border-color:#edf1f4}
  .simple-category-page .category-hero .copy h1 {font-size:clamp(30px,7vw,42px);line-height:1.42}
  .hero.hero-v8 {height:calc(100svh + 760px);min-height:1200px;padding:0;overflow:clip}
  .hero-v8 .hero-sticky {position:sticky;top:68px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:12px;height:calc(100svh - 68px);min-height:570px;padding:10px 0 14px;overflow:hidden}
  .hero-v8 .hero-copy {padding:0 18px;flex:none}
  .hero-v8 .house-panorama {width:calc(100% - 20px);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;border-radius:15px;scrollbar-width:thin;scrollbar-color:#cedeea transparent;touch-action:pan-x pan-y;direction:ltr;-webkit-overflow-scrolling:touch}
  .hero-v8 .house-panorama .house-scene {width:clamp(680px,175vw,900px);max-width:none;margin:0;box-shadow:none;border:1px solid #e8edf0;border-radius:13px}
  .hero-v8 .panorama-hint {display:flex;align-items:center;justify-content:center;gap:8px;color:#6f8da3;font-size:10px;font-weight:600;margin:0 10px;line-height:1.8}
  .hero-v8 .panorama-hint span {font:18px Arial;color:#2c6590}
  .hero-v8 .hero-bottom {margin:0 auto;width:calc(100% - 28px);align-items:center}
  .hero-v8 .hero-bottom .scroll-down {font-size:10px}
}
@media(max-width:410px) {
  .hero-v8 .hero-sticky {gap:9px}
  .hero-v8 .house-panorama .house-scene {width:680px}
  .hero-v8 .hero-copy>p:last-child {font-size:10px}
  .hero-v8 .house-panorama {width:calc(100% - 14px)}
}

/* Remove decorative circles and faux ground shadows: product stays the hero. */
.story .scene-art::before,.story .scene-art::after {content:none!important;display:none!important}
.story .scene-art,.story .story-pin,.story .scene-layout {background:#fff}
.story .scene-film,.story .fridge-film {filter:none}
.story .scene-film .scene-scroll-video,
.story .fridge-film .fridge-scroll-video {
  background:transparent;
  mix-blend-mode:multiply;
  filter:brightness(1.09) contrast(1.08);
  -webkit-mask-image:radial-gradient(ellipse 62% 52% at 50% 53%,#000 71%,transparent 99%);
  mask-image:radial-gradient(ellipse 62% 52% at 50% 53%,#000 71%,transparent 99%);
}
.story .scene-film--dishwasher .scene-scroll-video {
  filter:brightness(1.02) contrast(1.03);
  -webkit-mask-image:none;
  mask-image:none;
}
.story .scene-film--microwave .scene-scroll-video {
  filter:brightness(1.07) contrast(1.1);
  -webkit-mask-image:radial-gradient(ellipse 62% 63% at center,#000 74%,transparent 100%);
  mask-image:radial-gradient(ellipse 62% 63% at center,#000 74%,transparent 100%);
}
@media(max-width:780px) {
  /* Story chapters remain a horizontal editorial spread on phones, matching
     the laptop composition rather than stacking words above a huge film. */
  .story .scene-layout {display:grid;grid-template-columns:minmax(0,44%) minmax(0,56%);align-items:center;gap:0;width:calc(100% - 25px);height:100%}
  .story .scene-copy {padding:0 5px;min-width:0;opacity:1;transform:none}
  .story .scene-copy .chapter {font-size:8px;letter-spacing:.6px}
  .story .scene-copy .type {font-size:10px;line-height:1.8;margin:9px 0 0}
  .story .scene-copy h2 {font-size:clamp(21px,5.5vw,29px);line-height:1.35;letter-spacing:-.2px;margin:8px 0}
  .story .scene-copy h2 br {display:block}
  .story .scene-copy p {font-size:10px;line-height:1.8;margin:8px 0 14px;max-width:100%}
  .story .category-link {font-size:9px;min-height:37px;padding:7px 9px;gap:8px;line-height:1.5;border-radius:8px;box-shadow:none}
  .story .category-link span {font-size:13px}
  .story .scene-art {overflow:hidden;min-width:0;height:100%;width:100%}
  .story .scene-film {width:min(100%,250px);height:min(52svh,440px)}
  .story .scene-film--microwave {width:100%;height:auto;max-height:30svh}
  .story .fridge-film {width:min(100%,250px);height:min(52svh,440px)}
  .story .washer-visual {height:min(51svh,430px)}
}
@media(max-width:380px) {
  .story .scene-layout {grid-template-columns:minmax(0,46%) minmax(0,54%);width:calc(100% - 16px)}
  .story .scene-copy h2 {font-size:21px}
  .story .scene-copy p {font-size:9px;line-height:1.7}
  .story .scene-copy .type {font-size:9px}
}
@media(prefers-reduced-motion:reduce) {
  .hero-v8 .house-scene>.house-layer {opacity:1!important;transform:none!important}
}