/*
Theme Name: ایران بیوتی Child
Theme URI: https://rtl-theme.com
Template: iranbeauty
Author: rtl-theme
Author URI: https://www.rtl-theme.com/author/masoud_afkani/
Description: ایران بیوتی یک قالب شگفت انگیز برای کلینیک زیبایی، پزشکی، سالن آرایش، میکاپ و سالن های مختلف زیبایی می باشد، در این قالب کوشیده ایم تا تمامی نیازات شما را برای داشتن یک وب سایت کامل برطرف نماییم، اگر از این پوسته رضایت دارید در راست چین بازخورد خود را ثبت نمایید.
Version: 1.2.1.1771068015
Updated: 2026-02-14 10:20:15
*/

/* =========================================================
   Master Devil — Rozhin Header + Drawer (CLEAN & FINAL)
   ========================================================= */

:root{
  --rz-header:#303B44;
  --rz-header-2:#262f36; /* sticky state */
  --rz-gold:#BFA15A;
  --rz-white:#ffffff;
  --rz-ink:#0f172a;
}

/* Sticky/fixed can break if parent has overflow/transform */
#page,
#page .wrapper,
#page #main{
  overflow: visible !important;
}

/* ---------------------------
   Header (Desktop: sticky)
   --------------------------- */
header.rz-header{
  position: sticky;
  top: 0;
  z-index: 999999;

  width: 100%;
  left: 0;
  right: 0;

  background: var(--rz-header);
  border-bottom: 1px solid rgba(255,255,255,.06);

  transition: background .25s ease, box-shadow .25s ease, border-color .25s ease;
  will-change: transform;
  transform: translateZ(0);
}

/* Scroll state (JS toggles .is-sticky) */
header.rz-header.is-sticky{
  background: var(--rz-header-2);
  border-bottom-color: rgba(255,255,255,.10);
  box-shadow: 0 12px 35px rgba(0,0,0,.35);
}

header.rz-header .rz-header__in{
  max-width: 1200px;
  margin: 0 auto;
  padding: 12px 16px;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;

  transition: padding .25s ease;
}

header.rz-header.is-sticky .rz-header__in{
  padding: 8px 16px;
}

/* Brand */
header.rz-header .rz-brand{
  display:flex;
  align-items:center;
  gap:10px;
  text-decoration:none !important;
  color: var(--rz-white) !important;
  min-width: 0;
}
header.rz-header .rz-brand__logo{
  height: 40px;
  width: auto;
  display:block;
  object-fit:contain;
  transition: height .25s ease;
}
header.rz-header.is-sticky .rz-brand__logo{
  height: 36px;
}
header.rz-header .rz-brand__txt{
  display:flex;
  flex-direction:column;
  line-height:1.2;
  white-space:nowrap;
}
header.rz-header .rz-brand__txt strong{
  font-size: 13.5px;
  font-weight: 900;
  color: var(--rz-white);
}
header.rz-header .rz-brand__txt em{
  font-size: 12px;
  font-style: normal;
  opacity: .85;
  color: rgba(255,255,255,.85);
}

/* Desktop nav */
header.rz-header .rz-nav{ flex: 1; display:flex; justify-content:center; }
header.rz-header .rz-menu,
header.rz-header .rz-menu li{ margin:0; padding:0; list-style:none; }
header.rz-header .rz-menu{ display:flex; align-items:center; gap:14px; }
header.rz-header .rz-menu > li{ position:relative; }

header.rz-header .rz-menu > li > a{
  display:inline-flex;
  align-items:center;
  padding:10px 10px;
  border-radius:12px;
  color:#fff !important;
  font-weight:900;
  font-size:13px;
  text-decoration:none !important;
  transition:.18s ease;
}
header.rz-header .rz-menu > li > a:hover{ background: rgba(255,255,255,.10); }

/* Desktop dropdown */
header.rz-header .rz-menu > li.menu-item-has-children > .sub-menu{
  position:absolute;
  top: 100%;
  right: 0;
  transform: translateY(10px);
  min-width: 220px;
  background:#fff;
  border:1px solid rgba(0,0,0,.10);
  border-radius:14px;
  box-shadow:0 20px 55px rgba(0,0,0,.25);
  padding:8px;
  display:none;
  z-index:9999999;
}
header.rz-header .rz-menu > li.menu-item-has-children:hover > .sub-menu,
header.rz-header .rz-menu > li.menu-item-has-children:focus-within > .sub-menu{
  display:block;
}
header.rz-header .rz-menu .sub-menu a{
  display:block;
  padding:10px 12px;
  border-radius:12px;
  color:#303B44 !important;
  font-weight:800;
  text-decoration:none !important;
}
header.rz-header .rz-menu .sub-menu a:hover{ background: rgba(48,59,68,.08); }

/* Actions */
header.rz-header .rz-actions{
  display:flex;
  align-items:center;
  gap:10px;
}
header.rz-header .rz-action{
  width:40px;
  height:40px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  text-decoration:none !important;
  transition:.18s ease;
}
header.rz-header .rz-action:hover{
  background: rgba(191,161,90,.18);
  border-color: rgba(191,161,90,.45);
}
header.rz-header .rz-action svg{
  width:18px; height:18px;
  fill:none;
  stroke:#fff;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* Burger */
header.rz-header .rz-burger{
  width:42px;
  height:42px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.08);
  display:none;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
}
header.rz-header .rz-burger span{
  width:18px; height:2px;
  background:#fff;
  border-radius:2px;
  display:block;
}

/* Mobile behavior */
@media (max-width: 900px){
  header.rz-header .rz-nav{ display:none; }
  header.rz-header .rz-burger{ display:flex; }
  header.rz-header .rz-brand__txt{ display:none; }
  header.rz-header .rz-brand__logo{ height: 38px; }
}

/* Prevent dropdown clipping only in header */
header.rz-header,
header.rz-header .rz-header__in,
header.rz-header .rz-nav{
  overflow: visible;
}

/* ---------------------------
   Mobile: fixed full-width + iOS safe-area
   --------------------------- */
@media (max-width: 900px){
  header.rz-header{
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;

    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    border-radius: 0 !important;

    background: var(--rz-header) !important;
    z-index: 999999 !important;
  }

  header.rz-header::before{
    content:"";
    position:absolute;
    left:0; right:0;
    top: calc(-1 * env(safe-area-inset-top));
    height: env(safe-area-inset-top);
    background: var(--rz-header);
  }

  header.rz-header .rz-header__in{
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;

    padding-top: calc(12px + env(safe-area-inset-top)) !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    padding-bottom: 12px !important;
  }

  /* Content should not hide under fixed header */
  body{
    padding-top: var(--rz-header-h, 78px) !important;
  }

  html, body{ overflow-x: hidden !important; }
}

/* ---------------------------
   HOME ONLY: fix "not full width" glitch (safe override)
   --------------------------- */
.home header.rz-header,
.front-page header.rz-header{
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.home #page,
.home #page .wrapper,
.home #page #main,
.front-page #page,
.front-page #page .wrapper,
.front-page #page #main{
  transform: none !important;
  overflow: visible !important;
}

/* ---------------------------
   Drawer (mobile menu)
   --------------------------- */
.rz-drawer{
  position: fixed;
  inset: 0;
  z-index: 1000000;
}
.rz-drawer[hidden]{ display:none !important; }

.rz-drawer__backdrop{
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.42);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.rz-drawer__panel{
  position:absolute;
  top:0;
  right:0;
  height:100dvh;
  width:min(360px, 88vw);
  background:#fff;
  box-shadow:-18px 0 60px rgba(0,0,0,.30);
  border-top-left-radius:18px;
  border-bottom-left-radius:18px;
  padding:14px;
  transform: translateX(110%);
  transition: transform .25s ease;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.rz-drawer.is-open .rz-drawer__panel{ transform: translateX(0); }

.rz-drawer__top{
  position:sticky;
  top:0;
  z-index:2;
  background:#fff;
  padding-bottom:10px;
  margin:0 0 10px 0;
  border-bottom:1px solid rgba(0,0,0,.06);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.rz-drawer__title{
  font-weight:900;
  font-size:14px;
  color:#303B44;
}
.rz-drawer__close{
  width:38px;
  height:38px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.10);
  background:#fff;
}

/* Drawer menu */
.rz-dmenu,
.rz-dmenu ul,
.rz-dmenu li{
  list-style:none;
  margin:0;
  padding:0;
}

.rz-dmenu{
  flex:1;
  overflow:auto;
  padding:6px 0 10px 0;
  -webkit-overflow-scrolling: touch;
}
.rz-dmenu > li{ margin-bottom:8px; }

.rz-dmenu a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:12px 12px;
  border-radius:14px;
  text-decoration:none !important;
  color:#303B44 !important;
  font-weight:900;
  background:rgba(48,59,68,.05);
  border:1px solid rgba(48,59,68,.08);
}

/* Arrow for items that have children */
.rz-dmenu li.menu-item-has-children > a{
  position:relative;
  padding-left:34px;
}
.rz-dmenu li.menu-item-has-children > a::after{
  content:"▸";
  position:absolute;
  left:12px;
  top:50%;
  transform:translateY(-50%);
  font-size:14px;
  opacity:.75;
  transition:.2s ease;
}
.rz-dmenu li.menu-item-has-children.is-open > a::after{
  transform:translateY(-50%) rotate(90deg);
  opacity:1;
}

/* Accordion submenu (single system) */
.rz-dmenu .sub-menu{
  max-height:0;
  overflow:hidden;
  transition:max-height .25s ease;
  margin:6px 0 10px 0;
  padding-right:10px;
}
.rz-dmenu li.is-open > .sub-menu{ max-height:900px; }

.rz-dmenu .sub-menu a{
  margin-top:6px;
  font-weight:800;
  background:rgba(48,59,68,.03);
  border:1px solid rgba(48,59,68,.06);
}

/* Drawer CTAs */
.rz-drawer__cta{
  padding-top:12px;
  margin-top:10px;
  border-top:1px solid rgba(0,0,0,.06);
  display:flex;
  gap:10px;
}
.rz-cta{
  flex:1;
  text-align:center;
  padding:12px 12px;
  border-radius:14px;
  text-decoration:none !important;
  font-weight:900;
  border:1px solid rgba(0,0,0,.10);
  color:#303B44 !important;
  background:#fff;
}
.rz-cta--gold{
  background: var(--rz-gold);
  border-color: rgba(0,0,0,.08);
  color:#111 !important;
}
/* Master Devil — Drawer bottom buttons centered */
.rz-drawer__cta{
  display:flex;
  justify-content:center;   /* کل گروه وسط */
  align-items:center;
  gap:10px;
}

.rz-drawer__cta .rz-cta{
  display:flex;             /* متن داخل دکمه وسط */
  align-items:center;
  justify-content:center;
  text-align:center;
  line-height:1;
}
/* Master Devil — Desktop dropdown hover fix + arrow */

/* 1) والد */
header.rz-header .rz-menu > li.menu-item-has-children{
  position: relative;
}

/* 2) فلش کنار آیتم‌هایی که زیرمنو دارن */
header.rz-header .rz-menu > li.menu-item-has-children > a{
  position: relative;
  padding-left: 28px; /* جا برای فلش (RTL) */
}
header.rz-header .rz-menu > li.menu-item-has-children > a::after{
  content: "▾";
  position: absolute;
  left: 10px;           /* چون RTL هستیم فلش سمت چپ لینک */
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  opacity: .75;
  transition: transform .15s ease, opacity .15s ease;
}
header.rz-header .rz-menu > li.menu-item-has-children:hover > a::after,
header.rz-header .rz-menu > li.menu-item-has-children:focus-within > a::after{
  transform: translateY(-50%) rotate(180deg);
  opacity: 1;
}

/* 3) خود دراپ‌داون — گپ رو حذف کن تا نپره */
header.rz-header .rz-menu > li.menu-item-has-children > .sub-menu{
  top: calc(100% + 6px);     /* نزدیک‌تر */
  transform: none !important;/* translateY رو کلاً حذف */
  margin: 0;
  padding: 8px;
  display: block;            /* ولی با opacity کنترل می‌کنیم */
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .15s ease, visibility .15s ease;
}

/* 4) باز شدن با هاور یا فوکوس (کیبورد) */
header.rz-header .rz-menu > li.menu-item-has-children:hover > .sub-menu,
header.rz-header .rz-menu > li.menu-item-has-children:focus-within > .sub-menu{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* 5) پل/Bridge برای اینکه موس بین لینک و منو قطع نشه */
header.rz-header .rz-menu > li.menu-item-has-children > .sub-menu::before{
  content:"";
  position:absolute;
  right: 0;
  left: 0;
  top: -10px;      /* پل روی فضای بین لینک و منو */
  height: 10px;
}

/* Master Devil — Mobile Bottom Nav (Rozhin) */
:root{
  --rz-bottomnav-h: 66px;
}

@media (min-width: 901px){
  .rz-bottomnav{ display:none !important; }
}

@media (max-width: 900px){
  .rz-bottomnav{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999999;

    height: calc(var(--rz-bottomnav-h) + env(safe-area-inset-bottom));
    padding: 10px 14px calc(10px + env(safe-area-inset-bottom));

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;

    background: rgba(48,59,68,.92);
    border-top: 1px solid rgba(255,255,255,.10);
  }

  .rz-bnav__item{
    width: 72px;
    height: 52px;
    border-radius: 16px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex-direction: column;
    gap: 6px;
    padding: 6px 6px;

    color: rgba(255,255,255,.88);
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.10);

    text-decoration: none !important;
    transition: .18s ease;
  }

  .rz-bnav__txt{
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    opacity: .92;
    white-space: nowrap;
  }

  .rz-bnav__item svg{
    width: 22px;
    height: 22px;
    stroke: currentColor;
  }

  .rz-bnav__item:hover{
    background: rgba(255,255,255,.10);
  }

  /* Active state */
  .rz-bnav__item.is-active{
    color: #111;
    background: #BFA15A;
    border-color: rgba(0,0,0,.08);
  }

  /* تا محتوا زیر نوار نره */
  body{
    padding-bottom: calc(var(--rz-bottomnav-h) + env(safe-area-inset-bottom) + 12px);
  }
}
/* Master Devil — Mobile scroll jitter fix (prevent header height change on .is-sticky) */
@media (max-width: 900px){

  /* ثابت نگه داشتن پدینگ داخل هدر در حالت اسکرول */
  header.rz-header.is-sticky .rz-header__in{
    padding-top: calc(12px + env(safe-area-inset-top)) !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    padding-bottom: 12px !important;
  }

  /* ثابت نگه داشتن ارتفاع لوگو (جلوگیری از پرش) */
  header.rz-header.is-sticky .rz-brand__logo{
    height: 38px !important;
  }

  /* اگر سایه/رنگ می‌خوای بمونه، مشکلی نیست؛ فقط اندازه‌ها ثابت می‌شن */
}
/* Master Devil — Drawer CTA directly under menu (no pushing to bottom) */

/* پنل به جای flex-column، اسکرولی و معمولی شود */
.rz-drawer__panel{
  display:block !important;
  overflow:auto !important;
  padding-bottom: calc(14px + 90px + env(safe-area-inset-bottom)) !important; /* جا برای نوار پایین */
}

/* هدر بالای دراور همان sticky بماند */
.rz-drawer__top{
  position: sticky !important;
  top: 0 !important;
}

/* این خط قاتل بود: flex:1  => حذف/خنثی */
.rz-dmenu{
  flex: 0 0 auto !important;
  overflow: visible !important;
  padding-bottom: 0 !important;
}

/* CTAها دقیقاً بعد از منو بیایند */
.rz-drawer__cta{
  margin-top: 12px !important;
  padding: 12px 0 0 0 !important;
  border-top: 1px solid rgba(0,0,0,.06) !important;
}
/* ===============================
   Master Devil — Drawer Close Fix
   =============================== */

/* ناحیه بالای دراور مرتب بشه */
.rz-drawer__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:16px 20px;
}

/* دکمه بستن لوکس و تمیز */
.rz-drawer__close{
  width:40px;
  height:40px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.08);
  background:#ffffff;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:all .2s ease;
  z-index:10;
}

/* hover */
.rz-drawer__close:hover{
  background:#BFA15A; /* طلایی برند */
  border-color:#BFA15A;
  transform:scale(1.05);
}

/* ایکن ضربدر */
.rz-drawer__close::before{
  content:"✕";
  font-size:18px;
  color:#303B44; /* رنگ هدر روژین */
  font-weight:600;
  line-height:1;
}

/* وقتی هاور شد ضربدر سفید بشه */
.rz-drawer__close:hover::before{
  color:#ffffff;
}

/* مطمئن شو کلیک روی backdrop کار میکنه */
.rz-drawer__backdrop{
  cursor:pointer;
}
/* Master Devil — smoother drawer open/close (no “throw”) */

/* حالت پیشفرض */
#rz-drawer{
  opacity: 0;
  transition: opacity .28s cubic-bezier(.2,.8,.2,1);
}

/* بک‌دراپ */
#rz-drawer .rz-drawer__backdrop{
  opacity: 0;
  transition: opacity .28s cubic-bezier(.2,.8,.2,1);
}

/* پنل */
#rz-drawer .rz-drawer__panel{
  transform: translate3d(0, 14px, 0) scale(.985);
  opacity: 0;
  transition:
    transform .32s cubic-bezier(.2,.8,.2,1),
    opacity   .22s cubic-bezier(.2,.8,.2,1);
  will-change: transform, opacity;
}

/* وقتی باز است */
#rz-drawer.is-open{
  opacity: 1;
}
#rz-drawer.is-open .rz-drawer__backdrop{
  opacity: 1;
}
#rz-drawer.is-open .rz-drawer__panel{
  transform: translate3d(0,0,0) scale(1);
  opacity: 1;
}

/* احترام به کاربرانی که motion نمی‌خوان */
@media (prefers-reduced-motion: reduce){
  #rz-drawer,
  #rz-drawer .rz-drawer__backdrop,
  #rz-drawer .rz-drawer__panel{
    transition: none !important;
  }
}
/* Master Devil — Drawer Submenu premium-but-subtle */

.rz-dmenu li.menu-item-has-children > .sub-menu{
  /* کانتینر ساب‌منو */
  margin: 8px 0 12px 0 !important;
  padding: 10px 10px 10px 0 !important;     /* RTL indent */
  border-right: 2px solid rgba(191,161,90,.35); /* طلایی خیلی لطیف */
  background: rgba(48,59,68,.03);           /* خاکستری/سرمه‌ای خیلی کم */
  border-radius: 14px;
}

.rz-dmenu .sub-menu li{
  margin: 0 !important;
}

.rz-dmenu .sub-menu a{
  /* آیتم‌های داخل ساب‌منو */
  margin-top: 8px;
  padding: 10px 12px !important;
  border-radius: 12px !important;

  background: rgba(255,255,255,.85) !important;
  border: 1px solid rgba(48,59,68,.08) !important;

  font-weight: 800 !important;
  font-size: 13px !important;
  color: #303B44 !important;

  transition: transform .15s ease, background .15s ease, border-color .15s ease;
}

/* اولی فاصله بالا نداشته باشه */
.rz-dmenu .sub-menu li:first-child > a{
  margin-top: 0;
}

.rz-dmenu .sub-menu a:hover{
  background: rgba(191,161,90,.10) !important;
  border-color: rgba(191,161,90,.28) !important;
  transform: translateX(-2px); /* RTL: خیلی کم حس حرکت */
}

/* والد وقتی بازه، خودش هم یه حس active خیلی لطیف بگیره */
.rz-dmenu li.menu-item-has-children.is-open > a{
  background: rgba(191,161,90,.12) !important;
  border-color: rgba(191,161,90,.22) !important;
}
/* Master Devil — Fix half-open submenu bug */

/* انیمیشن قدیمی رو خنثی کن */
.rz-dmenu .sub-menu{
  max-height: none !important;
  overflow: visible !important;
  transition: none !important;
  display: none;
}

/* وقتی باز شد */
.rz-dmenu li.is-open > .sub-menu{
  display: block !important;
}
/* =========================================================
   Master Devil — Rozhin Drawer FINAL (FAST / CLEAN / MOBILE)
   Paste this at the VERY END of style.css
   ========================================================= */

/* 1) Backdrop: سریع‌تر (blur کم‌تر) */
#rz-drawer .rz-drawer__backdrop{
  background: rgba(0,0,0,.45) !important;
  backdrop-filter: blur(3px) !important;
  -webkit-backdrop-filter: blur(3px) !important;
}

/* 2) Panel: فول‌عرض روی موبایل + اسکرول درست */
@media (max-width: 900px){
  #rz-drawer .rz-drawer__panel{
    width: 100vw !important;
    max-width: 100vw !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    height: 100dvh !important;

    border-radius: 0 !important;

    /* مهم: فقط یک سیستم اسکرول */
    overflow-y: auto !important;
    overflow-x: hidden !important;

    /* ساختار */
    display: block !important;
    padding: 14px !important;

    /* پرفورمنس */
    will-change: transform, opacity;
    -webkit-overflow-scrolling: touch;
  }
}

/* 3) Top bar: تمیز و اپ‌گونه */
#rz-drawer .rz-drawer__top{
  position: sticky !important;
  top: 0 !important;
  z-index: 10 !important;
  background: #fff !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;

  padding: 14px 14px 12px !important;
  margin: 0 0 10px 0 !important;

  border-bottom: 1px solid rgba(48,59,68,.08) !important;
}

/* عنوان */
#rz-drawer .rz-drawer__title{
  font-weight: 900 !important;
  font-size: 13px !important;
  color: #303B44 !important;
  opacity: .92 !important;
}

/* دکمه بستن: ساده، سریع، بدون استایل عجیب */
#rz-drawer .rz-drawer__close{
  width: 56px !important;
  height: 40px !important;
  border-radius: 14px !important;

  border: 1px solid rgba(48,59,68,.12) !important;
  background: rgba(48,59,68,.04) !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  cursor: pointer !important;

  outline: none !important;
  box-shadow: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;

  transition: transform .12s ease, background .15s ease, border-color .15s ease !important;
}
#rz-drawer .rz-drawer__close::before{
  content: "×" !important;
  font-size: 22px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  color: #303B44 !important;
  opacity: .9 !important;
}
#rz-drawer .rz-drawer__close:hover{
  background: rgba(191,161,90,.14) !important;
  border-color: rgba(191,161,90,.35) !important;
}
#rz-drawer .rz-drawer__close:active{
  transform: scale(.98) !important;
}

/* 4) Menu items: لمس راحت + تمایز خیلی لطیف */
#rz-drawer .rz-dmenu{
  padding: 6px 0 12px 0 !important;
  overflow: visible !important; /* چون خود پنل اسکروله */
}
#rz-drawer .rz-dmenu > li{ margin-bottom: 8px !important; }

#rz-drawer .rz-dmenu a{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  padding: 12px 12px !important;
  border-radius: 14px !important;

  text-decoration: none !important;
  color: #303B44 !important;
  font-weight: 900 !important;

  background: rgba(48,59,68,.05) !important;
  border: 1px solid rgba(48,59,68,.08) !important;

  /* tap feel */
  transition: background .15s ease, border-color .15s ease, transform .12s ease !important;
}
#rz-drawer .rz-dmenu a:active{
  transform: scale(.99) !important;
}

/* 5) Arrow: فقط نمایش، با باز شدن بچرخه */
#rz-drawer .rz-dmenu li.menu-item-has-children > a{
  position: relative !important;
  padding-left: 34px !important; /* جا برای فلش در RTL */
}
#rz-drawer .rz-dmenu li.menu-item-has-children > a::after{
  content: "▸" !important;
  position: absolute !important;
  left: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 14px !important;
  opacity: .75 !important;
  transition: transform .2s ease, opacity .2s ease !important;
}
#rz-drawer .rz-dmenu li.menu-item-has-children.is-open > a::after{
  transform: translateY(-50%) rotate(90deg) !important;
  opacity: 1 !important;
}

/* 6) Submenu: فقط display (بدون max-height) + تمایز نامحسوس */
#rz-drawer .rz-dmenu .sub-menu{
  display: none !important;
  margin: 8px 0 12px 0 !important;

  /* تمایز لطیف */
  padding: 10px 10px 10px 0 !important;
  border-right: 2px solid rgba(191,161,90,.35) !important;
  background: rgba(48,59,68,.03) !important;
  border-radius: 14px !important;
}
#rz-drawer .rz-dmenu li.is-open > .sub-menu{
  display: block !important;
}

#rz-drawer .rz-dmenu .sub-menu a{
  margin-top: 8px !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;

  background: rgba(255,255,255,.90) !important;
  border: 1px solid rgba(48,59,68,.08) !important;

  font-weight: 800 !important;
  font-size: 13px !important;
}
#rz-drawer .rz-dmenu .sub-menu li:first-child > a{
  margin-top: 0 !important;
}
#rz-drawer .rz-dmenu .sub-menu a:hover{
  background: rgba(191,161,90,.10) !important;
  border-color: rgba(191,161,90,.28) !important;
}

/* 7) CTA block: درست زیر منو، بدون رفتار عجیب */
#rz-drawer .rz-drawer__cta{
  margin-top: 12px !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(0,0,0,.06) !important;

  display: flex !important;
  gap: 10px !important;
}

/* 8) Motion respect */
@media (prefers-reduced-motion: reduce){
  #rz-drawer,
  #rz-drawer .rz-drawer__backdrop,
  #rz-drawer .rz-drawer__panel{
    transition: none !important;
  }
}
/* Master Devil — Fix dots order for RTL (make slide-1 dot on the RIGHT) */
.rz-hsl__dots{
  flex-direction: row-reverse; /* ✅ مهم: ترتیب دات‌ها رو RTL می‌کنه */
}
/* Master Devil — FIX: Dots order in RTL (so slide-1 appears on the RIGHT) */
.rz-hsl__dots{
  flex-direction: row-reverse; /* ✅ مهم‌ترین خط */
}

/* Master Devil — Global Breadcrumb Background Override */
.breadcrumb-title-wrapper{
  background-color: #FBE7DD !important; /* یا هر رنگی که می‌خوای */
}