/* Generated theme — light */
:root {
  --primary-100: #F9FBFA;
  --primary-200: #EEF2F0;
  --primary-300: #DCE4E0;
  --primary-400: #B4D0C2;
  --primary-500: #88B59F;
  --primary-600: #619E80;
  --primary-700: #4E7E67;
  --primary-800: #3B5E4D;
  --primary-900: #223A2E;
  --secondary-100: #FAFAFA;
  --secondary-200: #EFF1F0;
  --secondary-300: #DFE2E0;
  --secondary-400: #BCC7C2;
  --secondary-500: #96A69E;
  --secondary-600: #758A80;
  --secondary-700: #5D6F66;
  --secondary-800: #46534D;
  --secondary-900: #28332E;
  --tertiary-100: #F9FAFA;
  --tertiary-200: #EEF0F1;
  --tertiary-300: #DDE0E4;
  --tertiary-400: #B7C1CD;
  --tertiary-500: #8C9EB0;
  --tertiary-600: #687F97;
  --tertiary-700: #536579;
  --tertiary-800: #3E4C5B;
  --tertiary-900: #242E38;
  --neutral-100: #FAFAFA;
  --neutral-200: #F0F0F0;
  --neutral-300: #E0E1E0;
  --neutral-400: #C1C3C2;
  --neutral-500: #9DA09F;
  --neutral-600: #7E8180;
  --neutral-700: #646867;
  --neutral-800: #4B4E4D;
  --neutral-900: #2C302E;
  --error-100: #FCF8F8;
  --error-200: #F6EAE9;
  --error-300: #EDD5D3;
  --error-400: #ED9B96;
  --error-500: #E36059;
  --error-600: #DA2E25;
  --error-700: #AF251D;
  --error-800: #831C16;
  --error-900: #510E0B;
  --bs-primary: #88B59F;
  --bs-primary-rgb: 136, 181, 159;
  --bs-secondary: #96A69E;
  --bs-secondary-rgb: 150, 166, 158;
  --bs-success: #1A8654;
  --bs-success-rgb: 26, 134, 84;
  --bs-info: #0FCFEE;
  --bs-info-rgb: 15, 207, 238;
  --bs-warning: #FECD08;
  --bs-warning-rgb: 254, 205, 8;
  --bs-danger: #E36059;
  --bs-danger-rgb: 227, 96, 89;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;

  --bs-link-color: #88B59F;
  --bs-link-color-rgb: 136, 181, 159;
  --bs-link-hover-color: #4E7E67;
  --bs-link-decoration: none;
}

/* Core overrides mapping to CSS variables */
.btn-primary { background-color: var(--bs-primary) !important; border-color: var(--bs-primary) !important; color: white !important; }
.btn-primary:hover { background-color: var(--primary-700) !important; border-color: var(--primary-700) !important; }
.btn-secondary { background-color: var(--bs-secondary) !important; border-color: var(--bs-secondary) !important; color: white !important; }
.btn-secondary:hover { background-color: var(--secondary-700) !important; border-color: var(--secondary-700) !important; }
.btn-success { background-color: var(--bs-success) !important; border-color: var(--bs-success) !important; }
.btn-info { background-color: var(--bs-info) !important; border-color: var(--bs-info) !important; }
.btn-warning { background-color: var(--bs-warning) !important; border-color: var(--bs-warning) !important; }
.btn-danger { background-color: var(--bs-danger) !important; border-color: var(--bs-danger) !important; }

.btn-outline-primary { color: var(--bs-primary) !important; border-color: var(--bs-primary) !important; background-color: transparent !important; }
.btn-outline-primary:hover { color: white !important; background-color: var(--bs-primary) !important; border-color: var(--bs-primary) !important; }
.btn-outline-secondary { color: var(--bs-secondary) !important; border-color: var(--bs-secondary) !important; background-color: transparent !important; }
.btn-outline-secondary:hover { color: white !important; background-color: var(--bs-secondary) !important; border-color: var(--bs-secondary) !important; }

.bg-primary { background-color: var(--bs-primary) !important; }
.bg-secondary { background-color: var(--bs-secondary) !important; }
.bg-success { background-color: var(--bs-success) !important; }
.bg-info { background-color: var(--bs-info) !important; }
.bg-warning { background-color: var(--bs-warning) !important; }
.bg-danger { background-color: var(--bs-danger) !important; }

.bg-primary-subtle { background-color: var(--primary-100) !important; color: var(--primary-700) !important; }
.bg-secondary-subtle { background-color: var(--secondary-100) !important; color: var(--secondary-700) !important; }

.text-primary { color: var(--bs-primary) !important; }
.text-secondary { color: var(--bs-secondary) !important; }
.text-success { color: var(--bs-success) !important; }
.text-info { color: var(--bs-info) !important; }
.text-warning { color: var(--bs-warning) !important; }
.text-danger { color: var(--bs-danger) !important; }

.border-primary { border-color: var(--bs-primary) !important; }
.border-primary-subtle { border-color: var(--primary-200) !important; }
.border-secondary { border-color: var(--bs-secondary) !important; }
.border-success { border-color: var(--bs-success) !important; }
.border-info { border-color: var(--bs-info) !important; }
.border-warning { border-color: var(--bs-warning) !important; }
.border-danger { border-color: var(--bs-danger) !important; }

.shadow-primary { box-shadow: 0 0.5rem 1rem rgba(var(--bs-primary-rgb), 0.15) !important; }
.shadow-primary-sm { box-shadow: 0 0.125rem 0.25rem rgba(var(--bs-primary-rgb), 0.075) !important; }

a { color: var(--bs-primary); text-decoration: none !important; }
a:hover { color: var(--primary-700); text-decoration: none !important; }
a:focus { color: var(--primary-700); text-decoration: none !important; }
.btn-link { color: var(--bs-primary); text-decoration: none !important; }
.btn-link:hover { color: var(--primary-700); text-decoration: none !important; }
.btn-link:focus { color: var(--primary-700); text-decoration: none !important; }

.link-primary { color: var(--bs-primary) !important; }
.link-primary:hover { color: var(--primary-700) !important; }
.link-secondary { color: var(--bs-secondary) !important; }
.link-secondary:hover { color: var(--secondary-700) !important; }

.pagination .page-link { color: var(--primary-700); background-color: transparent; border-color: var(--primary-200); }
.pagination .page-link:hover { color: var(--primary-800); background-color: var(--primary-100); border-color: var(--primary-300); }
.pagination .page-item.active .page-link { color: white; background-color: var(--bs-primary); border-color: var(--bs-primary); }
.pagination .page-item.disabled .page-link { color: var(--primary-400); background-color: transparent; border-color: var(--primary-200); }

/* Generated theme — dark */
[data-bs-theme="dark"] {
  --primary-100: #16271F;
  --primary-200: #213A2E;
  --primary-300: #325343;
  --primary-400: #45735C;
  --primary-500: #5B9A7B;
  --primary-600: #7FB39A;
  --primary-700: #A0C5B3;
  --primary-800: #C0D8CC;
  --primary-900: #E2E9E6;
  --secondary-100: #1A231F;
  --secondary-200: #28342E;
  --secondary-300: #3B4943;
  --secondary-400: #53655C;
  --secondary-500: #6F867B;
  --secondary-600: #8FA399;
  --secondary-700: #ABBAB3;
  --secondary-800: #C6D2CC;
  --secondary-900: #E4E7E6;
  --tertiary-100: #171E26;
  --tertiary-200: #232E39;
  --tertiary-300: #354250;
  --tertiary-400: #495B6E;
  --tertiary-500: #627A93;
  --tertiary-600: #8498AE;
  --tertiary-700: #A3B2C2;
  --tertiary-800: #C2CCD6;
  --tertiary-900: #E2E5E9;
  --neutral-100: #1D201F;
  --neutral-200: #2C302E;
  --neutral-300: #414343;
  --neutral-400: #5A5D5C;
  --neutral-500: #787C7B;
  --neutral-600: #979B9A;
  --neutral-700: #B1B4B3;
  --neutral-800: #CBCDCC;
  --neutral-900: #E5E6E6;
  --error-100: #360A07;
  --error-200: #510E0B;
  --error-300: #721813;
  --error-400: #9D211A;
  --error-500: #D22D23;
  --error-600: #E25850;
  --error-700: #E9827C;
  --error-800: #F0ACA8;
  --error-900: #F0DCDB;
  --bs-primary: #5B9A7B;
  --bs-primary-rgb: 91, 154, 123;
  --bs-secondary: #6F867B;
  --bs-secondary-rgb: 111, 134, 123;
  --bs-success: #1A8654;
  --bs-success-rgb: 26, 134, 84;
  --bs-info: #0FCFEE;
  --bs-info-rgb: 15, 207, 238;
  --bs-warning: #FECD08;
  --bs-warning-rgb: 254, 205, 8;
  --bs-danger: #D22D23;
  --bs-danger-rgb: 210, 45, 35;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;

  --bs-link-color: #5B9A7B;
  --bs-link-color-rgb: 91, 154, 123;
  --bs-link-hover-color: #45735C;
}


/* Dynamic Font Face - Only Selected Font */
@font-face {
    font-family: 'IranSans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/assets/fonts/iransans/IRANSansXFaNum-Regular.woff2') format('woff2'),
         url('/assets/fonts/iransans/IRANSansXFaNum-Regular.woff') format('woff');
}
@font-face {
    font-family: 'IranSans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/assets/fonts/iransans/IRANSansXFaNum-Bold.woff2') format('woff2'),
         url('/assets/fonts/iransans/IRANSansXFaNum-Bold.woff') format('woff');
}

/* Dynamic Font Family */
body { font-family: 'IranSans', 'IRANSansX', sans-serif !important; }


/* Custom Global CSS */
/* =========================================================
   RAJA — globalCss (SiteBuilder › تنظیمات سایت › CSS سراسری)
   Calm natural luxury · forest / sage / cream / bronze
   No font declarations: the font comes from the panel theme (IRANSans)
   ========================================================= */
:root {
  --raja-forest: #12291F;
  --raja-pine: #1D3B2E;
  --raja-sage: #4F7A65;
  --raja-mist: #A9C1B2;
  --raja-bronze: #8A6640;
  --raja-bronze-soft: #C9A97F;
  --raja-cream: #F5F0E6;
  --raja-sand: #E7DECF;
  --raja-ivory: #FBF8F2;
  --raja-ink: #1B2420;
  --raja-muted: #5B6862;
  --raja-line: rgba(27, 36, 32, 0.12);
  --raja-line-dark: rgba(245, 240, 230, 0.14);
  --raja-radius: 2px;
  --raja-ease: cubic-bezier(.2,.7,.2,1);
}

body.mz-site { background: var(--raja-ivory); color: var(--raja-ink); }
body.mz-site ::selection { background: var(--raja-sage); color: #fff; }
.mz-site a { transition: color .25s var(--raja-ease); }

/* ---------- custom-html wrapper: zero padding / no white gap ---------- */
.mz-section--custom-html.custom-html-section,
.mz-section.custom-html-section {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
}
.mz-main--home { padding: 0 !important; margin: 0 !important; overflow-x: clip; }
.mz-main--home > .mz-section { margin-top: 0 !important; margin-bottom: 0 !important; }

/* ---------- shared buttons ---------- */
.raja-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: .6rem;
  min-height: 52px; padding: .85rem 1.7rem;
  border: 1px solid transparent; border-radius: var(--raja-radius);
  font-size: .95rem; font-weight: 600; line-height: 1.2; letter-spacing: 0;
  text-decoration: none !important; cursor: pointer; white-space: nowrap;
  transition: background-color .3s var(--raja-ease), color .3s var(--raja-ease), border-color .3s var(--raja-ease), transform .3s var(--raja-ease);
}
.raja-btn:hover { transform: translateY(-2px); }
.raja-btn svg { width: 18px; height: 18px; flex: none; }
.raja-btn--fill { background: var(--raja-bronze); color: #fff !important; border-color: var(--raja-bronze); }
.raja-btn--fill:hover { background: #73532F; border-color: #73532F; }
.raja-btn--sage { background: var(--raja-sage); color: #fff !important; border-color: var(--raja-sage); }
.raja-btn--sage:hover { background: var(--raja-pine); border-color: var(--raja-pine); }
.raja-btn--line { background: transparent; color: var(--raja-cream) !important; border-color: rgba(245,240,230,.42); }
.raja-btn--line:hover { border-color: var(--raja-cream); background: rgba(245,240,230,.06); }
.raja-btn--ink { background: transparent; color: var(--raja-forest) !important; border-color: rgba(18,41,31,.35); }
.raja-btn--ink:hover { border-color: var(--raja-forest); background: var(--raja-forest); color: var(--raja-cream) !important; }
.raja-num { direction: ltr; unicode-bidi: isolate; display: inline-block; }
a[href^="tel:"], .mz-main a[href^="tel:"], .editor-content a[href^="tel:"] { direction: ltr; unicode-bidi: isolate; }

/* =========================================================
   HEADER — Classic (.header-ecommerce-classic)
   ========================================================= */
.header-ecommerce-classic { position: relative; z-index: 1030; background: var(--raja-ivory); }
.header-ecommerce-classic .top-bar {
  background: var(--raja-forest) !important;
  border-bottom: 1px solid rgba(162,122,78,.35) !important;
  padding-top: .45rem !important; padding-bottom: .45rem !important;
}
.header-ecommerce-classic .top-bar .col-md-6.text-start::before {
  content: "رجا؛ به خودت فرصت شکفتن بده.";
  color: var(--raja-mist); font-size: .8rem; letter-spacing: .02em;
}
.header-ecommerce-classic .top-bar a,
.header-ecommerce-classic .top-bar a.small { color: var(--raja-cream) !important; font-size: .8rem; opacity: .9; }
.header-ecommerce-classic .top-bar a:hover { color: var(--raja-bronze-soft) !important; opacity: 1; }

.header-ecommerce-classic .navbar {
  background: rgba(251,248,242,.97) !important;
  border-bottom: 1px solid var(--raja-line) !important;
  padding-top: .9rem; padding-bottom: .9rem;
}
.header-ecommerce-classic .navbar-brand {
  color: var(--raja-forest) !important; font-weight: 800 !important;
  font-size: 1.35rem !important; letter-spacing: -.01em;
  display: inline-flex; align-items: center; gap: .65rem;
}
.header-ecommerce-classic .navbar-brand:not(:has(img))::before {
  content: ""; width: 40px; height: 40px; flex: none;
  background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22 width=%2264%22 height=%2264%22%3E %3Ccircle cx=%2232%22 cy=%2232%22 r=%2231%22 fill=%22%2312291F%22/%3E%3Ccircle cx=%2232%22 cy=%2232%22 r=%2227%22 fill=%22none%22 stroke=%22%23C9A97F%22 stroke-width=%221.1%22/%3E %3Cpath d=%22M32 46.5V27.5%22 fill=%22none%22 stroke=%22%23F5F0E6%22 stroke-width=%221.8%22 stroke-linecap=%22round%22/%3E %3Cpath d=%22M32 32.5c0-8 5.6-13.2 13.4-13.2 0 8.2-5.6 13.2-13.4 13.2z%22 fill=%22%23F5F0E6%22/%3E %3Cpath d=%22M32 28.6c0-6.7-4.6-11.2-11.4-11.2 0 6.9 4.6 11.2 11.4 11.2z%22 fill=%22%23A9C1B2%22/%3E %3Cpath d=%22M24.5 46.5h15%22 fill=%22none%22 stroke=%22%23C9A97F%22 stroke-width=%221.4%22 stroke-linecap=%22round%22/%3E %3C/svg%3E") center / contain no-repeat;
}
.header-ecommerce-classic .navbar-brand img { max-height: 46px; width: auto; }
.header-ecommerce-classic .nav-link {
  color: var(--raja-ink) !important; font-weight: 500; font-size: .95rem;
  padding: .5rem 1rem !important; position: relative;
}
.header-ecommerce-classic .nav-link::after {
  content: ""; position: absolute; right: 1rem; left: 1rem; bottom: .2rem; height: 1px;
  background: var(--raja-bronze); transform: scaleX(0); transform-origin: right;
  transition: transform .35s var(--raja-ease);
}
.header-ecommerce-classic .nav-link:hover,
.header-ecommerce-classic .nav-link.active { color: var(--raja-sage) !important; }
.header-ecommerce-classic .nav-link:hover::after,
.header-ecommerce-classic .nav-link.active::after { transform: scaleX(1); }
.header-ecommerce-classic .dropdown-menu {
  border: 1px solid var(--raja-line); border-radius: var(--raja-radius);
  box-shadow: 0 24px 60px rgba(18,41,31,.12); padding: .5rem;
}
.header-ecommerce-classic .dropdown-item { border-radius: var(--raja-radius); padding: .55rem .9rem; }
.header-ecommerce-classic .dropdown-item:hover { background: var(--raja-cream); color: var(--raja-sage); }

.header-ecommerce-classic form[role="search"] { width: 260px !important; }
.header-ecommerce-classic .input-group .form-control {
  background: var(--raja-cream); border: 1px solid transparent !important;
  border-radius: 0 var(--raja-radius) var(--raja-radius) 0 !important;
  font-size: .88rem; padding: .55rem .9rem; color: var(--raja-ink);
}
.header-ecommerce-classic .input-group .form-control:focus {
  background: #fff; border-color: var(--raja-sage) !important; box-shadow: 0 0 0 3px rgba(79,122,101,.14);
}
.header-ecommerce-classic .input-group .btn-primary {
  background: var(--raja-forest) !important; border-color: var(--raja-forest) !important;
  border-radius: var(--raja-radius) 0 0 var(--raja-radius) !important; padding-inline: .9rem;
}
.header-ecommerce-classic .input-group .btn-primary:hover { background: var(--raja-sage) !important; border-color: var(--raja-sage) !important; }
.header-ecommerce-classic [data-cart-link],
.header-ecommerce-classic .btn-outline-primary {
  width: 44px; height: 44px; padding: 0 !important;
  display: inline-flex !important; align-items: center; justify-content: center;
  border: 1px solid var(--raja-line) !important; border-radius: var(--raja-radius) !important;
  color: var(--raja-forest) !important; background: transparent !important;
}
.header-ecommerce-classic [data-cart-link]:hover { border-color: var(--raja-sage) !important; color: var(--raja-sage) !important; }
.header-ecommerce-classic [data-cart-count] { background: var(--raja-bronze) !important; font-weight: 600; }
.header-ecommerce-classic .navbar-toggler { border: 1px solid var(--raja-line); border-radius: var(--raja-radius); padding: .45rem .6rem; }
.header-ecommerce-classic .navbar-toggler:focus { box-shadow: 0 0 0 3px rgba(79,122,101,.18); }

/* =========================================================
   FOOTER — Classic (.footer-classic)
   ========================================================= */
.footer-classic {
  margin-top: 0 !important;
  background:
    radial-gradient(ellipse 60% 80% at 0% 0%, rgba(79,122,101,.18), transparent 60%),
    #0E2018 !important;
  color: rgba(245,240,230,.72) !important;
  border-top: 1px solid rgba(162,122,78,.35);
  position: relative;
}
.footer-classic > .container.py-5 { padding-top: 4.5rem !important; padding-bottom: 3.5rem !important; }
.footer-classic h5, .footer-classic h6 {
  color: var(--raja-cream) !important; font-weight: 700 !important; letter-spacing: .01em;
  position: relative; padding-bottom: .9rem; margin-bottom: 1.4rem !important;
}
.footer-classic h5::after, .footer-classic h6::after {
  content: ""; position: absolute; right: 0; bottom: 0; width: 32px; height: 1px; background: var(--raja-bronze);
}
.footer-classic h5 { font-size: 1.25rem; }
.footer-classic .row > div:first-child > h5:first-child { display: flex; align-items: center; gap: .7rem; }
.footer-classic .row > div:first-child > h5:first-child::before {
  content: ""; width: 38px; height: 38px; flex: none; background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 64 64%22 width=%2264%22 height=%2264%22%3E %3Ccircle cx=%2232%22 cy=%2232%22 r=%2230%22 fill=%22none%22 stroke=%22%23C9A97F%22 stroke-width=%221.4%22/%3E %3Cpath d=%22M32 46.5V27.5%22 fill=%22none%22 stroke=%22%23F5F0E6%22 stroke-width=%221.8%22 stroke-linecap=%22round%22/%3E %3Cpath d=%22M32 32.5c0-8 5.6-13.2 13.4-13.2 0 8.2-5.6 13.2-13.4 13.2z%22 fill=%22%23F5F0E6%22/%3E %3Cpath d=%22M32 28.6c0-6.7-4.6-11.2-11.4-11.2 0 6.9 4.6 11.2 11.4 11.2z%22 fill=%22%23A9C1B2%22/%3E %3Cpath d=%22M24.5 46.5h15%22 fill=%22none%22 stroke=%22%23C9A97F%22 stroke-width=%221.4%22 stroke-linecap=%22round%22/%3E %3C/svg%3E") center / contain no-repeat;
}
.footer-classic .row > div:first-child > h5:first-child::after { display: none; }
.footer-classic p, .footer-classic .small { color: rgba(245,240,230,.68) !important; line-height: 2; }
.footer-classic a, .footer-classic .footer-link { color: rgba(245,240,230,.72) !important; text-decoration: none; }
.footer-classic a:hover, .footer-classic .footer-link:hover { color: var(--raja-bronze-soft) !important; }
.footer-classic .contact-info i { color: var(--raja-bronze-soft) !important; }
.footer-classic .contact-info div { color: rgba(245,240,230,.72) !important; }
.footer-classic .social-icons-container .social-icon {
  width: 42px !important; height: 42px !important; border-radius: var(--raja-radius) !important;
  background: transparent !important; border: 1px solid rgba(245,240,230,.22) !important;
  color: var(--raja-cream) !important;
}
.footer-classic .social-icons-container .social-icon i { font-size: 16px !important; }
.footer-classic .social-icons-container .social-icon:hover {
  background: var(--raja-bronze) !important; border-color: var(--raja-bronze) !important; transform: translateY(-2px);
}
.footer-classic .border-top {
  background: #0A1912 !important; border-top: 1px solid rgba(245,240,230,.08) !important;
}
.footer-classic .border-top p, .footer-classic .border-top span { color: rgba(245,240,230,.5) !important; }
.footer-classic .border-top p span { color: var(--raja-bronze-soft) !important; }
.footer-classic .mizekar-credit-link { color: rgba(245,240,230,.62) !important; }

/* =========================================================
   FLOATING UI — one family: 52px circles, forest + cream, bronze ring on call
   markup: #scroll-top (end side) · left stack: #social-media-menu (#social-media-toggle + #social-media-items .social-media-btn) + #floating-call-btn
   ========================================================= */
#scroll-top,
#social-media-toggle,
#floating-call-btn,
.social-media-btn {
  width: 52px !important; height: 52px !important; padding: 0 !important;
  border-radius: 50% !important;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--raja-forest) !important; color: var(--raja-cream) !important;
  border: 1px solid rgba(201,169,127,.38) !important;
  box-shadow: 0 8px 22px rgba(18,41,31,.22), 0 1px 2px rgba(18,41,31,.18) !important;
  text-decoration: none !important;
  transition: background-color .3s var(--raja-ease), border-color .3s var(--raja-ease), transform .3s var(--raja-ease), box-shadow .3s var(--raja-ease) !important;
}
#scroll-top i, #social-media-toggle i, #floating-call-btn i, .social-media-btn i { font-size: 19px !important; line-height: 1; color: inherit !important; }
#scroll-top:hover, #social-media-toggle:hover, #floating-call-btn:hover, .social-media-btn:hover {
  background: var(--raja-pine) !important; border-color: var(--raja-bronze-soft) !important;
  transform: translateY(-2px); box-shadow: 0 12px 28px rgba(18,41,31,.28) !important;
}
#scroll-top:focus-visible, #social-media-toggle:focus-visible, #floating-call-btn:focus-visible, .social-media-btn:focus-visible {
  outline: 2px solid var(--raja-bronze-soft) !important; outline-offset: 3px;
}
/* call = primary action: same circle, bronze ring accent (no glow) */
#floating-call-btn {
  border: 1.5px solid var(--raja-bronze-soft) !important;
  box-shadow: 0 0 0 4px rgba(201,169,127,.16), 0 8px 22px rgba(18,41,31,.22) !important;
}
#floating-call-btn i { font-size: 18px !important; color: var(--raja-bronze-soft) !important; }
#floating-call-btn:hover { background: var(--raja-bronze) !important; border-color: var(--raja-bronze) !important; }
#floating-call-btn:hover i { color: #fff !important; }
/* share toggle: was a teardrop — force circle; open state */
#social-media-toggle[aria-expanded="true"] { background: var(--raja-cream) !important; color: var(--raja-forest) !important; border-color: var(--raja-forest) !important; }
#social-media-menu, #social-media-items { gap: 12px !important; }
.social-media-btn { width: 46px !important; height: 46px !important; background: var(--raja-ivory) !important; color: var(--raja-forest) !important; border-color: var(--raja-line) !important; box-shadow: 0 6px 18px rgba(18,41,31,.16) !important; }
.social-media-btn i { font-size: 18px !important; }
.social-media-btn:hover { background: var(--raja-forest) !important; color: var(--raja-cream) !important; }
/* stack spacing: even 12px rhythm, inset 20px from the edges */
body.mz-site .position-fixed.bottom-0.start-0.m-3.d-flex { gap: 12px !important; margin: 20px !important; }
#scroll-top { margin: 20px !important; }
#scroll-top i { font-size: 18px !important; }
#site-toast-container .toast { border-radius: var(--raja-radius); border: 1px solid var(--raja-line); }

/* =========================================================
   INTERNAL PAGES — shared
   ========================================================= */
.mz-main:not(.mz-main--home) { background: var(--raja-ivory); padding-bottom: 5rem; }
.mz-main .page-header {
  background:
    radial-gradient(ellipse 50% 120% at 100% 0%, rgba(79,122,101,.35), transparent 60%),
    linear-gradient(160deg, var(--raja-pine) 0%, var(--raja-forest) 100%) !important;
  padding: 4.5rem 0 4rem !important; margin-bottom: 0 !important;
  border-bottom: 1px solid rgba(162,122,78,.35);
  position: relative;
}
.mz-main .page-header h1 { color: var(--raja-cream) !important; font-weight: 800; font-size: clamp(1.8rem, 3.4vw, 2.6rem); margin-bottom: .6rem !important; }
.mz-main .page-header p, .mz-main .page-header .text-muted { color: var(--raja-mist) !important; }
.mz-main .page-header::after {
  content: ""; display: block; width: 44px; height: 1px; background: var(--raja-bronze); margin: 1.4rem auto 0;
}
.mz-main nav[aria-label="breadcrumb"] { background: var(--raja-cream); border-bottom: 1px solid var(--raja-line); padding: .85rem 0; margin-bottom: 2.5rem !important; }
.mz-main .breadcrumb { margin: 0; font-size: .85rem; }
.mz-main .breadcrumb-item a { color: var(--raja-sage) !important; }
.mz-main .breadcrumb-item.active { color: var(--raja-muted); }
.mz-main .breadcrumb-item + .breadcrumb-item::before { color: var(--raja-bronze); }

.mz-main .card {
  border: 1px solid var(--raja-line) !important; border-radius: var(--raja-radius) !important;
  background: #fff; box-shadow: none !important;
}
.mz-main .card-header { background: var(--raja-cream) !important; border-bottom: 1px solid var(--raja-line) !important; color: var(--raja-forest) !important; }
.mz-main .card-header .btn-link { color: var(--raja-forest) !important; font-weight: 700; }
.mz-main .btn-primary {
  background: var(--raja-sage) !important; border-color: var(--raja-sage) !important;
  border-radius: var(--raja-radius) !important; font-weight: 600;
}
.mz-main .btn-primary:hover { background: var(--raja-forest) !important; border-color: var(--raja-forest) !important; }
.mz-main .btn-outline-primary {
  color: var(--raja-forest) !important; border-color: rgba(18,41,31,.3) !important;
  border-radius: var(--raja-radius) !important; background: transparent !important;
}
.mz-main .btn-outline-primary:hover { background: var(--raja-forest) !important; color: var(--raja-cream) !important; border-color: var(--raja-forest) !important; }
.mz-main .btn-outline-secondary { border-radius: var(--raja-radius) !important; }
.mz-main .form-control, .mz-main .form-select {
  border: 1px solid rgba(27,36,32,.18) !important; border-radius: var(--raja-radius) !important;
  background-color: #fff; color: var(--raja-ink);
}
.mz-main .form-control:focus, .mz-main .form-select:focus {
  border-color: var(--raja-sage) !important; box-shadow: 0 0 0 3px rgba(79,122,101,.15) !important;
}
.mz-main .form-label { color: var(--raja-forest); font-weight: 600; font-size: .9rem; }
.mz-main .pagination { gap: .35rem; }
.mz-main .page-link {
  border: 1px solid var(--raja-line) !important; border-radius: var(--raja-radius) !important;
  color: var(--raja-forest) !important; background: #fff; min-width: 42px; text-align: center;
}
.mz-main .page-item.active .page-link { background: var(--raja-forest) !important; border-color: var(--raja-forest) !important; color: var(--raja-cream) !important; }
.mz-main .page-item.disabled .page-link { color: var(--raja-muted) !important; background: transparent; }
.mz-main .badge.text-bg-secondary { background: var(--raja-sand) !important; color: var(--raja-forest) !important; }
.mz-main .text-muted { color: var(--raja-muted) !important; }
.mz-main .sidebar .category-item a { display: block; padding: .5rem 0; border-bottom: 1px dashed var(--raja-line); }
.mz-main .sidebar .category-item a:hover { color: var(--raja-sage) !important; }
.mz-main .sticky-top .card-header[style] { background: var(--raja-forest) !important; color: var(--raja-cream) !important; }

/* ---------- shop ---------- */
.mz-main--shop .toolbox-info { color: var(--raja-muted); font-size: .9rem; }
.mz-main .product-card-grid { overflow: hidden; transition: transform .35s var(--raja-ease), box-shadow .35s var(--raja-ease); }
.mz-main .product-card-grid:hover { transform: translateY(-4px); box-shadow: 0 28px 60px rgba(18,41,31,.10) !important; }
.mz-main .product-card-grid img { height: 280px !important; object-fit: cover; background: var(--raja-cream); }
.mz-main .product-card-grid .card-body { padding: 1.4rem 1.3rem 1.5rem; }
.mz-main .product-card-grid .card-title a { color: var(--raja-forest) !important; font-weight: 700; }
.mz-main .product-card-grid .fw-bold.fs-5 { color: var(--raja-bronze) !important; font-size: 1.05rem !important; }

/* ---------- product detail ---------- */
.mz-main--product .product-gallery-main { aspect-ratio: 4 / 5; object-fit: cover; background: var(--raja-cream); }
.mz-main--product h1 { color: var(--raja-forest); font-weight: 800; font-size: clamp(1.6rem, 2.6vw, 2.2rem); }
.mz-main--product .product-purchase-price {
  background: var(--raja-cream) !important; border: 1px solid var(--raja-line); border-radius: var(--raja-radius) !important;
}
.mz-main--product .product-price-current { color: var(--raja-forest) !important; font-size: 1.9rem !important; }
.mz-main--product .product-stock-badge { background: rgba(79,122,101,.14) !important; color: var(--raja-sage) !important; border-radius: var(--raja-radius); }
.mz-main--product .product-add-to-cart-btn { min-height: 54px; }
.mz-main--product .editor-content { color: var(--raja-ink); line-height: 2.05; }
.mz-main #comments { margin: 3rem auto 0; max-width: 1140px; }
.mz-main #comments h3 { color: var(--raja-forest); font-weight: 800; }

/* ---------- static / about ---------- */
.mz-main--static .page-content > .container.mb-4 img { width: 100%; max-height: 520px; object-fit: cover; border-radius: var(--raja-radius) !important; }
.mz-main--static .card { border: none !important; background: transparent; }
.mz-main--static .editor-content { font-size: 1.08rem !important; }
.mz-main--static .editor-content h2 { margin-top: 0; }

/* =========================================================
   INNER PAGES v2 — banner, blog, post, contact, cart, auth, search, 404
   ========================================================= */
/* page-title banner (blog, cart, search, shop…) */
.mz-main .page-header {
  background:
    linear-gradient(90deg, rgba(18,41,31,.94) 0%, rgba(18,41,31,.82) 55%, rgba(18,41,31,.62) 100%),
    url("https://contents.mizekar.com/public/wk-935/ef40340832354bc098e81a7fb614b84e.webp") center 40% / cover no-repeat !important;
  padding: 4.2rem 0 3.6rem !important; text-align: center;
}
.mz-main .page-header h1::before {
  content: "Raja · رجا"; display: block; margin-bottom: .8rem;
  font-size: .72rem; font-weight: 600; letter-spacing: .3em; color: var(--raja-bronze-soft);
}
.mz-main .page-header p, .mz-main .page-header .text-muted { font-size: 1rem; max-width: 36rem; margin-inline: auto; }
.mz-main nav[aria-label="breadcrumb"] { background: var(--raja-ivory); padding: .9rem 0; margin-bottom: 2.6rem !important; }
.mz-main .breadcrumb { font-size: .82rem; }
.mz-main .breadcrumb-item a { color: var(--raja-muted) !important; text-decoration: none; }
.mz-main .breadcrumb-item a:hover { color: var(--raja-sage) !important; }
.mz-main .breadcrumb-item.active { color: var(--raja-forest); font-weight: 600; }
.mz-main .breadcrumb-item + .breadcrumb-item::before { content: "›"; color: var(--raja-bronze); }

/* blog list */
.mz-main--blog .page-content > .container > .row { --bs-gutter-x: 2.5rem; }
.mz-main .blog-card-grid {
  border: 1px solid var(--raja-line) !important; border-radius: 4px !important; overflow: hidden;
  background: #fff; box-shadow: 0 1px 0 rgba(18,41,31,.04) !important;
  transition: transform .45s var(--raja-ease), box-shadow .45s var(--raja-ease), border-color .45s var(--raja-ease) !important;
}
.mz-main .blog-card-grid:hover { transform: translateY(-5px) !important; border-color: rgba(79,122,101,.3) !important; box-shadow: 0 30px 60px rgba(18,41,31,.10) !important; }
.mz-main .blog-card-grid > a.d-block { position: relative; overflow: hidden; background: var(--raja-sand); }
.mz-main .blog-card-grid > a.d-block::after { content: ""; position: absolute; inset: 10px; border: 1px solid rgba(255,255,255,.45); pointer-events: none; }
.mz-main .blog-card-grid img { height: 220px !important; width: 100%; object-fit: cover; border-radius: 0 !important; transition: transform 1.1s var(--raja-ease); }
.mz-main .blog-card-grid:hover img { transform: scale(1.05); }
.mz-main .blog-card-grid .card-body { padding: 1.3rem 1.35rem 1.4rem !important; }
.mz-main .blog-card-grid .card-body > .text-muted.small:first-child {
  display: flex; flex-wrap: wrap; align-items: center; gap: .35rem; font-size: .76rem !important; color: var(--raja-muted) !important;
}
.mz-main .blog-card-grid .card-body > .text-muted.small:first-child .mx-2 { opacity: .35; margin-inline: .25rem !important; }
.mz-main .blog-card-grid .bi { color: var(--raja-bronze) !important; }
.mz-main .blog-card-grid .badge, .mz-main .blog-card-grid .mb-3 a {
  display: inline-block; background: rgba(138,102,64,.09) !important; color: var(--raja-bronze) !important;
  font-size: .72rem; font-weight: 700; padding: .32rem .6rem; border-radius: 2px; text-decoration: none;
}
.mz-main .blog-card-grid .mb-3:empty { display: none; }
.mz-main .blog-card-grid .card-title { font-size: 1.05rem !important; line-height: 1.75; margin: .2rem 0 .5rem !important; }
.mz-main .blog-card-grid .card-title a { color: var(--raja-forest) !important; font-weight: 800; transition: color .3s; }
.mz-main .blog-card-grid:hover .card-title a { color: var(--raja-sage) !important; }
.mz-main .blog-card-grid .card-text {
  font-size: .88rem !important; line-height: 1.95; color: var(--raja-muted) !important;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}
.mz-main .blog-card-grid .mt-auto { padding-top: .9rem; border-top: 1px solid var(--raja-line); }
.mz-main .blog-card-grid .mt-auto .btn {
  width: auto !important; padding: 0 !important; border: 0 !important; background: none !important;
  color: var(--raja-sage) !important; font-size: .85rem; font-weight: 700; box-shadow: none !important;
}
.mz-main .blog-card-grid .mt-auto .btn::after { content: " ←"; display: inline-block; transition: transform .3s var(--raja-ease); }
.mz-main .blog-card-grid:hover .mt-auto .btn { color: var(--raja-bronze) !important; }
.mz-main .blog-card-grid:hover .mt-auto .btn::after { transform: translateX(-4px); }
/* sidebar widgets */
.mz-main aside .card {
  border: 1px solid var(--raja-line) !important; border-top: 2px solid var(--raja-forest) !important;
  border-radius: 4px !important; background: #fff; box-shadow: none !important;
}
.mz-main aside .card-body { padding: 1.4rem !important; }
.mz-main aside h5 { font-size: 1rem; font-weight: 800; color: var(--raja-forest); position: relative; padding-bottom: .7rem; margin-bottom: 1rem !important; }
.mz-main aside h5::after { content: ""; position: absolute; right: 0; bottom: 0; width: 28px; height: 1px; background: var(--raja-bronze); }
.mz-main aside .input-group .form-control { background: var(--raja-cream); border-color: transparent !important; font-size: .88rem; }
.mz-main aside .input-group .btn-primary { background: var(--raja-forest) !important; border-color: var(--raja-forest) !important; }
.mz-main aside a { color: var(--raja-ink); text-decoration: none; }
.mz-main aside a:hover { color: var(--raja-sage); }
.mz-main--blog aside .sticky-top::after {
  content: "به خودت فرصت شکفتن بده.\A برای رزرو نوبت مشاوره:\A \2066۰۹۱۰ ۲۰۲ ۰۶۶۷\2069";
  white-space: pre-line; display: block; padding: 1.5rem 1.4rem; border-radius: 4px; line-height: 2;
  font-size: .9rem; font-weight: 600; color: var(--raja-cream);
  background: radial-gradient(ellipse 80% 80% at 100% 0%, rgba(79,122,101,.45), transparent 60%), var(--raja-forest);
  border: 1px solid rgba(201,169,127,.35);
}
.mz-main .pagination .page-link { border-radius: 50% !important; width: 42px; height: 42px; min-width: 0; padding: 0; display: inline-flex; align-items: center; justify-content: center; font-size: .85rem; }
.mz-main .pagination .page-item:first-child .page-link, .mz-main .pagination .page-item:last-child .page-link { width: auto; border-radius: 999px !important; padding: 0 1rem; }

/* blog post */
.mz-main--blog-post .container-fluid > .position-relative { max-height: 520px !important; min-height: 360px !important; height: 52vh !important; }
.mz-main--blog-post .container-fluid > .position-relative > .position-absolute:not(.bottom-0) {
  background: linear-gradient(180deg, rgba(18,41,31,.10) 0%, rgba(18,41,31,.35) 45%, rgba(18,41,31,.9) 100%) !important;
}
.mz-main--blog-post h1.display-4 { font-weight: 800; font-size: clamp(1.7rem, 3.6vw, 2.7rem) !important; line-height: 1.5; max-width: 46rem; }
.mz-main--blog-post .bottom-0 .text-white { font-size: .85rem; color: rgba(245,240,230,.85) !important; }
.mz-main--blog-post .bottom-0 .bi { color: var(--raja-bronze-soft); margin-left: .3rem; }
.mz-main--blog-post .bottom-0 .mb-3 a, .mz-main--blog-post .bottom-0 .badge {
  background: rgba(245,240,230,.14) !important; color: var(--raja-cream) !important; border: 1px solid rgba(245,240,230,.3);
  font-size: .75rem; font-weight: 600; padding: .35rem .7rem; border-radius: 2px; text-decoration: none;
}
.mz-main--blog-post .container.py-5 { max-width: 780px !important; }
.mz-main--blog-post article .lead {
  color: var(--raja-pine) !important; font-size: 1.12rem; line-height: 2.1; font-weight: 500;
  padding-right: 1.2rem; border-right: 2px solid var(--raja-bronze);
}
.mz-main--blog-post article .border-bottom { border-color: var(--raja-line) !important; }
.mz-main .editor-content { color: var(--raja-ink); line-height: 2.15; font-size: 1.04rem !important; }
.mz-main .editor-content p { margin-bottom: 1.2rem; }
.mz-main .editor-content h2 {
  color: var(--raja-forest); font-weight: 800; font-size: 1.45rem; margin: 2.6rem 0 1rem; line-height: 1.6;
  display: flex; align-items: center; gap: .8rem;
}
.mz-main .editor-content h2::before { content: ""; width: 22px; height: 1px; background: var(--raja-bronze); flex: none; }
.mz-main .editor-content h3 { color: var(--raja-pine); font-weight: 800; font-size: 1.15rem; margin: 1.8rem 0 .7rem; }
.mz-main .editor-content ul { list-style: none; padding-right: 0; margin: 0 0 1.4rem; }
.mz-main .editor-content ul li { position: relative; padding-right: 1.4rem; margin-bottom: .55rem; }
.mz-main .editor-content ul li::before { content: ""; position: absolute; right: 0; top: .95em; width: 7px; height: 7px; border-radius: 50%; background: var(--raja-mist); box-shadow: inset 0 0 0 2px var(--raja-sage); }
.mz-main .editor-content strong { color: var(--raja-forest); }
.mz-main .editor-content a { color: var(--raja-sage); text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; }
.mz-main .editor-content a:hover { color: var(--raja-bronze); }
.mz-main .editor-content blockquote { border-right: 2px solid var(--raja-bronze); padding: 1rem 1.4rem; color: var(--raja-pine); background: var(--raja-cream); margin: 1.6rem 0; }
.mz-main .editor-content img { border-radius: 4px; max-width: 100%; height: auto; }
.mz-main .editor-content figure { margin: 2rem 0; }
.mz-main .editor-content figure img { width: 100%; max-height: 440px; object-fit: cover; }
.mz-main .editor-content > p:last-child { margin-top: 2.2rem; padding: 1.3rem 1.5rem; background: var(--raja-cream); border: 1px solid var(--raja-line); border-right: 3px solid var(--raja-sage); border-radius: 4px; }
.mz-main--blog-post .my-5.py-4.text-center { border-top: 1px solid var(--raja-line) !important; border-bottom: 1px solid var(--raja-line) !important; }
.mz-main--blog-post .my-5.py-4.text-center h5 { font-size: .85rem; font-weight: 700; letter-spacing: .04em; color: var(--raja-muted); }
.mz-main--blog-post .my-5.py-4.text-center .btn-outline-primary {
  width: 44px !important; height: 44px !important; border-radius: 50% !important;
  border: 1px solid rgba(18,41,31,.2) !important; color: var(--raja-forest) !important;
}
.mz-main--blog-post .my-5.py-4.text-center .btn-outline-primary:hover { background: var(--raja-forest) !important; color: var(--raja-cream) !important; }
.mz-main #comments { max-width: 780px; margin: 0 auto 3rem; border: 1px solid var(--raja-line) !important; border-radius: 4px !important; box-shadow: none !important; background: #fff; }
.mz-main #comments .card-body { padding: 2rem !important; }
.mz-main #comments h3 { color: var(--raja-forest); font-weight: 800; font-size: 1.2rem; }
.mz-main #comments .btn-primary { background: var(--raja-forest) !important; border-color: var(--raja-forest) !important; }

/* forms (contact, comments, auth, search) */
.mz-main .form-control, .mz-main .form-select {
  border: 1px solid rgba(27,36,32,.14) !important; border-radius: 4px !important;
  background-color: var(--raja-ivory); color: var(--raja-ink); min-height: 48px; font-size: .95rem;
  transition: border-color .25s, background-color .25s, box-shadow .25s;
}
.mz-main textarea.form-control { min-height: 140px; line-height: 1.9; }
.mz-main .form-control:hover, .mz-main .form-select:hover { border-color: rgba(27,36,32,.28) !important; }
.mz-main .form-control:focus, .mz-main .form-select:focus { background-color: #fff; border-color: var(--raja-sage) !important; box-shadow: 0 0 0 4px rgba(79,122,101,.12) !important; }
.mz-main .form-control::placeholder { color: rgba(91,104,98,.65); }
.mz-main .form-label { color: var(--raja-forest); font-weight: 700; font-size: .85rem; margin-bottom: .45rem; }
.mz-main .form-label .text-danger { color: var(--raja-bronze) !important; }
.mz-main .btn-lg, .mz-main button[type="submit"].btn-primary { min-height: 52px; font-size: 1rem; letter-spacing: .01em; }
.mz-main .btn-outline-secondary { border-color: rgba(27,36,32,.2) !important; color: var(--raja-muted) !important; background: transparent !important; }
.mz-main .btn-outline-secondary:hover { border-color: var(--raja-forest) !important; color: var(--raja-forest) !important; }
.mz-main .font-monospace { direction: ltr; unicode-bidi: isolate; color: var(--raja-forest); font-weight: 700; background: var(--raja-cream); padding: .15rem .5rem; border-radius: 2px; }

/* contact */
.mz-main--contact > section {
  position: relative; isolation: isolate; background: var(--raja-ivory) !important;
  padding-top: 4.2rem !important; padding-bottom: 5rem !important;
}
.mz-main--contact > section::before {
  content: ""; position: absolute; inset: 0 0 auto 0; height: 400px; z-index: -1;
  background: linear-gradient(180deg, rgba(18,41,31,.94), rgba(18,41,31,.86)), url("https://contents.mizekar.com/public/wk-935/ef40340832354bc098e81a7fb614b84e.webp") center 35% / cover no-repeat;
}
.mz-main--contact h1 { color: var(--raja-cream) !important; font-weight: 800; font-size: clamp(1.8rem, 3.4vw, 2.5rem); }
.mz-main--contact h1::before { content: "Contact · ارتباط با رجا"; display: block; margin-bottom: .8rem; font-size: .72rem; font-weight: 600; letter-spacing: .25em; color: var(--raja-bronze-soft); }
.mz-main--contact .text-center.mb-5 > p { color: var(--raja-mist) !important; font-size: 1rem; }
.mz-main--contact .text-center.mb-5 > p::after { content: "نوبت‌دهی تلفنی: \2066۰۹۱۰ ۲۰۲ ۰۶۶۷\2069"; display: block; margin-top: .6rem; color: var(--raja-cream); font-weight: 700; font-size: 1.05rem; }
.mz-main--contact .card.shadow-lg {
  border: 1px solid var(--raja-line) !important; border-top: 3px solid var(--raja-bronze) !important; border-radius: 4px !important;
  box-shadow: 0 40px 90px rgba(18,41,31,.14) !important; background: #fff;
}
.mz-main--contact .card.shadow-lg .card-body { padding: clamp(1.5rem, 4vw, 3rem) !important; }
.mz-main--contact .card.shadow-lg form::before {
  content: "پیام بگذارید؛ همکاران پذیرش در ساعات کاری با شما تماس می‌گیرند. اطلاعات شما محرمانه می‌ماند.";
  display: block; width: 100%; margin: 0 0 .6rem; padding: 0 calc(var(--bs-gutter-x) * .5) 1.1rem; border-bottom: 1px solid var(--raja-line);
  font-size: .9rem; line-height: 1.9; color: var(--raja-muted);
}
.mz-main--contact .row.mt-5 .card {
  border: 1px solid var(--raja-line) !important; border-radius: 4px !important; background: var(--raja-cream) !important;
  transition: transform .4s var(--raja-ease), box-shadow .4s var(--raja-ease);
}
.mz-main--contact .row.mt-5 .card:hover { transform: translateY(-3px); box-shadow: 0 24px 50px rgba(18,41,31,.08); }
.mz-main--contact .row.mt-5 .card-body { padding: 1.7rem !important; }
.mz-main--contact .card-title { color: var(--raja-forest); font-weight: 800; font-size: 1.05rem; padding-bottom: .8rem; border-bottom: 1px solid var(--raja-line); }
.mz-main--contact .card-title i, .mz-main--contact .contact-info i { color: var(--raja-bronze) !important; }
.mz-main--contact .contact-info { font-size: .95rem !important; }
.mz-main--contact .contact-info > div { padding: .45rem 0; }
.mz-main--contact .contact-info a, .mz-main--contact .contact-info div { color: var(--raja-ink) !important; }
.mz-main--contact .contact-info a { font-weight: 700; }
.mz-main--contact .contact-info a:hover { color: var(--raja-sage) !important; }
.mz-main--contact .social-icon { width: 46px !important; height: 46px !important; border-radius: 50% !important; background: var(--raja-forest) !important; color: var(--raja-cream) !important; }
.mz-main--contact .social-icon i { font-size: 17px !important; }
.mz-main--contact .social-icon:hover { background: var(--raja-bronze) !important; }


/* contact — «Split» variant (form card + forest info panel) */
.mz-main--contact .col-lg-6 > .card {
  border: 1px solid var(--raja-line) !important; border-radius: 4px !important; overflow: hidden;
  box-shadow: 0 40px 90px rgba(18,41,31,.14) !important;
}
.mz-main--contact .col-lg-6 > .card .card-body { padding: clamp(1.6rem, 3.6vw, 2.8rem) !important; }
.mz-main--contact .col-lg-6 > .card:has(form) { background: var(--raja-ivory) !important; border-top: 3px solid var(--raja-bronze) !important; }
.mz-main--contact .card:has(form) h3, .mz-main--contact .card:has(.contact-info) h3 { font-size: 1.35rem; font-weight: 800; color: var(--raja-forest); margin-bottom: 1.6rem !important; }
.mz-main--contact .card:has(form) h3::after {
  content: "پیام بگذارید؛ همکاران پذیرش با شما تماس می‌گیرند. اطلاعات شما محرمانه می‌ماند.";
  display: block; margin-top: .6rem; padding-bottom: 1.1rem; border-bottom: 1px solid var(--raja-line);
  font-size: .88rem; font-weight: 400; line-height: 1.9; color: var(--raja-muted);
}
.mz-main--contact .card.shadow-lg:has(h3) form::before { display: none !important; }
.mz-main--contact .card:has(form) .form-control { background-color: #fff; }
.mz-main--contact .card:has(form) .form-control:focus { box-shadow: 0 0 0 4px rgba(138,102,64,.12) !important; border-color: var(--raja-bronze) !important; }
.mz-main--contact .card:has(form) .mb-3:has(#CaptchaAnswer) {
  padding: 1rem 1.1rem; margin: 1.4rem 0 1.4rem !important; background: rgba(232,223,208,.45); border: 1px dashed rgba(138,102,64,.35); border-radius: 4px;
}
.mz-main--contact #CaptchaAnswer { width: 9rem !important; text-align: center; }
.mz-main--contact .card:has(form) button[type="submit"] {
  min-height: 54px; border-radius: 4px !important; font-weight: 700;
  background: var(--raja-forest) !important; border: 1px solid var(--raja-forest) !important; color: var(--raja-cream) !important;
  box-shadow: inset 0 -2px 0 var(--raja-bronze) !important; transition: background .3s, box-shadow .3s;
}
.mz-main--contact .card:has(form) button[type="submit"]:hover { background: var(--raja-pine) !important; box-shadow: inset 0 -54px 0 var(--raja-pine), 0 14px 30px rgba(18,41,31,.18) !important; }
.mz-main--contact .col-lg-6 > .card:has(.contact-info) {
  position: relative; isolation: isolate; color: var(--raja-cream);
  background:
    radial-gradient(ellipse 70% 60% at 0% 100%, rgba(79,122,101,.38), transparent 65%),
    radial-gradient(ellipse 60% 50% at 100% 0%, rgba(201,169,127,.14), transparent 60%),
    var(--raja-forest) !important;
  border-color: rgba(201,169,127,.28) !important;
}
.mz-main--contact .col-lg-6 > .card:has(.contact-info)::after {
  content: "RAJA"; position: absolute; left: 1.4rem; bottom: .6rem; z-index: -1;
  font-size: 5.5rem; font-weight: 800; letter-spacing: .12em; color: rgba(245,240,230,.04); line-height: 1;
}
.mz-main--contact .card:has(.contact-info) h3 { color: var(--raja-cream); padding-bottom: 1.1rem; border-bottom: 1px solid rgba(201,169,127,.25); }
.mz-main--contact .card:has(.contact-info) h3::before { content: "Raja · پذیرش"; display: block; margin-bottom: .5rem; font-size: .7rem; font-weight: 600; letter-spacing: .25em; color: var(--raja-bronze-soft); }
.mz-main--contact .card:has(.contact-info) .contact-info > div { padding: .9rem 0 !important; margin: 0 !important; border-bottom: 1px solid rgba(245,240,230,.08); }
.mz-main--contact .card:has(.contact-info) .contact-info > div:last-child { border-bottom: 0; }
.mz-main--contact .card:has(.contact-info) .contact-info i {
  flex: none; width: 46px; height: 46px; display: inline-flex; align-items: center; justify-content: center;
  margin: 0 0 0 1rem !important; border-radius: 50%; font-size: 1.05rem !important;
  color: var(--raja-bronze-soft) !important; border: 1px solid rgba(201,169,127,.45); background: rgba(201,169,127,.08);
}
.mz-main--contact .card:has(.contact-info) .contact-info .text-muted { color: var(--raja-bronze-soft) !important; font-size: .76rem !important; letter-spacing: .04em; margin-bottom: .2rem; }
.mz-main--contact .card:has(.contact-info) .contact-info a { color: var(--raja-cream) !important; font-size: 1.12rem; letter-spacing: .04em; }
.mz-main--contact .card:has(.contact-info) .contact-info a:hover { color: var(--raja-bronze-soft) !important; }
.mz-main--contact .card:has(.contact-info) .contact-info div { color: rgba(245,240,230,.86) !important; }
.mz-main--contact .card:has(.contact-info) hr { border-color: rgba(201,169,127,.3); opacity: 1; }
.mz-main--contact .card:has(.contact-info) h5 { color: var(--raja-cream); font-size: .95rem; font-weight: 700; }
.mz-main--contact .card:has(.contact-info) .social-icon {
  background: transparent !important; color: var(--raja-cream) !important; border: 1px solid rgba(245,240,230,.35) !important;
}
.mz-main--contact .card:has(.contact-info) .social-icon > div { background-color: var(--raja-cream) !important; }
.mz-main--contact .card:has(.contact-info) .social-icon:hover { background: var(--raja-bronze) !important; border-color: var(--raja-bronze) !important; transform: translateY(-2px); }

/* cart, search, 404, auth */
.mz-main--cart .cart-empty { max-width: 560px; margin: 0 auto 4rem; padding: 3rem 2rem !important; background: #fff; border: 1px solid var(--raja-line); border-radius: 4px; }
.mz-main--cart .cart-empty__icon { font-size: 2.6rem; color: var(--raja-sage); display: inline-flex; width: 84px; height: 84px; align-items: center; justify-content: center; border-radius: 50%; background: rgba(79,122,101,.1); }
.mz-main--cart .cart-empty h2 { color: var(--raja-forest); font-weight: 800; }
.mz-main--cart table, .mz-main--checkout table { background: #fff; border: 1px solid var(--raja-line); }
.mz-main--cart thead th, .mz-main--checkout thead th { background: var(--raja-cream) !important; color: var(--raja-forest); font-weight: 700; font-size: .85rem; border-color: var(--raja-line) !important; }
.mz-main--default .input-group-lg .form-control { min-height: 56px; }
.mz-main--default .input-group-lg .btn-primary { padding-inline: 2rem; }
.mz-main--default .container.mb-5 > h2 { color: var(--raja-forest); font-weight: 800; padding-bottom: .8rem; border-bottom: 1px solid var(--raja-line); margin-bottom: 1.5rem !important; }
.mz-main--default .container.mb-5 > section { background: #fff; border: 1px solid var(--raja-line); border-radius: 4px; padding: 1.2rem 1.4rem; }
.mz-main--default .container.mb-5 > section h3 { color: var(--raja-pine); font-weight: 800; }
.mz-main--not-found { padding: 3rem 0 4rem !important; }
.mz-main--not-found .card { border: 1px solid var(--raja-line) !important; border-radius: 4px !important; background: #fff; }
.mz-main--not-found .display-1 { font-weight: 800; color: var(--raja-sand) !important; letter-spacing: .05em; line-height: 1; -webkit-text-stroke: 1px var(--raja-bronze); }
.mz-main--not-found h1 { color: var(--raja-forest); font-weight: 800; }
.mz-main--auth > section:first-child { background: linear-gradient(160deg, var(--raja-pine), var(--raja-forest)); padding: 3.6rem 0 6rem !important; text-align: center; }
.mz-main--auth > section:first-child .row > div { margin: 0 auto !important; }
.mz-main--auth > section:first-child h1 { color: var(--raja-cream); font-weight: 800; }
.mz-main--auth > section:first-child .lead { color: var(--raja-mist); font-size: 1rem; }
.mz-main--auth > section + section { margin-top: -4.5rem !important; position: relative; }
.mz-main--auth .card { border: 1px solid var(--raja-line) !important; border-top: 3px solid var(--raja-bronze) !important; border-radius: 4px !important; box-shadow: 0 30px 70px rgba(18,41,31,.12) !important; }
.mz-main--auth .card-body { padding: clamp(1.5rem, 4vw, 3rem) !important; }
.mz-main--auth input[type="tel"] { direction: ltr; text-align: right; letter-spacing: .08em; }
.mz-main--account .list-group-item.active { background: var(--raja-forest) !important; border-color: var(--raja-forest) !important; }
.mz-main .alert { border-radius: 4px; border: 1px solid var(--raja-line); }
.mz-main .alert-success { background: rgba(79,122,101,.1); color: var(--raja-pine); }
.mz-main .alert-danger { background: rgba(138,102,64,.1); color: #6b4a2a; }

/* ---------- responsive ---------- */
@media (max-width: 992px) {
  .header-ecommerce-classic .navbar-collapse { padding: 1rem 0 .5rem; }
  .header-ecommerce-classic .navbar-collapse .d-flex.align-items-center.gap-3 { flex-wrap: wrap; margin-top: .75rem; }
  .header-ecommerce-classic form[role="search"] { width: 100% !important; flex: 1 1 220px; }
  .header-ecommerce-classic .nav-link::after { display: none; }
}
@media (max-width: 768px) {
  .header-ecommerce-classic .top-bar .col-md-6.text-start { display: none; }
  .header-ecommerce-classic .top-bar .col-md-6.text-end { text-align: center !important; }
  .header-ecommerce-classic .navbar-brand { font-size: 1.15rem !important; }
  .header-ecommerce-classic .navbar-brand:not(:has(img))::before { width: 34px; height: 34px; }
  .mz-main .page-header { padding: 3.2rem 0 2.8rem !important; }
  .footer-classic > .container.py-5 { padding-top: 3.2rem !important; }
  .mz-main .product-card-grid img, .mz-main .blog-card-grid img { height: 220px !important; }
  .raja-btn { min-height: 48px; padding: .75rem 1.3rem; }
  .footer-classic .border-top.py-4 { padding-bottom: 5.5rem !important; }
}
@media (max-width: 480px) {
  #scroll-top, #social-media-toggle, #floating-call-btn { width: 46px !important; height: 46px !important; }
  .social-media-btn { width: 42px !important; height: 42px !important; }
  body.mz-site .position-fixed.bottom-0.start-0.m-3.d-flex { margin: 14px !important; gap: 10px !important; }
  #scroll-top { margin: 14px !important; }
  .mz-main--contact .card-body.p-5 { padding: 1.5rem !important; }
  .mz-main--blog aside { margin-top: 2.5rem; }
  .mz-main--blog-post h1.display-4 { font-size: 1.5rem !important; }
  .mz-main .editor-content h2 { font-size: 1.25rem; }
  .mz-main--contact > section { padding-top: 3rem !important; }
  .raja-btn { width: 100%; }
}