/* Amber Collection V36.1 — Drawer-only changes
   Scope: mobile/side drawer only. No product-grid or Firestore changes.
*/

/* زر القائمة على اليمين بالموبايل لأن القائمة تفتح من اليمين */
@media (max-width:980px){
  .v35-header__inner{
    position:relative!important;
    justify-content:center!important;
  }

  .v35-header__actions{
    position:absolute!important;
    right:16px!important;
    left:auto!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    display:flex!important;
    direction:ltr!important;
    align-items:center!important;
    gap:8px!important;
    z-index:3!important;
  }

  .v35-brand{
    margin-inline:auto!important;
    justify-content:center!important;
    text-align:center!important;
    padding-inline:58px!important;
    max-width:100%!important;
  }

  .v35-brand__mark{
    display:none!important;
  }

  .v35-brand__name strong{
    font-size:clamp(25px,7vw,34px)!important;
    line-height:1!important;
  }
}

/* صورة أعلى القائمة مع العنوان داخلها مرة واحدة */
.v35-drawer .v36-drawer-hero{
  position:relative!important;
  min-height:210px!important;
  height:210px!important;
  padding:0!important;
  margin:0 0 12px!important;
  background-size:cover!important;
  background-position:center!important;
  border-bottom:0!important;
  overflow:hidden!important;
  display:block!important;
}

.v35-drawer .v36-drawer-hero::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(7,6,4,.05) 0%,rgba(7,6,4,.34) 48%,rgba(7,6,4,.86) 100%)!important;
  z-index:0!important;
  pointer-events:none!important;
}

.v36-drawer-copy{
  position:absolute!important;
  right:22px!important;
  left:22px!important;
  bottom:20px!important;
  z-index:1!important;
  padding:0!important;
  margin:0!important;
  text-align:right!important;
}

.v35-drawer .v36-drawer-brand{
  display:block!important;
  color:#fff8ec!important;
  font-family:"Cormorant Garamond",Georgia,serif!important;
  font-size:clamp(34px,7.2vw,45px)!important;
  line-height:1!important;
  font-weight:700!important;
  margin:0 0 8px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  text-decoration:none!important;
  text-shadow:0 12px 30px rgba(0,0,0,.52)!important;
}

.v35-drawer .v36-drawer-hint{
  display:block!important;
  color:rgba(255,248,236,.88)!important;
  font-size:13px!important;
  line-height:1.7!important;
  max-width:25em!important;
  text-shadow:0 8px 20px rgba(0,0,0,.46)!important;
}

.v35-drawer .v36-drawer-close{
  position:absolute!important;
  top:16px!important;
  left:16px!important;
  right:auto!important;
  z-index:2!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  background:rgba(255,248,236,.92)!important;
  color:#070604!important;
  border:1px solid rgba(255,248,236,.55)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.18)!important;
  font:32px/1 Georgia,serif!important;
}

/* إزالة أي بقايا تخطيط قديم داخل رأس القائمة */
.v35-drawer__title-row{
  display:contents!important;
}

@media (max-width:420px){
  .v35-drawer .v36-drawer-hero{
    min-height:200px!important;
    height:200px!important;
  }
  .v35-drawer .v36-drawer-brand{
    font-size:32px!important;
  }
  .v35-drawer .v36-drawer-hint{
    font-size:12.5px!important;
  }
}


/* =========================================================
   V36.2 — Drawer real fix only
   السبب: هيدر الموقع كان يظهر فوق صورة القائمة أثناء فتحها.
   ========================================================= */

/* أخفِ هيدر الموقع بالكامل أثناء فتح القائمة حتى لا يظهر Amber Collection مرتين */
body.menu-open .v35-header,
body.v35-menu-open .v35-header,
html.menu-open .v35-header,
html.v35-menu-open .v35-header,
body.menu-open header.v35-header,
body.v35-menu-open header.v35-header{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* عطّل أي Overlay قديم حتى لا يمنع الضغط على زر X */
body.menu-open .v35-overlay,
body.v35-menu-open .v35-overlay,
.v35-overlay{
  display:none!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* القائمة فوق كل شيء وبدون padding قديم */
.v35-drawer,
.clean-header .v35-drawer,
.site-header .v35-drawer{
  z-index:2147483000!important;
  padding:0!important;
  gap:0!important;
  overflow:auto!important;
}

/* الصورة تبدأ من أول القائمة، بدون عنوان أبيض فوقها */
.v35-drawer .v36-drawer-hero{
  width:100%!important;
  margin:0 0 12px!important;
  border-radius:0!important;
}

/* زر الإغلاق قابل للنقر وفوق كل الطبقات */
.v35-drawer .v36-drawer-close,
#v35DrawerClose{
  z-index:2147483001!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
}

/* روابط القائمة بعد الصورة تحتاج padding بعد إلغاء padding الحاوية */
.v35-drawer > a,
.v35-drawer > .v35-drawer__foot{
  margin-inline:24px!important;
}

.v35-drawer > a{
  min-height:54px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}

/* على الموبايل: موضع الزر يمين مع مسافة أنظف */
@media (max-width:980px){
  .v35-header__actions{
    right:14px!important;
  }

  .v35-brand{
    padding-inline:64px!important;
  }
}

@media (max-width:420px){
  .v35-drawer > a,
  .v35-drawer > .v35-drawer__foot{
    margin-inline:20px!important;
  }

  .v35-header__actions{
    right:12px!important;
  }
}


/* =========================================================
   V36.3 — Remove duplicated drawer title from old CSS pseudo-element
   السبب الحقيقي: style.css فيه .main-nav:before { content:"Amber Collection" }
   ========================================================= */

/* ألغِ الاسم القديم الذي يحقنه CSS قبل محتوى القائمة */
.v35-drawer::before,
.main-nav.v35-drawer::before,
.clean-header .main-nav.v35-drawer::before,
.site-header .main-nav.v35-drawer::before,
body.menu-open .main-nav.v35-drawer::before,
body.v35-menu-open .main-nav.v35-drawer::before{
  content:none!important;
  display:none!important;
}

/* تأكيد أن صورة القائمة هي أول عنصر مرئي */
.v35-drawer .v36-drawer-hero{
  order:0!important;
  margin-top:0!important;
}

/* لا تسمح لأي before قديم فوق القائمة */
.v35-drawer{
  isolation:isolate!important;
}

/* تأكيد بقاء زر X قابل للنقر */
#v35DrawerClose,
.v36-drawer-close{
  position:absolute!important;
  z-index:2147483001!important;
  pointer-events:auto!important;
}


/* =========================================================
   V36.4 — Mobile drawer precision + logo integration
   Scope: drawer/header only. No product/Firestore changes.
   ========================================================= */

:root{
  --drawer-mobile-width:min(86vw, 388px);
  --drawer-safe-x:clamp(18px, 5vw, 26px);
  --drawer-safe-y:clamp(18px, 4.8vw, 26px);
}

/* Use real logo asset instead of generated letter */
.v35-brand__mark{
  overflow:hidden!important;
  background:#070604!important;
  border:1px solid rgba(216,179,106,.58)!important;
}
.v35-brand__mark img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  border-radius:inherit!important;
}

/* Mobile header: menu right, brand centered, stable spacing */
@media (max-width:980px){
  .v35-header__inner{
    width:100%!important;
    min-height:72px!important;
    padding-inline:14px!important;
    display:grid!important;
    grid-template-columns:58px minmax(0,1fr)58px!important;
    align-items:center!important;
    gap:0!important;
  }

  .v35-brand{
    grid-column:2!important;
    justify-self:center!important;
    max-width:100%!important;
    min-width:0!important;
    padding:0!important;
    margin:0!important;
    gap:8px!important;
    text-align:center!important;
  }

  .v35-brand__mark{
    display:none!important;
  }

  .v35-brand__name strong{
    font-size:clamp(27px, 7.4vw, 36px)!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  .v35-brand__name span{
    display:none!important;
  }

  .v35-header__actions{
    grid-column:3!important;
    position:static!important;
    transform:none!important;
    justify-self:end!important;
    display:flex!important;
    align-items:center!important;
    gap:0!important;
    z-index:5!important;
    direction:ltr!important;
  }

  .v35-icon-link{
    display:none!important;
  }

  .v35-menu-button{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    border-radius:999px!important;
    background:rgba(255,250,240,.72)!important;
    box-shadow:0 8px 24px rgba(18,12,6,.08)!important;
  }
}

@media (max-width:390px){
  .v35-header__inner{
    grid-template-columns:50px minmax(0,1fr)50px!important;
    padding-inline:10px!important;
  }
  .v35-brand__name strong{
    font-size:clamp(24px, 7vw, 31px)!important;
  }
  .v35-menu-button{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
  }
}

/* Drawer as a full-background image panel, not only a top hero */
.v35-drawer.v36-precision-drawer,
.main-nav.v35-drawer.v36-precision-drawer,
.clean-header .main-nav.v35-drawer.v36-precision-drawer{
  width:var(--drawer-mobile-width)!important;
  max-width:388px!important;
  min-width:300px!important;
  height:100dvh!important;
  padding:0!important;
  gap:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  background-image:
    linear-gradient(180deg, rgba(7,6,4,.72) 0%, rgba(7,6,4,.58) 26%, rgba(7,6,4,.78) 100%),
    var(--drawer-bg-image)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  border-left:1px solid rgba(255,248,236,.16)!important;
  box-shadow:-18px 0 48px rgba(0,0,0,.28)!important;
  z-index:2147483000!important;
  isolation:isolate!important;
}

/* Keep site header and overlay out of the way while drawer is open */
body.menu-open .v35-header,
body.v35-menu-open .v35-header,
html.menu-open .v35-header,
html.v35-menu-open .v35-header{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
body.menu-open .v35-overlay,
body.v35-menu-open .v35-overlay,
.v35-overlay{
  display:none!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* Never allow old CSS to inject the duplicated Amber title */
.v35-drawer::before,
.main-nav.v35-drawer::before,
.clean-header .main-nav.v35-drawer::before,
.site-header .main-nav.v35-drawer::before{
  content:none!important;
  display:none!important;
}

/* Drawer visual header: transparent because the whole panel has the image */
.v35-drawer.v36-precision-drawer .v36-drawer-hero{
  height:auto!important;
  min-height:190px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  background:none!important;
  display:block!important;
  position:relative!important;
  overflow:visible!important;
}
.v35-drawer.v36-precision-drawer .v36-drawer-hero::before{
  content:none!important;
  display:none!important;
}

.v36-drawer-copy{
  position:relative!important;
  right:auto!important;
  left:auto!important;
  bottom:auto!important;
  z-index:2!important;
  padding:76px var(--drawer-safe-x) 24px!important;
  margin:0!important;
  text-align:right!important;
}

.v35-drawer .v36-drawer-brand{
  color:#fff8ec!important;
  font-size:clamp(31px, 7.2vw, 42px)!important;
  line-height:.98!important;
  max-width:7.6em!important;
  margin:0 0 12px!important;
  text-shadow:0 12px 34px rgba(0,0,0,.62)!important;
}
.v35-drawer .v36-drawer-hint{
  color:rgba(255,248,236,.84)!important;
  font-size:13px!important;
  line-height:1.75!important;
  max-width:24em!important;
  text-shadow:0 8px 24px rgba(0,0,0,.58)!important;
}

/* Close button: exact touch target and always clickable */
.v35-drawer .v36-drawer-close,
#v35DrawerClose{
  position:absolute!important;
  top:18px!important;
  left:18px!important;
  right:auto!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  z-index:2147483001!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  cursor:pointer!important;
  background:rgba(255,248,236,.92)!important;
  color:#070604!important;
  border:1px solid rgba(255,248,236,.55)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.22)!important;
}

/* Drawer links as glass rows over the image */
.v35-drawer.v36-precision-drawer > a{
  min-height:58px!important;
  margin:0 var(--drawer-safe-x) 10px!important;
  padding:11px 16px!important;
  border-radius:18px!important;
  background:rgba(255,248,236,.86)!important;
  border:1px solid rgba(255,248,236,.28)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.12)!important;
  color:#15110c!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  font-size:18px!important;
  line-height:1.15!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
.v35-drawer.v36-precision-drawer > a::before{
  content:"←"!important;
  order:2!important;
  margin-inline-start:auto!important;
  font-size:16px!important;
  color:#15110c!important;
  opacity:.86!important;
}
.v35-drawer.v36-precision-drawer > a.active{
  background:rgba(255,248,236,.96)!important;
  border-color:rgba(216,179,106,.55)!important;
}
.v35-drawer.v36-precision-drawer > a span{
  display:block!important;
  min-width:0!important;
}
.v35-drawer.v36-precision-drawer > a small{
  display:block!important;
  margin-top:4px!important;
  color:rgba(21,17,12,.56)!important;
  font-size:11.5px!important;
  line-height:1.45!important;
  font-weight:500!important;
}

.v35-drawer.v36-precision-drawer > .v35-drawer__foot{
  margin:8px var(--drawer-safe-x) var(--drawer-safe-y)!important;
  padding:14px!important;
  border-radius:18px!important;
  background:rgba(7,6,4,.38)!important;
  color:rgba(255,248,236,.82)!important;
  border:1px solid rgba(255,248,236,.14)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}
.v35-drawer.v36-precision-drawer .v35-drawer__social{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin-top:10px!important;
}
.v35-drawer.v36-precision-drawer .v35-drawer__social a{
  margin:0!important;
  min-height:38px!important;
  padding:8px 10px!important;
  justify-content:center!important;
  font-size:13px!important;
}
.v35-drawer.v36-precision-drawer .v35-drawer__social a::before{
  display:none!important;
  content:none!important;
}

@media (max-width:420px){
  :root{
    --drawer-mobile-width:86vw;
    --drawer-safe-x:18px;
  }
  .v36-drawer-copy{
    padding-top:72px!important;
    padding-bottom:20px!important;
  }
  .v35-drawer .v36-drawer-brand{
    font-size:31px!important;
  }
  .v35-drawer .v36-drawer-hint{
    font-size:12.5px!important;
  }
  .v35-drawer.v36-precision-drawer > a{
    min-height:56px!important;
    font-size:17px!important;
    margin-bottom:9px!important;
  }
}


/* =========================================================
   V36.5 — Drawer precision final pass
   Scope: drawer/header only. No products, Firestore, cart changes.
   ========================================================= */

/* السبب: CSS Grid في RTL يجعل grid-column:3 يظهر يسار. نثبت زر القائمة يمين فعليًا */
@media (max-width:980px){
  .v35-header__inner{
    position:relative!important;
    display:grid!important;
    grid-template-columns:58px minmax(0,1fr)58px!important;
    direction:rtl!important;
    padding-inline:14px!important;
    min-height:72px!important;
  }

  .v35-brand{
    grid-column:2!important;
    justify-self:center!important;
    padding:0!important;
    margin:0!important;
    max-width:100%!important;
    min-width:0!important;
  }

  .v35-header__actions{
    grid-column:1!important;
    justify-self:start!important; /* في RTL = يمين */
    position:static!important;
    inset:auto!important;
    transform:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:52px!important;
    height:52px!important;
    z-index:30!important;
  }

  .v35-icon-link{
    display:none!important;
  }

  .v35-menu-button{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    border-radius:999px!important;
    background:rgba(255,250,240,.78)!important;
    border:1px solid rgba(21,17,12,.10)!important;
    box-shadow:0 8px 24px rgba(18,12,6,.09)!important;
  }

  /* دعم الهيدر القديم لو ظهر قبل/بدون layout-v35 */
  #siteHeader:not(.v35-header) .header-inner,
  #siteHeader:not(.v35-header) .clean-header-inner{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:72px!important;
    padding-inline:70px!important;
  }

  #siteHeader:not(.v35-header) #menuToggle{
    position:absolute!important;
    right:14px!important;
    left:auto!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:48px!important;
    height:48px!important;
    z-index:30!important;
  }

  #siteHeader:not(.v35-header) .header-logo{
    display:none!important;
  }

  #siteHeader:not(.v35-header) .header-brand-name{
    margin:0 auto!important;
    text-align:center!important;
    white-space:nowrap!important;
  }
}

@media (max-width:420px){
  .v35-header__inner{
    grid-template-columns:52px minmax(0,1fr)52px!important;
    padding-inline:10px!important;
  }

  .v35-header__actions{
    width:48px!important;
    height:48px!important;
  }

  .v35-menu-button,
  #siteHeader:not(.v35-header) #menuToggle{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
  }

  .v35-brand__name strong,
  #siteHeader:not(.v35-header) .header-brand-name{
    font-size:clamp(25px, 7.1vw, 32px)!important;
    line-height:1!important;
  }
}

/* Drawer panel: قياسات أدق، يمين/يسار/فوق/تحت */
:root{
  --drawer-mobile-width:min(84vw, 360px);
  --drawer-safe-x:clamp(14px, 4.2vw, 20px);
  --drawer-gap:8px;
}

.v35-drawer.v36-precision-drawer,
.main-nav.v35-drawer.v36-precision-drawer,
.clean-header .main-nav.v35-drawer.v36-precision-drawer{
  width:var(--drawer-mobile-width)!important;
  max-width:360px!important;
  min-width:0!important;
  height:100dvh!important;
  padding:0!important;
  margin:0!important;
  box-sizing:border-box!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  background-image:
    linear-gradient(180deg, rgba(7,6,4,.56) 0%, rgba(7,6,4,.48) 34%, rgba(7,6,4,.66) 100%),
    var(--drawer-bg-image)!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  border-left:1px solid rgba(255,248,236,.18)!important;
  box-shadow:-16px 0 42px rgba(0,0,0,.24)!important;
}

/* رأس القائمة: نص داخل الخلفية، بدون ما يكبر أو يدفع العناصر */
.v35-drawer.v36-precision-drawer .v36-drawer-hero{
  min-height:198px!important;
  height:auto!important;
  width:100%!important;
  padding:0!important;
  margin:0!important;
  background:none!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}

.v36-drawer-copy{
  position:relative!important;
  padding:72px var(--drawer-safe-x) 22px!important;
  margin:0!important;
  text-align:right!important;
  box-sizing:border-box!important;
}

.v35-drawer .v36-drawer-brand{
  display:block!important;
  max-width:8.2em!important;
  margin:0 0 10px!important;
  padding:0!important;
  color:#fff8ec!important;
  font-size:clamp(30px, 7vw, 40px)!important;
  line-height:1!important;
  text-shadow:0 12px 30px rgba(0,0,0,.55)!important;
}

.v35-drawer .v36-drawer-hint{
  max-width:25em!important;
  margin:0!important;
  padding:0!important;
  color:rgba(255,248,236,.86)!important;
  font-size:12.5px!important;
  line-height:1.72!important;
  text-shadow:0 8px 22px rgba(0,0,0,.46)!important;
}

/* زر X ثابت وقابل للنقر */
.v35-drawer .v36-drawer-close,
#v35DrawerClose{
  top:16px!important;
  left:16px!important;
  right:auto!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  border-radius:999px!important;
  z-index:2147483001!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}

/* روابط النافذة: عرض مضبوط داخل الحاوية، لا تمتد ولا تنضغط */
.v35-drawer.v36-precision-drawer > a{
  width:calc(100% - (var(--drawer-safe-x) * 2))!important;
  min-height:54px!important;
  margin:0 var(--drawer-safe-x) var(--drawer-gap)!important;
  padding:10px 14px!important;
  box-sizing:border-box!important;
  border-radius:16px!important;
  background:rgba(255,248,236,.88)!important;
  border:1px solid rgba(255,248,236,.30)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.10)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  color:#15110c!important;
  font-size:16.5px!important;
  line-height:1.15!important;
}

.v35-drawer.v36-precision-drawer > a::before{
  content:"←"!important;
  flex:0 0 auto!important;
  order:2!important;
  margin-inline-start:10px!important;
  font-size:15px!important;
  opacity:.78!important;
}

.v35-drawer.v36-precision-drawer > a span{
  min-width:0!important;
  display:block!important;
}

.v35-drawer.v36-precision-drawer > a small{
  margin-top:3px!important;
  font-size:11px!important;
  line-height:1.35!important;
}

.v35-drawer.v36-precision-drawer > a.active{
  background:rgba(255,248,236,.97)!important;
  border-color:rgba(216,179,106,.60)!important;
}

/* أسفل النافذة */
.v35-drawer.v36-precision-drawer > .v35-drawer__foot{
  width:calc(100% - (var(--drawer-safe-x) * 2))!important;
  margin:10px var(--drawer-safe-x) 18px!important;
  padding:12px!important;
  box-sizing:border-box!important;
  border-radius:16px!important;
  background:rgba(7,6,4,.36)!important;
}

/* لا تسمح بظهور العنوان القديم من CSS */
.v35-drawer.v36-precision-drawer::before,
.main-nav.v35-drawer.v36-precision-drawer::before,
.clean-header .main-nav.v35-drawer.v36-precision-drawer::before{
  content:none!important;
  display:none!important;
}

@media (max-width:420px){
  :root{
    --drawer-mobile-width:84vw;
    --drawer-safe-x:14px;
    --drawer-gap:8px;
  }

  .v36-drawer-copy{
    padding-top:70px!important;
    padding-bottom:20px!important;
  }

  .v35-drawer .v36-drawer-brand{
    font-size:30px!important;
  }

  .v35-drawer .v36-drawer-hint{
    font-size:12.2px!important;
  }

  .v35-drawer.v36-precision-drawer > a{
    min-height:52px!important;
    padding:9px 13px!important;
    font-size:16px!important;
    border-radius:15px!important;
  }
}


/* =========================================================
   V36.6 — Header fix only
   Scope: header only. Drawer is intentionally untouched.
   ========================================================= */

/* هيدر الموبايل: منع قص اسم Amber Collection وضبط التمركز */
@media (max-width:980px){
  .v35-header,
  header.v35-header,
  #siteHeader{
    min-height:76px!important;
    height:76px!important;
    overflow:visible!important;
    background:rgba(255,250,240,.96)!important;
    border-bottom:1px solid rgba(21,17,12,.10)!important;
  }

  .v35-header__inner{
    min-height:76px!important;
    height:76px!important;
    padding:0 14px!important;
    display:grid!important;
    grid-template-columns:56px minmax(0,1fr) 56px!important;
    align-items:center!important;
    direction:rtl!important;
    overflow:visible!important;
  }

  .v35-brand{
    grid-column:2!important;
    align-self:center!important;
    justify-self:center!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    max-width:100%!important;
    width:100%!important;
    height:76px!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
    text-align:center!important;
  }

  .v35-brand__name{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:76px!important;
    overflow:visible!important;
    min-width:0!important;
  }

  .v35-brand__name strong{
    display:block!important;
    font-family:"Cormorant Garamond", Georgia, serif!important;
    font-size:clamp(30px, 8.2vw, 41px)!important;
    line-height:1!important;
    letter-spacing:-.035em!important;
    white-space:nowrap!important;
    transform:translateY(1px)!important;
    overflow:visible!important;
    max-width:100%!important;
  }

  .v35-brand__name small{
    display:none!important;
  }

  .v35-brand__mark{
    display:none!important;
  }

  .v35-header__actions{
    grid-column:1!important;
    justify-self:start!important; /* في RTL = يمين */
    align-self:center!important;
    position:static!important;
    inset:auto!important;
    transform:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:52px!important;
    height:76px!important;
    margin:0!important;
    padding:0!important;
    z-index:40!important;
  }

  .v35-menu-button{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    margin:0!important;
    transform:none!important;
  }

  .v35-icon-link{
    display:none!important;
  }

  /* دعم الهيدر القديم قبل حقن layout-v35 */
  #siteHeader:not(.v35-header){
    min-height:76px!important;
    height:76px!important;
    overflow:visible!important;
  }

  #siteHeader:not(.v35-header) .header-inner,
  #siteHeader:not(.v35-header) .clean-header-inner{
    min-height:76px!important;
    height:76px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 70px!important;
    overflow:visible!important;
  }

  #siteHeader:not(.v35-header) .header-brand-name{
    font-size:clamp(30px, 8.2vw, 41px)!important;
    line-height:1!important;
    white-space:nowrap!important;
    transform:translateY(1px)!important;
    overflow:visible!important;
    margin:0!important;
  }

  #siteHeader:not(.v35-header) #menuToggle{
    position:absolute!important;
    right:14px!important;
    left:auto!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:48px!important;
    height:48px!important;
    z-index:40!important;
  }
}

@media (max-width:420px){
  .v35-header,
  header.v35-header,
  #siteHeader{
    min-height:72px!important;
    height:72px!important;
  }

  .v35-header__inner{
    grid-template-columns:52px minmax(0,1fr) 52px!important;
    min-height:72px!important;
    height:72px!important;
    padding:0 10px!important;
  }

  .v35-brand,
  .v35-brand__name{
    height:72px!important;
  }

  .v35-brand__name strong,
  #siteHeader:not(.v35-header) .header-brand-name{
    font-size:clamp(28px, 8vw, 36px)!important;
    letter-spacing:-.035em!important;
  }

  .v35-header__actions{
    width:50px!important;
    height:72px!important;
  }

  .v35-menu-button,
  #siteHeader:not(.v35-header) #menuToggle{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
  }
}


/* =========================================================
   V36.7 — Header repair only
   Scope: header only. Drawer panel stays exactly as current.
   ========================================================= */

/* هيدر الموبايل: زر القائمة داخل الهيدر يمين + شعار داخل الهيدر */
@media (max-width:980px){
  .v35-header,
  header.v35-header,
  #siteHeader{
    height:70px!important;
    min-height:70px!important;
    max-height:70px!important;
    overflow:hidden!important;
    background:rgba(255,250,240,.98)!important;
    border-bottom:1px solid rgba(21,17,12,.10)!important;
  }

  .v35-header__inner{
    height:70px!important;
    min-height:70px!important;
    max-height:70px!important;
    position:relative!important;
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr) 46px!important;
    align-items:center!important;
    padding:0 14px!important;
    direction:rtl!important;
    overflow:hidden!important;
  }

  /* زر القائمة: يمين فعليًا داخل الهيدر، أصغر، ولا يهبط على الهيرو */
  .v35-header__actions{
    grid-column:1!important;
    justify-self:start!important; /* RTL => اليمين بصريًا */
    align-self:center!important;
    position:static!important;
    inset:auto!important;
    transform:none!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    margin:0!important;
    padding:0!important;
    z-index:50!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  .v35-menu-button{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    margin:0!important;
    padding:0!important;
    border-radius:999px!important;
    background:rgba(255,250,240,.86)!important;
    border:1px solid rgba(21,17,12,.10)!important;
    box-shadow:0 8px 22px rgba(18,12,6,.08)!important;
    transform:none!important;
  }

  .v35-menu-button span,
  .v35-menu-button::before,
  .v35-menu-button::after{
    height:2px!important;
  }

  .v35-icon-link{
    display:none!important;
  }

  /* البراند: النص بالوسط، الشعار داخل الهيدر في الجهة المقابلة */
  .v35-brand{
    grid-column:2!important;
    width:100%!important;
    min-width:0!important;
    height:70px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    overflow:hidden!important;
  }

  .v35-brand__name{
    height:70px!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
  }

  .v35-brand__name strong{
    display:block!important;
    font-family:"Cormorant Garamond", Georgia, serif!important;
    font-size:clamp(27px, 7.2vw, 36px)!important;
    line-height:1!important;
    letter-spacing:-.035em!important;
    white-space:nowrap!important;
    transform:none!important;
    overflow:visible!important;
    max-width:100%!important;
  }

  .v35-brand__name small{
    display:none!important;
  }

  /* رجوع صورة الشعار داخل الهيدر */
  .v35-brand__mark,
  .v36-header-logo{
    display:flex!important;
    position:absolute!important;
    left:14px!important;
    right:auto!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    border-radius:999px!important;
    overflow:hidden!important;
    align-items:center!important;
    justify-content:center!important;
    background:rgba(7,6,4,.96)!important;
    box-shadow:0 8px 24px rgba(18,12,6,.12)!important;
  }

  .v35-brand__mark img,
  .v36-header-logo img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    display:block!important;
  }

  /* لو الهيدر القديم ظهر قبل حقن layout-v35 */
  #siteHeader:not(.v35-header){
    height:70px!important;
    min-height:70px!important;
    max-height:70px!important;
    overflow:hidden!important;
  }

  #siteHeader:not(.v35-header) .header-inner,
  #siteHeader:not(.v35-header) .clean-header-inner{
    height:70px!important;
    min-height:70px!important;
    max-height:70px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 64px!important;
    overflow:hidden!important;
    position:relative!important;
  }

  #siteHeader:not(.v35-header) #menuToggle{
    position:absolute!important;
    right:14px!important;
    left:auto!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    z-index:50!important;
  }

  #siteHeader:not(.v35-header) .header-logo{
    position:absolute!important;
    left:14px!important;
    right:auto!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:42px!important;
    height:42px!important;
    display:block!important;
  }

  #siteHeader:not(.v35-header) .header-brand-name{
    font-size:clamp(27px, 7.2vw, 36px)!important;
    line-height:1!important;
    white-space:nowrap!important;
    margin:0!important;
    transform:none!important;
  }
}

@media (max-width:420px){
  .v35-header,
  header.v35-header,
  #siteHeader{
    height:68px!important;
    min-height:68px!important;
    max-height:68px!important;
  }

  .v35-header__inner{
    height:68px!important;
    min-height:68px!important;
    max-height:68px!important;
    grid-template-columns:44px minmax(0,1fr) 44px!important;
    padding:0 10px!important;
  }

  .v35-header__actions,
  .v35-menu-button{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
  }

  .v35-brand,
  .v35-brand__name{
    height:68px!important;
  }

  .v35-brand__name strong{
    font-size:clamp(26px, 7.3vw, 34px)!important;
    letter-spacing:-.04em!important;
  }

  .v35-brand__mark,
  .v36-header-logo{
    left:10px!important;
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
  }
}
/* Fix menu button position over header */
@media (max-width:980px){
  .v35-header{
    position:relative!important;
    z-index:1000!important;
    overflow:visible!important;
  }

  .v35-header__inner{
    position:relative!important;
    overflow:visible!important;
  }

  .v35-header__actions{
    position:absolute!important;
    right:14px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:42px!important;
    height:42px!important;
    z-index:5000!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  .v35-menu-button{
    position:relative!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    z-index:5001!important;
  }
}


/* =========================================================
   Store cards — square product card final polish
   الهدف: كل كرت منتج مربع، بدون تمدد أو تداخل، مع صورة وخلاصة السعر والأزرار.
   ========================================================= */
@media (max-width: 980px){
  .product-grid,
  .products-grid,
  .home-featured-grid{
    display:grid!important;
    grid-template-columns:repeat(2, minmax(0, 1fr))!important;
    gap:14px!important;
    width:100%!important;
    max-width:100%!important;
    padding-inline:14px!important;
    box-sizing:border-box!important;
    align-items:start!important;
    justify-content:center!important;
    justify-items:stretch!important;
    overflow:visible!important;
  }

  .store-product-card,
  .product-card{
    position:relative!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    aspect-ratio:1 / 1!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    border-radius:22px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    background:#fff8ec!important;
    border:1px solid rgba(21,17,12,.10)!important;
    box-shadow:none!important;
  }

  .store-product-card .product-media,
  .product-card .product-media{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    background-size:cover!important;
    background-position:center!important;
    border-radius:0!important;
    z-index:0!important;
  }

  .store-product-card::after,
  .product-card::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:linear-gradient(180deg, rgba(0,0,0,0) 42%, rgba(0,0,0,.42) 72%, rgba(0,0,0,.70) 100%)!important;
    z-index:1!important;
    pointer-events:none!important;
  }

  .store-product-card .product-body,
  .product-card .product-body{
    position:absolute!important;
    right:0!important;
    left:0!important;
    bottom:0!important;
    z-index:2!important;
    padding:10px 10px 11px!important;
    box-sizing:border-box!important;
    background:transparent!important;
    color:#fff8ec!important;
    text-align:right!important;
  }

  .store-product-card .product-card-topline,
  .product-card .product-card-topline,
  .compact-product-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:7px!important;
    margin:0 0 5px!important;
    min-height:0!important;
  }

  .compact-product-head h3,
  .store-product-card h3,
  .product-card h3{
    order:1!important;
    flex:1 1 auto!important;
    min-width:0!important;
    margin:0!important;
    font-size:15.5px!important;
    line-height:1.15!important;
    font-weight:700!important;
    color:#fff8ec!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    text-shadow:0 4px 14px rgba(0,0,0,.35)!important;
  }

  .store-product-card .status,
  .product-card .status{
    order:2!important;
    flex:0 0 auto!important;
    font-size:9.8px!important;
    line-height:1!important;
    padding:4px 7px!important;
    border-radius:999px!important;
    color:#15110c!important;
    background:rgba(255,248,236,.88)!important;
    border:1px solid rgba(255,248,236,.40)!important;
    white-space:nowrap!important;
  }

  .store-product-card .stock-pill,
  .product-card .stock-pill,
  .store-product-card p,
  .product-card p,
  .store-product-card .product-card-specs,
  .product-card .product-card-specs,  .product-card .price-row > span:last-child{
    display:none!important;
  }

  .store-product-card .price-row,
  .product-card .price-row{
    display:block!important;
    margin:0 0 8px!important;
    padding:0!important;
    border:0!important;
  }

  .store-product-card .price-stack strong,
  .product-card .price-stack strong{
    display:block!important;
    font-size:16px!important;
    line-height:1!important;
    color:#fff8ec!important;
    text-shadow:0 4px 14px rgba(0,0,0,.38)!important;
    direction:ltr!important;
    text-align:right!important;
  }

  .store-product-card .old-price,
  .product-card .old-price{
    display:none!important;
  }

  .store-product-card .card-actions,
  .product-card .card-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
    margin:0!important;
  }

  .store-product-card .card-actions .btn,
  .product-card .card-actions .btn{
    height:30px!important;
    min-height:30px!important;
    padding:5px 4px!important;
    font-size:10.5px!important;
    line-height:1.15!important;
    border-radius:0!important;
    white-space:normal!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }
}

@media (max-width: 380px){
  .product-grid,
  .products-grid,
  .home-featured-grid{
    gap:12px!important;
    padding-inline:12px!important;
  }

  .store-product-card,
  .product-card{
    border-radius:20px!important;
  }

  .compact-product-head h3,
  .store-product-card h3,
  .product-card h3{
    font-size:14.5px!important;
  }

  .store-product-card .price-stack strong,
  .product-card .price-stack strong{
    font-size:15px!important;
  }

  .store-product-card .card-actions .btn,
  .product-card .card-actions .btn{
    height:29px!important;
    min-height:29px!important;
    font-size:10px!important;
  }
}

/* =========================================================
   STORE LISTING — Damas-style clean product grid
   Image + name + short description + price + old price/discount.
   No buttons, no stock badge, no specs, no SKU.
   ========================================================= */
@media (max-width: 980px){
  .product-grid,
  .products-grid,
  .home-featured-grid{
    display:grid!important;
    grid-template-columns:repeat(2, minmax(0, 1fr))!important;
    gap:30px 18px!important;
    padding-inline:22px!important;
    width:100%!important;
    box-sizing:border-box!important;
    align-items:start!important;
  }

  .store-product-card,
  .product-card,
  .damas-product-tile{
    position:relative!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible!important;
    aspect-ratio:auto!important;
  }

  .store-product-card::before,
  .store-product-card::after,
  .product-card::before,
  .product-card::after,
  .damas-product-tile::before,
  .damas-product-tile::after{
    content:none!important;
    display:none!important;
  }

  .store-product-card .product-media,
  .product-card .product-media,
  .damas-product-tile .product-media{
    position:relative!important;
    inset:auto!important;
    z-index:1!important;
    display:block!important;
    width:100%!important;
    aspect-ratio:1 / 1!important;
    height:auto!important;
    min-height:0!important;
    border-radius:0!important;
    overflow:hidden!important;
    background-color:#f7f5ef!important;
    background-size:cover!important;
    background-position:center!important;
    box-shadow:none!important;
  }

  .store-product-card .product-body,
  .product-card .product-body,
  .damas-product-tile .product-body{
    position:relative!important;
    inset:auto!important;
    z-index:2!important;
    display:block!important;
    padding:10px 0 0!important;
    margin:0!important;
    background:transparent!important;
    color:#111!important;
    overflow:visible!important;
    min-height:0!important;
  }

  .store-product-card .product-card-topline,
  .product-card .product-card-topline,
  .damas-product-tile .product-card-topline,
  .store-product-card .status,
  .product-card .status,
  .damas-product-tile .status,
  .store-product-card .stock-pill,
  .product-card .stock-pill,
  .damas-product-tile .stock-pill,
  .store-product-card .product-card-specs,
  .product-card .product-card-specs,
  .damas-product-tile .product-card-specs,
  .store-product-card .card-actions,
  .product-card .card-actions,
  .damas-product-tile .card-actions,  .damas-product-tile .price-row > span:last-child{
    display:none!important;
  }

  .store-product-card h3,
  .product-card h3,
  .damas-product-tile h3{
    display:block!important;
    margin:0 0 5px!important;
    padding:0!important;
    color:#111!important;
    font-family:"Tajawal","Noto Naskh Arabic","Segoe UI",Tahoma,sans-serif!important;
    font-size:13px!important;
    line-height:1.25!important;
    font-weight:800!important;
    text-align:right!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    max-width:100%!important;
    text-shadow:none!important;
  }

  .store-product-card h3 a,
  .product-card h3 a,
  .damas-product-tile h3 a{
    color:inherit!important;
    text-decoration:none!important;
  }

  .store-product-card p,
  .product-card p,
  .damas-product-tile p{
    display:block!important;
    margin:0 0 6px!important;
    padding:0!important;
    color:rgba(17,17,17,.72)!important;
    font-family:"Tajawal","Noto Naskh Arabic","Segoe UI",Tahoma,sans-serif!important;
    font-size:12px!important;
    line-height:1.35!important;
    font-weight:400!important;
    text-align:right!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    max-width:100%!important;
  }

  .store-product-card .price-row,
  .product-card .price-row,
  .damas-product-tile .price-row{
    display:block!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }

  .store-product-card .price-stack,
  .product-card .price-stack,
  .damas-product-tile .price-stack{
    display:flex!important;
    align-items:baseline!important;
    justify-content:flex-start!important;
    gap:5px!important;
    direction:ltr!important;
  }

  .store-product-card .price-stack strong,
  .product-card .price-stack strong,
  .damas-product-tile .price-stack strong{
    display:inline-block!important;
    color:#111!important;
    font-family:"Tajawal","Noto Naskh Arabic","Segoe UI",Tahoma,sans-serif!important;
    font-size:13px!important;
    line-height:1.2!important;
    font-weight:800!important;
    text-align:right!important;
    direction:ltr!important;
    text-shadow:none!important;
  }

  .store-product-card .old-price,
  .product-card .old-price,
  .damas-product-tile .old-price{
    display:inline-block!important;
    color:rgba(17,17,17,.48)!important;
    font-size:11px!important;
    line-height:1.2!important;
    font-weight:600!important;
    text-decoration:line-through!important;
  }

  .product-discount{
    display:block!important;
    margin-top:3px!important;
    color:#9a7a12!important;
    font-family:"Tajawal","Segoe UI",Tahoma,sans-serif!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:800!important;
    text-align:right!important;
  }
}

@media (max-width:380px){
  .product-grid,
  .products-grid,
  .home-featured-grid{
    gap:28px 14px!important;
    padding-inline:18px!important;
  }

  .store-product-card h3,
  .product-card h3,
  .damas-product-tile h3{
    font-size:12px!important;
  }

  .store-product-card p,
  .product-card p,
  .damas-product-tile p{
    font-size:11px!important;
  }

  .store-product-card .price-stack strong,
  .product-card .price-stack strong,
  .damas-product-tile .price-stack strong{
    font-size:12px!important;
  }

  .store-product-card .old-price,
  .product-card .old-price,
  .damas-product-tile .old-price,
  .product-discount{
    font-size:10.5px!important;
  }
}

/* =========================================================
   FINAL STORE TILE FIX — name + price + discount only
   سبب اختفاء السعر سابقًا: كان مخفيًا عبر .price-row > span:last-child.
   ========================================================= */
@media (max-width: 980px){
  .damas-product-tile p,
  .store-product-card p,
  .product-card p{
    display:none!important;
  }

  .damas-product-tile .price-row,
  .store-product-card .price-row,
  .product-card .price-row{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
  }

  .damas-product-tile .price-row > span,
  .store-product-card .price-row > span,
  .product-card .price-row > span,
  .damas-product-tile .price-stack,
  .store-product-card .price-stack,
  .product-card .price-stack{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    align-items:baseline!important;
    justify-content:flex-start!important;
    gap:5px!important;
    direction:ltr!important;
  }

  .damas-product-tile .price-stack strong,
  .store-product-card .price-stack strong,
  .product-card .price-stack strong{
    display:inline-block!important;
    visibility:visible!important;
    opacity:1!important;
    color:#111!important;
    font-size:13px!important;
    line-height:1.2!important;
    font-weight:800!important;
    text-align:right!important;
    direction:ltr!important;
  }

  .damas-product-tile .old-price,
  .store-product-card .old-price,
  .product-card .old-price{
    display:inline-block!important;
    visibility:visible!important;
    opacity:1!important;
    color:rgba(17,17,17,.45)!important;
    font-size:11px!important;
    line-height:1.2!important;
    font-weight:600!important;
    text-decoration:line-through!important;
  }

  .damas-product-tile .product-discount,
  .store-product-card .product-discount,
  .product-card .product-discount{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    margin-top:3px!important;
    color:#9a7a12!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:800!important;
    text-align:right!important;
  }
}

@media (max-width:380px){
  .damas-product-tile .price-stack strong,
  .store-product-card .price-stack strong,
  .product-card .price-stack strong{
    font-size:12px!important;
  }

  .damas-product-tile .old-price,
  .store-product-card .old-price,
  .product-card .old-price,
  .damas-product-tile .product-discount,
  .store-product-card .product-discount,
  .product-card .product-discount{
    font-size:10.5px!important;
  }
}

/* =========================================================
   STORE FINAL — image, name, current price, old price.
   لا وصف، لا أزرار، لا متوفر، لا SKU.
   ========================================================= */
@media (max-width: 980px){
  .product-grid,
  .products-grid,
  .home-featured-grid{
    display:grid!important;
    grid-template-columns:repeat(2, minmax(0, 1fr))!important;
    gap:30px 18px!important;
    padding-inline:22px!important;
    width:100%!important;
    box-sizing:border-box!important;
    align-items:start!important;
  }

  .store-product-card,
  .product-card,
  .damas-product-tile{
    position:relative!important;
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible!important;
    aspect-ratio:auto!important;
  }

  .store-product-card::before,
  .store-product-card::after,
  .product-card::before,
  .product-card::after,
  .damas-product-tile::before,
  .damas-product-tile::after{
    content:none!important;
    display:none!important;
  }

  .store-product-card .product-media,
  .product-card .product-media,
  .damas-product-tile .product-media{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    aspect-ratio:1 / 1!important;
    height:auto!important;
    min-height:0!important;
    border-radius:0!important;
    overflow:hidden!important;
    background-color:#f7f5ef!important;
    background-size:cover!important;
    background-position:center!important;
    box-shadow:none!important;
  }

  .store-product-card .product-body,
  .product-card .product-body,
  .damas-product-tile .product-body{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    padding:10px 0 0!important;
    margin:0!important;
    background:transparent!important;
    color:#111!important;
    overflow:visible!important;
    min-height:0!important;
  }

  .store-product-card .product-card-topline,
  .product-card .product-card-topline,
  .damas-product-tile .product-card-topline,
  .store-product-card .status,
  .product-card .status,
  .damas-product-tile .status,
  .store-product-card .stock-pill,
  .product-card .stock-pill,
  .damas-product-tile .stock-pill,
  .store-product-card p,
  .product-card p,
  .damas-product-tile p,
  .store-product-card .product-card-specs,
  .product-card .product-card-specs,
  .damas-product-tile .product-card-specs,
  .store-product-card .card-actions,
  .product-card .card-actions,
  .damas-product-tile .card-actions{
    display:none!important;
  }

  .store-product-card h3,
  .product-card h3,
  .damas-product-tile h3{
    display:block!important;
    margin:0 0 5px!important;
    padding:0!important;
    color:#111!important;
    font-family:"Tajawal","Noto Naskh Arabic","Segoe UI",Tahoma,sans-serif!important;
    font-size:13px!important;
    line-height:1.25!important;
    font-weight:800!important;
    text-align:right!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    max-width:100%!important;
    text-shadow:none!important;
  }

  .store-product-card h3 a,
  .product-card h3 a,
  .damas-product-tile h3 a{
    color:inherit!important;
    text-decoration:none!important;
  }

  .store-product-card .price-row,
  .product-card .price-row,
  .damas-product-tile .price-row,
  .store-product-card .product-price-row,
  .product-card .product-price-row,
  .damas-product-tile .product-price-row{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }

  .store-product-card .price-row > span,
  .product-card .price-row > span,
  .damas-product-tile .price-row > span,
  .store-product-card .price-stack,
  .product-card .price-stack,
  .damas-product-tile .price-stack,
  .store-product-card .product-price-stack,
  .product-card .product-price-stack,
  .damas-product-tile .product-price-stack{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    align-items:baseline!important;
    justify-content:flex-start!important;
    gap:5px!important;
    direction:ltr!important;
    flex-wrap:wrap!important;
    height:auto!important;
    overflow:visible!important;
  }

  .store-product-card .current-price,
  .product-card .current-price,
  .damas-product-tile .current-price,
  .store-product-card .price-stack strong,
  .product-card .price-stack strong,
  .damas-product-tile .price-stack strong{
    display:inline-block!important;
    visibility:visible!important;
    opacity:1!important;
    color:#111!important;
    font-family:"Tajawal","Noto Naskh Arabic","Segoe UI",Tahoma,sans-serif!important;
    font-size:13px!important;
    line-height:1.2!important;
    font-weight:800!important;
    text-align:right!important;
    direction:ltr!important;
    text-shadow:none!important;
    height:auto!important;
  }

  .store-product-card .old-price,
  .product-card .old-price,
  .damas-product-tile .old-price{
    display:inline-block!important;
    visibility:visible!important;
    opacity:1!important;
    color:rgba(17,17,17,.48)!important;
    font-size:11px!important;
    line-height:1.2!important;
    font-weight:600!important;
    text-decoration:line-through!important;
    height:auto!important;
  }

  .damas-product-tile .product-discount,
  .store-product-card .product-discount,
  .product-card .product-discount{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    margin-top:3px!important;
    color:#9a7a12!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:800!important;
    text-align:right!important;
  }
}

@media (max-width:380px){
  .product-grid,
  .products-grid,
  .home-featured-grid{
    gap:28px 14px!important;
    padding-inline:18px!important;
  }

  .store-product-card h3,
  .product-card h3,
  .damas-product-tile h3,
  .store-product-card .current-price,
  .product-card .current-price,
  .damas-product-tile .current-price,
  .store-product-card .price-stack strong,
  .product-card .price-stack strong,
  .damas-product-tile .price-stack strong{
    font-size:12px!important;
  }

  .store-product-card .old-price,
  .product-card .old-price,
  .damas-product-tile .old-price,
  .product-discount{
    font-size:10.5px!important;
  }
}

/* =========================================================
   MOBILE PRICE FORCE FIX
   السبب: السعر ظاهر على الديسكتوب ومخفي على الموبايل بسبب CSS خاص بالموبايل.
   هذا البلوك لازم يكون آخر شيء حرفيًا في الملف.
   ========================================================= */
@media (max-width: 980px){
  body .damas-product-tile .price-row,
  body .store-product-card .price-row,
  body .product-card .price-row,
  body .damas-product-tile .product-price-row,
  body .store-product-card .product-price-row,
  body .product-card .product-price-row{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
    margin:2px 0 0!important;
    padding:0!important;
    border:0!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
  }

  body .damas-product-tile .price-row > span,
  body .store-product-card .price-row > span,
  body .product-card .price-row > span,
  body .damas-product-tile .price-row > span:last-child,
  body .store-product-card .price-row > span:last-child,
  body .product-card .price-row > span:last-child,
  body .damas-product-tile .price-stack,
  body .store-product-card .price-stack,
  body .product-card .price-stack,
  body .damas-product-tile .product-price-stack,
  body .store-product-card .product-price-stack,
  body .product-card .product-price-stack{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    height:auto!important;
    width:auto!important;
    max-height:none!important;
    overflow:visible!important;
    align-items:baseline!important;
    justify-content:flex-start!important;
    gap:5px!important;
    direction:ltr!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
  }

  body .damas-product-tile .current-price,
  body .store-product-card .current-price,
  body .product-card .current-price,
  body .damas-product-tile .price-stack strong,
  body .store-product-card .price-stack strong,
  body .product-card .price-stack strong,
  body .damas-product-tile .product-price-stack strong,
  body .store-product-card .product-price-stack strong,
  body .product-card .product-price-stack strong{
    display:inline-block!important;
    visibility:visible!important;
    opacity:1!important;
    color:#111!important;
    background:transparent!important;
    font-size:13px!important;
    line-height:1.25!important;
    font-weight:800!important;
    text-align:right!important;
    direction:ltr!important;
    height:auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    max-height:none!important;
    overflow:visible!important;
    clip:auto!important;
    clip-path:none!important;
    white-space:nowrap!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    text-indent:0!important;
    pointer-events:auto!important;
  }

  body .damas-product-tile .old-price,
  body .store-product-card .old-price,
  body .product-card .old-price{
    display:inline-block!important;
    visibility:visible!important;
    opacity:1!important;
    color:rgba(17,17,17,.48)!important;
    font-size:11px!important;
    line-height:1.2!important;
    font-weight:600!important;
    text-decoration:line-through!important;
    height:auto!important;
    width:auto!important;
    overflow:visible!important;
    clip:auto!important;
    clip-path:none!important;
    white-space:nowrap!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
  }

  body .damas-product-tile .product-discount,
  body .store-product-card .product-discount,
  body .product-card .product-discount{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    margin-top:3px!important;
    color:#9a7a12!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:800!important;
    text-align:right!important;
  }
}

@media (max-width:380px){
  body .damas-product-tile .current-price,
  body .store-product-card .current-price,
  body .product-card .current-price,
  body .damas-product-tile .price-stack strong,
  body .store-product-card .price-stack strong,
  body .product-card .price-stack strong{
    font-size:12px!important;
  }

  body .damas-product-tile .old-price,
  body .store-product-card .old-price,
  body .product-card .old-price,
  body .damas-product-tile .product-discount,
  body .store-product-card .product-discount,
  body .product-card .product-discount{
    font-size:10.5px!important;
  }
}
/* =========================================================
   HOME FEATURED PRODUCTS — horizontal cards, stacked vertically
   الصفحة الرئيسية فقط: المنتجات تحت بعض، والكرت بالعرض
   ========================================================= */
@media (max-width: 980px){
  .home-featured-grid{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    padding-inline: 24px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .home-featured-grid .product-card{
    width: 100% !important;
    max-width: none !important;
    min-height: 180px !important;
    display: grid !important;
    grid-template-columns: 42% 58% !important;
    direction: rtl !important;
    overflow: hidden !important;
    border-radius: 24px !important;
    background: rgba(255,250,240,.94) !important;
    border: 1px solid rgba(21,17,12,.10) !important;
    box-shadow: 0 16px 36px rgba(20,14,8,.08) !important;
  }

  .home-featured-grid .product-card::before,
  .home-featured-grid .product-card::after{
    content: none !important;
    display: none !important;
  }

  .home-featured-grid .product-media{
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 180px !important;
    aspect-ratio: auto !important;
    border-radius: 0 !important;
    background-size: cover !important;
    background-position: center !important;
  }

  .home-featured-grid .product-body{
    position: relative !important;
    inset: auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 16px 14px !important;
    background: transparent !important;
    color: #15110c !important;
    overflow: hidden !important;
  }

  .home-featured-grid .product-card-topline,
  .home-featured-grid .status,
  .home-featured-grid .stock-pill,
  .home-featured-grid .product-card-specs,
  .home-featured-grid .product-body p{
    display: none !important;
  }

  .home-featured-grid .product-card h3{
    font-size: 20px !important;
    line-height: 1.25 !important;
    margin: 0 !important;
    color: #111 !important;
    font-weight: 800 !important;
    text-align: right !important;
  }

  .home-featured-grid .price-row{
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  .home-featured-grid .price-stack strong{
    display: block !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    color: #111 !important;
    font-weight: 800 !important;
    direction: ltr !important;
    text-align: right !important;
  }

  .home-featured-grid .price-row > span:last-child{
    display: none !important;
  }

  .home-featured-grid .card-actions{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin-top: 4px !important;
  }

  .home-featured-grid .card-actions .btn{
    height: 38px !important;
    min-height: 38px !important;
    font-size: 12px !important;
    padding: 7px 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }

  .home-featured-grid .card-actions .btn-outline{
    display: none !important;
  }
}

@media (max-width: 420px){
  .home-featured-grid{
    padding-inline: 18px !important;
    gap: 16px !important;
  }

  .home-featured-grid .product-card{
    grid-template-columns: 44% 56% !important;
    min-height: 165px !important;
    border-radius: 22px !important;
  }

  .home-featured-grid .product-media{
    min-height: 165px !important;
  }

  .home-featured-grid .product-body{
    padding: 14px 12px !important;
  }

  .home-featured-grid .product-card h3{
    font-size: 18px !important;
  }

  .home-featured-grid .price-stack strong{
    font-size: 15px !important;
  }

  .home-featured-grid .card-actions .btn{
    height: 36px !important;
    min-height: 36px !important;
    font-size: 11.5px !important;
  }
}


/* =========================================================
   V37 — Stable customer drawer, unified with homepage design
   Scope: mobile drawer/header only. Background comes from dashboard.
   ========================================================= */
:root{
  --v37-drawer-width:min(86vw, 388px);
  --v37-drawer-safe:clamp(16px, 4.8vw, 24px);
  --v37-drawer-bg:#0b0805;
  --v37-drawer-ink:#fff7e7;
  --v37-drawer-muted:rgba(255,247,231,.72);
  --v37-drawer-line:rgba(255,247,231,.14);
  --v37-drawer-gold:#e8c776;
}

@media (min-width:981px){
  body .v35-drawer.v37-stable-drawer,
  body .main-nav.v35-drawer.v37-stable-drawer{
    display:none!important;
  }
}

@media (max-width:980px){
  body.v35-menu-open,
  body.menu-open{
    overflow:hidden!important;
    touch-action:none!important;
  }

  body .v35-overlay{
    position:fixed!important;
    inset:0!important;
    z-index:99980!important;
    display:block!important;
    background:rgba(8,6,4,.62)!important;
    backdrop-filter:blur(5px)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .24s ease, visibility .24s ease!important;
  }

  body.v35-menu-open .v35-overlay,
  body.menu-open .v35-overlay{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  body .v35-drawer.v37-stable-drawer,
  body .main-nav.v35-drawer.v37-stable-drawer,
  body .clean-header .main-nav.v35-drawer.v37-stable-drawer,
  body .site-header .main-nav.v35-drawer.v37-stable-drawer{
    position:fixed!important;
    top:0!important;
    right:0!important;
    left:auto!important;
    bottom:auto!important;
    z-index:99990!important;
    width:var(--v37-drawer-width)!important;
    max-width:388px!important;
    height:100dvh!important;
    min-height:100vh!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    padding:0 0 18px!important;
    box-sizing:border-box!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    background:
      linear-gradient(180deg,rgba(7,6,4,.28),rgba(7,6,4,.86) 48%,rgba(7,6,4,.96)),
      var(--drawer-bg-image),
      url('../images/hero-amber.jpg')!important;
    background-color:var(--v37-drawer-bg)!important;
    background-size:cover!important;
    background-position:center top!important;
    color:var(--v37-drawer-ink)!important;
    border-left:1px solid rgba(255,255,255,.14)!important;
    border-radius:0!important;
    box-shadow:-22px 0 70px rgba(0,0,0,.38)!important;
    transform:translateX(106%)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transition:transform .28s cubic-bezier(.2,.8,.2,1)!important;
  }

  body.v35-menu-open .v35-drawer.v37-stable-drawer,
  body.menu-open .v35-drawer.v37-stable-drawer,
  body.v35-menu-open .main-nav.v35-drawer.v37-stable-drawer,
  body.menu-open .main-nav.v35-drawer.v37-stable-drawer{
    transform:translateX(0)!important;
  }

  body .v35-drawer.v37-stable-drawer::before,
  body .v35-drawer.v37-stable-drawer::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    pointer-events:none!important;
    display:block!important;
  }

  body .v35-drawer.v37-stable-drawer::before{
    z-index:0!important;
    background:radial-gradient(circle at 22% 12%, rgba(232,199,118,.24), transparent 34%), linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.54))!important;
  }

  body .v35-drawer.v37-stable-drawer::after{
    z-index:1!important;
    background:linear-gradient(90deg,rgba(255,255,255,.05),transparent 18%,transparent 86%,rgba(0,0,0,.18))!important;
    mix-blend-mode:screen!important;
    opacity:.7!important;
  }

  body .v35-drawer.v37-stable-drawer > *{
    position:relative!important;
    z-index:2!important;
  }

  body .v35-drawer.v37-stable-drawer .v36-drawer-hero,
  body .v35-drawer.v37-stable-drawer .v35-drawer__head{
    min-height:190px!important;
    display:flex!important;
    align-items:flex-end!important;
    padding:72px var(--v37-drawer-safe) 22px!important;
    margin:0 0 12px!important;
    border-radius:0 0 30px 30px!important;
    border-bottom:1px solid var(--v37-drawer-line)!important;
    background-size:cover!important;
    background-position:center!important;
    overflow:hidden!important;
  }

  body .v35-drawer.v37-stable-drawer .v36-drawer-hero::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    display:block!important;
    background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.68))!important;
    pointer-events:none!important;
  }

  body .v35-drawer.v37-stable-drawer .v36-drawer-copy{
    position:relative!important;
    z-index:2!important;
    display:grid!important;
    gap:8px!important;
    padding:0!important;
    color:#fff!important;
  }

  body .v35-drawer.v37-stable-drawer .v36-drawer-brand,
  body .v35-drawer.v37-stable-drawer .v35-drawer__brand{
    display:inline-block!important;
    width:auto!important;
    height:auto!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    color:#fff7e7!important;
    text-decoration:none!important;
    font-family:Georgia,'Times New Roman',serif!important;
    font-size:clamp(24px,6vw,32px)!important;
    line-height:1.05!important;
    font-weight:700!important;
    letter-spacing:.01em!important;
  }

  body .v35-drawer.v37-stable-drawer .v36-drawer-hint,
  body .v35-drawer.v37-stable-drawer .v35-drawer__hint{
    color:var(--v37-drawer-muted)!important;
    font-size:13px!important;
    line-height:1.75!important;
    max-width:28ch!important;
  }

  body .v35-drawer.v37-stable-drawer .v36-drawer-close,
  body .v35-drawer.v37-stable-drawer .v35-drawer__close{
    position:absolute!important;
    top:18px!important;
    left:18px!important;
    right:auto!important;
    width:42px!important;
    height:42px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    margin:0!important;
    border-radius:50%!important;
    border:1px solid rgba(255,255,255,.22)!important;
    background:rgba(255,255,255,.12)!important;
    color:#fff!important;
    font-size:28px!important;
    line-height:1!important;
    cursor:pointer!important;
    backdrop-filter:blur(8px)!important;
  }

  body .v35-drawer.v37-stable-drawer > a{
    width:calc(100% - (var(--v37-drawer-safe) * 2))!important;
    min-height:54px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    margin:0 var(--v37-drawer-safe) 9px!important;
    padding:11px 14px!important;
    box-sizing:border-box!important;
    border-radius:18px!important;
    border:1px solid rgba(255,255,255,.11)!important;
    background:rgba(255,255,255,.075)!important;
    color:#fff7e7!important;
    text-decoration:none!important;
    text-align:right!important;
    box-shadow:none!important;
    backdrop-filter:blur(8px)!important;
    transition:background .18s ease,border-color .18s ease,transform .18s ease!important;
  }

  body .v35-drawer.v37-stable-drawer > a:hover,
  body .v35-drawer.v37-stable-drawer > a.active{
    background:linear-gradient(135deg,rgba(232,199,118,.24),rgba(255,255,255,.09))!important;
    border-color:rgba(232,199,118,.42)!important;
    transform:translateX(-2px)!important;
  }

  body .v35-drawer.v37-stable-drawer > a span{
    display:grid!important;
    gap:2px!important;
    color:inherit!important;
    font-size:15px!important;
    font-weight:900!important;
    line-height:1.25!important;
  }

  body .v35-drawer.v37-stable-drawer > a small{
    display:block!important;
    color:rgba(255,247,231,.62)!important;
    font-size:11px!important;
    line-height:1.35!important;
    font-weight:600!important;
  }

  body .v35-drawer.v37-stable-drawer .v35-drawer__foot{
    width:calc(100% - (var(--v37-drawer-safe) * 2))!important;
    margin:8px var(--v37-drawer-safe) 0!important;
    padding:14px!important;
    border-radius:20px!important;
    border:1px solid rgba(255,255,255,.11)!important;
    background:rgba(0,0,0,.20)!important;
    color:rgba(255,247,231,.68)!important;
    font-size:12px!important;
    line-height:1.6!important;
  }

  body .v35-drawer.v37-stable-drawer .v35-drawer__social{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    margin-top:10px!important;
  }

  body .v35-drawer.v37-stable-drawer .v35-drawer__social a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:32px!important;
    padding:7px 10px!important;
    border-radius:999px!important;
    border:1px solid rgba(232,199,118,.28)!important;
    background:rgba(232,199,118,.12)!important;
    color:#fff7e7!important;
    text-decoration:none!important;
    font-size:11px!important;
    font-weight:800!important;
  }
}

@media (max-width:420px){
  :root{--v37-drawer-width:86vw;--v37-drawer-safe:16px;}
  body .v35-drawer.v37-stable-drawer .v36-drawer-hero,
  body .v35-drawer.v37-stable-drawer .v35-drawer__head{min-height:176px!important;}
  body .v35-drawer.v37-stable-drawer > a{min-height:51px!important;margin-bottom:8px!important;}
  body .v35-drawer.v37-stable-drawer > a span{font-size:14px!important;}
}

/* =========================================================
   V38 — Drawer exact correction from mobile review
   Scope: customer mobile drawer only.
   Fixes: arrow alignment, arrow color, excessive shadow/overlay, hidden bottom items.
   ========================================================= */
@media (max-width:980px){
  body .v35-overlay{
    background:rgba(8,6,4,.28)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }

  body .v35-drawer.v37-stable-drawer,
  body .main-nav.v35-drawer.v37-stable-drawer,
  body .clean-header .main-nav.v35-drawer.v37-stable-drawer,
  body .site-header .main-nav.v35-drawer.v37-stable-drawer{
    height:100svh!important;
    max-height:100svh!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    touch-action:pan-y!important;
    padding-bottom:max(10px, env(safe-area-inset-bottom))!important;
    box-shadow:none!important;
    background:
      linear-gradient(180deg,rgba(7,6,4,.22),rgba(7,6,4,.70) 52%,rgba(7,6,4,.92)),
      var(--drawer-bg-image),
      url('../images/hero-amber.jpg')!important;
    background-size:cover!important;
    background-position:center top!important;
    background-repeat:no-repeat!important;
  }

  body.v35-menu-open .v35-drawer.v37-stable-drawer,
  body.menu-open .v35-drawer.v37-stable-drawer,
  body.v35-menu-open .main-nav.v35-drawer.v37-stable-drawer,
  body.menu-open .main-nav.v35-drawer.v37-stable-drawer{
    box-shadow:-6px 0 18px rgba(0,0,0,.14)!important;
  }

  body .v35-drawer.v37-stable-drawer::before{
    background:radial-gradient(circle at 22% 12%, rgba(232,199,118,.12), transparent 34%), linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.36))!important;
  }

  body .v35-drawer.v37-stable-drawer::after{
    opacity:.18!important;
    background:linear-gradient(90deg,rgba(255,255,255,.025),transparent 22%,transparent 88%,rgba(0,0,0,.08))!important;
    mix-blend-mode:normal!important;
  }

  body .v35-drawer.v37-stable-drawer .v36-drawer-hero,
  body .v35-drawer.v37-stable-drawer .v35-drawer__head{
    min-height:150px!important;
    padding:58px var(--v37-drawer-safe) 16px!important;
    margin:0 0 9px!important;
    border-radius:0 0 24px 24px!important;
  }

  body .v35-drawer.v37-stable-drawer .v36-drawer-copy{
    gap:6px!important;
  }

  body .v35-drawer.v37-stable-drawer .v36-drawer-brand,
  body .v35-drawer.v37-stable-drawer .v35-drawer__brand{
    font-size:clamp(23px,5.6vw,29px)!important;
    line-height:1.05!important;
  }

  body .v35-drawer.v37-stable-drawer .v36-drawer-hint,
  body .v35-drawer.v37-stable-drawer .v35-drawer__hint{
    font-size:12px!important;
    line-height:1.55!important;
    max-width:26ch!important;
  }

  body .v35-drawer.v37-stable-drawer .v36-drawer-close,
  body .v35-drawer.v37-stable-drawer .v35-drawer__close{
    width:38px!important;
    height:38px!important;
    top:15px!important;
    left:15px!important;
    box-shadow:none!important;
    background:rgba(255,255,255,.10)!important;
    border-color:rgba(255,255,255,.18)!important;
  }

  body .v35-drawer.v37-stable-drawer > a{
    position:relative!important;
    width:calc(100% - (var(--v37-drawer-safe) * 2))!important;
    min-height:46px!important;
    margin:0 var(--v37-drawer-safe) 6px!important;
    padding:8px 13px 8px 44px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:0!important;
    direction:rtl!important;
    text-align:right!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.068)!important;
    border:1px solid rgba(255,255,255,.10)!important;
    color:var(--v37-drawer-ink)!important;
    box-shadow:none!important;
    backdrop-filter:blur(7px)!important;
    -webkit-backdrop-filter:blur(7px)!important;
  }

  body .v35-drawer.v37-stable-drawer > a::before{
    content:"←"!important;
    position:absolute!important;
    left:16px!important;
    right:auto!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:18px!important;
    height:18px!important;
    display:grid!important;
    place-items:center!important;
    margin:0!important;
    padding:0!important;
    order:initial!important;
    flex:none!important;
    color:var(--v37-drawer-ink)!important;
    opacity:1!important;
    font-size:14px!important;
    line-height:1!important;
    font-weight:700!important;
    pointer-events:none!important;
    z-index:3!important;
  }

  body .v35-drawer.v37-stable-drawer > a:hover,
  body .v35-drawer.v37-stable-drawer > a.active{
    background:rgba(232,199,118,.15)!important;
    border-color:rgba(232,199,118,.34)!important;
    transform:none!important;
  }

  body .v35-drawer.v37-stable-drawer > a span{
    width:100%!important;
    min-width:0!important;
    display:grid!important;
    gap:1px!important;
    color:var(--v37-drawer-ink)!important;
    font-size:14px!important;
    font-weight:900!important;
    line-height:1.18!important;
    text-align:right!important;
  }

  body .v35-drawer.v37-stable-drawer > a small{
    color:rgba(255,247,231,.62)!important;
    font-size:10px!important;
    line-height:1.22!important;
    font-weight:600!important;
  }

  body .v35-drawer.v37-stable-drawer .v35-drawer__foot{
    margin:5px var(--v37-drawer-safe) 0!important;
    padding:10px!important;
    border-radius:16px!important;
    background:rgba(0,0,0,.16)!important;
    box-shadow:none!important;
    font-size:11px!important;
    line-height:1.45!important;
  }

  body .v35-drawer.v37-stable-drawer .v35-drawer__social{
    gap:6px!important;
    margin-top:8px!important;
  }

  body .v35-drawer.v37-stable-drawer .v35-drawer__social a{
    min-height:29px!important;
    padding:6px 9px!important;
    font-size:10px!important;
    box-shadow:none!important;
  }
}

@media (max-width:420px){
  :root{--v37-drawer-width:86vw;--v37-drawer-safe:15px;}

  body .v35-drawer.v37-stable-drawer .v36-drawer-hero,
  body .v35-drawer.v37-stable-drawer .v35-drawer__head{
    min-height:138px!important;
    padding:54px var(--v37-drawer-safe) 13px!important;
    margin-bottom:7px!important;
  }

  body .v35-drawer.v37-stable-drawer .v36-drawer-brand,
  body .v35-drawer.v37-stable-drawer .v35-drawer__brand{
    font-size:24px!important;
  }

  body .v35-drawer.v37-stable-drawer .v36-drawer-hint,
  body .v35-drawer.v37-stable-drawer .v35-drawer__hint{
    font-size:11.5px!important;
    line-height:1.45!important;
  }

  body .v35-drawer.v37-stable-drawer > a{
    min-height:43px!important;
    margin-bottom:5px!important;
    padding:7px 12px 7px 40px!important;
    border-radius:15px!important;
  }

  body .v35-drawer.v37-stable-drawer > a::before{
    left:14px!important;
    font-size:13px!important;
  }

  body .v35-drawer.v37-stable-drawer > a span{
    font-size:13.5px!important;
  }

  body .v35-drawer.v37-stable-drawer > a small{
    font-size:9.5px!important;
  }
}

/* =========================================================
   V39 — Desktop drawer visibility fix only
   Scope: desktop/tablet wider than 980px only.
   Mobile V38 drawer is intentionally untouched.
   ========================================================= */
@media (min-width:981px){
  :root{
    --v39-desktop-drawer-width:min(390px, 32vw);
    --v39-desktop-drawer-safe:22px;
  }

  body.v35-menu-open,
  body.menu-open{
    overflow:hidden!important;
  }

  /* Desktop must not shift or disappear when the drawer opens */
  body.v35-menu-open .v35-header,
  body.v35-menu-open main,
  body.v35-menu-open .v35-footer,
  body.v35-menu-open .v35-whatsapp,
  body.menu-open .v35-header,
  body.menu-open main,
  body.menu-open .v35-footer,
  body.menu-open .v35-whatsapp{
    transform:none!important;
    filter:none!important;
  }

  body.v35-menu-open .v35-header,
  body.menu-open .v35-header,
  body.v35-menu-open header.v35-header,
  body.menu-open header.v35-header{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  body .v35-overlay{
    position:fixed!important;
    inset:0!important;
    z-index:99980!important;
    display:block!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    background:rgba(8,6,4,.22)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    transition:opacity .24s ease, visibility .24s ease!important;
  }

  body.v35-menu-open .v35-overlay,
  body.menu-open .v35-overlay{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  body .v35-drawer.v37-stable-drawer,
  body .main-nav.v35-drawer.v37-stable-drawer,
  body .clean-header .main-nav.v35-drawer.v37-stable-drawer,
  body .site-header .main-nav.v35-drawer.v37-stable-drawer{
    position:fixed!important;
    top:0!important;
    right:0!important;
    left:auto!important;
    bottom:auto!important;
    z-index:99990!important;
    width:var(--v39-desktop-drawer-width)!important;
    max-width:390px!important;
    height:100vh!important;
    max-height:100vh!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    padding:0 0 18px!important;
    box-sizing:border-box!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    background:
      linear-gradient(180deg,rgba(7,6,4,.22),rgba(7,6,4,.70) 52%,rgba(7,6,4,.92)),
      var(--drawer-bg-image),
      url('../images/hero-amber.jpg')!important;
    background-color:#0b0805!important;
    background-size:cover!important;
    background-position:center top!important;
    background-repeat:no-repeat!important;
    color:var(--v37-drawer-ink)!important;
    border-left:1px solid rgba(255,255,255,.12)!important;
    border-radius:0!important;
    box-shadow:none!important;
    transform:translateX(106%)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:none!important;
    transition:transform .28s cubic-bezier(.2,.8,.2,1), box-shadow .24s ease!important;
  }

  body.v35-menu-open .v35-drawer.v37-stable-drawer,
  body.menu-open .v35-drawer.v37-stable-drawer,
  body.v35-menu-open .main-nav.v35-drawer.v37-stable-drawer,
  body.menu-open .main-nav.v35-drawer.v37-stable-drawer,
  body .v35-drawer.v37-stable-drawer.open,
  body .main-nav.v35-drawer.v37-stable-drawer.open{
    transform:translateX(0)!important;
    pointer-events:auto!important;
    box-shadow:-8px 0 26px rgba(0,0,0,.16)!important;
  }

  body .v35-drawer.v37-stable-drawer::before,
  body .v35-drawer.v37-stable-drawer::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    pointer-events:none!important;
    display:block!important;
  }

  body .v35-drawer.v37-stable-drawer::before{
    z-index:0!important;
    background:radial-gradient(circle at 22% 12%, rgba(232,199,118,.12), transparent 34%), linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.36))!important;
  }

  body .v35-drawer.v37-stable-drawer::after{
    z-index:1!important;
    opacity:.18!important;
    background:linear-gradient(90deg,rgba(255,255,255,.025),transparent 22%,transparent 88%,rgba(0,0,0,.08))!important;
    mix-blend-mode:normal!important;
  }

  body .v35-drawer.v37-stable-drawer > *{
    position:relative!important;
    z-index:2!important;
  }

  body .v35-drawer.v37-stable-drawer .v36-drawer-hero,
  body .v35-drawer.v37-stable-drawer .v35-drawer__head{
    min-height:158px!important;
    display:flex!important;
    align-items:flex-end!important;
    padding:58px var(--v39-desktop-drawer-safe) 16px!important;
    margin:0 0 9px!important;
    border-radius:0 0 24px 24px!important;
    border-bottom:1px solid rgba(255,247,231,.14)!important;
    background-size:cover!important;
    background-position:center!important;
    overflow:hidden!important;
  }

  body .v35-drawer.v37-stable-drawer .v36-drawer-hero::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    display:block!important;
    background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.58))!important;
    pointer-events:none!important;
  }

  body .v35-drawer.v37-stable-drawer .v36-drawer-copy{
    position:relative!important;
    z-index:2!important;
    display:grid!important;
    gap:6px!important;
    padding:0!important;
    color:#fff!important;
  }

  body .v35-drawer.v37-stable-drawer .v36-drawer-brand,
  body .v35-drawer.v37-stable-drawer .v35-drawer__brand{
    display:inline-block!important;
    width:auto!important;
    height:auto!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    color:#fff7e7!important;
    text-decoration:none!important;
    font-family:Georgia,'Times New Roman',serif!important;
    font-size:29px!important;
    line-height:1.05!important;
    font-weight:700!important;
    letter-spacing:.01em!important;
  }

  body .v35-drawer.v37-stable-drawer .v36-drawer-hint,
  body .v35-drawer.v37-stable-drawer .v35-drawer__hint{
    color:rgba(255,247,231,.72)!important;
    font-size:12px!important;
    line-height:1.55!important;
    max-width:26ch!important;
  }

  body .v35-drawer.v37-stable-drawer .v36-drawer-close,
  body .v35-drawer.v37-stable-drawer .v35-drawer__close{
    position:absolute!important;
    top:15px!important;
    left:15px!important;
    right:auto!important;
    width:38px!important;
    height:38px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    margin:0!important;
    border-radius:50%!important;
    border:1px solid rgba(255,255,255,.18)!important;
    background:rgba(255,255,255,.10)!important;
    color:#fff!important;
    box-shadow:none!important;
    font-size:28px!important;
    line-height:1!important;
    cursor:pointer!important;
    backdrop-filter:blur(7px)!important;
    -webkit-backdrop-filter:blur(7px)!important;
  }

  body .v35-drawer.v37-stable-drawer > a{
    position:relative!important;
    width:calc(100% - (var(--v39-desktop-drawer-safe) * 2))!important;
    min-height:48px!important;
    margin:0 var(--v39-desktop-drawer-safe) 7px!important;
    padding:8px 13px 8px 44px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:0!important;
    direction:rtl!important;
    text-align:right!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.068)!important;
    border:1px solid rgba(255,255,255,.10)!important;
    color:var(--v37-drawer-ink)!important;
    text-decoration:none!important;
    box-shadow:none!important;
    backdrop-filter:blur(7px)!important;
    -webkit-backdrop-filter:blur(7px)!important;
  }

  body .v35-drawer.v37-stable-drawer > a::before{
    content:"←"!important;
    position:absolute!important;
    left:16px!important;
    right:auto!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:18px!important;
    height:18px!important;
    display:grid!important;
    place-items:center!important;
    color:var(--v37-drawer-ink)!important;
    opacity:1!important;
    font-size:14px!important;
    line-height:1!important;
    font-weight:700!important;
    pointer-events:none!important;
    z-index:3!important;
  }

  body .v35-drawer.v37-stable-drawer > a:hover,
  body .v35-drawer.v37-stable-drawer > a.active{
    background:rgba(232,199,118,.15)!important;
    border-color:rgba(232,199,118,.34)!important;
    transform:none!important;
  }

  body .v35-drawer.v37-stable-drawer > a span{
    width:100%!important;
    min-width:0!important;
    display:grid!important;
    gap:1px!important;
    color:var(--v37-drawer-ink)!important;
    font-size:14px!important;
    font-weight:900!important;
    line-height:1.18!important;
    text-align:right!important;
  }

  body .v35-drawer.v37-stable-drawer > a small{
    color:rgba(255,247,231,.62)!important;
    font-size:10px!important;
    line-height:1.22!important;
    font-weight:600!important;
  }

  body .v35-drawer.v37-stable-drawer .v35-drawer__foot{
    width:calc(100% - (var(--v39-desktop-drawer-safe) * 2))!important;
    margin:6px var(--v39-desktop-drawer-safe) 0!important;
    padding:10px!important;
    border-radius:16px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    background:rgba(0,0,0,.16)!important;
    color:rgba(255,247,231,.68)!important;
    box-shadow:none!important;
    font-size:11px!important;
    line-height:1.45!important;
  }

  body .v35-drawer.v37-stable-drawer .v35-drawer__social{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:6px!important;
    margin-top:8px!important;
  }

  body .v35-drawer.v37-stable-drawer .v35-drawer__social a{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:29px!important;
    width:auto!important;
    padding:6px 9px!important;
    border-radius:999px!important;
    border:1px solid rgba(232,199,118,.28)!important;
    background:rgba(232,199,118,.12)!important;
    color:#fff7e7!important;
    text-decoration:none!important;
    font-size:10px!important;
    font-weight:800!important;
    box-shadow:none!important;
  }

  body .v35-drawer.v37-stable-drawer .v35-drawer__social a::before{
    display:none!important;
    content:none!important;
  }
}