/* v93 · Jo (Joe-01) · 08-11-2026 · Ahmad 15:37 requests. Loaded after v92.css. Additive overrides only. */

/* 1 · header in the brand system: porcelain surface, ink text, thin champagne line, gold active link (every page) */
body .masthead,
body.page-product[data-product-theme] .masthead{
  position:relative; max-width:none; background:#F8F5EF; color:#10142A; border-bottom:0;
}
body .masthead::after{
  content:""; position:absolute; inset:auto 0 0 0; height:1px; pointer-events:none;
  background:linear-gradient(90deg,transparent,#C9A55C 22%,#EED9A4 50%,#C9A55C 78%,transparent);
}
body .masthead .elite-wordmark > span{color:#10142A}
body .masthead .wordmark-small{color:#8C6B2E}
body .masthead .desktop-nav a{color:#10142A; transition:color .2s ease}
body .masthead .desktop-nav a:hover{color:#8C6B2E}
body .masthead .desktop-nav a::after,
body.page-product[data-product-theme] .masthead .desktop-nav a::after{background:#C9A55C; height:2px; bottom:-9px}
body .masthead .desktop-nav a[aria-current]{color:#8C6B2E; font-weight:700}
body .masthead .language,
body.page-product[data-product-theme] .masthead .language{color:#10142A; border-color:#C9A55C}
body .masthead .menu-toggle{color:#10142A}
body .mobile-nav,
body.page-product[data-product-theme] .mobile-nav{background:#F8F5EF; color:#10142A; border-color:#E2DCD0}
body .mobile-nav a[aria-current]{color:#8C6B2E; font-weight:700}

/* 3 · «الفرق في التفاصيل»: fixed brand-features block (home), revealed gently on scroll, no clicks */
.oman-detail-story.v93-details{
  display:block; color:#F8F5EF; background:#10142A;
  border:1px solid #C9A55C40; padding:clamp(26px,5vw,72px);
}
.oman-detail-story.v93-details .story-heading{max-width:640px; margin-bottom:clamp(22px,3.4vw,40px)}
.oman-detail-story.v93-details .story-heading .eyebrow{color:#EED9A4}
.oman-detail-story.v93-details .story-heading h2{color:#F8F5EF}
.oman-detail-story.v93-details .story-heading p{color:#DADCE1}
.v93-features{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(12px,1.6vw,22px); margin:0; padding:0}
.v93-feature{
  margin:0; min-width:0; display:flex; flex-direction:column; border-radius:18px; overflow:hidden;
  background:#1A2040; border:1px solid #C9A55C33;
}
.v93-feature figure{margin:0; aspect-ratio:4/3; overflow:hidden; background:#F3F1EC}
.v93-feature figure img{width:100%; height:100%; object-fit:cover; display:block}
.v93-feature figure.v93-contain img{object-fit:contain; padding:10%}
.v93-feature .v93-body{padding:16px 18px 20px}
.v93-feature .v93-index{display:block; font:700 .74rem/1 system-ui,sans-serif; letter-spacing:.18em; color:#C9A55C; margin-bottom:8px}
.v93-feature h3{margin:0 0 6px; font-size:1.08rem; line-height:1.45; color:#F8F5EF}
.v93-feature p{margin:0; font-size:.95rem; line-height:1.7; color:#D9D6CF}
@media (max-width:1099px){.v93-features{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.v93-features{grid-template-columns:minmax(0,1fr)}}
@media (scripting:enabled) and (prefers-reduced-motion:no-preference){
  .v93-feature{opacity:0; transform:translateY(18px); transition:opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1)}
  .v93-feature:nth-child(2){transition-delay:.12s} .v93-feature:nth-child(3){transition-delay:.24s} .v93-feature:nth-child(4){transition-delay:.36s}
  .story-in-view .v93-feature{opacity:1; transform:none}
}

/* 3b · product pages: the close-ups are always open (no click), plus the product in use */
.v93-closeups{margin-block-start:16px}
.v93-closeups .v93-closeups-title{margin:0 0 10px; font-size:.78rem; font-weight:700; letter-spacing:.16em; color:#8C6B2E}
.v93-closeups .v93-scene{margin:12px 0 0; border-radius:16px; overflow:hidden; background:#F3F1EC}
.v93-closeups .v93-scene img{display:block; width:100%; height:auto; aspect-ratio:16/10; object-fit:cover}
.v93-closeups .v93-scene figcaption{padding:8px 12px; font-size:.82rem}

/* 4 · retailers: four display options with real photos */
.v93-stands{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:clamp(12px,1.6vw,22px); list-style:none; margin:18px 0 18px; padding:0}
.v93-stands li{margin:0; min-width:0; border-radius:18px; overflow:hidden; background:#fff; border:1px solid #E2DCD0; box-shadow:0 10px 26px -18px #10142a55}
.v93-stands img{display:block; width:100%; height:auto; aspect-ratio:4/5; object-fit:cover; background:#F3F1EC}
.v93-stands .v93-body{padding:14px 16px 18px}
.v93-stands strong{display:block; color:#10142A; font-weight:700; margin-bottom:4px}
.v93-stands span{display:block; font-size:.92rem; line-height:1.7; color:#4A4F5E}
.page-retailers .retail-options.v93-retail{display:block}
.page-retailers .retail-options.v93-retail > div + div{margin-top:clamp(28px,4vw,52px)}
@media (max-width:1099px){.v93-stands{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.v93-stands{grid-template-columns:minmax(0,1fr)}}

/* 6 · About: a live window (no 3D). Calm, natural, off for reduced motion. */
.v93-window > .v93-window-fx{position:absolute; inset:0; width:100%; height:100%; pointer-events:none}
.v93-window .v93-palm{transform-box:view-box}
.v93-window .v93-palm-l{transform-origin:135px 186px}
.v93-window .v93-palm-r{transform-origin:707px 202px}
@media (prefers-reduced-motion:no-preference){
  .v93-window .v93-palm-l{animation:v93-sway 7.5s ease-in-out infinite alternate}
  .v93-window .v93-palm-r{animation:v93-sway 6.2s -2.4s ease-in-out infinite alternate}
}
@keyframes v93-sway{0%{transform:rotate(-0.9deg) skewX(0.4deg)}55%{transform:rotate(0.7deg) skewX(-0.3deg)}100%{transform:rotate(1.1deg) skewX(-0.5deg)}}
@media (prefers-reduced-motion:reduce){.v93-window .v93-cars,.v93-window .v93-water{display:none}}

/* 7 · home hero: products on Omani stone pedestals; one continuous image behind copy and stage, no dividing line (Ahmad 15:37, 19:55) */
@media (min-width:761px){
  .oman-home-hero.v93-hero{background:#10142A url("/assets/v93/hero-pedestals-2400.webp") left center/cover no-repeat;direction:rtl}
  .oman-home-hero.v93-hero > *{direction:inherit}
  [lang=en] .oman-home-hero.v93-hero .product-led-copy{direction:ltr;text-align:left}
  .oman-home-hero.v93-hero .product-led-copy{background:transparent}
  .oman-home-hero.v93-hero .product-led-stage{background:transparent !important}
  .oman-home-hero.v93-hero .product-led-stage::before,.oman-home-hero.v93-hero .product-led-stage::after{display:none !important}
  .oman-home-hero.v93-hero .v93-hero-stage{visibility:hidden}
}
@media (min-width:761px) and (max-width:1100px){.oman-home-hero.v93-hero{background-position:12% center}}
@media (max-width:760px){
  .oman-home-hero.v93-hero .product-led-stage{padding:0;background:#10142A !important}
  .oman-home-hero.v93-hero .v93-hero-stage{position:relative;width:100%;height:auto;object-fit:cover}
  .oman-home-hero.v93-hero .product-led-stage::before{display:none}
}

/* 8 · STS 10: no real photo yet (Ahmad 20:23: the render is not real) - text card until a real photo arrives */
.v93-stands li.v93-noimg{display:flex;flex-direction:column;justify-content:flex-end;min-height:100%;
  background:linear-gradient(160deg,#F8F5EF,#EFE8DC);}
.v93-stands li.v93-noimg .v93-body{padding-top:40px;border-top:3px solid #C9A55C}

/* 9 · home gallery: the product centred in its arch (Ahmad 20:23), measured on desktop/mobile */
.oman-home-gallery .elite-product > img{translate:-18px 30px}
[dir=ltr] .oman-home-gallery .elite-product > img{translate:18px 34px}
@media (max-width:720px){.oman-home-gallery .elite-product > img,[dir=ltr] .oman-home-gallery .elite-product > img{translate:0 15px}}

/* 10 · header company emblem: complete and front-facing, a little larger (Ahmad 20:58) */
.masthead .elite-wordmark .logo-company{inline-size:clamp(52px,5vw,68px);block-size:clamp(52px,5vw,68px)}

/* 11 · QR landing (/go/): Elite's welcome bubble must never cover the two QR buttons (Jo 08-11 23:50); the Elite button itself stays */
.page-go .elite-welcome{display:none !important}
.page-go .go-link:first-child small{color:#E6DFD0 !important;opacity:1}
.page-go .go-link:first-child span{color:#EED9A4}
@media (max-width:760px){.page-go .go-stand{padding-bottom:96px}}
@media (max-width:760px){.page-go .go-link{padding-inline:64px !important}}
