/* ===================================================================
   إيفوك — طبقة هوية «ريحان» (أكتوبر 2026)
   تُحمَّل بعد catalog.css و home-motion.css. الألوان من متغيرات :root في catalog.css فقط.
   مبادئ: خلفية فاتحة دافئة، أخضر ريحان للعناصر الأساسية، طيني للعروض فقط،
   أزرار بيضاوية بارتفاع 44px+، تركيز واضح بلوحة المفاتيح، احترام تقليل الحركة.
   =================================================================== */

/* ---------- أساس ---------- */
html[lang="ar"] body{ font-family:'IBM Plex Sans Arabic','Jost',system-ui,sans-serif; }
html[lang="en"] body{ font-family:'Jost','IBM Plex Sans Arabic',system-ui,sans-serif; }
body{ font-size:15px; line-height:1.65; text-rendering:optimizeLegibility; padding-bottom:104px; }
html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3, html[lang="ar"] h4, html[lang="ar"] .serif{
  font-family:'El Messiri','IBM Plex Sans Arabic',sans-serif; font-weight:700; letter-spacing:0;
}
::selection{ background:var(--tint); color:var(--brand-ink); }
img{ max-width:100%; }

/* تركيز واضح لكل العناصر التفاعلية — يظهر بلوحة المفاتيح فقط */
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible{
  outline:none; box-shadow:var(--focus);
}
.search-input:focus, .brand-select:focus,
.order-modal-body input:focus, .order-modal-body select:focus, .order-modal-body textarea:focus{
  outline:none; border-color:var(--brand); box-shadow:0 0 0 4px rgba(31,61,51,.12);
}

/* رابط التخطي */
.skip-link{
  position:fixed; top:-80px; inset-inline-start:12px; z-index:300; background:var(--brand); color:#fff;
  padding:12px 18px; border-radius:999px; font-weight:600; text-decoration:none; transition:top .2s;
}
.skip-link:focus{ top:12px; }

/* ---------- الهيدر ---------- */
header.hdr{ background:rgba(245,243,238,.88); }
header.hdr.scrolled{ border-bottom-color:var(--line); box-shadow:0 8px 30px rgba(24,35,31,.06); }
.hdr .logo-img{ height:40px; }
header.hdr.scrolled .logo-img{ height:34px; }
.icon-btn{
  width:44px; height:44px; border:1px solid var(--line); background:var(--surface); color:var(--brand);
  transition:background .2s, border-color .2s, transform .2s;
}
.icon-btn:hover{ background:var(--tint); border-color:var(--tint); }
.icon-btn .icon{ width:18px !important; height:18px !important; }
.lang-switch{ background:var(--surface); border:1px solid var(--line); padding:3px; }
.lang-switch button{ color:var(--ink); min-height:36px; padding:6px 14px; font-family:inherit; font-size:13px; }
.lang-switch button.active{ background:var(--brand); color:#fff; }
.header-country-select{
  background:var(--surface); color:var(--ink); border:1px solid var(--line); min-height:40px;
  padding:6px 12px; font-family:inherit; font-size:13px;
}
.site-nav-link{
  color:var(--ink); font-size:14px; font-weight:500; min-height:40px; padding:8px 16px;
  display:inline-flex; align-items:center; border:0;
}
.site-nav-link:hover{ background:var(--tint); color:var(--brand-ink); }
.site-nav-link.active{ background:var(--brand); color:#fff; }
.brands-mega{ border-radius:var(--radius); border-color:var(--line); }
.bm-item{ padding:9px 8px; border-radius:10px; }
.bm-item:hover{ background:var(--tint); color:var(--brand-ink); }
@media (max-width:819px){
  .hdr .logo-img{ height:32px; }
  .icon-btn{ width:44px; height:44px; }
  .hdr-actions .lang-switch button{ min-height:34px; padding:5px 10px; font-size:12px; }
  .header-country-select{ max-width:104px; font-size:12px; }
}

/* ---------- البطل: فاتح ومريح ---------- */
.hero.hero-x{
  color:var(--ink);
  background:
    radial-gradient(52% 46% at 88% 12%, var(--tint) 0, rgba(221,230,218,0) 72%),
    radial-gradient(46% 40% at 6% 96%, rgba(184,101,63,.10) 0, rgba(184,101,63,0) 70%),
    var(--paper);
}
.hero-x .hero-eyebrow{ display:none; }
.hero-x h2{
  font-family:'El Messiri','IBM Plex Sans Arabic',sans-serif !important; font-weight:700 !important;
  color:var(--brand-ink); font-size:clamp(38px,9.4vw,76px); line-height:1.22; letter-spacing:-.5px;
}
html[lang="en"] .hero-x h2{ font-family:'Cormorant Garamond',serif !important; font-weight:600 !important; letter-spacing:0; }
.hero-x p{ color:var(--muted); font-size:clamp(15px,3.8vw,18px); }
.hx-btn{ min-height:52px; padding:14px 28px; font-size:15px; font-weight:600; }
.hx-btn.primary{ background:var(--brand); color:#fff; box-shadow:0 10px 24px rgba(31,61,51,.22); }
.hx-btn.primary:hover{ background:var(--brand-deep); color:#fff; }
.hx-btn.ghost{ border:1.5px solid var(--brand); color:var(--brand); background:transparent; }
.hx-btn.ghost:hover{ background:var(--tint); }
.hero-x .hx-mark{ opacity:.05; }
.hx-grain{ opacity:.06; }
.hx-glow{ background:radial-gradient(circle, rgba(169,187,164,.75), rgba(169,187,164,0) 66%); }
.bottle{ filter:drop-shadow(0 30px 34px rgba(24,35,31,.22)); }
.hx-card{ background:var(--surface); box-shadow:0 22px 44px rgba(24,35,31,.16); border-radius:16px; }
.mist circle{ fill:var(--sage); }
.hx-scroll{ color:var(--muted); }
.hx-scroll i{ background:linear-gradient(var(--brand), rgba(31,61,51,0)); }

/* ---------- القصة ---------- */
.ch .num{ font-family:'Cormorant Garamond',serif; }
.ch h3{ font-family:'El Messiri','IBM Plex Sans Arabic',sans-serif !important; }
.sv-card{ border-radius:18px; }

/* ---------- الشريط المتحرك ---------- */
.rail-sec{ background:var(--paper); }
.rail-head .eyebrow, .shop-intro .eyebrow, .section-head .eyebrow{ color:var(--clay); letter-spacing:2px; font-size:12px; }
.rail-head h2, .shop-intro h2{ color:var(--brand-ink); font-family:'El Messiri','IBM Plex Sans Arabic',sans-serif !important; }
.rail a{ border-radius:18px; }

/* ---------- الأرقام ---------- */
.stats{ background:var(--brand); }
.stat .l{ color:var(--tint); }

/* ---------- الضمان ---------- */
.warr{ background:var(--tint); }
.warr h2{ color:var(--brand-ink); font-family:'El Messiri','IBM Plex Sans Arabic',sans-serif !important; }
.wstep{ background:var(--surface); border:0; border-radius:var(--radius); box-shadow:var(--shadow); }
.wstep b{ color:var(--clay); }
.warr-full{ color:var(--brand-ink); opacity:.85; }
.warr-full a{ color:var(--brand); font-weight:600; }

/* ---------- البحث والفلاتر ---------- */
.search-input{
  font-size:16px; min-height:52px; border-radius:999px; border:1.5px solid var(--line);
  background:var(--surface); font-family:inherit;
}
.filter-btn{ min-height:40px; padding:8px 16px; font-size:13.5px; font-family:inherit; border-color:var(--line); }
.filter-btn:hover{ border-color:var(--brand); background:var(--surface); }
.filter-btn.active{ background:var(--brand); border-color:var(--brand); }
.filter-btn .icon{ color:var(--brand); }
.section-head h2{ color:var(--brand-ink); font-size:clamp(24px,5.4vw,34px); }
.section-head p, .results-count{ color:var(--muted); }
.shop-sidebar{ border-radius:var(--radius); }
.sidebar-link{ min-height:40px; border-radius:10px; }
.sidebar-link:hover{ background:var(--tint); color:var(--brand-ink); }
.sidebar-link.active{ color:var(--brand); }
.sidebar-check{ min-height:40px; }
.sidebar-check input{ accent-color:var(--brand); width:18px; height:18px; }

/* ---------- بطاقة العطر ---------- */
.card{ border-radius:var(--radius); border:1px solid var(--line); box-shadow:none; }
.card:hover{ box-shadow:var(--shadow-lg); }
.card .imgwrap{ aspect-ratio:4/5; background:var(--tint); }
.card .info{ padding:16px 16px 4px; gap:6px; }
.impressions-tag{ color:var(--clay); letter-spacing:2px; font-size:10px; }
.card .brand{ color:var(--muted); font-weight:500; }
.card .name{ font-size:19px; font-weight:600; color:var(--ink); }
.badge{ background:var(--bg-soft); border-color:transparent; color:var(--muted); font-size:11.5px; padding:5px 11px; }
.badge .icon{ color:var(--brand); }
.badge.badge-gender{ background:var(--tint); color:var(--brand-ink); border-color:transparent; }
.badge.badge-gender .icon{ color:var(--brand); }
.notes-toggle{ color:var(--brand); min-height:36px; font-family:inherit; font-size:13px; }
.notes-box{ background:var(--paper); border-radius:14px; }
.notes-box .row .icon{ color:var(--brand); }
.wishlist-heart-btn{ width:40px; height:40px; border-color:var(--line); }
.wishlist-heart-btn .icon{ width:18px; height:18px; color:var(--brand); }
.wishlist-heart-btn.active{ background:var(--clay); border-color:var(--clay); }
.stock-note.low{ color:var(--clay); }
.card-bottom{ padding:12px 16px 16px; }
.add-btn{
  border-radius:999px; min-height:48px; background:var(--brand); font-size:14.5px; font-family:inherit;
  transition:background .2s, transform .2s;
}
.add-btn:hover{ background:var(--brand-deep); }
.add-btn:active{ transform:scale(.98); }
.add-btn:disabled{ background:var(--bg-soft); color:var(--muted); }
.qty-stepper{ background:var(--brand); border-radius:999px; min-height:48px; padding:4px; }
.qty-stepper button{ width:40px; height:40px; border-radius:50%; font-family:inherit; }
.verified-badge{ color:var(--brand); background:var(--tint); }

/* سلايدر المختارات: بدون قص للبطاقة على حافة الشاشة */
.grid.bs-slider{ gap:14px; padding-inline:16px; scroll-padding-inline:16px; }
.grid.bs-slider .card{ flex:0 0 min(74vw,270px); }
.bs-arrow{ width:44px; height:44px; background:var(--surface); border-color:var(--line); color:var(--brand); }

.category-card{ border-radius:var(--radius); box-shadow:none; }
.category-card:hover{ box-shadow:var(--shadow-lg); }
.category-card-icon, .category-card-cta{ color:var(--brand); }

/* ---------- شريط السلة العائم ---------- */
.cart-bar{
  left:12px; right:12px; bottom:12px; bottom:max(12px, env(safe-area-inset-bottom));
  max-width:760px; margin:0 auto; border-radius:22px; background:var(--ink);
  padding:8px 8px 8px 14px; box-shadow:0 18px 44px rgba(24,35,31,.28);
}
html[dir="rtl"] .cart-bar{ padding:8px 14px 8px 8px; }
.cart-bar .cart-info{ color:var(--paper); min-height:44px; font-size:13.5px; font-family:inherit; }
.cart-bar .cart-info b{ color:#fff; }
.order-form-btn{
  background:var(--tint); color:var(--brand-ink); border-radius:999px; min-height:46px; padding:10px 20px;
  box-shadow:none; font-family:inherit; font-size:14px; font-weight:600;
}
.order-form-btn:hover{ background:#fff; }
.checkout-btn{
  border-radius:999px; min-height:46px; min-width:46px; justify-content:center; background:transparent;
  border:1px solid rgba(245,243,238,.35); font-family:inherit; font-size:13px;
}
.checkout-btn .icon{ width:18px; height:18px; }
@media (max-width:520px){
  .checkout-btn{ padding:10px 12px; }
  .checkout-btn span{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
  .cart-bar .cart-info{ font-size:12.5px; }
}

/* ---------- النوافذ (السلة / الطلب / التكبير / اللغة) ---------- */
.cart-modal-overlay, .order-modal-overlay{ background:rgba(18,38,31,.45); -webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); }
.cart-modal, .order-modal{ border-radius:26px 26px 0 0; }
@media (min-width:640px){ .order-modal{ border-radius:26px; } }
.cart-modal-head h3, .order-modal-head h3{ font-family:'El Messiri','IBM Plex Sans Arabic',sans-serif; font-weight:700; font-size:21px; color:var(--brand-ink); }
html[lang="en"] .cart-modal-head h3, html[lang="en"] .order-modal-head h3{ font-family:'Jost',sans-serif; font-weight:600; }
.cart-modal-close{ width:44px; height:44px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:24px; color:var(--ink); background:var(--paper); }
.cart-modal-close:hover{ background:var(--tint); }
.cart-modal-item img{ border-radius:12px; width:56px; height:70px; }
.cart-modal-item .ci-brand{ color:var(--muted); }
.cart-modal-item .qty-stepper{ background:var(--paper); min-height:44px; }
.cart-modal-item .qty-stepper button{ width:36px; height:36px; background:var(--surface); color:var(--ink); }
.cart-modal-item .remove-btn{ width:44px; height:44px; justify-content:center; color:var(--muted); border-radius:50%; }
.cart-modal-item .remove-btn:hover{ background:var(--paper); color:var(--clay); }
.cart-modal-total{ font-size:16px; gap:4px 0; }
.cmt-sub{ flex-basis:100%; display:flex; justify-content:space-between; font-size:13px; font-weight:500; color:var(--muted); }
.cmt-disc{ color:var(--clay); }

.offer-banner{ border-radius:16px; font-size:13.5px; }
.offer-banner-won{ background:var(--clay); color:#fff; border:0; }
.offer-banner-won .offer-banner-title{ color:#fff; }
.offer-banner-won .offer-banner-item::before{ color:#fff; }
.offer-banner-progress{ background:var(--tint); border:0; color:var(--brand-ink); }

.order-modal-body label{ font-size:13.5px; color:var(--ink); font-weight:500; margin:14px 0 6px; }
.order-modal-body input, .order-modal-body select, .order-modal-body textarea{
  font-size:16px; min-height:50px; border-radius:14px; border:1.5px solid var(--line);
  background:var(--paper); font-family:inherit; padding:12px 14px;
}
.order-modal-body textarea{ min-height:84px; }
.of-radio-pill{ min-height:48px; border-radius:14px; border:1.5px solid var(--line); font-size:14px; }
.of-radio-pill:has(input:checked){ border-color:var(--brand); background:var(--tint); }
.of-radio-pill input{ accent-color:var(--brand); }
.of-consent input{ accent-color:var(--brand); width:18px; height:18px; }
.of-codnote{ background:var(--tint); color:var(--brand-ink); border-radius:14px; }
.of-warranty{ border-radius:14px; }
.order-shipping-summary{ background:var(--paper); border-radius:16px; font-size:14px; }
.order-shipping-summary .os-free{ color:var(--brand); }
.order-shipping-summary .os-disc{ color:var(--clay); font-weight:600; }
.order-submit-btn{
  border-radius:999px; min-height:54px; background:var(--brand); font-size:16px; font-family:inherit;
  transition:background .2s;
}
.order-submit-btn:hover{ background:var(--brand-deep); }
.order-success h4{ font-family:'El Messiri','IBM Plex Sans Arabic',sans-serif; color:var(--brand-ink); }
.order-wa-fallback{ border-radius:999px; min-height:48px; }

.lightbox-overlay{ background:rgba(18,38,31,.72); }
.lightbox-box{ border-radius:24px; }
.lightbox-imgwrap{ background:var(--tint); }
.lightbox-close{ width:44px; height:44px; background:rgba(24,35,31,.55); }
.lightbox-brand{ color:var(--muted); }

.lang-modal-overlay{ background:var(--paper); }
.lang-modal .lm-mark{ color:var(--brand); }
.lang-modal h3{ color:var(--brand-ink); font-family:'El Messiri','Jost',sans-serif; font-weight:700; }
.lang-modal-btn{ min-height:56px; border-radius:999px; border:1.5px solid var(--line); color:var(--brand-ink); font-family:'IBM Plex Sans Arabic','Jost',sans-serif; }
.lang-modal-btn:hover{ background:var(--brand); border-color:var(--brand); color:#fff; }

/* ---------- آخر الطلبات (بيانات حقيقية فقط) ---------- */
.sale-toast{ border-radius:18px; border-color:var(--line); bottom:104px; }
.sale-toast-icon{ background:var(--tint); color:var(--brand); }
.sale-toast-close{ width:32px; height:32px; }

/* ---------- شريط الموافقة ---------- */
.consent-bar{ background:var(--tint); border-bottom:1px solid var(--line); font-size:13px; }
.consent-bar button{ min-height:38px; padding:6px 18px; border-color:var(--brand); }
.consent-yes{ background:var(--brand); }
.consent-no{ color:var(--brand); }

/* ---------- الفوتر ---------- */
footer{ background:var(--brand-ink); color:var(--paper); padding:44px 20px calc(120px + env(safe-area-inset-bottom)); font-size:13px; line-height:1.8; }
footer .foot-logo{ font-family:'Cormorant Garamond',serif; font-weight:600; letter-spacing:8px; font-size:24px; color:var(--paper); }
footer .foot-line{ background:var(--sage); }
footer a{ display:inline-flex; align-items:center; min-height:40px; padding:0 4px; }
footer a:hover{ text-decoration:underline !important; }

/* ---------- تقليل الحركة ---------- */
@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  .add-btn, .icon-btn, .card, .hx-btn{ transition:none !important; }
}

/* ---------- تصحيحات بعد المعاينة ---------- */
.hero-x .hx-mark{ display:none; }
body{ padding-bottom:0; }
.cart-modal-overlay, .order-modal-overlay{ z-index:160; }
.lightbox-overlay{ z-index:170; }
.cart-bar{ transition:transform .45s var(--ease, ease), opacity .3s; }
body.cart-empty .cart-bar{ transform:translateY(calc(100% + 24px)); opacity:0; pointer-events:none; }
.of-consent{ align-items:center; }
.warr-full{ font-size:15px; }
@media (max-width:899px){
  .hx-stage{ height:min(36svh,300px); }
  .hx-wrap{ padding-top:18px; }
}
@media (prefers-reduced-motion: reduce){ .cart-bar{ transition:none; } }

/* ---------- شريط الإعلان + عروض إيفوك (22 أكتوبر 2026) ---------- */
.announce{ background:var(--brand-ink); color:var(--paper); text-align:center; font-size:13px; font-weight:500; padding:8px 14px; line-height:1.5; }
.offers{ background:var(--paper); padding:34px 16px 10px; }
.offers-in{ max-width:1100px; margin:0 auto; }
.offers-title{ text-align:center; margin:0 0 16px; font-size:clamp(24px,5.5vw,34px); color:var(--brand-ink); }
.offers-grid{ display:grid; grid-template-columns:1fr; gap:10px; }
@media (min-width:760px){ .offers-grid{ grid-template-columns:repeat(3,1fr); gap:14px; } }
.offer{ display:grid; grid-template-columns:auto 1fr; grid-template-rows:auto auto; column-gap:14px; align-items:center;
  background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:16px 18px; }
.offer .icon{ grid-row:1 / span 2; width:44px; height:44px; padding:10px; border-radius:50%; background:var(--tint); color:var(--brand); box-sizing:border-box; }
.offer b{ font-size:18px; color:var(--brand-ink); font-family:'El Messiri','IBM Plex Sans Arabic',sans-serif; }
html[lang="en"] .offer b{ font-family:'Jost',sans-serif; font-weight:600; }
.offer span{ font-size:13.5px; color:var(--muted); }
.offer.hl{ background:var(--clay); border-color:var(--clay); }
.offer.hl b, .offer.hl span{ color:#fff; }
.offer.hl .icon{ background:rgba(255,255,255,.18); color:#fff; }

/* اسم العطر الأصلي + رابط صورته */
.inspired-block{ display:flex; flex-direction:column; gap:2px; margin:2px 0 4px; }
.inspired-ar{ font-size:13px; color:var(--muted); }
.inspired-ar b{ color:var(--ink); font-weight:600; }
.inspired-en{ font-size:12px; color:var(--muted); }
.orig-link{ align-self:flex-start; display:inline-flex; align-items:center; gap:4px; min-height:32px; font-size:12.5px; font-weight:600; color:var(--brand); text-decoration:underline; text-underline-offset:3px; }
.orig-link:hover{ color:var(--brand-deep); }
.lightbox-details .inspired-block{ margin-bottom:10px; }

/* =====================================================================
   22 أكتوبر 2026 — ترتيب الرئيسية الجديد + شريط التقييمات
   البطل ← العروض ← المتجر (بحث + تصنيفات + مختارات) ← التقييمات ← القصة ← النوتات ← الضمان ← قريبًا
   ===================================================================== */
.hx-proof{ display:inline-flex; align-items:center; gap:8px; margin-top:20px; padding:8px 14px 8px 16px; border-radius:999px;
  background:rgba(255,255,255,.55); border:1px solid var(--line); color:var(--ink); text-decoration:none; font-size:13px; line-height:1;
  backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); transition:border-color .25s, background .25s; }
.hx-proof:hover{ border-color:var(--sage); background:rgba(255,255,255,.8); }
.hx-proof .st{ color:var(--clay-line); font-size:15px; }
.hx-proof b{ font-family:'Jost',sans-serif; font-weight:600; font-size:14px; direction:ltr; }
.hx-proof[hidden]{ display:none; }

/* المتجر صار مباشرة بعد العروض */
.shop-sec{ background:var(--paper); padding-bottom:30px; }
.shop-sec .shop-intro{ padding-top:58px; }
#shopByCategoryHead{ display:none; }
.category-nav-wrap.compact{ max-width:860px; margin:16px auto 6px; padding:0 16px; }
.category-nav-wrap.compact .category-nav{ grid-template-columns:repeat(3,1fr); gap:10px; margin-top:0; }
.category-nav-wrap.compact .category-card{ padding:14px 8px 12px; gap:4px; border-radius:14px; box-shadow:none; background:#FBFAF7; min-height:44px; }
.category-nav-wrap.compact .category-card:hover{ transform:translateY(-2px); border-color:var(--sage); box-shadow:0 10px 24px -14px rgba(31,61,51,.35); }
.category-nav-wrap.compact .category-card-icon{ width:22px; height:22px; margin:0 0 2px; }
.category-nav-wrap.compact .category-card-title{ font-size:15px; }
.category-nav-wrap.compact .category-card-desc,
.category-nav-wrap.compact .category-card-cta{ display:none; }
@media (min-width:820px){
  .category-nav-wrap.compact .category-card{ flex-direction:row; justify-content:center; gap:12px; padding:16px 14px; }
  .category-nav-wrap.compact .category-card-icon{ margin:0; }
}

/* ===== شريط التقييمات ===== */
.rv{ background:var(--bg-soft); padding:76px 0 60px; position:relative; overflow:hidden; }
.rv[hidden]{ display:none; }
.rv::before{ content:"”"; position:absolute; top:-40px; inset-inline-end:4%; font-family:'Cormorant Garamond',serif; font-weight:600;
  font-size:min(46vw,420px); line-height:1; color:var(--brand); opacity:.05; pointer-events:none; }
.rv-in{ position:relative; max-width:1180px; margin:0 auto; }
.rv-head{ display:flex; flex-direction:column; align-items:center; text-align:center; gap:18px; padding:0 20px; margin-bottom:30px; }
.rv-head .eyebrow{ font-size:11px; letter-spacing:3px; text-transform:uppercase; color:var(--brand); font-weight:700; margin-bottom:8px; }
.rv-head h2{ font-family:'El Messiri','IBM Plex Sans Arabic',sans-serif !important; font-weight:700 !important; font-size:clamp(28px,6vw,42px); color:var(--brand); margin:0; line-height:1.3; }
html[lang="en"] .rv-head h2{ font-family:'Cormorant Garamond',serif !important; font-weight:600 !important; }
.rv-score{ display:flex; align-items:center; gap:14px; }
.rv-avg{ font-family:'Cormorant Garamond',serif; font-weight:600; font-size:64px; line-height:.8; color:var(--brand); direction:ltr; }
.rv-meta{ display:flex; flex-direction:column; gap:6px; text-align:start; }
.rv-stars{ color:var(--clay-line); letter-spacing:2px; font-size:16px; line-height:1; }
#rvCount{ color:var(--muted); font-size:13px; line-height:1.4; }
@media (min-width:820px){
  .rv-head{ flex-direction:row; justify-content:space-between; align-items:flex-end; text-align:start; padding:0 32px; }
  .rv-score{ padding-bottom:4px; }
}
.rv-viewport{ position:relative; }
.rv-track{ display:flex; gap:16px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-padding-inline:20px; padding:6px 20px 18px;
  scrollbar-width:none; -webkit-overflow-scrolling:touch; outline:none; }
.rv-track::-webkit-scrollbar{ display:none; }
.rv-track:focus-visible{ box-shadow:var(--focus); border-radius:18px; }
.rv-card{ flex:0 0 min(84vw,340px); scroll-snap-align:start; margin:0; display:flex; flex-direction:column; gap:14px;
  background:#FBFAF7; border:1px solid var(--line); border-radius:18px; padding:24px 22px 18px; position:relative;
  box-shadow:0 1px 0 rgba(255,255,255,.7) inset, 0 18px 40px -30px rgba(18,38,31,.45); }
@media (min-width:820px){
  .rv-track{ padding:6px 32px 18px; scroll-padding-inline:32px; gap:20px; }
  .rv-card{ flex-basis:calc((100% - 40px) / 3); }
}
.rv-cstars{ color:var(--clay-line); letter-spacing:2px; font-size:14px; line-height:1; }
.rv-q{ margin:0; color:var(--ink); font-size:15.5px; line-height:1.95; flex:1;
  display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical; overflow:hidden; }
.rv-cap{ display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; padding-top:14px; border-top:1px solid var(--line); }
.rv-who{ font-weight:700; color:var(--ink); font-size:14.5px; }
.rv-ver{ display:inline-flex; align-items:center; gap:4px; font-size:11.5px; font-weight:600; color:var(--brand); background:var(--tint); padding:4px 9px; border-radius:999px; }
.rv-ver::before{ content:""; width:10px; height:6px; border:solid currentColor; border-width:0 0 1.8px 1.8px; transform:rotate(-45deg) translate(1px,-1px); }
.rv-p{ flex-basis:100%; color:var(--muted); font-size:12.5px; text-decoration:none; line-height:1.6; }
.rv-p:hover{ color:var(--brand); text-decoration:underline; text-underline-offset:3px; }
.rv-ctrl{ display:flex; align-items:center; justify-content:center; gap:18px; margin-top:12px; padding:0 20px; }
.rv-btn{ width:44px; height:44px; border-radius:50%; border:1px solid var(--brand); background:transparent; color:var(--brand);
  display:grid; place-items:center; cursor:pointer; transition:background .2s, color .2s; }
.rv-btn:hover{ background:var(--brand); color:var(--paper); }
.rv-btn:focus-visible{ outline:none; box-shadow:var(--focus); }
.rv-btn .icon{ width:18px; height:18px; }
html[dir="rtl"] #rvPrev .icon{ transform:rotate(-90deg); } html[dir="rtl"] #rvNext .icon{ transform:rotate(90deg); }
html[dir="ltr"] #rvPrev .icon{ transform:rotate(90deg); }  html[dir="ltr"] #rvNext .icon{ transform:rotate(-90deg); }
.rv-bar{ width:150px; height:2px; background:var(--line); border-radius:2px; overflow:hidden; }
.rv-bar i{ display:block; height:100%; width:30%; background:var(--brand); border-radius:2px; transition:transform .35s var(--ease, ease); }

/* القصة أقصر (كانت 330vh) والإعلان القادم أخف */
.story{ height:260vh; }
.teaser{ padding:72px 20px; }
@media (prefers-reduced-motion: reduce){ .story{ height:auto; } .rv-bar i{ transition:none; } }

/* ===== اختيار طريقة الدفع (بطاقة عبر زينة / عند الاستلام) — 23 أكتوبر 2026 ===== */
.of-pay{ border:0; padding:0; margin:16px 0 0; }
.of-pay[hidden]{ display:none; }
.of-pay legend{ font-weight:700; font-size:14px; color:var(--ink); margin-bottom:8px; padding:0; }
.order-modal-body .of-pay-opt{ display:flex; flex-direction:row; align-items:center; gap:12px; padding:12px 14px; margin:0 0 8px; font-size:inherit; font-weight:400; border:1.5px solid var(--line); border-radius:14px;
  background:#FBFAF7; cursor:pointer; min-height:44px; transition:border-color .2s, background .2s; }
.order-modal-body .of-pay-opt:has(input:checked){ border-color:var(--brand); background:var(--tint); }
.order-modal-body .of-pay-opt input{ width:20px; height:20px; min-height:0; padding:0; margin:0; border:0; box-shadow:none; accent-color:var(--brand); flex:0 0 auto; }
.of-pay-opt > span:first-of-type{ display:flex; flex-direction:column; gap:2px; flex:1; }
.of-pay-opt b{ font-size:14.5px; color:var(--ink); }
.of-pay-opt small{ font-size:12px; color:var(--muted); line-height:1.6; }
.of-pay-marks{ font-family:'Jost',sans-serif; font-size:10.5px; letter-spacing:.5px; color:var(--muted); white-space:nowrap; direction:ltr; }

/* ===== 23 أكتوبر 2026: الجوال — الصفحة كانت تكبر (تتوسع لعرض 1100px) لما تختار براند ===== */
@media (max-width:820px){
  /* بالترتيب العمودي، align-items:flex-start كان يخلي العمود ياخذ عرض محتواه (شريط الفلاتر الطويل) */
  .shop-layout{ align-items:stretch; }
  .shop-main{ width:100%; max-width:100%; }
  .filters{ flex-wrap:nowrap; justify-content:flex-start; overflow-x:auto; max-width:100%; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
  .filters::-webkit-scrollbar{ display:none; }
  .results-count{ max-width:100%; }
}
@media (max-width:640px){
  /* قائمة البراندات: لوحة ثابتة بعرض الشاشة بدل ما تطلع برا يمين الشاشة */
  /* الهيدر نفسه هو المرجع (sticky) — اللوحة تاخذ عرضه كامل تحت أزرار التنقل */
  .site-nav-brands{ position:static; }
  .brands-mega{ position:absolute; top:calc(100% - 2px); left:12px; right:12px; width:auto; transform:none; max-height:65vh; }
}

/* ---------- بطاقات العطور بالجوال: عمودين وبطاقة مختصرة (24 أكتوبر 2026) ----------
   البطاقة كانت بعرض الشاشة كامل (~830px طول). الحين عطرين جنب بعض والتفاصيل
   (المكونات + رابط صورة العطر الأصلي) تنفتح لما يضغط العميل على الصورة. */
@media (max-width:640px){
  .grid:not(.bs-slider){ grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px; }
  .grid.bs-slider{ gap:10px; }
  .grid.bs-slider .card{ flex:0 0 min(44vw, 210px); }

  .card .info{ padding:10px 10px 2px; gap:3px; }
  .card .card-top-row{ gap:4px; }
  .card .impressions-tag{ font-size:9px; letter-spacing:1px; }
  .card .wishlist-heart-btn{ width:32px; height:32px; }
  .card .wishlist-heart-btn .icon{ width:15px; height:15px; }
  .card .brand{ font-size:11px; }
  .card .name{ font-size:14px; line-height:1.3; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
  .card .inspired-block{ margin:0 0 2px; }
  .card .inspired-ar{ font-size:11.5px; line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
  .card .inspired-en{ font-size:11px; }
  .card .orig-link, .card .notes-toggle, .card .notes-box{ display:none !important; }
  .card .badge{ font-size:10.5px; padding:3px 8px; }
  .card .card-rating{ font-size:10.5px; }

  .card-bottom{ padding:6px 10px 10px; }
  .card .size-row{ margin-top:4px; }
  .card .size-pill{ padding:5px 4px; font-size:10.5px; line-height:1.35; border-radius:10px; }
  .card .size-pill b{ font-size:12.5px; }
  .card .add-btn{ min-height:40px; padding:8px; font-size:12.5px; }
  .card .add-btn .icon{ width:13px; height:13px; }
  .card .qty-stepper{ min-height:40px; padding:3px; }
  .card .qty-stepper button{ width:34px; height:34px; }
}