:root{--arabic:"IBM Plex Sans Arabic",Arial,sans-serif}
html[dir="rtl"] body,html[dir="rtl"] button,html[dir="rtl"] input,html[dir="rtl"] textarea{font-family:var(--arabic);letter-spacing:0}
html[dir="rtl"] .hero h1,html[dir="rtl"] .manifesto-line span,html[dir="rtl"] .section-head h2,html[dir="rtl"] .story h2,html[dir="rtl"] .package-copy h2,html[dir="rtl"] .final-cta h2{font-family:var(--arabic);font-weight:700;letter-spacing:-.035em}
html[dir="rtl"] .hero h1 em,html[dir="rtl"] .manifesto-line .accent,html[dir="rtl"] .section-head h2 i,html[dir="rtl"] .story h2 i,html[dir="rtl"] .package-copy h2 i,html[dir="rtl"] .final-cta h2 i{font-family:var(--arabic);font-style:normal;font-weight:700;letter-spacing:-.035em}
html[dir="rtl"] .hero h1{line-height:1.14}
html[dir="rtl"] .intro,html[dir="rtl"] .manifesto-foot p,html[dir="rtl"] .product-info p,html[dir="rtl"] .story-steps p,html[dir="rtl"] .package-copy p:not(.eyebrow){font-weight:500;line-height:2}
html[dir="rtl"] .primary-btn,html[dir="rtl"] .whatsapp-btn,html[dir="rtl"] .menu-order{font-weight:700}
html[dir="rtl"] .section-head h2,html[dir="rtl"] .story h2,html[dir="rtl"] .package-copy h2{line-height:1.08}
@media(max-width:900px){
  html[dir="rtl"] .hero{padding:110px 7vw 94px;min-height:760px}
  html[dir="rtl"] .hero-copy{display:flex;flex-direction:column;align-items:flex-start;text-align:right}
  html[dir="rtl"] .eyebrow{font-size:11px;line-height:1.7;margin:0 0 8px;color:var(--accent)}
  html[dir="rtl"] .hero h1{font-size:clamp(2.65rem,11.6vw,3.35rem);line-height:1.27;max-width:100%;margin:6px 0 14px}
  html[dir="rtl"] .hero h1 span,html[dir="rtl"] .hero h1 em{display:block}
  html[dir="rtl"] .hero .intro{max-width:72%;font-size:15px;line-height:1.95;margin:0;color:#d1d6d8}
  html[dir="rtl"] .hero-cta{max-width:68%;margin-top:22px}
  html[dir="rtl"] .primary-btn{font-size:14px;min-width:190px;padding:17px 21px}
  html[dir="rtl"] .hero-product{inset:53% auto 70px -9%;width:48%;height:auto}
  html[dir="rtl"] .hero-product img{width:148px;height:42vh;max-height:430px}
  html[dir="rtl"] .manifesto{padding:19vw 7vw 15vw}
  html[dir="rtl"] .manifesto-line span,html[dir="rtl"] .manifesto-line .accent{font-size:clamp(2rem,8.7vw,2.45rem)!important;line-height:1.5!important;letter-spacing:-.035em!important}
  html[dir="rtl"] .manifesto-line+.manifesto-line{margin-top:.16rem}
  html[dir="rtl"] .manifesto-foot{margin-top:13vw;padding-top:24px}
  html[dir="rtl"] .manifesto-foot p{font-size:15px;line-height:2}
  html[dir="rtl"] .section-head h2,html[dir="rtl"] .story h2,html[dir="rtl"] .package-copy h2{font-size:clamp(2.55rem,10.7vw,3.15rem);line-height:1.22}
  html[dir="rtl"] .section-head{margin-bottom:13vw}
  html[dir="rtl"] .product-info p{font-size:15px;line-height:1.9}
  html[dir="rtl"] .story-steps h3{font-size:24px;line-height:1.55}
  html[dir="rtl"] .story-steps p{font-size:15px;line-height:1.95}
  html[dir="rtl"] .menu-overlay>a b{font-size:clamp(2.25rem,10vw,3rem);line-height:1.45}
  html[dir="rtl"] .cart-head h2{font-family:var(--arabic);font-size:48px;font-weight:700}
  html[dir="rtl"] .cart label{font-size:13px;font-weight:700}
  html[dir="rtl"] .final-cta h2{font-size:clamp(4rem,18vw,6rem);line-height:1.12}
}
@media(max-width:390px){
  html[dir="rtl"] .hero h1{font-size:clamp(2.45rem,11vw,2.8rem)}
  html[dir="rtl"] .hero .intro{max-width:74%;font-size:14px}
  html[dir="rtl"] .hero-product{left:-12%;width:50%}
  html[dir="rtl"] .hero-product img{width:138px;height:40vh}
  html[dir="rtl"] .manifesto-line span,html[dir="rtl"] .manifesto-line .accent{font-size:clamp(1.85rem,8.2vw,2.15rem)!important}
}
@media(max-width:900px){
  .product-visual{height:400px;overflow:visible}
  .product-visual img{width:178px;height:375px;max-width:none;object-fit:contain;transform-origin:52% 82%;filter:drop-shadow(0 32px 25px rgba(0,0,0,.72))}
  .product-card:nth-child(1) .product-visual img{transform:rotate(-5deg) scale(1.1) translateY(8px)}
  .product-card:nth-child(2) .product-visual img{transform:rotate(4deg) scale(1.1) translateY(4px)}
  .product-card:nth-child(3) .product-visual img{transform:rotate(-3deg) scale(1.1) translateY(7px)}
  .product-card .back-type{font-size:30vw;opacity:.9}
}