/* v91 · Jo (Joe-01) · 08-11-2026 · Ahmad's site notes of 05-11 (WhatsApp) — loaded after modern-v90.css. Additive overrides only. */

/* Note 1 — «خلي المنتجات تظهر على اليسار بعيد عن النقشة»: the packs move LEFT, clear of the carved panel Ahmad circled
   (desktop and tablet only; on phones the stage is full width). */
@media (min-width: 900px) {
  .oman-home-hero .product-led-packshots { translate: calc(-1 * clamp(24px, 4.2vw, 72px)) 0; }
}

/* Note 9 — the brand line «صُمم لك، لأنك تستحق الأفضل» under the hero title. */
.oman-home-hero .product-led-copy .product-led-tagline {
  font-size: clamp(1.15rem, 1rem + .6vw, 1.55rem); font-weight: 600; letter-spacing: .01em;
  color: #f3de9c; margin-block: 14px 26px;
}

/* Note 5 — «عناية تناسبك»: one large statement, aligned to the reading start (right in Arabic). */
.collection-section .section-heading { display: block; text-align: start; }
.collection-section .section-heading h2.collection-statement {
  max-width: 34ch; font-size: clamp(1.9rem, 1.2rem + 2.4vw, 3.3rem); line-height: 1.28; font-weight: 600; text-wrap: balance; margin: 0;
}

/* Notes 2–3 — About: the story sits on the courtyard image (no separate panel). */
.about-court-copy .about-court-story { max-width: 62ch; margin-top: clamp(16px, 2.4vw, 28px); pointer-events: auto; }
.about-court-copy .about-court-story-title {
  margin: 0 0 8px; color: #f3de9c; font-weight: 700; font-size: clamp(1.05rem, .95rem + .45vw, 1.35rem);
}
.about-court-copy .about-court-story p:not(.about-court-story-title) {
  margin: 0 0 18px; color: #fff5e5; font-size: clamp(1rem, .92rem + .35vw, 1.18rem); line-height: 1.9;
  text-shadow: 0 1px 12px #07172cb3;
}
.about-court-copy .about-court-story .button { pointer-events: auto; }
/* keep the centre of the scene (MUSCAT sign + the road with the car lights) clear: the copy stays on the reading side */
@media (min-width: 900px) {
  .about-court-copy :is(h1, .about-court-kicker, .about-court-tagline, .about-court-story) { max-width: max(380px, 30vw); }
  .about-court-copy h1 { font-size: clamp(2.1rem, 3vw, 3.6rem); }
}
.about-court { min-height: clamp(620px, 92vh, 1040px); }
.about-court-shade { background: linear-gradient(0deg, #091625f7 0%, #0e1a29d6 34%, #0e1a2960 58%, transparent 78%); }

/* Note 7 — retailers: a larger intro sentence. */
.retailer-hero > div > p:not(.eyebrow) { max-width: 560px; font-size: clamp(1.08rem, .98rem + .5vw, 1.4rem); line-height: 1.8; }

/* Note 8 — the three display stands. */
.stand-list { list-style: none; padding: 0; margin: 14px 0 18px; display: grid; gap: 12px; }
.stand-list li { padding: 12px 16px; border-radius: 14px; background: #ffffff8c; border: 1px solid #c9cbd1; line-height: 1.75; }
.stand-list strong { display: block; color: #14182b; font-weight: 700; margin-bottom: 2px; }