/* Homepage V4 — matches the approved catalog's typography and Almutamakina blue. */
:root{--blue:#16447c;--ink:#20354a;--muted:#75889b;--line:#e6ecf2;--paper:#fff}
.demo-notice{background:#133965;color:#e7f3fe;min-height:32px;padding:7px 16px;display:flex;gap:10px;align-items:center;justify-content:center;font:700 11px 'Cairo',sans-serif}
.demo-dot{width:6px;height:6px;border-radius:50%;background:#99c9f4}
.header{background:#ffffffed;border-bottom-color:var(--line)}
.nav-main a{color:#65788a;font-weight:700;font-size:12px}
.nav-main a:hover,.nav-main a.active{color:var(--blue)}
.lang-link{height:39px;width:43px;display:grid;place-items:center;border:1px solid #dbe4ed;border-radius:40px;color:var(--blue);font:700 12px 'DM Sans',Arial,sans-serif}
.lang-link:hover{background:#f2f7fb}
.contact{background:var(--blue);color:#fff;border-color:var(--blue);font-weight:700;padding:11px 18px}
.contact:hover{background:#0d2e53;color:#fff}
.hero{background:linear-gradient(180deg,#fff 0%,#fff 54%,#fbfdff 87%,#f6f9fc 100%);min-height:755px}
.hero-copy{padding-top:clamp(35px,5vh,60px)}
.eyebrow{color:var(--blue);font-weight:700}
.hero h1{color:var(--ink);font-weight:600;font-size:clamp(32px,3.45vw,55px)}
.hero h1 em{color:#6689a8;font-weight:400}
.hero-copy>p:last-child{color:#869aac}
.showroom.home-floorplan{width:min(1400px,94vw);height:min(59%,535px);bottom:8%;overflow:visible;isolation:isolate}
.home-architecture{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:0;pointer-events:none;opacity:.94}
.showroom-light{background:radial-gradient(ellipse at 50% 76%,#e9f3fa66,transparent 65%);inset:12% 7% 0}
.showroom-floor{bottom:-5%;height:9%;background:radial-gradient(ellipse,#aecde13b 0,transparent 70%);filter:blur(16px)}
.home-area{position:absolute;z-index:1;top:9%;pointer-events:none;color:#94b8d0;font:500 10px 'Cairo',sans-serif}
.home-area span{padding:3px 10px;border-left:1px solid #bbd6e9;border-right:1px solid #bbd6e9;white-space:nowrap;background:#ffffffaa}
.home-area-living{left:5%}.home-area-laundry{left:29%}.home-area-kitchen{left:65%}
.home-rug{position:absolute;z-index:1;left:4.2%;bottom:12%;width:19%;height:8%;border:1px solid #b8d0e0;border-radius:50%;background:#eaf3fa75;transform:perspective(300px) rotateX(70deg);box-shadow:0 6px 4px #7ea8c61c}
.home-counter{position:absolute;left:62.8%;right:4%;top:50%;height:2.7%;z-index:2;border:1px solid #acc9de;background:linear-gradient(#fff,#edf7fd);box-shadow:0 5px 0 #edf5fa,0 7px 0 #c8deeb}
.landing-pads{z-index:2}
.landing-pads i{height:10px;border:0;box-shadow:none;filter:blur(6px);background:#789bb92e;transform:perspective(200px) rotateX(54deg)}
.landing-pads i:after{display:none}
.pad-vacuum{left:3%;width:20%;bottom:10%}
.pad-washer{left:29%;width:17%;bottom:9%}
.pad-oven{left:47%;width:16%;bottom:9%}
.pad-microwave{left:61%;width:14%;bottom:49%}
.pad-fridge{left:73%;width:17%;bottom:9%}
.pad-dishwasher{left:87%;width:12%;bottom:9%}
.hero-device{transition:filter .24s ease;transform-origin:50% 93%;filter:drop-shadow(0 8px 7px #254c6717)}
.hero-device>img,.hero-device .mini-vacuum>img{mix-blend-mode:normal;filter:none;display:block;width:100%;height:auto}
.hero-device .device-base{display:none}
.hero-device:after{height:8px;bottom:9%;background:#244d6c42;filter:blur(9px)}
body.intro-ready .hero-device{animation:house-arrival 1.3s var(--delay) cubic-bezier(.22,.75,.36,1) both}
body.intro-ready .hero-device:after{animation:house-shadow 1.3s var(--delay) both}
@keyframes house-arrival{
  0%{opacity:0;transform:translate3d(0,-80vh,0) scale(.94)}
  62%{opacity:1;transform:translate3d(0,0,0) scale(1)}
  73%{transform:translate3d(0,-11px,0) scale(1)}
  86%{transform:translate3d(0,3px,0) scale(1)}
  100%{opacity:1;transform:translate3d(0,0,0) scale(1)}
}
@keyframes house-shadow{0%,55%{opacity:0;transform:scale(.24)}70%{opacity:.63;transform:scale(1.1)}100%{opacity:.37;transform:scale(1)}}
.h-vacuum{left:2%;width:20%;bottom:6%;--delay:.12s;z-index:10}
.h-washer{left:27%;width:21%;bottom:4%;--delay:.35s;z-index:8}
.h-oven{left:45%;width:21%;bottom:5%;--delay:.55s;z-index:6}
.h-microwave{left:60%;right:auto;width:18%;bottom:48%;--delay:.77s;z-index:8}
.h-fridge{left:72%;right:auto;width:22%;bottom:5%;--delay:.95s;z-index:7}
.h-dishwasher{right:-1%;left:auto;width:17%;bottom:5%;--delay:1.15s;z-index:9}
/* In the open-home landing scene the appliances arrive *closed and still*.
   Interactive mechanics belong exclusively to their scroll chapters. */
.hero-device .suction-particles,.hero-device .washer-window,.hero-device .washer-glass,
.hero-device .dish-cavity,.hero-device .dish-door,.hero-device .dish-glimmer,
.hero-device .micro-interior,.hero-device .hero-oven-warm,.hero-device .fridge-flash{display:none!important}
.hero-device .device-tag{font-weight:600;font-size:11px;color:var(--blue);z-index:16}
.chapter-divider strong,.type,.category-link{color:var(--blue)}
.scene-copy h2{color:var(--ink);font-weight:600}
.scene-copy h2 em{font-weight:400;color:#6889a4}
.category-grid .category-card{background:#f6f8fb;border-color:#e5ecf1}
.closing{background:var(--blue)}

/* The user-supplied original MP4 drives the refrigerator chapter. Its
   near-white studio background softly merges with the white page. */
.fridge-film{width:min(100%,490px);height:min(76vh,650px);aspect-ratio:720/1280;display:flex;justify-content:center;align-items:center;overflow:visible;filter:drop-shadow(0 12px 8px #3257730e);--p:inherit}
.fridge-scroll-video{display:block;height:100%;width:100%;object-fit:contain;mix-blend-mode:normal;filter:brightness(1.075) contrast(1.15);mask-image:radial-gradient(ellipse 67% 65% at 50% 49%,#000 80%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 67% 65% at 50% 49%,#000 80%,transparent 100%)}
.fridge-film.has-video-error:before{content:"";display:block;position:absolute;inset:4% 0;background:url('/assets/images/products/crimson-full-inverter-fridge-fni77x2/main.webp') center/contain no-repeat}
.fridge-film.has-video-error .fridge-scroll-video{visibility:hidden}
.fridge-story .scene-art:before{border-color:#e2ebf3}
.fridge-story .scene-art:after{background:#8ca6b822;bottom:5%}

html[lang=en] body{font-family:'DM Sans',Arial,sans-serif}
html[lang=en] .demo-notice,html[lang=en] .home-area,html[lang=en] .hero-copy>p,
html[lang=en] .scene-copy,html[lang=en] .category-card,html[lang=en] .footer{font-family:'DM Sans',Arial,sans-serif}
html[lang=en] .chapter{text-align:left;direction:ltr}
html[lang=en] .hero h1,html[lang=en] .scene-copy h2{letter-spacing:-1.7px;line-height:1.16}
html[lang=en] .scene-copy p{line-height:1.8;font-size:14px}
html[lang=en] .hero-copy>p:last-child{font-size:13px;margin-top:13px}
html[lang=en] .hero-device .device-tag{font-family:'DM Sans',sans-serif}
html[lang=en] .lang-link{width:auto;min-width:47px;padding-inline:10px;font-family:'Cairo',sans-serif}

@media(max-width:1100px){
  .showroom.home-floorplan{width:98%;height:54%}
  .h-vacuum{width:21%}.h-washer{width:22%;left:26%}.h-oven{width:22%;left:43%}
  .h-fridge{width:24%;left:71%}.h-dishwasher{width:18%;right:-2%}.h-microwave{width:19%;left:57%}
}
@media(max-width:780px){
  .header-tools{gap:7px}.lang-link{width:37px;height:35px;font-size:11px}.contact{font-size:10px;padding:9px 10px}
  .hero{height:1120px;min-height:1120px;max-height:none}
  .hero-copy{padding-top:38px;padding-inline:14px}.hero h1{font-size:clamp(26px,6.7vw,37px)}
  .showroom.home-floorplan{position:relative;left:auto;bottom:auto;transform:none;width:calc(100% - 26px);height:870px;min-height:0;max-height:none;margin:24px auto 0;overflow:visible}
  .home-architecture{display:none}
  .home-floorplan:before{content:"";position:absolute;inset:0;border:1px solid #b9d2e6;background:repeating-linear-gradient(0deg,#cfe2f015 0 30px,transparent 30px 31px);border-radius:3px;pointer-events:none}
  .home-floorplan:after{content:"";position:absolute;left:0;right:0;top:30%;height:29%;border-block:1px solid #b9d2e6;pointer-events:none}
  .home-area{left:14px;top:auto;font-size:10px}.home-area-living{top:2.5%}.home-area-laundry{top:32.5%}.home-area-kitchen{top:62%}
  .home-area span{background:#fff}
  .home-rug{left:23%;top:21%;bottom:auto;width:52%;height:4%}
  .home-counter{left:7%;right:7%;top:74%;height:1.2%}
  .landing-pads i{display:none}
  .hero-device{bottom:auto!important;right:auto;top:auto;max-width:none}
  .h-vacuum{top:4%;left:25%;width:41%;z-index:4}
  .h-washer{top:35%;left:33%;width:35%;z-index:4}
  .h-oven{top:auto;bottom:2%!important;left:3%;width:34%;z-index:4}
  .h-microwave{top:auto;bottom:25%!important;left:34%;width:36%;z-index:6}
  .h-fridge{top:auto;bottom:2%!important;left:51%;width:24%;z-index:5}
  .h-dishwasher{top:auto;bottom:2%!important;left:76%;width:21%;z-index:7}
  .hero-bottom{left:18px;right:18px;bottom:17px}
  .scene-layout{gap:0}
  .fridge-film{width:min(82%,320px);height:min(55svh,460px)}
}
@media(max-width:420px){
  .hero{height:1070px;min-height:1070px}
  .showroom.home-floorplan{height:826px;margin-top:20px}
  .h-vacuum{left:27%;width:40%}
  .h-washer{left:32%;width:40%}
  .h-oven{width:35%}
  .h-microwave{left:31%;width:36%}
  .h-fridge{left:51%;width:25%}
  .h-dishwasher{left:77%;width:21%}
}
@media(prefers-reduced-motion:reduce){.hero-device{opacity:1!important;transform:none!important}}