/* V15 — refined premium layout: tighter banner, larger story visuals, cleaner cards */
html,body{max-width:100%;overflow-x:clip}

.hero.hero-v12 .hero-sticky{
  padding:clamp(24px,3vw,42px) 20px 22px!important;
  max-width:1280px!important;
}
.hero-v12 .hero-copy{
  max-width:860px;
  margin:0 auto 14px!important;
}
.hero-v12 .hero-copy h1{
  font-size:clamp(31px,3.7vw,56px)!important;
  line-height:1.22!important;
  margin-bottom:.45rem!important;
}
.hero-v12 .hero-copy p:last-child{
  max-width:720px;
  font-size:clamp(13px,1.1vw,16px)!important;
  line-height:1.9!important;
}
.hero-v12 .premium-stage-wrap{
  max-width:1240px!important;
  padding:0 0 4px!important;
}
.hero-v12 .premium-stage{
  min-height:290px!important;
  gap:clamp(8px,1vw,16px)!important;
  padding:18px 10px 26px!important;
}
.hero-v12 .premium-item{transform-origin:center bottom}
.hero-v12 .premium-item img{display:block;object-fit:contain}
.hero-v12 .stage-vacuum{width:12.5%!important}
.hero-v12 .stage-oven{width:18%!important}
.hero-v12 .stage-washer{width:13.5%!important}
.hero-v12 .stage-fridge{width:24%!important}
.hero-v12 .stage-dishwasher{width:13.5%!important}
.hero-v12 .stage-microwave{width:17%!important}
.hero-v12 .premium-stage::before{inset:auto 4% 2px 4%!important;height:24px!important}
.hero-v12 .premium-stage::after{left:4%;right:4%;bottom:8px!important}
.hero-v12 .hero-bottom{
  max-width:1180px;
  margin:8px auto 0!important;
  padding:0 4px!important;
  gap:12px!important;
}
.hero-v12 .replay,.hero-v12 .scroll-down{white-space:nowrap}

.chapter-divider{
  max-width:1220px!important;
  margin:2px auto 10px!important;
  padding:0 22px!important;
}

.story{
  margin:0 0 14px!important;
}
.story .story-pin{
  max-width:1220px!important;
  padding:0 22px!important;
}
.story .scene-layout{
  display:flex!important;
  flex-direction:row!important;
  align-items:stretch!important;
  min-height:470px!important;
  border-radius:24px!important;
}
html[lang="ar"] .story .scene-layout{direction:rtl}
html[lang="en"] .story .scene-layout{direction:ltr}
.story .scene-copy{
  order:1!important;
  width:40%!important;
  max-width:40%!important;
  min-width:340px!important;
  padding:34px 36px 34px 30px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-self:stretch!important;
}
.story .scene-copy .chapter{font-size:.8rem!important;line-height:1.4}
.story .scene-copy .type{font-size:.9rem!important;line-height:1.8!important;margin:0 0 .25rem!important}
.story .scene-copy h2{
  font-size:clamp(31px,3.2vw,48px)!important;
  line-height:1.14!important;
  margin:.12rem 0 .6rem!important;
}
.story .scene-copy p{
  font-size:1rem!important;
  line-height:1.95!important;
  margin:0 0 1.05rem!important;
  max-width:none!important;
}
.story .category-link{
  align-self:flex-start!important;
  min-height:48px!important;
  padding:12px 20px!important;
}
.story .scene-art{
  order:2!important;
  width:60%!important;
  min-height:470px!important;
  padding:26px 24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.story .scene-film,
.story .fridge-film,
.story .washer-visual{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}
.story .scene-film video,
.story .fridge-film video{
  width:100%!important;
  max-height:500px!important;
  object-fit:contain!important;
}
.story .washer-visual{max-width:370px!important}
.story .fridge-film{max-width:430px!important}
.story .scene-film--oven{max-width:620px!important}
.story .scene-film--dishwasher{max-width:400px!important}
.story .scene-film--microwave{max-width:620px!important}
.story .scene-film--vacuum{max-width:360px!important}
.story .scene-film--oven video{transform:scale(1.08)!important}
.story .scene-film--microwave video{transform:scale(1.14)!important}
.story .scene-film--dishwasher video{transform:scale(1.03)!important}
.story .scene-film--vacuum video{transform:scale(1.02)!important}

.categories{
  padding:24px 22px 64px!important;
}
.categories-heading{
  max-width:860px;
  margin:0 auto 18px!important;
}
.category-grid{
  max-width:1220px;
  margin:0 auto;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
}
.category-card{
  min-height:305px!important;
  padding:16px 18px 18px!important;
  border-radius:18px!important;
  display:grid!important;
  grid-template-columns:1fr auto!important;
  align-content:end!important;
}
.category-card .category-image{
  position:relative!important;
  inset:auto!important;
  grid-column:1/-1!important;
  height:205px!important;
  margin:0 0 12px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.category-card .category-image>img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  mix-blend-mode:normal!important;
}
.category-card>span{font-size:.74rem!important;letter-spacing:.12em!important}
.category-card h3{font-size:1.15rem!important;margin:2px 0 0!important}
.category-card b{font-size:18px!important}

.closing{padding-top:40px!important}

@media (max-width:980px){
  .story .scene-copy{min-width:0!important;width:42%!important;max-width:42%!important;padding:28px 26px 28px 24px!important}
  .story .scene-art{width:58%!important;padding:22px 18px!important}
  .story .scene-copy h2{font-size:clamp(28px,4.2vw,40px)!important}
}

@media (max-width:780px){
  .hero.hero-v12 .hero-sticky{padding:18px 12px 14px!important}
  .hero-v12 .hero-copy{margin:0 auto 10px!important}
  .hero-v12 .hero-copy h1{font-size:clamp(28px,7.3vw,38px)!important}
  .hero-v12 .premium-stage{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    justify-items:center!important;
    align-items:end!important;
    gap:12px 8px!important;
    min-height:auto!important;
    padding:10px 2px 16px!important;
  }
  .hero-v12 .premium-item{width:100%!important;max-width:118px!important}
  .hero-v12 .stage-vacuum{grid-column:1;grid-row:1}
  .hero-v12 .stage-oven{grid-column:2;grid-row:1}
  .hero-v12 .stage-washer{grid-column:3;grid-row:1}
  .hero-v12 .stage-dishwasher{grid-column:1;grid-row:2}
  .hero-v12 .stage-fridge{grid-column:2;grid-row:2;width:100%!important;max-width:132px!important}
  .hero-v12 .stage-microwave{grid-column:3;grid-row:2}
  .hero-v12 .premium-item img{width:auto!important;max-width:100%!important;height:auto!important;margin:auto!important}
  .hero-v12 .stage-fridge img{max-height:210px!important}
  .hero-v12 .stage-oven img{max-height:165px!important}
  .hero-v12 .stage-washer img,
  .hero-v12 .stage-dishwasher img{max-height:140px!important}
  .hero-v12 .stage-vacuum img{max-height:128px!important}
  .hero-v12 .stage-microwave img{max-height:96px!important}
  .hero-v12 .premium-stage::before{inset:auto 2% 0 2%!important;height:18px!important}
  .hero-v12 .hero-bottom{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    align-items:center!important;
    gap:10px!important;
  }
  .hero-v12 .scroll-down{grid-column:1/2;justify-content:flex-start!important}
  .hero-v12 .replay{grid-column:2/3}
  .hero-v12 .hero-caption{display:none!important}

  .chapter-divider{margin:0 auto 10px!important;padding:0 16px!important}
  .chapter-divider p{font-size:14px!important}

  .story .story-pin{padding:0 14px!important}
  .story .scene-layout{
    flex-direction:column!important;
    min-height:0!important;
  }
  .story .scene-art,
  .story .scene-copy{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .story .scene-art{
    min-height:0!important;
    padding:18px 14px 8px!important;
  }
  .story .scene-copy{
    padding:8px 18px 18px!important;
  }
  .story .scene-copy h2{font-size:clamp(27px,7vw,35px)!important}
  .story .scene-copy p{font-size:.95rem!important;line-height:1.85!important}
  .story .scene-film video,
  .story .fridge-film video{max-height:360px!important}
  .story .washer-visual{max-width:270px!important}
  .story .fridge-film{max-width:300px!important}
  .story .scene-film--oven{max-width:430px!important}
  .story .scene-film--dishwasher{max-width:280px!important}
  .story .scene-film--microwave{max-width:390px!important}
  .story .scene-film--vacuum{max-width:260px!important}
  .story .scene-film--microwave video{transform:scale(1.12)!important}

  .categories{padding:22px 14px 58px!important}
  .categories-heading{margin-bottom:14px!important}
  .category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .category-card{min-height:252px!important;padding:13px 14px 14px!important;border-radius:16px!important}
  .category-card .category-image{height:160px!important;margin-bottom:10px!important}
  .category-card h3{font-size:1rem!important}
}

@media (max-width:400px){
  .hero-v12 .premium-item{max-width:108px!important}
  .hero-v12 .stage-fridge{max-width:122px!important}
  .hero-v12 .stage-fridge img{max-height:188px!important}
  .hero-v12 .stage-vacuum img{max-height:118px!important}
  .hero-v12 .stage-microwave img{max-height:88px!important}
  .story .scene-film video,
  .story .fridge-film video{max-height:320px!important}
  .category-card{min-height:235px!important}
  .category-card .category-image{height:144px!important}
}