/* Moving Point v2 — shared design layer applied over the product and catalogue pages */
:root{--navy:#1C4E80;--deep:#152435;--ink:#213850;--muted:#54657A;--line:#DCE4EC;--stone:#F6F3EE;--copper:#B0653A;--c:#B0653A}
body,.kicker,.sec-h2,.hero-h1,.fcard h3,.chain b,.flow b,.pull,.mp-menu a,.btn,
[style*="Space Grotesk"],[style*="Manrope"],[style*="Tajawal"]{font-family:"IBM Plex Sans","IBM Plex Sans Arabic",system-ui,sans-serif!important}
[dir=rtl] body,[dir=rtl] .kicker,[dir=rtl] .sec-h2,[dir=rtl] .hero-h1,[dir=rtl] .fcard h3,[dir=rtl] .chain b,[dir=rtl] .flow b,[dir=rtl] .pull,[dir=rtl] .btn,
[dir=rtl] [style*="Space Grotesk"],[dir=rtl] [style*="Tajawal"]{font-family:"IBM Plex Sans Arabic","IBM Plex Sans",system-ui,sans-serif!important}
[dir=rtl] .kicker,[dir=rtl] .hero-h1,[dir=rtl] .sec-h2{letter-spacing:0!important}
[dir=rtl] .hero-h1,[dir=rtl] .sec-h2{line-height:1.3}
.hero-h1,.sec-h2{font-weight:600!important;letter-spacing:-.02em;color:var(--deep)}
.kicker{color:var(--c)!important;font-weight:600!important;font-size:12px!important;letter-spacing:.14em}
.btn{font-weight:600!important}   /* shape and colour: mp-glass.css */
/* sticky header: warm translucent, bigger logo */
div[style*="z-index:50"][style*="sticky"]{background:rgba(246,243,238,.86)!important;border-bottom:1px solid transparent!important;backdrop-filter:saturate(1.4) blur(12px)!important}
div[style*="z-index:50"][style*="sticky"] img{height:58px!important}
.nav-links a.lang{border:0!important;padding:0!important;font-weight:500!important;font-size:14px!important}
/* hero: stone background + product artwork */
#top{background:var(--stone)!important}
#top .hero-grid{background:none!important}
.mp-hero-art{position:relative;aspect-ratio:3/2;border-radius:20px;overflow:hidden;box-shadow:0 1px 2px rgba(21,36,53,.06),0 24px 48px -24px rgba(21,36,53,.25)}
.mp-hero-art img{width:100%;height:100%;object-fit:cover;display:block}
.mp-hero-logo{position:absolute;inset-inline-start:18px;bottom:18px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-radius:12px;padding:12px 16px;box-shadow:0 10px 30px rgba(21,36,53,.15)}
.mp-hero-logo img{height:34px;width:auto;display:block}
.mp-hero-logo .txt{font-weight:600;font-size:22px;color:var(--deep);display:flex;align-items:center;gap:10px}
.mp-hero-logo .txt i{width:10px;height:10px;border-radius:50%;background:var(--c);display:inline-block}
/* cards and chips pick up the product colour */
.fcard{border-radius:12px!important;background:#fff!important;border-top:2px solid var(--c)!important}
.chain b,.flow b{color:var(--deep)!important;border-color:var(--line)!important;background:#fff!important}
.pull{border-color:var(--c)!important;color:var(--deep)!important}
.darkpull{color:#E6ECF3!important}
div[style*="background:#213850"]{background:var(--deep)!important}
/* full-bleed transition band */
.mp-band{height:clamp(220px,28vw,400px);overflow:hidden;position:relative}
.mp-band img{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:cover}
@media (prefers-reduced-motion:no-preference){@supports (animation-timeline: view()){.mp-band img{animation:mpParallax linear both;animation-timeline:view()}@keyframes mpParallax{from{transform:translateY(-6%)}to{transform:translateY(6%)}}}}
/* footer */
.mp-footer{background:var(--deep);color:#A8B6C6;font-size:14px;padding:64px 0 36px}
.mp-footer .wrap{max-width:1200px}
.mp-footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px}
.mp-footer h4{color:#fff;font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px}
[dir=rtl] .mp-footer h4{letter-spacing:0}
.mp-footer ul{list-style:none;display:grid;gap:8px;margin:0;padding:0}
.mp-footer a{color:#A8B6C6;text-decoration:none}.mp-footer a:hover{color:#fff}
.mp-footer .logo{background:#fff;border-radius:10px;padding:8px 12px;display:inline-block;margin-bottom:16px}
.mp-footer .logo img{height:36px;width:auto;display:block}
.mp-footer .legal{border-top:1px solid rgba(255,255,255,.1);margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
@media (max-width:800px){.mp-footer .cols{grid-template-columns:1fr 1fr}}