/*
 * Sarano DAY/NIGHT presentation layer for the active ParsKala child theme.
 * The parent theme owns the header, menu, drawer, search, cart and commerce.
 * This file supplies tokens, contrast, focus states and scoped surfaces only.
 */
:root {
  --sarano-canvas: #ffffff;
  --sarano-surface: #fbf6f3;
  --sarano-surface-alt: #f7f5f4;
  --sarano-text: #17345f;
  --sarano-body: #4f5968;
  --sarano-muted: #7d8692;
  --sarano-border: #e8e6e2;
  --sarano-header: #071e3b;
  --sarano-header-text: #ffffff;
  --sarano-icon: #17345f;
  --sarano-accent: #ff6700;
  --sarano-accent-text: #b54700;
  --sarano-accent-hover: #d95500;
  --sarano-accent-ink: #071e3b;
  --sarano-focus: #ff6700;
  /* ParsKala's live front-end font option is IRANyekan_bakh. Keep the
   * heading role on that registered face so Child typography does not fall
   * back to Arial while the parent theme remains update-safe. */
  --sarano-heading-font: IRANyekan_bakh, prk-font, Arial, sans-serif;
  --sarano-body-font: prk-font, sans-serif;
}

/* R28: the Elementor header is a transparent section over the page canvas.
 * Paint the actual section and its legacy ParsKala controls explicitly so
 * NIGHT cannot fall back to the parent's white surfaces. */
html[data-sarano-theme="night"] body,
html[data-sarano-theme="night"] body > .elementor,
html[data-sarano-theme="night"] #content,
html[data-sarano-theme="night"] .site-main {
  background-color: var(--sarano-canvas) !important;
  color: var(--sarano-body) !important;
}

html[data-sarano-theme="day"] header .sarano-r01-header-shell,
html[data-sarano-theme="day"] header .sarano-elementor-header-normalized,
html[data-sarano-theme="day"] header .sarano-elementor-header-primary-wrap {
  background-color: var(--sarano-header) !important;
}

html[data-sarano-theme="night"] header,
html[data-sarano-theme="night"] header .sarano-r01-header-shell,
html[data-sarano-theme="night"] header .sarano-elementor-header-normalized,
html[data-sarano-theme="night"] header .sarano-elementor-header-primary-wrap {
  background-color: var(--sarano-surface) !important;
  color: var(--sarano-text) !important;
}

html[data-sarano-theme="night"] header .prk-header-menu a,
html[data-sarano-theme="night"] header .prk-header-menu .title,
html[data-sarano-theme="night"] header .prk-header-menu .item-icon-title,
html[data-sarano-theme="night"] header .call-to-admin-prk,
html[data-sarano-theme="night"] header .call-to-admin-prk .title-call,
html[data-sarano-theme="night"] header .call-to-admin-prk .icon-call,
html[data-sarano-theme="night"] header .prk-dh-account-menu,
html[data-sarano-theme="night"] header .prk-dh-account-menu a,
html[data-sarano-theme="night"] header .prk-dh-account-menu button {
  background-color: var(--sarano-surface-alt) !important;
  border-color: var(--sarano-border) !important;
  color: var(--sarano-text) !important;
}

html[data-sarano-theme="night"] header .prk-header-menu a:hover,
html[data-sarano-theme="night"] header .prk-header-menu a:focus-visible,
html[data-sarano-theme="night"] header .prk-dh-account-menu a:hover,
html[data-sarano-theme="night"] header .prk-dh-account-menu a:focus-visible {
  color: var(--sarano-accent-text) !important;
}

html[data-sarano-theme="night"] header .main_results_ajax_search,
html[data-sarano-theme="night"] header .main_results_ajax_search * {
  background-color: var(--sarano-surface) !important;
  border-color: var(--sarano-border) !important;
  color: var(--sarano-text) !important;
}

/* R30: one clean Kalamarket-style desktop header row. */
@media (min-width: 992px) {
  header .sarano-elementor-header-primary-wrap {
    position: relative !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    min-height: 108px !important;
  }

  header .sarano-elementor-header-normalized .elementor-widget-prk-menu.sarano-native-secondary-menu-hidden {
    display: none !important;
  }

  header .sarano-elementor-header-primary-wrap > .sarano-mega-menu-trigger {
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    z-index: 30 !important;
    margin: 0 !important;
    transform: translateY(-50%) !important;
  }

  header .sarano-elementor-header-primary-wrap > .elementor-widget-prk-header-logo {
    margin-inline-end: 68px !important;
  }
}

/* R58 deployment closure: when the factory-reset Parent renders its native
 * header instead of the Local Theme Builder row, preserve the Parent DOM and
 * actions but bind the known surface to the approved three-zone geometry. */
header.prk-default-header.sarano-parskala-native-header-fallback {
  height: 56px !important;
  min-height: 56px !important;
  overflow: visible !important;
  z-index: 40 !important;
}
header.prk-default-header.sarano-parskala-native-header-fallback .prk-default-header__main-bar {
  height: 56px !important;
  min-height: 56px !important;
  padding: 0 !important;
  background: var(--sarano-header, #163b66) !important;
  color: var(--sarano-header-text, #f7f9fc) !important;
}
header.prk-default-header.sarano-parskala-native-header-fallback .prk-default-header__container {
  width: 100% !important;
  max-width: none !important;
  height: 56px !important;
  margin: 0 !important;
  position: relative !important;
}
header.prk-default-header.sarano-parskala-native-header-fallback .prk-default-header__row {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  height: 56px !important;
}
header.prk-default-header.sarano-parskala-native-header-fallback .prk-default-header__brand {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 56px !important;
  margin: 0 !important;
  display: block !important;
  z-index: 5 !important;
  pointer-events: none !important;
}
header.prk-default-header.sarano-parskala-native-header-fallback .prk-default-header__logo {
  position: absolute !important;
  left: 50% !important;
  top: 9px !important;
  transform: translateX(-50%) !important;
  width: 102px !important;
  height: 38px !important;
  margin: 0 !important;
  display: block !important;
  z-index: 2 !important;
  pointer-events: auto !important;
}
header.prk-default-header.sarano-parskala-native-header-fallback .prk-default-header__logo a,
header.prk-default-header.sarano-parskala-native-header-fallback .prk-default-header__logo img {
  display: block !important;
  width: 100% !important;
  height: 38px !important;
  object-fit: contain !important;
}
header.prk-default-header.sarano-parskala-native-header-fallback .prk-default-header__logo img {
  filter: brightness(0) invert(1) !important;
}
header.prk-default-header.sarano-parskala-native-header-fallback .prk-default-header__middle {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 56px !important;
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
  pointer-events: none !important;
  z-index: 4 !important;
}
header.prk-default-header.sarano-parskala-native-header-fallback .prk-default-header__search-wrap { display: none !important; }
header.prk-default-header.sarano-parskala-native-header-fallback .prk-default-header__icons {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 56px !important;
  display: block !important;
  margin: 0 !important;
  pointer-events: none !important;
}
header.prk-default-header.sarano-parskala-native-header-fallback .sarano-header-menu-controls,
#header.prk-default-header.sarano-parskala-native-header-fallback .sarano-header-menu-controls {
  position: absolute !important;
  right: 12px !important;
  left: auto !important;
  width: 92px !important;
  top: 6px !important;
  height: 44px !important;
  display: flex !important;
  gap: 4px !important;
  z-index: 5 !important;
  pointer-events: auto !important;
}
header.prk-default-header.sarano-parskala-native-header-fallback .sarano-header-menu-controls > * {
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
}
header.prk-default-header.sarano-parskala-native-header-fallback .prk-default-header__brand > .prk-dh-mobile-menu-trigger { display: none !important; }
header.prk-default-header.sarano-parskala-native-header-fallback .prk-dh-call--mobile,
header.prk-default-header.sarano-parskala-native-header-fallback .prk-dh-call--desktop,
header.prk-default-header.sarano-parskala-native-header-fallback .line-account,
header.prk-default-header.sarano-parskala-native-header-fallback .menus { display: none !important; }
header.prk-default-header.sarano-parskala-native-header-fallback .prk-default-header__icons > .sarano-theme-toggle,
header.prk-default-header.sarano-parskala-native-header-fallback .prk-default-header__icons > .prk-dh-account-mobile,
header.prk-default-header.sarano-parskala-native-header-fallback .prk-default-header__icons > .prk-dh-cart-button {
  position: absolute !important;
  right: auto !important;
  top: 6px !important;
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: auto !important;
}
header.prk-default-header.sarano-parskala-native-header-fallback .prk-default-header__icons > .prk-dh-cart-button { left: 8px !important; }
header.prk-default-header.sarano-parskala-native-header-fallback .prk-default-header__icons > .prk-dh-account-mobile { left: 56px !important; }
header.prk-default-header.sarano-parskala-native-header-fallback .prk-default-header__icons > .sarano-theme-toggle { left: 104px !important; }
header.prk-default-header.sarano-parskala-native-header-fallback .prk-dh-account-mobile__trigger {
  width: 44px !important;
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
header.prk-default-header.sarano-parskala-native-header-fallback [data-sarano-account-icon] {
  display: block !important;
  width: 22px !important;
  height: 22px !important;
  color: var(--sarano-header-text, #f7f9fc) !important;
}
header.prk-default-header.sarano-parskala-native-header-fallback .prk-dh-account-mobile__trigger,
header.prk-default-header.sarano-parskala-native-header-fallback .prk-dh-account-button__icon {
  color: var(--sarano-header-text, #f7f9fc) !important;
  opacity: 1 !important;
}
header.prk-default-header.sarano-parskala-native-header-fallback .prk-dh-cart-button__icon,
header.prk-default-header.sarano-parskala-native-header-fallback .prk-dh-cart-button__icon-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
header.prk-default-header.sarano-parskala-native-header-fallback .prk-dh-cart-button__icon i { font-size: 26px !important; }
header.prk-default-header.sarano-parskala-native-header-fallback .sarano-theme-toggle { padding: 0 !important; }
header.prk-default-header.sarano-parskala-native-header-fallback .sarano-theme-toggle__label { display: none !important; }

@media (min-width: 992px) {
  header.prk-default-header.sarano-parskala-native-header-fallback { height: 72px !important; min-height: 72px !important; }
  header.prk-default-header.sarano-parskala-native-header-fallback .prk-default-header__main-bar,
  header.prk-default-header.sarano-parskala-native-header-fallback .prk-default-header__container,
  header.prk-default-header.sarano-parskala-native-header-fallback .prk-default-header__row { height: 72px !important; }
  header.prk-default-header.sarano-parskala-native-header-fallback .prk-default-header__container { width: 100% !important; margin: 0 !important; }
  header.prk-default-header.sarano-parskala-native-header-fallback .prk-default-header__logo { top: 11px !important; width: 100px !important; height: 50px !important; }
  header.prk-default-header.sarano-parskala-native-header-fallback .prk-default-header__logo a,
  header.prk-default-header.sarano-parskala-native-header-fallback .prk-default-header__logo img { height: 50px !important; }
  header.prk-default-header.sarano-parskala-native-header-fallback .prk-default-header__logo img { filter: brightness(0) invert(1) !important; }
  header.prk-default-header.sarano-parskala-native-header-fallback .prk-default-header__middle,
  header.prk-default-header.sarano-parskala-native-header-fallback .prk-default-header__icons { height: 72px !important; }
  header.prk-default-header.sarano-parskala-native-header-fallback .sarano-header-menu-controls,
  #header.prk-default-header.sarano-parskala-native-header-fallback .sarano-header-menu-controls { right: 28px !important; top: 14px !important; width: 94px !important; gap: 6px !important; }
  header.prk-default-header.sarano-parskala-native-header-fallback .prk-default-header__icons > .sarano-theme-toggle,
  header.prk-default-header.sarano-parskala-native-header-fallback .prk-default-header__icons > .prk-dh-account-button,
  header.prk-default-header.sarano-parskala-native-header-fallback .prk-default-header__icons > .prk-dh-cart-button { top: 14px !important; width: 42px !important; min-width: 42px !important; height: 42px !important; }
  header.prk-default-header.sarano-parskala-native-header-fallback .prk-default-header__icons > .prk-dh-cart-button { left: 28px !important; }
  header.prk-default-header.sarano-parskala-native-header-fallback .prk-default-header__icons > .prk-dh-account-button { left: 80px !important; right: auto !important; display: flex !important; padding: 0 !important; }
  header.prk-default-header.sarano-parskala-native-header-fallback .prk-default-header__icons > .sarano-theme-toggle { left: 132px !important; }
  header.prk-default-header.sarano-parskala-native-header-fallback .prk-dh-account-button__text,
  header.prk-default-header.sarano-parskala-native-header-fallback .prk-dh-account-button__arrow { display: none !important; }
  header.prk-default-header.sarano-parskala-native-header-fallback .prk-dh-account-button__inner { display: flex !important; width: 100% !important; height: 100% !important; align-items: center !important; justify-content: center !important; }
  header.prk-default-header.sarano-parskala-native-header-fallback .prk-dh-account-button__icon { display: flex !important; align-items: center !important; justify-content: center !important; }
  header.prk-default-header.sarano-parskala-native-header-fallback .prk-default-header__icons > .prk-dh-account-mobile { display: none !important; }
}

html[data-sarano-theme="night"] header .sarano-elementor-header-normalized .sarano-mega-menu-trigger {
  background: var(--sarano-surface-alt) !important;
  border-color: var(--sarano-border) !important;
  color: var(--sarano-text) !important;
}

/* Typography contract: keep ParsKala's loaded fonts, but give every public
 * surface one deliberate role. Headings/titles use the approved footer face;
 * running copy and controls keep the existing storefront face. */
body,
body p,
body li,
body label,
body input,
body textarea,
body select,
body option,
body button,
body a,
body .elementor-button,
body .elementor-widget-text-editor,
body .elementor-widget-text-editor p,
body .elementor-widget-icon-box .elementor-icon-box-description,
body .woocommerce,
body .woocommerce-message,
body .woocommerce-info,
body .woocommerce-error {
  font-family: var(--sarano-body-font) !important;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .elementor-heading-title,
body .sarano-v1-section-heading h2,
body .sarano-v1-hero-copy h1,
body .sarano-v1-category-rail a span,
body .sarano-v1-product-title,
body .sarano-v1-main-category strong,
body .sarano-v1-promo-card strong,
body .sarano-v1-guide-card strong,
body .sarano-v1-brand-strip a,
body .sarano-v1-why-item strong,
body .sarano-v1-magazine-card strong,
body .sarano-v1-faq-question,
body .sarano-commerce-heading h1,
body .sarano-shop-filter-group h3,
body .sarano-shop-filter-group legend,
body .sarano-v1-site-footer h2,
body .sarano-v1-site-footer h3 {
  font-family: var(--sarano-heading-font) !important;
}

/* Shared Child-owned homepage footer. Do not hide ParsKala's footer on Shop,
 * Product, Cart, Checkout or Account routes; those routes stay native to the
 * Parent/Theme Builder. The homepage footer is rendered by the Child once. */
/* The Child footer owns only the homepage. Keep the parent/Elementor footer
   intact on commerce routes so ParsKala wrapper and WooCommerce lifecycle
   remain update-compatible. */
body.home footer:not(.sarano-v1-site-footer),
body.home #ag-theme-builder-footer,
body.home .elementor-location-footer { display: none !important; }
.sarano-v1-site-footer {
  --sarano-footer-bg: var(--sarano-surface, #fff);
  --sarano-footer-panel: var(--sarano-surface-alt, #f7f9fc);
  --sarano-footer-line: var(--sarano-border, #dce4ef);
  display: block !important;
  margin-top: 42px;
  padding: 42px 24px 0;
  border-top: 1px solid var(--sarano-footer-line);
  background: var(--sarano-footer-bg);
  color: var(--sarano-text);
  direction: rtl;
}
.sarano-v1-site-footer__inner {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 24px;
  width: min(100%, 1280px);
  margin-inline: auto;
  direction: ltr;
}
.sarano-v1-site-footer__inner > * {
  min-width: 0;
  direction: rtl;
}
.sarano-v1-site-footer__licenses {
  flex: 1.55 1 0;
  min-width: 250px;
  padding: 16px;
  border: 1px solid var(--sarano-footer-line);
  border-radius: 16px;
  background: var(--sarano-footer-panel);
}
.sarano-v1-site-footer__column { flex: 1 1 0; padding: 5px 0; }
.sarano-v1-site-footer__contact { flex: 1.35 1 0; }
.sarano-v1-site-footer h2,
.sarano-v1-site-footer h3 { margin: 0 0 14px; color: var(--sarano-text); font-size: 14px; font-weight: 850; line-height: 1.5; }
.sarano-v1-site-footer h3 { margin-top: 20px; margin-bottom: 8px; font-size: 11px; }
.sarano-v1-site-footer a { color: var(--sarano-body); font-size: 11px; line-height: 1.75; text-decoration: none; transition: color .18s ease, transform .18s ease; }
.sarano-v1-site-footer a:hover,
.sarano-v1-site-footer a:focus-visible { color: var(--sarano-accent); }
.sarano-v1-site-footer__column > a { display: block; width: max-content; max-width: 100%; margin: 5px 0; }
.sarano-v1-site-footer__column > a:hover { transform: translateX(-2px); }
.sarano-v1-site-footer__all-products { color: var(--sarano-accent) !important; font-weight: 800; }
.sarano-v1-site-footer address { max-width: 230px; margin: 0 0 12px; color: var(--sarano-body); font-size: 11px; font-style: normal; line-height: 1.9; }
.sarano-v1-site-footer__contact-line { display: block; width: max-content; direction: ltr; unicode-bidi: embed; font-weight: 750; }
.sarano-v1-site-footer__muted { display: block; margin-top: 7px; color: var(--sarano-muted); font-size: 10px; }
.sarano-v1-site-footer__socials { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 13px; }
.sarano-v1-site-footer__socials a { display: inline-flex; align-items: center; min-height: 28px; padding: 3px 8px; border: 1px solid var(--sarano-footer-line); border-radius: 999px; font-size: 10px; }
.sarano-v1-site-footer__license-heading { display: flex; align-items: center; gap: 11px; min-height: 80px; margin-bottom: 14px; }
.sarano-v1-site-footer__license-heading h2 { margin: 2px 0 2px; font-size: 14px; }
.sarano-v1-site-footer__license-heading p { margin: 0; color: var(--sarano-muted); font-size: 9px; line-height: 1.6; }
.sarano-v1-site-footer__eyebrow { display: block; color: var(--sarano-accent); font-size: 9px; font-weight: 800; }
.sarano-v1-site-footer__square-logo { display: grid; flex: 0 0 72px; place-items: center; width: 72px; height: 72px; padding: 8px; border: 1px solid var(--sarano-footer-line); border-radius: 14px; background: var(--sarano-footer-bg); }
.sarano-v1-site-footer__square-logo img { display: block; width: 100%; height: 100%; object-fit: contain; }
.sarano-v1-site-footer__license-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.sarano-v1-site-footer__license { display: flex !important; min-width: 0; min-height: 104px; flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding: 8px 5px; border: 1px solid var(--sarano-footer-line); border-radius: 11px; background: var(--sarano-footer-bg); color: var(--sarano-text) !important; text-align: center; }
.sarano-v1-site-footer__license-image { display: grid; place-items: center; flex: 0 0 48px; width: 48px; height: 48px; overflow: hidden; border: 1px solid var(--sarano-footer-line); border-radius: 10px; background: #fff; box-sizing: border-box; }
.sarano-v1-site-footer__license img { display: block; width: 100%; height: 100%; padding: 3px; object-fit: contain; box-sizing: border-box; }
.sarano-v1-site-footer__license-fallback { display: grid; place-items: center; width: 48px; height: 48px; flex: 0 0 48px; border: 1px solid var(--sarano-footer-line); border-radius: 10px; color: var(--sarano-accent); background: #fff; font-size: 8px; font-weight: 800; text-align: center; box-sizing: border-box; }
.sarano-v1-site-footer__license strong { display: block; min-height: 2.8em; color: inherit; font-size: 8px; line-height: 1.4; }
.sarano-v1-site-footer__license-mark { display: grid; place-items: center; width: 48px; height: 48px; flex: 0 0 48px; border: 1px solid var(--sarano-footer-line); border-radius: 10px; color: var(--sarano-accent); background: #fff; font-size: 9px; font-weight: 800; box-sizing: border-box; }
.sarano-v1-site-footer__license:hover { border-color: var(--sarano-accent); transform: translateY(-2px); }
.sarano-v1-site-footer__bottom { display: flex; align-items: center; justify-content: space-between; gap: 18px; width: min(100%, 1280px); margin: 32px auto 0; padding: 14px 0 18px; border-top: 1px solid var(--sarano-footer-line); color: var(--sarano-muted); font-size: 9px; }
html[data-sarano-theme="night"] .sarano-v1-site-footer { --sarano-footer-bg: #0e1725; --sarano-footer-panel: #152235; --sarano-footer-line: #2d425b; }
html[data-sarano-theme="night"] .sarano-v1-site-footer h2,
html[data-sarano-theme="night"] .sarano-v1-site-footer h3,
html[data-sarano-theme="night"] .sarano-v1-site-footer__license { color: #f3f7fc !important; }
html[data-sarano-theme="night"] .sarano-v1-site-footer a { color: #c8d5e5; }
html[data-sarano-theme="night"] .sarano-v1-site-footer a:hover,
html[data-sarano-theme="night"] .sarano-v1-site-footer a:focus-visible { color: #ff9b5c; }
html[data-sarano-theme="night"] .sarano-v1-site-footer address,
html[data-sarano-theme="night"] .sarano-v1-site-footer__contact-line { color: #dce7f3; }
@media (max-width: 1050px) {
  .sarano-v1-site-footer { padding-inline: 16px; }
  .sarano-v1-site-footer__inner { flex-wrap: wrap; gap: 20px; }
  .sarano-v1-site-footer__licenses { flex: 1 1 100%; order: 0; }
  .sarano-v1-site-footer__column { flex: 1 1 calc(25% - 20px); }
}
@media (max-width: 640px) {
  .sarano-v1-site-footer { margin-top: 28px; padding: 28px 14px 0; }
  .sarano-v1-site-footer__inner { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 14px; }
  .sarano-v1-site-footer__licenses { grid-column: 1 / -1; min-width: 0; }
  .sarano-v1-site-footer__column { min-width: 0; }
  .sarano-v1-site-footer__contact { grid-column: 1 / -1; }
  .sarano-v1-site-footer__bottom { align-items: flex-start; flex-direction: column; gap: 5px; margin-top: 24px; }
}
/* R43 mobile search contract: keep the field and submit control as one
 * aligned capsule. ParsKala's utility classes otherwise let the 50px button
 * overflow the 32px row and leave a visible seam on narrow screens. */
@media (max-width: 767px) {
  .sarano-r01-header-row .sarano-r01-searchbox,
  .sarano-r01-header-row .sarano-r01-searchbox.form_search {
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 9px !important;
  }
  .sarano-r01-header-row .sarano-r01-searchbox > [data-prk-search-input] {
    display: block !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: 11px !important;
    line-height: 30px !important;
  }
  .sarano-r01-header-row .sarano-r01-searchbox > .prk-search-submit,
  .sarano-r01-header-row .sarano-r01-searchbox > button[type="submit"] {
    display: inline-flex !important;
    flex: 0 0 38px !important;
    width: 38px !important;
    min-width: 38px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-self: center !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    border-radius: 0 !important;
  }
  .sarano-r01-header-row .sarano-r01-searchbox .pars-search-icon {
    width: 17px !important;
    height: 17px !important;
    font-size: 17px !important;
    line-height: 1 !important;
  }
}

/* R65 mobile ParsKala adapter. The active Mobit Elementor preset hides its
 * only header row below 992px, which left the Child-owned menu controls at a
 * zero-sized desktop slot. Keep the Parent template untouched and expose a
 * compact, RTL action row from the Child on mobile only. */
.sarano-mobile-header-adapter {
  display: none;
}

@media (max-width: 991px) {
  body #header,
  body > header#header {
    display: block !important;
    width: 100% !important;
    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
    overflow: visible !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 100 !important;
    background: var(--sarano-header, #071e3b) !important;
    color: var(--sarano-header-text, #fff) !important;
    box-shadow: 0 4px 18px rgba(7, 26, 49, .16) !important;
  }

  #header > .header-mobiter,
  #header > .elementor-element.header-mobiter {
    display: none !important;
  }

  #header > .sarano-mobile-header-adapter {
    display: grid !important;
    grid-template-columns: auto minmax(82px, 1fr) auto !important;
    align-items: center !important;
    gap: 6px !important;
    width: 100% !important;
    height: 64px !important;
    min-height: 64px !important;
    padding: 8px 9px !important;
    box-sizing: border-box !important;
    direction: rtl !important;
    background: transparent !important;
  }

  .sarano-mobile-header__right,
  .sarano-mobile-header__utility-slot {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    min-width: 0 !important;
  }

  .sarano-mobile-header__right {
    direction: rtl !important;
    justify-content: flex-start !important;
  }

  .sarano-mobile-header__utility-slot {
    direction: ltr !important;
    justify-content: flex-end !important;
  }

  .sarano-mobile-header__brand {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 42px !important;
    color: #fff !important;
    text-decoration: none !important;
    overflow: hidden !important;
  }

  .sarano-mobile-header__brand-image {
    display: block !important;
    width: auto !important;
    max-width: min(94px, 100%) !important;
    height: auto !important;
    max-height: 38px !important;
    object-fit: contain !important;
    filter: brightness(0) invert(1) !important;
  }

  .sarano-mobile-header__home,
  .sarano-mobile-header__account,
  .sarano-mobile-header__cart {
    position: relative !important;
    display: inline-flex !important;
    flex: 0 0 38px !important;
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border: 1px solid rgba(255, 255, 255, .48) !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, .08) !important;
    color: #fff !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    transition: background-color .18s ease, border-color .18s ease, transform .18s ease !important;
  }

  .sarano-mobile-header__home svg,
  .sarano-mobile-header__account svg,
  .sarano-mobile-header__cart svg {
    display: block !important;
    width: 21px !important;
    height: 21px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
  }

  .sarano-mobile-header__home:hover,
  .sarano-mobile-header__home:focus-visible,
  .sarano-mobile-header__account:hover,
  .sarano-mobile-header__account:focus-visible,
  .sarano-mobile-header__cart:hover,
  .sarano-mobile-header__cart:focus-visible {
    background: var(--sarano-accent, #ff6700) !important;
    border-color: var(--sarano-accent, #ff6700) !important;
    color: #fff !important;
    transform: translateY(-1px) !important;
  }

  .sarano-mobile-header__menu-slot {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
  }

  .sarano-mobile-header__menu-slot .sarano-header-menu-controls {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
  }

  #header .sarano-mobile-header__menu-slot .sarano-header-menu-controls > .sarano-mega-menu-trigger,
  #header .sarano-mobile-header__menu-slot .sarano-header-menu-search-trigger {
    flex: 0 0 38px !important;
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, .08) !important;
    border-color: rgba(255, 255, 255, .48) !important;
    color: #fff !important;
  }

  #header .sarano-mobile-header__menu-slot .sarano-header-menu-controls > .sarano-mega-menu-trigger:hover,
  #header .sarano-mobile-header__menu-slot .sarano-header-menu-controls > .sarano-mega-menu-trigger:focus-visible,
  #header .sarano-mobile-header__menu-slot .sarano-header-menu-search-trigger:hover,
  #header .sarano-mobile-header__menu-slot .sarano-header-menu-search-trigger:focus-visible {
    background: var(--sarano-accent, #ff6700) !important;
    border-color: var(--sarano-accent, #ff6700) !important;
  }

  .sarano-mobile-header__cart-count {
    position: absolute !important;
    top: -5px !important;
    right: -5px !important;
    display: inline-flex !important;
    min-width: 15px !important;
    height: 15px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 3px !important;
    border-radius: 99px !important;
    background: #ff6700 !important;
    color: #fff !important;
    font: 700 10px/1 sans-serif !important;
  }

  #header .sarano-mobile-header__utility-slot .sarano-theme-toggle {
    display: inline-flex !important;
    flex: 0 0 38px !important;
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border-radius: 10px !important;
    border: 1px solid rgba(255, 255, 255, .48) !important;
    background: rgba(255, 255, 255, .08) !important;
    color: #fff !important;
  }

  #header .sarano-mobile-header__utility-slot .sarano-theme-toggle:hover,
  #header .sarano-mobile-header__utility-slot .sarano-theme-toggle:focus-visible {
    background: var(--sarano-accent, #ff6700) !important;
    border-color: var(--sarano-accent, #ff6700) !important;
  }

  #header .sarano-mobile-header__utility-slot .sarano-theme-toggle__label { display: none !important; }
  #header .sarano-mobile-header__utility-slot .sarano-theme-toggle svg { width: 20px !important; height: 20px !important; }
}

@media (max-width: 360px) {
  #header > .sarano-mobile-header-adapter { gap: 3px !important; padding-inline: 5px !important; }
  .sarano-mobile-header__right,
  .sarano-mobile-header__utility-slot,
  .sarano-mobile-header__menu-slot .sarano-header-menu-controls { gap: 3px !important; }
  .sarano-mobile-header__home,
  .sarano-mobile-header__account,
  .sarano-mobile-header__cart,
  #header .sarano-mobile-header__utility-slot .sarano-theme-toggle,
  #header .sarano-mobile-header__menu-slot .sarano-header-menu-controls > .sarano-mega-menu-trigger,
  #header .sarano-mobile-header__menu-slot .sarano-header-menu-search-trigger {
    flex-basis: 34px !important;
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
  }
}

/* R77 DAY account-menu contrast contract.
 * The Parent account drawer keeps its text token from the dark header on
 * some authenticated renders. Scope the correction to the Child-owned
 * presentation layer and keep the native account links/actions intact. */
html[data-sarano-theme="day"] header .prk-dh-account-menu,
html[data-sarano-theme="day"] header .prk-dh-account-menu *,
html[data-sarano-theme="day"] .prk-dh-account-menu,
html[data-sarano-theme="day"] .prk-dh-account-menu * {
  background-color: var(--sarano-canvas) !important;
  border-color: var(--sarano-border) !important;
  color: var(--sarano-text) !important;
}

html[data-sarano-theme="day"] header .prk-dh-account-menu a:hover,
html[data-sarano-theme="day"] header .prk-dh-account-menu a:focus-visible,
html[data-sarano-theme="day"] .prk-dh-account-menu a:hover,
html[data-sarano-theme="day"] .prk-dh-account-menu a:focus-visible {
  background-color: var(--sarano-surface-alt) !important;
  color: var(--sarano-accent-text) !important;
}

/* Final specificity guard for the Elementor home/header contract. The
 * normalized header stylesheet scopes its 48px rule to body.home, so the
 * equal 44px controls must be paired with the same route scope. */
@media (max-width: 767px) {
  body.home #header,
  body:not(.home) #header,
  body.home > header,
  body:not(.home) > header,
  body.home .sarano-elementor-header-normalized,
  body:not(.home) .sarano-elementor-header-normalized {
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
  }
  body.home #header .sarano-r01-header-row,
  body:not(.home) #header .sarano-r01-header-row {
    grid-template-columns: 94px minmax(0, 1fr) 152px !important;
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
    padding-block: 6px !important;
  }
  body.home #header .sarano-r01-header-logo-col .sarano-r01-logo-wrap,
  body:not(.home) #header .sarano-r01-header-logo-col .sarano-r01-logo-wrap,
  body.home #header .sarano-r01-header-logo-col .sarano-r01-logo-image,
  body:not(.home) #header .sarano-r01-header-logo-col .sarano-r01-logo-image {
    flex-basis: 84px !important;
    width: 84px !important;
    max-width: 84px !important;
    max-height: 34px !important;
  }
  body.home #header .sarano-r01-header-logo-col,
  body:not(.home) #header .sarano-r01-header-logo-col {
    position: absolute !important;
    top: 50% !important;
    left: calc(50vw - 42px) !important;
    right: auto !important;
    transform: translateY(-50%) !important;
    width: 84px !important;
    min-width: 84px !important;
    max-width: 84px !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* R43I interaction contract: the right-side controls are a single, aligned
 * cluster. The menu remains the primary action; search is a sibling trigger
 * that reveals the native form inside the already-open mega menu. */
header .sarano-r01-header-menu-slot,
#header .sarano-r01-header-menu-slot {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  min-width: 0 !important;
  direction: ltr !important;
}
header .sarano-header-menu-controls,
#header .sarano-header-menu-controls {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 6px !important;
  direction: ltr !important;
}
header .sarano-header-menu-controls > .sarano-mega-menu-trigger,
#header .sarano-header-menu-controls > .sarano-mega-menu-trigger,
header .sarano-header-menu-search-trigger,
#header .sarano-header-menu-search-trigger {
  display: inline-flex !important;
  flex: 0 0 40px !important;
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border: 1px solid rgba(255,255,255,.58) !important;
  border-radius: 9px !important;
  background: #163b66 !important;
  color: #ffffff !important;
  box-shadow: 0 5px 14px rgba(2, 18, 39, .20) !important;
  cursor: pointer !important;
  transition: background-color .18s ease, border-color .18s ease, transform .18s ease, box-shadow .18s ease !important;
}
header .sarano-header-menu-controls > .sarano-mega-menu-trigger svg,
#header .sarano-header-menu-controls > .sarano-mega-menu-trigger svg,
header .sarano-header-menu-search-trigger svg,
#header .sarano-header-menu-search-trigger svg {
  display: block !important;
  width: 23px !important;
  height: 23px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.15 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
header .sarano-header-menu-controls > .sarano-mega-menu-trigger:hover,
#header .sarano-header-menu-controls > .sarano-mega-menu-trigger:hover,
header .sarano-header-menu-controls > .sarano-mega-menu-trigger:focus-visible,
#header .sarano-header-menu-controls > .sarano-mega-menu-trigger:focus-visible,
header .sarano-header-menu-search-trigger:hover,
#header .sarano-header-menu-search-trigger:hover,
header .sarano-header-menu-search-trigger:focus-visible,
#header .sarano-header-menu-search-trigger:focus-visible {
  border-color: #ff6b00 !important;
  background: #ff6b00 !important;
  color: #ffffff !important;
  box-shadow: 0 7px 18px rgba(255, 107, 0, .30) !important;
  transform: translateY(-1px);
}
html[data-sarano-theme="night"] header .sarano-header-menu-controls > .sarano-mega-menu-trigger,
html[data-sarano-theme="night"] #header .sarano-header-menu-controls > .sarano-mega-menu-trigger,
html[data-sarano-theme="night"] header .sarano-header-menu-search-trigger,
html[data-sarano-theme="night"] #header .sarano-header-menu-search-trigger {
  background: #1d3b5a !important;
  border-color: #6d87a3 !important;
  color: #f7fbff !important;
}
.sarano-mega-menu-search-slot.is-search-collapsed {
  flex: 0 0 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}
.sarano-mega-menu-search-slot.is-search-collapsed > .sarano-mega-menu-search-slot__label,
.sarano-mega-menu-search-slot > form.sarano-mega-menu-search-collapsed {
  display: none !important;
}
.sarano-mega-menu-search-slot:not(.is-search-collapsed) > form.sarano-mega-menu-search-collapsed {
  display: flex !important;
}
@media (max-width: 767px) {
  header .sarano-header-menu-controls,
  #header .sarano-header-menu-controls { gap: 5px !important; }
  header .sarano-header-menu-controls > .sarano-mega-menu-trigger,
  #header .sarano-header-menu-controls > .sarano-mega-menu-trigger,
  header .sarano-header-menu-search-trigger,
  #header .sarano-header-menu-search-trigger {
    flex-basis: 34px !important;
    width: 34px !important;
    min-width: 34px !important;
    height: 32px !important;
    min-height: 32px !important;
    border-radius: 8px !important;
  }
  header .sarano-header-menu-controls > .sarano-mega-menu-trigger svg,
  #header .sarano-header-menu-controls > .sarano-mega-menu-trigger svg,
  header .sarano-header-menu-search-trigger svg,
  #header .sarano-header-menu-search-trigger svg {
    width: 21px !important;
    height: 21px !important;
  }
}

@media (max-width: 430px) {
  /* ParsKala's mobile row can be narrower than the logo plus menu trigger;
   * reserve the exact logo width so it never enters the search column. */
  header .sarano-r01-header-logo-col.sarano-mega-menu-r01-host .sarano-r01-logo-wrap { width: 74px !important; flex-basis: 74px !important; }
  header .sarano-r01-header-logo-col.sarano-mega-menu-r01-host .sarano-r01-logo-image { width: 74px !important; max-width: 74px !important; }
}

html[data-sarano-theme="day"] { color-scheme: light; }

html[data-sarano-theme="night"] {
  color-scheme: dark;
  --sarano-canvas: #0f1722;
  --sarano-surface: #182331;
  --sarano-surface-alt: #223142;
  --sarano-text: #f7f9fc;
  --sarano-body: #c8d0da;
  --sarano-muted: #9eacbb;
  --sarano-border: #35475a;
  --sarano-header: #071a31;
  --sarano-header-text: #f6f7f9;
  --sarano-icon: #e6edf5;
  --sarano-accent-text: #ff6700;
  --sarano-accent-hover: #ff7a24;
  --sarano-accent-ink: #071e3b;
}

html[data-sarano-theme="night"] body,
html[data-sarano-theme="night"] #content,
html[data-sarano-theme="night"] .site-main,
html[data-sarano-theme="night"] .elementor,
html[data-sarano-theme="night"] .sarano-r01-home {
  background: var(--sarano-canvas);
  color: var(--sarano-body);
}

/* ParsKala remains the structural header owner. The Child owns the Excel
 * category drawer and suppresses only the duplicate native menu surface. */
header {
  --sarano-native-header: var(--sarano-header);
  color: var(--sarano-header-text);
}
header .prk-default-header__main-bar,
header .menus {
  background: var(--sarano-native-header) !important;
  border-color: rgba(255, 255, 255, .12) !important;
}
/* V1 keeps one compact header; the real WP menu is presented by the child
 * hamburger panel on the right, so the legacy second navigation band is not
 * shown on the homepage. */
body.home header .menus { display: none !important; }
body.home header .prk-default-header__row { direction: rtl; }
body.home header .prk-default-header__icons { direction: rtl; }
header .prk-default-header__search-component .form_search,
header .prk-default-header__search-component input,
header .prk-header-searchbox input,
.sarano-r01-searchbox input[type="search"],
.sarano-r01-searchbox input[type="text"] {
  color: var(--sarano-text) !important;
  background: var(--sarano-surface) !important;
  border-color: var(--sarano-border) !important;
}
header .prk-default-header__search-component input::placeholder,
header .prk-header-searchbox input::placeholder,
.sarano-r01-searchbox input::placeholder {
  color: var(--sarano-muted) !important;
  opacity: 1;
}
header .prk-default-header__search-component input:focus,
header .prk-header-searchbox input:focus,
.sarano-r01-searchbox input:focus {
  border-color: var(--sarano-accent) !important;
  box-shadow: 0 0 0 2px rgba(255, 103, 0, .16) !important;
}
header .sarano-r01-searchbox,
header .sarano-r01-searchbox.form_search,
header .sarano-r01-searchbox .prk_input_serach {
  background: var(--sarano-surface) !important;
  border-color: var(--sarano-border) !important;
}
header .sarano-r01-searchbox .prk-search-submit,
header .sarano-r01-searchbox button[type="submit"] {
  background: var(--sarano-accent) !important;
  border-color: var(--sarano-accent) !important;
}
header .prk-default-header__icons,
header .prk-dh-account-button,
header .prk-dh-cart-button,
header .prk-dh-call__link,
header .prk-dh-mobile-menu-trigger {
  color: var(--sarano-header-text) !important;
}
header .prk_mega_menu > li > a,
header .prk_mega_menu > li > a:visited {
  color: var(--sarano-header-text) !important;
  background: transparent !important;
}
header .prk_mega_menu > li > a:hover,
header .prk_mega_menu > li > a:focus-visible,
header .prk-dh-account-button:hover,
header .prk-dh-account-button:focus-visible,
header .prk-dh-cart-button:hover,
header .prk-dh-cart-button:focus-visible,
header .prk-dh-call__link:hover,
header .prk-dh-call__link:focus-visible,
header .prk-dh-mobile-menu-trigger:hover,
header .prk-dh-mobile-menu-trigger:focus-visible {
  color: var(--sarano-accent) !important;
}

/* Shared action geometry: the native account/cart controls and the Child
 * theme switch are one keyboard row with one hit-area size on every route. */
header .sarano-r01-header-actions {
  align-items: center !important;
  gap: 8px !important;
}
header .sarano-r01-header-actions .prk-theme-header-action,
header .sarano-r01-header-actions .sarano-r01-account,
header .sarano-r01-header-actions .sarano-r01-cart {
  display: flex !important;
  flex: 0 0 42px !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  align-items: center !important;
  justify-content: center !important;
}
header .sarano-theme-toggle,
header .prk-dh-account-button,
header .prk-dh-cart-button {
  box-sizing: border-box !important;
  display: inline-flex !important;
  flex: 0 0 42px !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(255,255,255,.34) !important;
  border-radius: 8px !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
header .sarano-theme-toggle { gap: 2px; }
header .sarano-theme-toggle svg { width: 17px; height: 17px; }
header .sarano-theme-toggle__label { font-size: 9px; line-height: 1; }
header .sarano-theme-toggle:hover,
header .sarano-theme-toggle:focus-visible,
header .prk-dh-account-button:hover,
header .prk-dh-account-button:focus-visible,
header .prk-dh-cart-button:hover,
header .prk-dh-cart-button:focus-visible {
  background: rgba(255,255,255,.10) !important;
  border-color: var(--sarano-accent) !important;
  box-shadow: 0 0 0 3px rgba(255,103,0,.16) !important;
  color: var(--sarano-accent) !important;
  transform: translateY(-1px);
}
header .sarano-theme-toggle:focus-visible,
header .prk-dh-account-button:focus-visible,
header .prk-dh-cart-button:focus-visible { outline: 0; }
header .sarano-theme-toggle:hover,
header .sarano-theme-toggle:focus-visible,
header .prk-dh-account-button:hover,
header .prk-dh-account-button:focus-visible,
header .prk-dh-cart-button:hover,
header .prk-dh-cart-button:focus-visible { transform: none !important; }
header .sarano-theme-toggle {
  background: linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,103,0,.16)) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.04);
}
header .sarano-theme-toggle[aria-pressed="true"] {
  border-color: rgba(255,103,0,.72) !important;
  background: linear-gradient(135deg, rgba(255,103,0,.20), rgba(255,255,255,.08)) !important;
}

/* The header is a fixed three-zone contract. Theme changes are allowed to
 * change paint tokens only; they must never change column widths or flow. */
header .sarano-r01-header-row {
  display: grid !important;
  grid-template-columns: 220px minmax(0, 1fr) 260px !important;
  align-items: center !important;
  column-gap: 20px !important;
  width: 100% !important;
  min-height: 68px !important;
  padding-inline: 28px !important;
  box-sizing: border-box !important;
  direction: ltr !important;
}
header .sarano-r01-header-row > .sarano-r01-header-actions {
  grid-column: 1;
  grid-row: 1;
  width: 220px !important;
  min-width: 220px !important;
  direction: rtl !important;
}
header .sarano-r01-header-row > .sarano-r01-header-search-col {
  grid-column: 2;
  grid-row: 1;
  width: 100% !important;
  min-width: 0 !important;
  direction: rtl !important;
}
header .sarano-r01-header-row > .sarano-r01-header-logo-col {
  grid-column: 3;
  grid-row: 1;
  width: 260px !important;
  min-width: 260px !important;
  direction: rtl !important;
}
header .sarano-r01-header-row .sarano-r01-searchbox,
header .sarano-r01-header-row .sarano-r01-searchbox.form_search {
  width: 100% !important;
  max-width: none !important;
}
header .sarano-theme-toggle__label { display: none !important; }
header .sarano-theme-toggle svg { width: 19px; height: 19px; }

/* Kalamarket-style: a right-hand category rail and an open editorial
 * submenu area. The native menu tree remains the source of URLs/content. */
.sarano-mega-menu-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.sarano-mega-menu-panel { box-sizing: border-box !important; padding: 18px 28px 24px !important; background: var(--sarano-canvas) !important; }
.sarano-mega-menu-close {
  position: absolute;
  z-index: 3;
  top: 12px;
  left: 12px;
  width: 32px;
  height: 32px;
  opacity: 1;
  pointer-events: auto;
}
.sarano-mega-menu-close:focus-visible { opacity: 1; pointer-events: auto; }
.sarano-mega-menu-nav { padding: 0 !important; min-height: 100%; }
.sarano-mega-menu-nav > .menu-items > .menu-item > .prk-tab-menu-items > .prk-level-0 {
  grid-template-columns: minmax(228px, 0.32fr) minmax(0, 1.68fr) !important;
  gap: 0 !important;
  min-height: calc(100vh - 72px);
  border-inline-start: 1px solid var(--sarano-border);
}
.sarano-mega-menu-nav > .menu-items > .menu-item > .prk-tab-menu-items > .prk-level-0 > li > a {
  min-height: 54px;
  padding: 14px 20px !important;
  border: 1px solid transparent;
  border-bottom: 1px solid var(--sarano-border);
  background: var(--sarano-surface-alt);
  color: var(--sarano-text) !important;
}
.sarano-mega-menu-nav > .menu-items > .menu-item > .prk-tab-menu-items > .prk-level-0 > li.active > a,
.sarano-mega-menu-nav > .menu-items > .menu-item > .prk-tab-menu-items > .prk-level-0 > li > a:hover,
.sarano-mega-menu-nav > .menu-items > .menu-item > .prk-tab-menu-items > .prk-level-0 > li > a:focus-visible {
  border-color: var(--sarano-accent);
  background: var(--sarano-canvas);
  color: var(--sarano-accent) !important;
}
.sarano-mega-menu-nav .prk-level-1 { padding: 28px 28px 40px !important; }
.sarano-mega-menu-nav .prk-level-1 > li { padding-bottom: 14px; border-bottom-color: var(--sarano-border); }
.sarano-mega-menu-nav .prk-level-1 > li > a { font-size: 14px; color: var(--sarano-text) !important; }
.sarano-mega-menu-nav .prk-level-2 a { padding: 7px 0; color: var(--sarano-body) !important; font-size: 13px; }
.sarano-mega-menu-nav .prk-level-2 a:hover,
.sarano-mega-menu-nav .prk-level-2 a:focus-visible { color: var(--sarano-accent) !important; }

html[data-sarano-theme="day"] header .sarano-r01-searchbox,
html[data-sarano-theme="day"] header .sarano-r01-searchbox.form_search,
html[data-sarano-theme="day"] header .sarano-r01-searchbox .prk_input_serach { background: #f6f8fb !important; border-color: #d7e0ea !important; }
html[data-sarano-theme="night"] header .sarano-r01-searchbox,
html[data-sarano-theme="night"] header .sarano-r01-searchbox.form_search,
html[data-sarano-theme="night"] header .sarano-r01-searchbox .prk_input_serach { background: #172638 !important; border-color: #405166 !important; }
html[data-sarano-theme="night"] header .sarano-r01-searchbox .prk_input_serach { color: #f7f9fc !important; }

/* Public WooCommerce routes keep ParsKala's footer, but its surfaces must
 * still obey the same Night token contract as the Child-owned home. */
html[data-sarano-theme="night"] .footer-s,
html[data-sarano-theme="night"] .footer-s .main-footer,
html[data-sarano-theme="night"] .footer-s .prk-lmf,
html[data-sarano-theme="night"] .footer-s .prk-footer-template--legacy-mobit {
  background: var(--sarano-canvas) !important;
  color: var(--sarano-body) !important;
  border-color: var(--sarano-border) !important;
}
html[data-sarano-theme="night"] .footer-s .parskala_mt_prefooter {
  background: var(--sarano-surface-alt) !important;
  color: var(--sarano-body) !important;
  border-color: var(--sarano-border) !important;
}
html[data-sarano-theme="night"] .footer-s h1,
html[data-sarano-theme="night"] .footer-s h2,
html[data-sarano-theme="night"] .footer-s h3,
html[data-sarano-theme="night"] .footer-s h4,
html[data-sarano-theme="night"] .footer-s p,
html[data-sarano-theme="night"] .footer-s li,
html[data-sarano-theme="night"] .footer-s a,
html[data-sarano-theme="night"] .footer-s label {
  color: var(--sarano-body) !important;
}
html[data-sarano-theme="night"] .footer-s a:hover,
html[data-sarano-theme="night"] .footer-s a:focus-visible { color: var(--sarano-accent) !important; }
html[data-sarano-theme="night"] .footer-s input,
html[data-sarano-theme="night"] .footer-s textarea,
html[data-sarano-theme="night"] .footer-s select {
  background: var(--sarano-surface) !important;
  color: var(--sarano-text) !important;
  border-color: var(--sarano-border) !important;
}
header .sarano-mega-menu-trigger {
  box-sizing: border-box !important;
  flex: 0 0 42px !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 !important;
  border-radius: 8px !important;
  gap: 2px;
  font-size: 9px;
  line-height: 1;
}
header .sarano-mega-menu-trigger svg { width: 17px; height: 17px; }
header .sarano-r01-header-logo-col.sarano-mega-menu-r01-host { gap: 8px; }
header .prk_mega_menu .prk-tab-menu-items,
#prk-default-mobile-drawer .prk-dh-mobile-drawer__panel,
#prk-default-mobile-drawer .prk-dh-mobile-drawer__menu {
  background: var(--sarano-surface) !important;
  border-color: var(--sarano-border) !important;
  color: var(--sarano-text);
}
header .prk_mega_menu .prk-tab-menu-items a,
#prk-default-mobile-drawer .prk-dh-mobile-drawer__menu a,
#prk-default-mobile-drawer .prk-dh-mobile-drawer__submenu-toggle {
  color: var(--sarano-text) !important;
}
header .prk_mega_menu .prk-tab-menu-items a:hover,
header .prk_mega_menu .prk-tab-menu-items a:focus-visible,
#prk-default-mobile-drawer .prk-dh-mobile-drawer__menu a:hover,
#prk-default-mobile-drawer .prk-dh-mobile-drawer__menu a:focus-visible {
  color: var(--sarano-accent) !important;
  background: var(--sarano-surface-alt) !important;
}

/* Explicit user-requested theme switch, injected into the native icon group. */
.sarano-theme-toggle {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 34px;
  min-height: 34px;
  padding: 5px 7px;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 6px;
  background: transparent;
  color: var(--sarano-header-text) !important;
  cursor: pointer;
  line-height: 1;
}
.sarano-theme-toggle:hover,
.sarano-theme-toggle:focus-visible {
  border-color: var(--sarano-accent);
  color: var(--sarano-accent) !important;
  outline: 2px solid var(--sarano-focus);
  outline-offset: 2px;
}
.sarano-theme-toggle svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.sarano-theme-toggle__label { font-size: 11px; font-weight: 700; white-space: nowrap; }

.sarano-mega-menu-trigger {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 34px;
  padding: 5px 7px;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 6px;
  background: transparent;
  color: var(--sarano-header-text);
  cursor: pointer;
  font-size: 11px;
  font-weight: 700;
  order: -1;
}
.sarano-mega-menu-trigger:hover,
.sarano-mega-menu-trigger:focus-visible { border-color: var(--sarano-accent); color: var(--sarano-accent); }
.sarano-mega-menu-trigger svg,
.sarano-mega-menu-close svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
header .prk-header-menu.sarano-mega-menu-native-slot { display: flex !important; align-items: center; gap: 10px; direction: rtl; }
header .prk-header-menu.sarano-mega-menu-native-slot > .sarano-mega-menu-trigger { flex: 0 0 auto; min-width: 42px; border-color: rgba(255,255,255,.28); background: rgba(7,30,59,.92); color: #fff; }
header .prk-header-menu.sarano-mega-menu-native-slot > nav { flex: 1 1 auto; min-width: 0; }
header .sarano-native-mega-source-hidden { display: none !important; }
header .elementor-widget-prk-theme-account-button .sarano-theme-toggle,
header .elementor-widget-wrap > .sarano-theme-toggle { margin-inline-start: 8px; background: var(--sarano-header); color: var(--sarano-header-text) !important; }
header .prk_mega_menu > li.sarano-mega-menu-native-slot {
  display: inline-flex !important;
  align-items: center;
  min-height: 42px;
}
header .prk_mega_menu > li.sarano-mega-menu-native-slot > a,
header .prk_mega_menu > li.sarano-mega-menu-native-slot > .prk-tab-menu-items,
header .prk_mega_menu > li.sarano-mega-menu-native-slot > .sub-menu {
  display: none !important;
}
header .prk_mega_menu > li.sarano-mega-menu-native-slot > .sarano-mega-menu-trigger {
  min-height: 34px;
  border-color: transparent;
  border-radius: 5px;
  color: var(--sarano-header-text) !important;
}
header .prk_mega_menu > li.sarano-mega-menu-native-slot > .sarano-mega-menu-trigger:hover,
header .prk_mega_menu > li.sarano-mega-menu-native-slot > .sarano-mega-menu-trigger:focus-visible {
  border-color: var(--sarano-accent);
}
header.sarano-r01-mega-owned .sarano-r01-header-actions .sarano-r01-menu {
  display: none !important;
}
header.sarano-r01-mega-owned .sarano-r01-header-actions .elementor-widget-prk-menu {
  display: none !important;
}
header .sarano-r01-header-logo-col.sarano-mega-menu-r01-host {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px;
}
header .sarano-r01-header-logo-col.sarano-mega-menu-r01-host > .sarano-mega-menu-trigger {
  flex: 0 0 auto;
  min-width: 42px;
  border-color: rgba(255,255,255,.28);
  background: rgba(255,255,255,.06) !important;
  color: var(--sarano-header-text) !important;
}
@media (max-width: 991px) {
  header .prk-dh-mobile-menu-trigger.sarano-mega-menu-trigger {
    min-height: 32px;
    padding: 3px 5px;
    border-color: transparent;
    border-radius: 4px;
    background: transparent;
    color: var(--sarano-header-text) !important;
  }
}
@media (max-width: 767px) {
  header .sarano-r01-header-row {
    gap: 0 !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
  }
  header .sarano-r01-header-row > .sarano-r01-header-logo-col.sarano-mega-menu-r01-host {
    width: 34% !important;
    min-width: 34% !important;
    flex: 0 0 34% !important;
    gap: 4px;
  }
  header .sarano-r01-header-row > .sarano-r01-header-search-col {
    width: 37% !important;
    min-width: 37% !important;
    flex: 0 0 37% !important;
  }
  header .sarano-r01-header-row > .sarano-r01-header-actions {
    width: 29% !important;
    min-width: 29% !important;
    flex: 0 0 29% !important;
    gap: 4px !important;
  }
  header .sarano-r01-header-actions .prk-theme-header-action,
  header .sarano-r01-header-actions .sarano-r01-account,
  header .sarano-r01-header-actions .sarano-r01-cart,
  header .sarano-theme-toggle,
  header .prk-dh-account-button,
  header .prk-dh-cart-button {
    flex-basis: 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    border-radius: 6px !important;
  }
  /* ParsKala renders both its desktop guest button and the mobile trigger.
   * The shared geometry rule above must not make the desktop duplicate
   * visible on phones; the real mobile trigger owns the third hit area. */
  header .prk-dh-account-button--guest { display: none !important; }
  header .sarano-r01-header-actions .sarano-r01-account {
    display: flex !important;
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255,255,255,.34) !important;
    border-radius: 6px !important;
    overflow: hidden !important;
  }
  body.home header .sarano-r01-header-actions > .elementor-widget-prk-theme-account-button,
  body.home header .sarano-r01-header-actions > .elementor-widget-prk-theme-account-button > .elementor-widget-container,
  body.home header .sarano-r01-header-actions .sarano-r01-account {
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    flex: 0 0 32px !important;
  }
  header .sarano-r01-account .prk-dh-account-mobile,
  header .sarano-r01-account .prk-dh-account-mobile__trigger {
    display: flex !important;
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    align-items: center !important;
    justify-content: center !important;
  }
  header .sarano-r01-account .prk-user { font-size: 20px !important; }
  header .sarano-theme-toggle svg,
  header .sarano-mega-menu-trigger svg { width: 15px; height: 15px; }
  header .sarano-theme-toggle__label { font-size: 8px; }
  header .sarano-r01-header-logo-col.sarano-mega-menu-r01-host .sarano-r01-logo-image {
    width: 76px !important;
  }
  header .sarano-r01-header-logo-col.sarano-mega-menu-r01-host > .sarano-mega-menu-trigger {
    flex-basis: 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 2px;
    gap: 2px;
    font-size: 10px;
  }
  header .sarano-r01-header-logo-col.sarano-mega-menu-r01-host > .sarano-mega-menu-trigger svg {
    width: 17px;
    height: 17px;
  }
}
.sarano-mega-menu-shell[hidden] { display: none; }
.sarano-mega-menu-shell { position: fixed; z-index: 100000; inset: var(--sarano-mega-top, 72px) 0 0; color: var(--sarano-text); }
.sarano-mega-menu-backdrop { position: absolute; inset: 0; background: rgba(3,12,24,.58); }
.sarano-mega-menu-panel { position: absolute; top: 0; right: 24px; width: min(1320px, calc(100vw - 48px)); height: min(720px, calc(100vh - var(--sarano-mega-top, 72px) - 20px)); min-height: 0; padding: 18px 28px 24px; display: flex; flex-direction: column; overflow: hidden; overflow-x: hidden; background: var(--sarano-canvas); box-shadow: -18px 0 50px rgba(0,0,0,.25); }
.sarano-mega-menu-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-bottom: 16px; border-bottom: 1px solid var(--sarano-border); }
.sarano-mega-menu-heading-content { display: flex; flex: 1 1 auto; min-width: 0; align-items: center; gap: 24px; }
.sarano-mega-menu-heading h2 { margin: 0; color: var(--sarano-text); font-size: 22px; }
.sarano-mega-menu-close { display: grid; place-items: center; padding: 4px; border: 0; background: transparent; color: var(--sarano-icon); }
.sarano-mega-menu-close:hover, .sarano-mega-menu-close:focus-visible { color: var(--sarano-accent); }
.sarano-mega-menu-search-slot { flex: 0 1 390px; min-width: 0; }
.sarano-mega-menu-search { display: flex !important; width: 100% !important; max-width: none !important; min-height: 40px; align-items: center; border: 1px solid var(--sarano-border) !important; border-radius: 8px !important; background: var(--sarano-surface) !important; }
.sarano-mega-menu-search input { min-height: 38px !important; background: transparent !important; color: var(--sarano-text) !important; border: 0 !important; }
.sarano-mega-menu-search .prk-search-submit { min-height: 38px !important; background: var(--sarano-accent) !important; color: var(--sarano-accent-ink) !important; border: 0 !important; }
.sarano-mega-menu-nav { padding-top: 25px; }
.sarano-mega-menu-nav ul { display: grid; gap: 3px; margin: 0; padding: 0; list-style: none; }
.sarano-mega-menu-nav li { list-style: none; }
.sarano-mega-menu-nav ul,
.sarano-mega-menu-nav li { background: transparent !important; color: var(--sarano-text) !important; }
.sarano-mega-menu-nav a { display: block; padding: 11px 12px; border-radius: 6px; color: var(--sarano-text) !important; font-size: 14px; font-weight: 750; }
.sarano-mega-menu-nav a:hover,
.sarano-mega-menu-nav a:focus-visible { background: var(--sarano-surface); color: var(--sarano-accent); outline: 0; }

/* Excel-backed taxonomy rail. The ParsKala header supplies the structural
 * slot; this Child-owned tree supplies Sarano's approved taxonomy and gives
 * every visible level a lightweight semantic SVG icon. */
.sarano-mega-menu-eyebrow { display: block; margin-bottom: 4px; color: var(--sarano-accent); font-size: 10px; font-weight: 850; }
.sarano-mega-menu-heading h2 { margin: 0; color: var(--sarano-text); font-size: 22px; }
.sarano-mega-menu-heading p { margin: 5px 0 0; color: var(--sarano-muted); font-size: 11px; }
.sarano-mega-menu-nav { min-height: 0; flex: 1 1 auto; overflow: hidden; }
.sarano-taxonomy-menu { display: grid; grid-template-columns: minmax(218px, .42fr) minmax(0, 1.58fr); gap: 22px; height: 100%; min-height: 0; direction: rtl; }
.sarano-taxonomy-rail { display: grid; align-content: start; gap: 6px; min-width: 0; min-height: 0; overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; padding-inline-start: 2px; }
.sarano-taxonomy-tab { display: flex; min-width: 0; min-height: 52px; align-items: center; gap: 9px; padding: 9px 11px; border: 1px solid var(--sarano-border); border-radius: 10px; background: var(--sarano-surface); color: var(--sarano-text); font: inherit; font-size: 12px; font-weight: 800; text-align: right; cursor: pointer; transition: color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease; }
.sarano-taxonomy-tab:hover, .sarano-taxonomy-tab:focus-visible, .sarano-taxonomy-tab.is-active { border-color: var(--sarano-accent); background: var(--sarano-header); color: #fff; outline: 0; transform: translateX(-2px); }
.sarano-taxonomy-tab > span { flex: 1 1 auto; min-width: 0; line-height: 1.65; }
.sarano-taxonomy-icon { width: 21px; height: 21px; flex: 0 0 21px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.sarano-taxonomy-tab > .sarano-taxonomy-icon,
.sarano-taxonomy-subgroup-title > .sarano-taxonomy-icon {
  box-sizing: border-box;
  padding: 4px;
  border: 1px solid currentColor;
  border-radius: 8px;
  background: color-mix(in srgb, currentColor 9%, transparent);
}
.sarano-taxonomy-product > .sarano-taxonomy-icon { opacity: .82; }
.sarano-taxonomy-icon[data-sarano-icon="water"] { color: #1388b6; }
.sarano-taxonomy-icon[data-sarano-icon="bath"] { color: #2d6fb4; }
.sarano-taxonomy-icon[data-sarano-icon="climate"] { color: #4d83a8; }
.sarano-taxonomy-icon[data-sarano-icon="sink"] { color: #147e9d; }
.sarano-taxonomy-icon[data-sarano-icon="faucet"] { color: #226da2; }
.sarano-taxonomy-icon[data-sarano-icon="oven"] { color: #c45d1b; }
.sarano-taxonomy-icon[data-sarano-icon="washer"] { color: #2f8a78; }
.sarano-taxonomy-icon[data-sarano-icon="fridge"] { color: #3975aa; }
.sarano-taxonomy-icon[data-sarano-icon="tv"] { color: #6258a8; }
.sarano-taxonomy-icon[data-sarano-icon="vacuum"] { color: #9a6a35; }
.sarano-taxonomy-icon[data-sarano-icon="digital"],
.sarano-taxonomy-icon[data-sarano-icon="audio"] { color: #6859a8; }
.sarano-taxonomy-icon[data-sarano-icon="drink"] { color: #9b6b37; }
.sarano-taxonomy-icon[data-sarano-icon="cleaning"] { color: #3a8d73; }
.sarano-taxonomy-icon[data-sarano-icon="personal"] { color: #a65983; }
.sarano-taxonomy-icon[data-sarano-icon="home"],
.sarano-taxonomy-icon[data-sarano-icon="cookware"],
.sarano-taxonomy-icon[data-sarano-icon="kitchen"] { color: #bc691f; }
.sarano-taxonomy-tab.is-active > .sarano-taxonomy-icon,
.sarano-taxonomy-tab:hover > .sarano-taxonomy-icon,
.sarano-taxonomy-tab:focus-visible > .sarano-taxonomy-icon { color: #fff; border-color: rgba(255,255,255,.75); background: rgba(255,255,255,.12); }
.sarano-taxonomy-chevron { width: 15px; height: 15px; flex: 0 0 15px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; transform: rotate(180deg); }
.sarano-taxonomy-content { min-width: 0; min-height: 0; overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; padding-inline-end: 6px; }
.sarano-taxonomy-panel[hidden] { display: none; }
.sarano-taxonomy-panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 13px; padding-bottom: 10px; border-bottom: 1px solid var(--sarano-border); }
.sarano-taxonomy-panel-heading > span { color: var(--sarano-muted); font-size: 10px; }
.sarano-taxonomy-main-title, .sarano-taxonomy-subgroup-title, .sarano-taxonomy-product, .sarano-taxonomy-leaf { display: flex !important; align-items: center; gap: 7px; min-width: 0; }
.sarano-taxonomy-main-title { padding: 0 !important; color: var(--sarano-accent) !important; font-size: 17px !important; font-weight: 850 !important; }
.sarano-taxonomy-subgroups { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; gap: 12px; }
.sarano-taxonomy-subgroup { min-width: 0; padding: 11px 12px 10px; border: 1px solid var(--sarano-border); border-radius: 11px; background: var(--sarano-surface); }
.sarano-taxonomy-subgroup h3 { margin: 0 0 7px; }
.sarano-taxonomy-subgroup-title { padding: 0 !important; color: var(--sarano-text) !important; font-size: 12px !important; font-weight: 850 !important; }
.sarano-taxonomy-subgroup-title:hover, .sarano-taxonomy-product:hover, .sarano-taxonomy-leaf:hover { background: transparent !important; color: var(--sarano-accent) !important; }
.sarano-taxonomy-products, .sarano-taxonomy-leaves { display: grid; gap: 2px 9px; margin: 0; padding: 0; list-style: none; }
.sarano-taxonomy-product-group { min-width: 0; padding: 4px 0; border-top: 1px solid var(--sarano-border); }
.sarano-taxonomy-product { padding: 4px 0 !important; color: var(--sarano-body) !important; font-size: 11px !important; font-weight: 750 !important; }
.sarano-taxonomy-icon--small { width: 16px; height: 16px; flex-basis: 16px; }
.sarano-taxonomy-leaves { grid-template-columns: repeat(2, minmax(0, 1fr)); padding-top: 2px; }
.sarano-taxonomy-leaf { padding: 3px 0 !important; color: var(--sarano-muted) !important; font-size: 10px !important; font-weight: 550 !important; }
.sarano-taxonomy-leaf .sarano-taxonomy-icon { width: 12px; height: 12px; flex-basis: 12px; opacity: .78; }
html[data-sarano-theme="night"] .sarano-taxonomy-tab { background: var(--sarano-surface-alt); }
html[data-sarano-theme="night"] .sarano-taxonomy-tab:hover,
html[data-sarano-theme="night"] .sarano-taxonomy-tab:focus-visible,
html[data-sarano-theme="night"] .sarano-taxonomy-tab.is-active { background: #102c4e; color: #fff; }
html[data-sarano-theme="night"] .sarano-taxonomy-subgroup { background: var(--sarano-surface-alt); }

/* The cloned Theme Builder tree inherits ParsKala's closed-state submenu
 * rule. Re-open that tree only inside the owned shell and lay it out as the
 * approved RTL mega-menu: L1 rail on the right, active L2/L3 content left. */
.sarano-mega-menu-nav > .menu-items > .menu-item > .prk-tab-menu-items {
  display: block !important;
  position: static !important;
  inset: auto !important;
  width: auto !important;
  max-width: none !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: auto !important;
}
.sarano-mega-menu-nav > .menu-items > .menu-item > a {
  display: none !important;
}
.sarano-mega-menu-nav > .menu-items > .menu-item > .prk-tab-menu-items > .prk-level-0 {
  display: grid !important;
  grid-template-columns: minmax(205px, 0.45fr) minmax(0, 1.55fr);
  align-items: start;
  gap: 22px;
  direction: rtl;
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  overflow: visible !important;
}
.sarano-mega-menu-nav > .menu-items > .menu-item > .prk-tab-menu-items > .prk-level-0 > li {
  display: contents !important;
}
.sarano-mega-menu-nav > .menu-items > .menu-item > .prk-tab-menu-items > .prk-level-0 > li > a {
  display: flex !important;
  align-items: center;
  gap: 8px;
  grid-column: 1;
  min-height: 44px;
  border-inline-start: 2px solid transparent;
  border-radius: 0;
  color: var(--sarano-text);
  font-size: 13px;
  font-weight: 800;
}
.sarano-mega-menu-item-icon { width: 18px; height: 18px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.sarano-mega-menu-nav > .menu-items > .menu-item > .prk-tab-menu-items > .prk-level-0 > li.active > a,
.sarano-mega-menu-nav > .menu-items > .menu-item > .prk-tab-menu-items > .prk-level-0 > li > a:hover,
.sarano-mega-menu-nav > .menu-items > .menu-item > .prk-tab-menu-items > .prk-level-0 > li > a:focus-visible {
  border-inline-start-color: var(--sarano-accent);
  background: var(--sarano-surface);
  color: var(--sarano-accent);
}
.sarano-mega-menu-nav > .menu-items > .menu-item > .prk-tab-menu-items > .prk-level-0 > li > .sub-menu {
  display: none !important;
}
.sarano-mega-menu-nav > .menu-items > .menu-item > .prk-tab-menu-items > .prk-level-0 > li.active > .sub-menu.prk-level-1 {
  display: grid !important;
  grid-column: 2;
  grid-row: 1 / span 99;
  align-content: start;
  gap: 10px 18px;
  min-width: 0;
  width: auto !important;
  max-width: none !important;
  float: none !important;
  overflow: visible !important;
  position: static !important;
  padding: 0 !important;
}
.sarano-mega-menu-nav .prk-level-2 {
  width: auto !important;
  max-width: none !important;
  float: none !important;
  overflow: visible !important;
  position: static !important;
}
.sarano-mega-menu-nav .prk-level-1 > li {
  width: 100% !important;
  min-width: 0;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--sarano-border);
}
.sarano-mega-menu-nav .prk-level-1 > li > a {
  padding: 7px 0;
  color: var(--sarano-text) !important;
  font-size: 13px;
  font-weight: 800;
}
.sarano-mega-menu-nav .prk-level-1 > li > .prk-level-2 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2px 12px;
  padding-top: 3px;
}
.sarano-mega-menu-nav .prk-level-1 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  width: 100% !important;
}
.sarano-mega-menu-nav .prk-level-2 a {
  padding: 5px 0;
  color: var(--sarano-body) !important;
  font-size: 12px;
  font-weight: 600;
}
.sarano-mega-menu-nav .prk-level-2 a:hover,
.sarano-mega-menu-nav .prk-level-2 a:focus-visible { color: var(--sarano-accent); background: transparent; }
/* Clip background scrolling without changing the inline formatting width of
 * the native sticky header. Using hidden here can remove a classic desktop
 * scrollbar and make the logo/action columns reflow while the panel opens. */
body.sarano-mega-open { overflow: clip; }

@media (min-width: 768px) {
  /* Kalamarket reference geometry: keep the mega menu on the same centered
   * 1320px content rail as the header, while preserving the Child-owned
   * below-header overlay and RTL taxonomy layout. */
  .sarano-mega-menu-panel {
    left: max(0px, calc((100vw - 1320px) / 2));
    right: max(0px, calc((100vw - 1320px) / 2));
    width: auto;
  }
}

/* R65 final cascade guard: these rules intentionally come last because the
 * historical R01 mobile contract above also targets #header at 56px. */
@media (max-width: 991px) {
  body #header,
  body > header#header {
    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
  }
  #header > .sarano-mobile-header-adapter {
    display: grid !important;
    height: 64px !important;
    min-height: 64px !important;
  }
}

/* R75 final cascade guard: keep the NIGHT theme control opaque after the
 * mobile adapter's higher-specificity translucent button rules. */
html[data-sarano-theme="night"] #header .sarano-mobile-header__utility-slot .sarano-theme-toggle,
html[data-sarano-theme="night"] header .sarano-r01-header-actions .sarano-theme-toggle,
html[data-sarano-theme="night"] #header .sarano-r01-header-actions .sarano-theme-toggle {
  background-color: #223142 !important;
  border-color: #516782 !important;
  color: #ffffff !important;
}
html[data-sarano-theme="night"] #header .sarano-mobile-header__utility-slot .sarano-theme-toggle:hover,
html[data-sarano-theme="night"] #header .sarano-mobile-header__utility-slot .sarano-theme-toggle:focus-visible,
html[data-sarano-theme="night"] header .sarano-r01-header-actions .sarano-theme-toggle:hover,
html[data-sarano-theme="night"] header .sarano-r01-header-actions .sarano-theme-toggle:focus-visible,
html[data-sarano-theme="night"] #header .sarano-r01-header-actions .sarano-theme-toggle:hover,
html[data-sarano-theme="night"] #header .sarano-r01-header-actions .sarano-theme-toggle:focus-visible {
  background-color: #ff6700 !important;
  border-color: #ff6700 !important;
  color: #071e3b !important;
}

@media (max-width: 767px) {
  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    overflow-x: hidden !important;
    background: var(--sarano-canvas) !important;
  }
  body #page,
  body #content,
  body .site,
  body > .elementor,
  body header,
  body header .sarano-r01-header-shell {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-inline: 0 !important;
    box-sizing: border-box !important;
  }
  header .sarano-r01-header-shell { overflow: visible !important; }
  .sarano-mega-menu-shell { inset: var(--sarano-mega-top, 48px) 0 0; }
  .sarano-mega-menu-panel { right: 0; left: 0; width: 100%; height: calc(100vh - var(--sarano-mega-top, 48px) - 12px); max-height: none; padding: 14px 16px 20px !important; }
  .sarano-mega-menu-heading { align-items: start; }
  .sarano-mega-menu-heading-content { display: block; }
  .sarano-mega-menu-heading h2 { margin-bottom: 10px; font-size: 18px; }
  .sarano-mega-menu-search-slot { width: 100%; max-width: none; }
  .sarano-mega-menu-nav > .menu-items > .menu-item > .prk-tab-menu-items > .prk-level-0 { grid-template-columns: 1fr; gap: 4px; }
  .sarano-mega-menu-nav > .menu-items > .menu-item > .prk-tab-menu-items > .prk-level-0 > li > a { grid-column: 1; min-height: 40px; }
  .sarano-mega-menu-nav > .menu-items > .menu-item > .prk-tab-menu-items > .prk-level-0 > li.active > .sub-menu.prk-level-1 { grid-column: 1; grid-row: auto; }
  .sarano-mega-menu-nav .prk-level-1 { grid-template-columns: 1fr !important; }
  .sarano-taxonomy-menu { grid-template-columns: 1fr; gap: 14px; }
  .sarano-taxonomy-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
  .sarano-taxonomy-tab { min-height: 44px; padding: 7px 8px; font-size: 10px; }
  .sarano-taxonomy-chevron { display: none; }
  .sarano-taxonomy-panel-heading { align-items: flex-start; flex-direction: column; gap: 4px; }
  .sarano-taxonomy-subgroups { grid-template-columns: 1fr; gap: 8px; }
}

/* The active ParsKala legacy footer declares its white surface with a later,
 * high-specificity !important rule. Keep that inherited structure, but bind
 * every visible footer surface to the Sarano Night tokens in the Child. */
html[data-sarano-theme="night"] body .prk-footer-template--legacy-mobit,
html[data-sarano-theme="night"] body .prk-footer-template--legacy-mobit .main-footer.mobit,
html[data-sarano-theme="night"] body .prk-footer-template--legacy-mobit .prk-lmf {
  background-color: var(--sarano-canvas) !important;
  color: var(--sarano-body) !important;
  border-color: var(--sarano-border) !important;
}
html[data-sarano-theme="night"] body .prk-footer-template--legacy-mobit .parskala_mt_prefooter,
html[data-sarano-theme="night"] body .prk-footer-template--legacy-mobit .prk-lmf__prefooter {
  background-color: var(--sarano-surface-alt) !important;
  color: var(--sarano-body) !important;
  border-color: var(--sarano-border) !important;
}
html[data-sarano-theme="night"] body .prk-footer-template--legacy-mobit :is(
  .prk-ef-contact__info,
  .prk-ef-contact__support,
  .prk-ef-contact__value,
  .prk-lmf-service__link,
  .prk-lmf-service__title,
  .parskala_footer_feature_title,
  h1, h2, h3, h4, p, li, a, label
) {
  color: var(--sarano-body) !important;
}
html[data-sarano-theme="night"] body .prk-footer-template--legacy-mobit a:hover,
html[data-sarano-theme="night"] body .prk-footer-template--legacy-mobit a:focus-visible {
  color: var(--sarano-accent) !important;
}
html[data-sarano-theme="night"] body .prk-footer-template--legacy-mobit input,
html[data-sarano-theme="night"] body .prk-footer-template--legacy-mobit textarea,
html[data-sarano-theme="night"] body .prk-footer-template--legacy-mobit select {
  background-color: var(--sarano-surface) !important;
  color: var(--sarano-text) !important;
  border-color: var(--sarano-border) !important;
}
html[data-sarano-theme="night"] body .prk-footer-template--legacy-mobit .prk-ef-copyright,
html[data-sarano-theme="night"] body .prk-footer-template--legacy-mobit .prk-ef-copyright * {
  color: var(--sarano-muted) !important;
}

/* The inherited login modal is rendered in the footer DOM. Its modal CSS is
 * optional in some ParsKala builds, so an inactive modal must never become a
 * full-width footer-sized logo or grey overlay. */
#loginmodal.micromodal-slide:not(.is-open),
#cartmodal.micromodal-slide:not(.is-open) {
  display: none !important;
}
#loginmodal.micromodal-slide.is-open,
#cartmodal.micromodal-slide.is-open {
  display: block !important;
}
#loginmodal.micromodal-slide.is-open .modal__overlay,
#cartmodal.micromodal-slide.is-open .modal__overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 100000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(7, 30, 59, .66) !important;
}
#loginmodal.micromodal-slide.is-open .modal__container,
#cartmodal.micromodal-slide.is-open .modal__container {
  max-width: min(500px, calc(100vw - 32px)) !important;
  max-height: calc(100vh - 32px) !important;
  overflow: auto !important;
}

/* Fixed slots prevent a longer DAY/NIGHT headline or description from
 * colliding with its neighbour while slides cross-fade. */
.sarano-v1-hero-copy {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.sarano-v1-hero-copy h1,
.sarano-v1-hero-copy p,
.sarano-v1-hero-copy .sarano-v1-button {
  flex: 0 0 auto;
}
.sarano-v1-hero-copy h1 { overflow-wrap: anywhere; }

/* ParsKala's city filter is a remodal component. If its optional remodal
 * stylesheet is absent, the two server-rendered instances must stay inert
 * until the plugin marks one as opened. */
body .citycategorychoosemodal.remodal { display: none !important; }
body .citycategorychoosemodal.remodal.remodal-is-opened,
body .citycategorychoosemodal.remodal.remodal-is-opening,
body .citycategorychoosemodal.remodal.remodal-is-closing { display: none !important; }
body #tekecablSearchcityModal,
body [data-remodal-target*="city" i],
body [data-remodal-target*="tekecabl" i],
body [aria-controls*="tekecabl" i],
body .city-filter-trigger,
body .searchcity-input,
body .taeedcityloactionmodalsetcookie { display: none !important; pointer-events: none !important; }

/* NIGHT editorial captions get their own bounded surface. This prevents a
 * long title/description from sitting directly on the image or colliding
 * with another line while preserving the approved image-led composition. */
html[data-sarano-theme="night"] .sarano-v1-promo-copy,
html[data-sarano-theme="night"] .sarano-v1-magazine-copy {
  right: 14px;
  bottom: 14px;
  left: 14px;
  max-height: calc(100% - 28px);
  overflow: hidden;
  padding: 10px 12px 9px;
  border: 1px solid rgba(191, 211, 230, .2);
  border-radius: 8px;
  background: rgba(7, 18, 31, .9);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
  box-sizing: border-box;
}
html[data-sarano-theme="night"] .sarano-v1-promo-copy strong,
html[data-sarano-theme="night"] .sarano-v1-magazine-copy strong {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.4;
}
html[data-sarano-theme="night"] .sarano-v1-promo-copy small {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.5;
}
html[data-sarano-theme="night"] .sarano-v1-magazine-copy .sarano-v1-eyebrow,
html[data-sarano-theme="night"] .sarano-v1-promo-copy .sarano-v1-eyebrow {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Existing R01/Elementor surfaces receive the same true theme tokens. */
html[data-sarano-theme="night"] .sarano-r01-header-shell,
html[data-sarano-theme="night"] .sarano-r01-home,
html[data-sarano-theme="night"] .sarano-r01-category-widget,
html[data-sarano-theme="night"] .sarano-r01-product-widget,
html[data-sarano-theme="night"] .sarano-r01-hero-copy {
  background-color: var(--sarano-surface) !important;
  color: var(--sarano-body);
  border-color: var(--sarano-border) !important;
}
html[data-sarano-theme="night"] .sarano-r01-hero {
  background-color: var(--sarano-canvas);
}
html[data-sarano-theme="night"] .sarano-r01-hero-heading,
html[data-sarano-theme="night"] .sarano-r01-hero-heading h1,
html[data-sarano-theme="night"] .sarano-r01-hero-support,
html[data-sarano-theme="night"] .sarano-r01-hero-support p,
html[data-sarano-theme="night"] .sarano-r01-home h1,
html[data-sarano-theme="night"] .sarano-r01-home h2,
html[data-sarano-theme="night"] .sarano-r01-home h3 {
  color: var(--sarano-text) !important;
}

html[data-sarano-theme="night"] .elementor-widget-text-editor,
html[data-sarano-theme="night"] .elementor-widget-heading,
html[data-sarano-theme="night"] .elementor-widget-icon-list,
html[data-sarano-theme="night"] .elementor-widget-button,
html[data-sarano-theme="night"] .elementor-widget-container {
  color: var(--sarano-body);
}
html[data-sarano-theme="night"] input,
html[data-sarano-theme="night"] select,
html[data-sarano-theme="night"] textarea {
  color: var(--sarano-text);
  background: var(--sarano-surface);
  border-color: var(--sarano-border);
}
html[data-sarano-theme="night"] a:focus-visible,
html[data-sarano-theme="night"] button:focus-visible,
html[data-sarano-theme="night"] input:focus-visible,
html[data-sarano-theme="night"] select:focus-visible,
html[data-sarano-theme="night"] textarea:focus-visible {
  outline: 2px solid var(--sarano-focus);
  outline-offset: 3px;
}

@media (max-width: 767px) {
  header .sarano-r01-header-row {
    grid-template-columns: 29% 37% 34% !important;
    column-gap: 0 !important;
    padding-inline: 8px !important;
  }
  header .sarano-r01-header-row > .sarano-r01-header-actions { width: 100% !important; min-width: 0 !important; }
  header .sarano-r01-header-row > .sarano-r01-header-search-col { width: 100% !important; min-width: 0 !important; }
  header .sarano-r01-header-row > .sarano-r01-header-logo-col { width: 100% !important; min-width: 0 !important; }
  .sarano-theme-toggle__label { display: none; }
  .sarano-theme-toggle { min-width: 32px; padding-inline: 6px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}

/* Final mobile header lock. ParsKala's Elementor flex percentages otherwise
 * apply a second percentage inside the grid track and shrink the logo while
 * pushing the controls below the 48px header line. */
@media (max-width: 767px) {
  header .sarano-r01-header-row {
    height: 48px !important;
    min-height: 48px !important;
    align-items: center !important;
    padding-inline: 8px !important;
  }
  header .sarano-r01-header-row > .sarano-r01-header-actions,
  header .sarano-r01-header-row > .sarano-r01-header-search-col,
  header .sarano-r01-header-row > .sarano-r01-header-logo-col,
  header .sarano-r01-header-row > .sarano-r01-header-logo-col.sarano-mega-menu-r01-host {
    align-self: center !important;
    height: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
  }
  header .sarano-r01-header-row > .sarano-r01-header-actions {
    width: 100% !important;
    min-width: 0 !important;
    flex: none !important;
  }
  header .sarano-r01-header-row > .sarano-r01-header-search-col {
    width: 100% !important;
    min-width: 0 !important;
    flex: none !important;
    align-items: center !important;
  }
  header .sarano-r01-header-row > .sarano-r01-header-logo-col,
  header .sarano-r01-header-row > .sarano-r01-header-logo-col.sarano-mega-menu-r01-host {
    width: 100% !important;
    min-width: 0 !important;
    flex: none !important;
    align-items: center !important;
    justify-content: space-between !important;
  }
  header .sarano-r01-header-row .sarano-r01-searchbox,
  header .sarano-r01-header-row .sarano-r01-searchbox.form_search {
    width: 100% !important;
    height: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
  }
  header .sarano-r01-header-row .sarano-r01-logo-wrap {
    display: flex !important;
    width: 78px !important;
    height: 28px !important;
    align-items: center !important;
    justify-content: flex-end !important;
    overflow: visible !important;
  }
  header .sarano-r01-header-row .sarano-r01-logo-image {
    display: block !important;
    width: 78px !important;
    max-width: 78px !important;
    height: 28px !important;
    object-fit: contain !important;
    overflow: visible !important;
  }
  header .sarano-r01-header-logo-col.sarano-mega-menu-r01-host > .sarano-mega-menu-trigger {
    flex: 0 0 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
  }
  header .prk-dh-cart-button { position: relative; top: -1px; }
  .sarano-mega-menu-shell { inset: var(--sarano-mega-top, 48px) 0 0 !important; }
  .sarano-mega-menu-nav > .menu-items > .menu-item > .prk-tab-menu-items > .prk-level-0 {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
    width: 100% !important;
  }
  .sarano-mega-menu-nav > .menu-items > .menu-item > .prk-tab-menu-items > .prk-level-0 > li > a {
    grid-column: 1 !important;
    width: 100% !important;
    min-height: 48px;
    padding: 12px 14px !important;
  }
  .sarano-mega-menu-nav > .menu-items > .menu-item > .prk-tab-menu-items > .prk-level-0 > li.active > .sub-menu.prk-level-1 {
    grid-column: 1 !important;
    grid-row: auto !important;
    padding: 14px 16px 24px !important;
  }
  .sarano-mega-menu-nav .prk-level-1 { grid-template-columns: 1fr !important; }
}

/* At the smallest supported width the mobile row has only 304px of usable
 * space. Reserve enough room for the 32px menu trigger and 74px logo so the
 * logo can never intrude into the search field. */
@media (max-width: 330px) {
  header .sarano-r01-header-row > .sarano-r01-header-search-col {
    width: 104px !important;
    min-width: 104px !important;
    flex: 0 0 104px !important;
  }
  header .sarano-r01-header-row > .sarano-r01-header-logo-col,
  header .sarano-r01-header-row > .sarano-r01-header-logo-col.sarano-mega-menu-r01-host {
    width: 112px !important;
    min-width: 112px !important;
    flex: 0 0 112px !important;
  }
}

/* R43 taxonomy density pass: five roots stay in one right-hand rail while
 * the active product families use a compact editorial grid. This avoids the
 * two-column root mosaic and the large empty second row seen in QA captures. */
@media (min-width: 768px) {
  .sarano-taxonomy-menu {
    grid-template-columns: minmax(238px, .32fr) minmax(0, 1.68fr);
    gap: 20px;
  }
  .sarano-taxonomy-rail {
    grid-template-columns: 1fr;
    gap: 7px;
    align-content: start;
    padding: 4px;
  }
  .sarano-taxonomy-tab {
    min-height: 56px;
    padding: 10px 12px;
    font-size: 12.5px;
  }
  .sarano-taxonomy-subgroups {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 11px;
  }
}

@media (min-width: 1200px) {
  .sarano-taxonomy-subgroups {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* Dense desktop contract: the dialog follows the active taxonomy content
 * instead of reserving a viewport-sized blank canvas for roots with only a
 * few groups. If a large root genuinely exceeds the viewport, the single
 * outer navigation region scrolls; cards never get pushed into a distant
 * second row by an artificial min-height. */
@media (min-width: 768px) {
  .sarano-mega-menu-panel {
    height: auto;
    max-height: min(720px, calc(100vh - var(--sarano-mega-top, 72px) - 20px));
  }
  .sarano-mega-menu-nav {
    flex: 0 1 auto;
    max-height: calc(100vh - var(--sarano-mega-top, 72px) - 126px);
    overflow-y: auto;
    overflow-x: hidden;
  }
  .sarano-taxonomy-menu {
    height: auto;
  }
  .sarano-taxonomy-content {
    overflow: visible;
  }
}

@media (max-width: 767px) {
  .sarano-taxonomy-rail {
    padding: 2px;
  }
  .sarano-taxonomy-tab {
    min-height: 48px;
    padding: 8px 10px;
    font-size: 11px;
  }
}



/* R42: the official R01 header is a Child-owned Elementor container, not a
 * descendant of ParsKala's legacy header wrapper. Keep the search surface
 * on the same theme tokens on every public route, including NIGHT. */
html[data-sarano-theme="night"] .sarano-r01-header-shell .sarano-r01-searchbox,
html[data-sarano-theme="night"] .sarano-r01-header-shell .sarano-r01-searchbox.form_search {
  background: var(--sarano-surface, #182331) !important;
  border-color: var(--sarano-border, #35475a) !important;
}

html[data-sarano-theme="night"] .sarano-r01-header-shell .sarano-r01-searchbox input,
html[data-sarano-theme="night"] .sarano-r01-header-shell .sarano-r01-searchbox input[type="search"],
html[data-sarano-theme="night"] .sarano-r01-header-shell .sarano-r01-searchbox input[type="text"] {
  background: var(--sarano-surface, #182331) !important;
  border-color: var(--sarano-border, #35475a) !important;
  color: var(--sarano-text, #f7f9fc) !important;
}

html[data-sarano-theme="night"] .sarano-r01-header-shell .sarano-r01-searchbox input::placeholder {
  color: var(--sarano-muted, #c8d0da) !important;
  opacity: 1 !important;
}

/* R21: keep the saved Elementor header compatible with ParsKala while
 * restoring the two-row, right-to-left composition used by the approved
 * Kalamarket reference. The selector is scoped to the saved header section
 * only; no parent-theme or Elementor-generated markup is edited. */
@media (min-width: 768px) {
  header .elementor-element-4b3a7fb7 {
    min-height: 0 !important;
    height: auto !important;
  }

  header .elementor-element-4b3a7fb7 > .elementor-container {
    display: grid !important;
    direction: ltr !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: "primary" !important;
    align-items: center !important;
    column-gap: clamp(16px, 2.2vw, 30px) !important;
    min-height: 132px !important;
    height: auto !important;
  }

  header .elementor-element-4b3a7fb7 > .elementor-container > .elementor-element-69ac04f {
    grid-area: primary !important;
    width: 100% !important;
    max-width: none !important;
    flex: none !important;
  }

  header .elementor-element-4b3a7fb7 > .elementor-container > .elementor-element-724abb51 {
    display: none !important;
  }

  header .elementor-element-4b3a7fb7 > .elementor-container > .elementor-element-6844b239,
  header .elementor-element-4b3a7fb7 > .elementor-container > .elementor-element-3bf878ec {
    display: none !important;
  }

  header .elementor-element-4b3a7fb7 .elementor-element-69ac04f > .elementor-widget-wrap {
    display: grid !important;
    direction: rtl !important;
    grid-template-columns: minmax(142px, 1fr) minmax(260px, 2.2fr) auto auto auto !important;
    grid-template-rows: auto auto !important;
    grid-template-areas: "logo search account cart theme" "menu menu menu menu menu" !important;
    align-items: center !important;
    column-gap: clamp(10px, 1.2vw, 18px) !important;
    row-gap: 10px !important;
    min-width: 0 !important;
    padding: 10px 0 !important;
  }

  header .elementor-element-4b3a7fb7 .elementor-element-4976005 {
    grid-area: logo !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    justify-self: end !important;
  }

  header .elementor-element-4b3a7fb7 .elementor-element-4976005 .prk-header-logo,
  header .elementor-element-4b3a7fb7 .elementor-element-4976005 .elementor-widget-container {
    width: auto !important;
    margin: 0 !important;
  }

  header .elementor-element-4b3a7fb7 .elementor-element-4976005 img {
    display: block !important;
    width: clamp(142px, 13vw, 190px) !important;
    max-width: none !important;
    height: auto !important;
    object-fit: contain !important;
  }

  header .elementor-element-4b3a7fb7 .elementor-element-dfc91ab {
    grid-area: menu !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  header .elementor-element-4b3a7fb7 .elementor-element-dfc91ab > .elementor-widget-container,
  header .elementor-element-4b3a7fb7 .elementor-element-dfc91ab .prk-header-menu {
    width: 100% !important;
    margin: 0 !important;
  }

  header .elementor-element-4b3a7fb7 .elementor-element-dfc91ab .prk-header-menu {
    min-height: 42px !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    border-top: 1px solid rgba(39, 54, 74, .12) !important;
    padding-top: 8px !important;
  }

  header .elementor-element-4b3a7fb7 .elementor-element-dfc91ab .prk-header-menu > .sarano-mega-menu-trigger {
    order: 0 !important;
    flex: 0 0 auto !important;
  }

  header .elementor-element-4b3a7fb7 .elementor-element-dfc91ab .prk-header-menu > nav {
    order: 1 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  header .elementor-element-4b3a7fb7 .elementor-element-8d30bdc {
    grid-area: account !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    justify-self: center !important;
  }

  header .elementor-element-4b3a7fb7 .elementor-element-02b4fba {
    grid-area: cart !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    justify-self: center !important;
  }

  header .elementor-element-4b3a7fb7 .sarano-theme-toggle {
    grid-area: theme !important;
    justify-self: center !important;
    width: 46px !important;
    min-width: 46px !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
  }

  header .elementor-element-4b3a7fb7 .elementor-element-8d30bdc,
  header .elementor-element-4b3a7fb7 .elementor-element-02b4fba,
  header .elementor-element-4b3a7fb7 .sarano-theme-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 42px !important;
  }

  header .elementor-element-4b3a7fb7 .prk-theme-header-action,
  header .elementor-element-4b3a7fb7 .prk-dh-account,
  header .elementor-element-4b3a7fb7 .prk-dh-cart-button {
    height: 42px !important;
    min-height: 42px !important;
  }

  header .elementor-element-4b3a7fb7 .prk-dh-account-button,
  header .elementor-element-4b3a7fb7 .prk-dh-cart-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    min-height: 42px !important;
    padding: 0 10px !important;
    border: 1px solid rgba(39, 54, 74, .14) !important;
    border-radius: 12px !important;
  }

  header .elementor-element-4b3a7fb7 .elementor-element-aadfa70 {
    grid-area: search !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto !important;
  }

  header .elementor-element-4b3a7fb7 .elementor-element-aadfa70 .prk-header-searchbox {
    width: 100% !important;
    min-height: 48px !important;
    height: 48px !important;
    background: var(--sarano-surface, #fff) !important;
    color: var(--sarano-text, #27364a) !important;
  }
}

@media (max-width: 767px) {
  header .elementor-element-4b3a7fb7 {
    position: relative !important;
    z-index: 100 !important;
  }

  header .elementor-element-4b3a7fb7 > .elementor-container,
  header .elementor-element-4b3a7fb7 .elementor-element-dfc91ab,
  header .elementor-element-4b3a7fb7 .prk-header-menu {
    position: relative !important;
    z-index: 101 !important;
  }

  header .elementor-element-4b3a7fb7 .prk-header-menu > .sarano-mega-menu-trigger {
    position: relative !important;
    z-index: 102 !important;
    pointer-events: auto !important;
  }

  header .elementor-element-4b3a7fb7 > .elementor-container {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
    min-height: 0 !important;
    padding-block: 8px !important;
  }

  header .elementor-element-4b3a7fb7 > .elementor-container > .elementor-element-6844b239,
  header .elementor-element-4b3a7fb7 > .elementor-container > .elementor-element-3bf878ec {
    display: none !important;
  }

  header .elementor-element-4b3a7fb7 > .elementor-container > .elementor-element-69ac04f,
  header .elementor-element-4b3a7fb7 > .elementor-container > .elementor-element-724abb51 {
    width: 100% !important;
    max-width: none !important;
    flex: none !important;
  }

  header .elementor-element-4b3a7fb7 > .elementor-container > .elementor-element-724abb51 {
    display: none !important;
  }

  header .elementor-element-4b3a7fb7 .elementor-element-69ac04f > .elementor-widget-wrap {
    display: grid !important;
    direction: ltr !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-areas: "theme logo logo menu" "search search search search" "account account cart cart" !important;
    gap: 8px !important;
    padding: 0 !important;
  }

  header .sarano-elementor-header-normalized .elementor-widget-prk-menu.sarano-native-secondary-menu-hidden {
    display: none !important;
  }

  header .elementor-element-4b3a7fb7 .sarano-mega-menu-trigger {
    grid-area: menu !important;
    justify-self: end !important;
    align-self: center !important;
    position: relative !important;
    inset: auto !important;
    z-index: 102 !important;
    margin: 0 !important;
    pointer-events: auto !important;
  }

  header .elementor-element-4b3a7fb7 .elementor-element-4976005 {
    grid-area: logo !important;
    justify-self: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  header .elementor-element-4b3a7fb7 .sarano-theme-toggle {
    grid-area: theme !important;
    justify-self: start !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  header .elementor-element-4b3a7fb7 .elementor-element-4976005 img {
    width: 118px !important;
    max-width: 118px !important;
  }

  header .elementor-element-4b3a7fb7 .elementor-element-aadfa70 {
    grid-area: search !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  header .elementor-element-4b3a7fb7 .elementor-element-aadfa70 .prk-header-searchbox {
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
  }

  header .elementor-element-4b3a7fb7 .elementor-element-8d30bdc,
  header .elementor-element-4b3a7fb7 .elementor-element-02b4fba {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    justify-self: stretch !important;
  }

  /* Keep the mobile account/cart hit areas equal to their Elementor grid
   * cells. The parent theme collapses the logged-in mobile account anchor
   * and leaves the cart link at content width on some routes. */
  header .elementor-element-4b3a7fb7 .prk-dh-account-mobile {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
  }

  header .elementor-element-4b3a7fb7 .prk-dh-account-mobile__trigger,
  header .elementor-element-4b3a7fb7 .prk-dh-cart-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 10px !important;
    border: 1px solid rgba(39, 54, 74, .14) !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
  }

  header .elementor-element-4b3a7fb7 .elementor-element-8d30bdc { grid-area: account !important; }
  header .elementor-element-4b3a7fb7 .elementor-element-02b4fba { grid-area: cart !important; }

  header .elementor-element-4b3a7fb7 .elementor-element-dfc91ab .prk-header-menu {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    justify-content: flex-start !important;
    border-top: 1px solid rgba(39, 54, 74, .12) !important;
    padding-top: 6px !important;
  }

  header .elementor-element-4b3a7fb7 .elementor-element-dfc91ab .prk-header-menu > nav,
  header .elementor-element-4b3a7fb7 .elementor-element-dfc91ab .prk-header-menu > .call-to-admin-prk {
    display: none !important;
  }

  header .elementor-element-4b3a7fb7 .elementor-element-dfc91ab .prk-header-menu > .sarano-mega-menu-trigger {
    margin-inline-start: auto !important;
    margin-inline-end: 0 !important;
  }
}

/* R28 late paint overrides: the parent theme and Elementor print white
 * backgrounds after the base token rules. */
html[data-sarano-theme="night"] body,
html[data-sarano-theme="night"] body > .elementor,
html[data-sarano-theme="night"] #content,
html[data-sarano-theme="night"] .site-main {
  background-color: var(--sarano-canvas) !important;
  color: var(--sarano-body) !important;
}

html[data-sarano-theme="night"] header,
html[data-sarano-theme="night"] header .elementor-element-4b3a7fb7,
html[data-sarano-theme="night"] header .elementor-element-4b3a7fb7 > .elementor-container,
html[data-sarano-theme="night"] header .elementor-element-4b3a7fb7 .elementor-widget-wrap {
  background-color: var(--sarano-surface) !important;
  color: var(--sarano-text) !important;
}

html[data-sarano-theme="night"] header .prk-header-menu a,
html[data-sarano-theme="night"] header .prk-header-menu .title,
html[data-sarano-theme="night"] header .prk-header-menu .item-icon-title,
html[data-sarano-theme="night"] header .call-to-admin-prk,
html[data-sarano-theme="night"] header .call-to-admin-prk .title-call,
html[data-sarano-theme="night"] header .call-to-admin-prk .icon-call,
html[data-sarano-theme="night"] header .prk-dh-account-menu,
html[data-sarano-theme="night"] header .prk-dh-account-menu a,
html[data-sarano-theme="night"] header .prk-dh-account-menu button {
  background-color: var(--sarano-surface-alt) !important;
  border-color: var(--sarano-border) !important;
  color: var(--sarano-text) !important;
}

html[data-sarano-theme="night"] header .prk-header-menu a:hover,
html[data-sarano-theme="night"] header .prk-header-menu a:focus-visible,
html[data-sarano-theme="night"] header .prk-dh-account-menu a:hover,
html[data-sarano-theme="night"] header .prk-dh-account-menu a:focus-visible {
  color: var(--sarano-accent-text) !important;
}

html[data-sarano-theme="night"] header .main_results_ajax_search,
html[data-sarano-theme="night"] header .main_results_ajax_search * {
  background-color: var(--sarano-surface) !important;
  border-color: var(--sarano-border) !important;
  color: var(--sarano-text) !important;
}

/* R32: the mobile Elementor search widget keeps ParsKala's bg-white class;
 * theme tokens must win in NIGHT on every route. */
html[data-sarano-theme="night"] header .elementor-element-4b3a7fb7 .prk-header-searchbox,
html[data-sarano-theme="night"] header .elementor-element-4b3a7fb7 .prk-header-searchbox input,
html[data-sarano-theme="night"] header .elementor-element-4b3a7fb7 .prk-header-searchbox button {
  background-color: var(--sarano-surface) !important;
  border-color: var(--sarano-border) !important;
  color: var(--sarano-text) !important;
}

/* R34: explicitly reset the same widget when returning to DAY; ParsKala's
 * archive/search styles can otherwise retain the previous NIGHT paint. */
html[data-sarano-theme="day"] header .elementor-element-4b3a7fb7 .prk-header-searchbox,
html[data-sarano-theme="day"] header .elementor-element-4b3a7fb7 .prk-header-searchbox input,
html[data-sarano-theme="day"] header .elementor-element-4b3a7fb7 .prk-header-searchbox button {
  background-color: var(--sarano-surface, #fbf6f3) !important;
  border-color: var(--sarano-border, #d7dee8) !important;
  color: var(--sarano-text, #17345f) !important;
}

/* R35: keep the approved hamburger visibly anchored on the light header. */
html[data-sarano-theme="day"] header .sarano-elementor-header-normalized .sarano-mega-menu-trigger {
  background: var(--sarano-header, #071e3b) !important;
  border-color: var(--sarano-header, #071e3b) !important;
  color: #fff !important;
}

/* R40 mobile contract: the official R01 header is emitted without a
 * header ancestor on public routes. Keep the same three-column composition
 * scoped to the Child-owned R01 classes so the logo, search and hamburger
 * remain inside the viewport on real 390px devices. */
@media (max-width: 767px) {
  .sarano-r01-header-row {
    grid-template-columns: 25% 43% 32% !important;
    column-gap: 0 !important;
    padding-inline: 8px !important;
  }
  .sarano-r01-header-row > .sarano-r01-header-actions,
  .sarano-r01-header-row > .sarano-r01-header-search-col,
  .sarano-r01-header-row > .sarano-r01-header-logo-col {
    width: 100% !important;
    min-width: 0 !important;
    flex: none !important;
    align-self: center !important;
    margin: 0 !important;
  }
  .sarano-r01-header-row > .sarano-r01-header-logo-col {
    height: 32px !important;
    min-height: 32px !important;
    align-items: center !important;
    justify-content: space-between !important;
    overflow: visible !important;
  }
  .sarano-r01-header-logo-col > .sarano-mega-menu-trigger {
    display: inline-flex !important;
    flex: 0 0 34px !important;
    width: 34px !important;
    min-width: 34px !important;
    height: 32px !important;
    min-height: 32px !important;
    padding-inline: 0 !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .sarano-r01-header-logo-col > .sarano-mega-menu-trigger > span { display: none !important; }
  .sarano-r01-header-row .sarano-r01-logo-wrap {
    display: flex !important;
    flex: 0 0 74px !important;
    width: 74px !important;
    max-width: 74px !important;
    height: 28px !important;
    align-items: center !important;
    justify-content: flex-end !important;
    overflow: visible !important;
  }
  .sarano-r01-header-row .sarano-r01-logo-image {
    display: block !important;
    width: 74px !important;
    max-width: 74px !important;
    height: 28px !important;
    max-height: 28px !important;
    object-fit: contain !important;
  }
}

@media (max-width: 430px) {
  .sarano-r01-header-row {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
  }
  .sarano-r01-header-row .sarano-r01-searchbox,
  .sarano-r01-header-row .sarano-r01-searchbox.form_search,
  .sarano-r01-header-row .sarano-r01-searchbox input,
  .sarano-r01-header-row .sarano-r01-searchbox button,
  .sarano-r01-header-row .sarano-r01-searchbox [type="submit"] {
    height: 32px !important;
    min-height: 32px !important;
  }
}

@media (max-width: 330px) {
  .sarano-r01-header-row { grid-template-columns: 26% 43% 31% !important; }
  .sarano-r01-header-logo-col > .sarano-mega-menu-trigger {
    flex-basis: 32px !important;
    width: 32px !important;
    min-width: 32px !important;
  }
  .sarano-r01-header-row .sarano-r01-logo-wrap,
  .sarano-r01-header-row .sarano-r01-logo-image {
    flex-basis: 58px !important;
    width: 58px !important;
    max-width: 58px !important;
  }
}

/* R43c mobile action contract: ParsKala's guest/account widget keeps a
 * 24px wrapper on the home route, which makes the account glyph collapse
 * between the cart and theme controls. Normalize the widget, inner action,
 * and trigger to the same 32px hit area as the other two controls. */
@media (max-width: 767px) {
  body.home #header .sarano-r01-header-actions,
  body:not(.home) #header .sarano-r01-header-actions {
    gap: 4px !important;
    align-items: center !important;
  }
  body.home #header .sarano-r01-header-actions > .elementor-widget-prk-theme-account-button,
  body:not(.home) #header .sarano-r01-header-actions > .elementor-widget-prk-theme-account-button,
  body.home #header .sarano-r01-header-actions > .elementor-widget-prk-theme-cart-button,
  body:not(.home) #header .sarano-r01-header-actions > .elementor-widget-prk-theme-cart-button,
  body.home #header .sarano-r01-header-actions > .elementor-widget-prk-theme-account-button > .elementor-widget-container,
  body:not(.home) #header .sarano-r01-header-actions > .elementor-widget-prk-theme-account-button > .elementor-widget-container,
  body.home #header .sarano-r01-header-actions > .elementor-widget-prk-theme-cart-button > .elementor-widget-container,
  body:not(.home) #header .sarano-r01-header-actions > .elementor-widget-prk-theme-cart-button > .elementor-widget-container,
  body.home #header .sarano-r01-header-actions .sarano-r01-account,
  body:not(.home) #header .sarano-r01-header-actions .sarano-r01-account,
  body.home #header .sarano-r01-header-actions .sarano-r01-cart,
  body:not(.home) #header .sarano-r01-header-actions .sarano-r01-cart,
  body.home #header .sarano-r01-header-actions .prk-dh-account-mobile,
  body:not(.home) #header .sarano-r01-header-actions .prk-dh-account-mobile,
  body.home #header .sarano-r01-header-actions .prk-dh-account-mobile__trigger,
  body:not(.home) #header .sarano-r01-header-actions .prk-dh-account-mobile__trigger,
  body.home #header .sarano-r01-header-actions .prk-dh-cart-button,
  body:not(.home) #header .sarano-r01-header-actions .prk-dh-cart-button {
    box-sizing: border-box !important;
    display: flex !important;
    flex: 0 0 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    align-items: center !important;
    justify-content: center !important;
  }
  body.home #header .sarano-r01-header-actions .sarano-r01-account,
  body:not(.home) #header .sarano-r01-header-actions .sarano-r01-account,
  body.home #header .sarano-r01-header-actions .sarano-r01-cart,
  body:not(.home) #header .sarano-r01-header-actions .sarano-r01-cart,
  body.home #header .sarano-r01-header-actions .prk-dh-account-mobile__trigger,
  body:not(.home) #header .sarano-r01-header-actions .prk-dh-account-mobile__trigger,
  body.home #header .sarano-r01-header-actions .prk-dh-cart-button,
  body:not(.home) #header .sarano-r01-header-actions .prk-dh-cart-button {
    border: 1px solid rgba(255,255,255,.34) !important;
    border-radius: 6px !important;
  }
  body.home #header .sarano-r01-header-actions .prk-dh-cart-button,
  body:not(.home) #header .sarano-r01-header-actions .prk-dh-cart-button {
    position: relative !important;
    top: 1px !important;
  }
}

/* R43 mobile containment contract: Persian labels must wrap inside the
 * viewport. The parent menu stylesheet gives flex/grid children an intrinsic
 * min-content width, which is why a 390px capture can otherwise show a clipped
 * second root column and a search field pushed off-canvas. */
@media (max-width: 767px) {
  .sarano-mega-menu-shell,
  .sarano-mega-menu-panel,
  .sarano-mega-menu-nav,
  .sarano-taxonomy-menu,
  .sarano-taxonomy-rail,
  .sarano-taxonomy-content,
  .sarano-taxonomy-panel,
  .sarano-taxonomy-subgroups,
  .sarano-taxonomy-subgroup {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  .sarano-mega-menu-panel {
    right: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }
  .sarano-taxonomy-menu,
  .sarano-taxonomy-panel,
  .sarano-taxonomy-content {
    overflow-x: hidden !important;
  }
  .sarano-taxonomy-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    overflow-x: hidden !important;
  }
  .sarano-taxonomy-tab,
  .sarano-taxonomy-subgroup-title,
  .sarano-taxonomy-product,
  .sarano-taxonomy-main-title {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }
  .sarano-taxonomy-panel-heading,
  .sarano-taxonomy-panel-heading > span,
  .sarano-taxonomy-panel-heading > a,
  .sarano-taxonomy-subgroup h3 {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
  }
  .sarano-taxonomy-subgroup,
  .sarano-taxonomy-products,
  .sarano-taxonomy-product-group {
    overflow: hidden !important;
  }
}

/* Semantic icon palette for the expanded taxonomy factory. */
.sarano-taxonomy-icon[data-sarano-icon="drainboard"] { color: #2d8a84; }
.sarano-taxonomy-icon[data-sarano-icon="chopping"] { color: #9a6a35; }
.sarano-taxonomy-icon[data-sarano-icon="trash"] { color: #8b647a; }
.sarano-taxonomy-icon[data-sarano-icon="hood"],
.sarano-taxonomy-icon[data-sarano-icon="microwave"] { color: #bb691e; }
.sarano-taxonomy-icon[data-sarano-icon="toilet"],
.sarano-taxonomy-icon[data-sarano-icon="shower"],
.sarano-taxonomy-icon[data-sarano-icon="mirror"] { color: #3b78a5; }
.sarano-taxonomy-icon[data-sarano-icon="mobile"],
.sarano-taxonomy-icon[data-sarano-icon="laptop"] { color: #665bb0; }
.sarano-taxonomy-icon[data-sarano-icon="structure"] { color: #6c7890; }

/* R43d: on narrow screens the header exposes one compact search icon and
 * delegates the query experience to ParsKala's native mobile modal. The
 * desktop form remains unchanged above this breakpoint. */
@media (max-width: 767px) {
  #header form.sarano-r01-searchbox.sarano-mobile-search-ready {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 34px !important;
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    margin-inline: auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 9px !important;
    border: 1px solid rgba(255,255,255,.24) !important;
    box-shadow: 0 4px 12px rgba(4, 15, 35, .16) !important;
  }

  #header form.sarano-r01-searchbox.sarano-mobile-search-ready > [data-prk-search-input],
  #header form.sarano-r01-searchbox.sarano-mobile-search-ready > [data-prk-search-results] {
    display: none !important;
  }

  #header form.sarano-r01-searchbox.sarano-mobile-search-ready > .prk-search-submit,
  #header form.sarano-r01-searchbox.sarano-mobile-search-ready > button[type="submit"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 32px !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 8px !important;
    cursor: pointer !important;
  }

  #header form.sarano-r01-searchbox.sarano-mobile-search-ready .pars-search-icon {
    width: 17px !important;
    height: 17px !important;
    font-size: 17px !important;
    line-height: 1 !important;
  }
}

/* Native ParsKala mobile search modal: maintain readable contrast in both
 * themes without changing the parent theme or its AJAX/search contract. */
html[data-sarano-theme="day"] #search-modal-mobile {
  background: #ffffff !important;
  color: #162c5b !important;
}
html[data-sarano-theme="day"] #search-modal-mobile .modal-header > div {
  background: #f0f3f7 !important;
}
html[data-sarano-theme="day"] #search-modal-mobile [data-prk-search-results] {
  background: #ffffff !important;
  color: #162c5b !important;
}
html[data-sarano-theme="night"] #search-modal-mobile {
  background: #101a29 !important;
  color: #edf4fb !important;
}
html[data-sarano-theme="night"] #search-modal-mobile .modal-header > div {
  background: #1c2b3d !important;
  border: 1px solid #3a4d63 !important;
}
html[data-sarano-theme="night"] #search-modal-mobile input[data-prk-search-input],
html[data-sarano-theme="night"] #search-modal-mobile .prk_input_serach {
  background: transparent !important;
  color: #f4f8fc !important;
  caret-color: #ff8a42 !important;
}
html[data-sarano-theme="night"] #search-modal-mobile input::placeholder {
  color: #b9c8d8 !important;
  opacity: 1 !important;
}
html[data-sarano-theme="night"] #search-modal-mobile [data-modal-close] svg {
  fill: #dbe7f3 !important;
}
html[data-sarano-theme="night"] #search-modal-mobile [data-prk-search-results],
html[data-sarano-theme="night"] #search-modal-mobile [data-prk-search-results] * {
  color: #edf4fb !important;
}

/* Menu polish: the hamburger is a recognizable control, so keep the visual
 * affordance large and remove the redundant visible label. Search is the
 * native ParsKala form rendered inline inside the open mega menu. */
#header .sarano-mega-menu-trigger,
header .sarano-mega-menu-trigger {
  min-width: 44px !important;
  width: 44px !important;
  min-height: 42px !important;
  height: 42px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#header .sarano-mega-menu-trigger > svg,
header .sarano-mega-menu-trigger > svg {
  width: 27px !important;
  height: 27px !important;
}
#header .sarano-mega-menu-trigger > svg path,
header .sarano-mega-menu-trigger > svg path {
  stroke-width: 2.15;
}
#header .sarano-mega-menu-trigger > span,
header .sarano-mega-menu-trigger > span { display: none !important; }

.sarano-mega-menu-nav {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.sarano-mega-menu-nav > .sarano-taxonomy-menu,
.sarano-mega-menu-nav > .menu-items {
  flex: 1 1 auto;
  min-height: 0;
  height: auto;
}
@media (max-width: 767px) {
  #header .sarano-mega-menu-trigger,
  header .sarano-mega-menu-trigger {
    flex: 0 0 38px !important;
    min-width: 38px !important;
    width: 38px !important;
    min-height: 36px !important;
    height: 36px !important;
  }
  #header .sarano-mega-menu-trigger > svg,
  header .sarano-mega-menu-trigger > svg {
    width: 25px !important;
    height: 25px !important;
  }
  .sarano-mega-menu-nav { gap: 11px; }
}

@media (max-width: 330px) {
  #header .sarano-mega-menu-trigger,
  header .sarano-mega-menu-trigger {
    flex-basis: 36px !important;
    min-width: 36px !important;
    width: 36px !important;
  }
}

/* R43f header composition: one stable three-zone contract on every route.
 * Actions stay left, the Sarano mark is centered, and the menu owns the
 * right edge. The native search form is rendered only inside the open menu. */
header .sarano-r01-header-row,
#header .sarano-r01-header-row {
  display: grid !important;
  grid-template-columns: minmax(0, 28fr) minmax(0, 44fr) minmax(0, 28fr) !important;
  direction: rtl !important;
  align-items: center !important;
  position: relative !important;
}
header .sarano-r01-header-search-col,
#header .sarano-r01-header-search-col,
.sarano-header-search-source-hidden {
  display: none !important;
}
header .sarano-r01-header-actions,
#header .sarano-r01-header-actions {
  grid-column: 3 !important;
  grid-row: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  justify-content: flex-start !important;
  padding-left: 8px !important;
}
header .sarano-r01-header-logo-col,
#header .sarano-r01-header-logo-col {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: 100% !important;
  min-width: 0 !important;
  flex: none !important;
  position: static !important;
  align-items: center !important;
  justify-content: center !important;
}
header .sarano-r01-header-logo-col .sarano-r01-logo-wrap,
#header .sarano-r01-header-logo-col .sarano-r01-logo-wrap {
  flex: 0 0 86px !important;
  width: 86px !important;
  max-width: 86px !important;
  justify-content: center !important;
}
header .sarano-r01-header-logo-col .sarano-r01-logo-image,
#header .sarano-r01-header-logo-col .sarano-r01-logo-image {
  width: 86px !important;
  max-width: 86px !important;
  height: auto !important;
  max-height: 34px !important;
  object-fit: contain !important;
}
header .sarano-r01-header-menu-slot,
#header .sarano-r01-header-menu-slot {
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  align-items: center !important;
  justify-content: flex-end !important;
  direction: ltr !important;
  padding-right: 0 !important;
}
header .sarano-r01-header-menu-slot > .sarano-mega-menu-trigger,
#header .sarano-r01-header-menu-slot > .sarano-mega-menu-trigger {
  position: static !important;
  margin: 0 !important;
  flex: 0 0 44px !important;
}

.sarano-mega-menu-search-slot {
  flex: 0 0 auto;
  width: 100%;
  direction: rtl;
  position: relative;
}
.sarano-mega-menu-search-slot__label {
  display: block;
  margin: 0 0 7px;
  color: var(--sarano-muted);
  font-size: 13px;
  font-weight: 750;
  line-height: 1.5;
}
.sarano-mega-menu-search-slot > form.sarano-mega-menu-inline-search {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 54px !important;
  min-height: 54px !important;
  align-items: center !important;
  gap: 0 !important;
  overflow: hidden !important;
  position: relative !important;
  border: 1px solid var(--sarano-border) !important;
  border-radius: 12px !important;
  background: var(--sarano-surface-alt) !important;
  box-shadow: 0 8px 22px rgba(7, 30, 59, .08) !important;
}
.sarano-mega-menu-inline-search > input[data-prk-search-input] {
  display: block !important;
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 52px !important;
  padding: 0 16px !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: var(--sarano-text) !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
}
.sarano-mega-menu-inline-search > input[data-prk-search-input]::placeholder {
  color: var(--sarano-muted) !important;
  opacity: 1 !important;
}
.sarano-mega-menu-inline-search > .prk-search-submit {
  order: 2 !important;
  flex: 0 0 54px !important;
  width: 54px !important;
  height: 54px !important;
  min-height: 54px !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #fff !important;
  cursor: pointer !important;
}
.sarano-mega-menu-inline-search > .prk-search-submit .pars-search-icon {
  color: currentColor !important;
  font-size: 22px !important;
}
.sarano-mega-menu-inline-search [data-prk-search-results] {
  z-index: 20 !important;
  right: 0 !important;
  left: 0 !important;
  top: calc(100% + 8px) !important;
  width: 100% !important;
  max-width: none !important;
}
.sarano-mega-menu-search-slot > [data-prk-search-results] {
  position: absolute !important;
  top: 85px !important;
  right: 0 !important;
  left: 0 !important;
  width: 100% !important;
  max-width: none !important;
  z-index: 40 !important;
  border: 1px solid var(--sarano-border) !important;
  border-radius: 12px !important;
  background: var(--sarano-canvas) !important;
  color: var(--sarano-text) !important;
  box-shadow: 0 16px 36px rgba(7, 30, 59, .18) !important;
}
html[data-sarano-theme="night"] .sarano-mega-menu-search-slot > [data-prk-search-results],
html[data-sarano-theme="night"] .sarano-mega-menu-search-slot > [data-prk-search-results] * {
  background-color: #182a3e !important;
  color: #edf4fb !important;
  border-color: #3d536d !important;
}
html[data-sarano-theme="day"] .sarano-mega-menu-inline-search {
  background: #fff !important;
  border-color: #d7dee8 !important;
}
html[data-sarano-theme="night"] .sarano-mega-menu-inline-search {
  background: #182a3e !important;
  border-color: #3d536d !important;
}
html[data-sarano-theme="night"] .sarano-mega-menu-inline-search > input[data-prk-search-input] {
  color: #f4f8fc !important;
  caret-color: var(--sarano-accent) !important;
}
html[data-sarano-theme="night"] .sarano-mega-menu-inline-search > input[data-prk-search-input]::placeholder {
  color: #b9c8d8 !important;
}

@media (max-width: 767px) {
  header .sarano-r01-header-row,
  #header .sarano-r01-header-row {
    grid-template-columns: minmax(0, 28fr) minmax(0, 44fr) minmax(0, 28fr) !important;
  }
  header .sarano-r01-header-logo-col .sarano-r01-logo-wrap,
  #header .sarano-r01-header-logo-col .sarano-r01-logo-wrap {
    flex-basis: 74px !important;
    width: 74px !important;
    max-width: 74px !important;
  }
  header .sarano-r01-header-logo-col .sarano-r01-logo-image,
  #header .sarano-r01-header-logo-col .sarano-r01-logo-image {
    width: 74px !important;
    max-width: 74px !important;
    max-height: 30px !important;
  }
  .sarano-mega-menu-search-slot__label { font-size: 13px; }
  .sarano-mega-menu-search-slot > form.sarano-mega-menu-inline-search {
    height: 50px !important;
    min-height: 50px !important;
  }
  .sarano-mega-menu-inline-search > input[data-prk-search-input] {
    min-height: 48px !important;
    font-size: 14px !important;
  }
  .sarano-mega-menu-inline-search > .prk-search-submit {
    flex-basis: 50px !important;
    width: 50px !important;
    height: 50px !important;
    min-height: 50px !important;
  }
  header .sarano-r01-header-menu-slot > .sarano-mega-menu-trigger,
  #header .sarano-r01-header-menu-slot > .sarano-mega-menu-trigger {
    flex-basis: 38px !important;
    width: 38px !important;
  }
}

/* R43J final cascade: the search field is present in the menu DOM but is
 * collapsed until the adjacent header search control is activated. */
.sarano-mega-menu-search-slot.is-search-collapsed > form.sarano-mega-menu-inline-search,
.sarano-mega-menu-search-slot > form.sarano-mega-menu-search-collapsed {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
.sarano-mega-menu-search-slot:not(.is-search-collapsed) > form.sarano-mega-menu-search-collapsed {
  display: flex !important;
  visibility: visible !important;
  height: 54px !important;
  min-height: 54px !important;
}
header .sarano-header-menu-controls > .sarano-mega-menu-trigger,
#header .sarano-header-menu-controls > .sarano-mega-menu-trigger,
header .sarano-header-menu-search-trigger,
#header .sarano-header-menu-search-trigger {
  background: #163b66 !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,.58) !important;
}
header .sarano-header-menu-controls > .sarano-mega-menu-trigger svg,
#header .sarano-header-menu-controls > .sarano-mega-menu-trigger svg,
header .sarano-header-menu-search-trigger svg,
#header .sarano-header-menu-search-trigger svg {
  stroke: currentColor !important;
  fill: none !important;
}
@media (max-width: 767px) {
  .sarano-mega-menu-search-slot:not(.is-search-collapsed) > form.sarano-mega-menu-search-collapsed {
    height: 50px !important;
    min-height: 50px !important;
  }
}

/* R54 search safety: ParsKala can leave an empty AJAX results shell open on
 * first focus. It must not cover the first row of the taxonomy rail. The
 * Child hides only an empty results shell; populated native results remain
 * available and keep their original interaction contract. */
.sarano-mega-menu-search-slot > [data-prk-search-results].sarano-search-results-empty {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* R43K desktop balance: the action group occupies the physical left zone of
 * the RTL header. ParsKala keeps that zone as a flex container; `flex-start`
 * therefore pushed the visible buttons inward toward the centered logo. */
@media (min-width: 768px) {
  header .sarano-r01-header-actions,
  #header .sarano-r01-header-actions {
    justify-content: flex-end !important;
    padding-left: 0 !important;
    padding-right: 8px !important;
  }
}

/* R43L header hierarchy: the hamburger owns the physical right edge in the
 * RTL header; search stays immediately to its left and opens the same inline
 * menu search. All visible actions share one touch-area and baseline. */
header .sarano-header-menu-controls > .sarano-header-menu-search-trigger,
#header .sarano-header-menu-controls > .sarano-header-menu-search-trigger {
  order: 1 !important;
}
header .sarano-header-menu-controls > .sarano-mega-menu-trigger,
#header .sarano-header-menu-controls > .sarano-mega-menu-trigger {
  order: 2 !important;
}
@media (min-width: 768px) {
  header .sarano-header-menu-controls > .sarano-mega-menu-trigger,
  #header .sarano-header-menu-controls > .sarano-mega-menu-trigger,
  header .sarano-header-menu-search-trigger,
  #header .sarano-header-menu-search-trigger {
    flex-basis: 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
  }
  header .sarano-r01-header-actions .prk-theme-header-action,
  header .sarano-r01-header-actions .sarano-r01-account,
  header .sarano-r01-header-actions .sarano-r01-cart,
  header .sarano-r01-header-actions .sarano-theme-toggle,
  #header .sarano-r01-header-actions .prk-theme-header-action,
  #header .sarano-r01-header-actions .sarano-r01-account,
  #header .sarano-r01-header-actions .sarano-r01-cart,
  #header .sarano-r01-header-actions .sarano-theme-toggle {
    flex-basis: 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
  }
}
@media (max-width: 767px) {
  header .sarano-r01-header-row,
  #header .sarano-r01-header-row {
    grid-template-columns: 94px minmax(0, 1fr) 152px !important;
    min-height: 56px !important;
    height: 56px !important;
    max-height: 56px !important;
    padding-block: 6px !important;
  }
  body #header,
  body > header,
  body .sarano-elementor-header-normalized {
    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;
  }
  header .sarano-r01-header-logo-col .sarano-r01-logo-wrap,
  #header .sarano-r01-header-logo-col .sarano-r01-logo-wrap {
    flex-basis: 84px !important;
    width: 84px !important;
    max-width: 84px !important;
  }
  header .sarano-r01-header-logo-col .sarano-r01-logo-image,
  #header .sarano-r01-header-logo-col .sarano-r01-logo-image {
    width: 84px !important;
    max-width: 84px !important;
    max-height: 34px !important;
  }
  header .sarano-r01-header-actions,
  #header .sarano-r01-header-actions {
    gap: 6px !important;
    padding-left: 8px !important;
    padding-right: 0 !important;
  }
  header .sarano-header-menu-controls,
  #header .sarano-header-menu-controls {
    gap: 6px !important;
  }
  header .sarano-header-menu-controls > .sarano-mega-menu-trigger,
  #header .sarano-header-menu-controls > .sarano-mega-menu-trigger,
  header .sarano-header-menu-search-trigger,
  #header .sarano-header-menu-search-trigger {
    flex-basis: 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    border-radius: 10px !important;
  }
  header .sarano-header-menu-controls > .sarano-mega-menu-trigger svg,
  #header .sarano-header-menu-controls > .sarano-mega-menu-trigger svg,
  header .sarano-header-menu-search-trigger svg,
  #header .sarano-header-menu-search-trigger svg {
    width: 24px !important;
    height: 24px !important;
  }
  header .sarano-r01-header-actions > .elementor-widget-prk-theme-account-button,
  #header .sarano-r01-header-actions > .elementor-widget-prk-theme-account-button,
  header .sarano-r01-header-actions > .elementor-widget-prk-theme-cart-button,
  #header .sarano-r01-header-actions > .elementor-widget-prk-theme-cart-button,
  header .sarano-r01-header-actions > .elementor-widget-prk-theme-account-button > .elementor-widget-container,
  #header .sarano-r01-header-actions > .elementor-widget-prk-theme-account-button > .elementor-widget-container,
  header .sarano-r01-header-actions > .elementor-widget-prk-theme-cart-button > .elementor-widget-container,
  #header .sarano-r01-header-actions > .elementor-widget-prk-theme-cart-button > .elementor-widget-container,
  header .sarano-r01-header-actions .prk-dh-account-mobile,
  #header .sarano-r01-header-actions .prk-dh-account-mobile,
  header .sarano-r01-header-actions .prk-dh-account-mobile__trigger,
  #header .sarano-r01-header-actions .prk-dh-account-mobile__trigger,
  header .sarano-r01-header-actions .prk-dh-cart-button,
  #header .sarano-r01-header-actions .prk-dh-cart-button,
  header .sarano-r01-header-actions .sarano-theme-toggle,
  #header .sarano-r01-header-actions .sarano-theme-toggle {
    box-sizing: border-box !important;
    flex-basis: 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

/* The parent/Elementor mobile rule is intentionally specific and leaves the
 * two commerce widgets at 32px. Repeat its route scopes here so all three
 * visible actions are genuinely equal on home and inner pages. */
@media (max-width: 767px) {
  body.home #header .sarano-r01-header-actions > .elementor-widget-prk-theme-account-button,
  body:not(.home) #header .sarano-r01-header-actions > .elementor-widget-prk-theme-account-button,
  body.home #header .sarano-r01-header-actions > .elementor-widget-prk-theme-cart-button,
  body:not(.home) #header .sarano-r01-header-actions > .elementor-widget-prk-theme-cart-button,
  body.home #header .sarano-r01-header-actions > .elementor-widget-prk-theme-account-button > .elementor-widget-container,
  body:not(.home) #header .sarano-r01-header-actions > .elementor-widget-prk-theme-account-button > .elementor-widget-container,
  body.home #header .sarano-r01-header-actions > .elementor-widget-prk-theme-cart-button > .elementor-widget-container,
  body:not(.home) #header .sarano-r01-header-actions > .elementor-widget-prk-theme-cart-button > .elementor-widget-container,
  body.home #header .sarano-r01-header-actions .prk-dh-account-mobile,
  body:not(.home) #header .sarano-r01-header-actions .prk-dh-account-mobile,
  body.home #header .sarano-r01-header-actions .prk-dh-account-mobile__trigger,
  body:not(.home) #header .sarano-r01-header-actions .prk-dh-account-mobile__trigger,
  body.home #header .sarano-r01-header-actions .prk-dh-cart-button,
  body:not(.home) #header .sarano-r01-header-actions .prk-dh-cart-button {
    flex-basis: 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
  }
}

/* R44 visual contract: align the three-zone header on the same baseline. The
 * existing Elementor widgets remain the source of cart/account/theme
 * behavior; this only corrects their Child-owned touch-zone composition. */
@media (max-width: 767px) {
  header .sarano-r01-header-actions,
  #header .sarano-r01-header-actions {
    height: 44px !important;
    min-height: 44px !important;
    align-self: center !important;
    gap: 4px !important;
    padding-left: 0 !important;
    padding-right: 8px !important;
    transform: translateY(4px);
  }
  header .sarano-header-menu-controls,
  #header .sarano-header-menu-controls {
    height: 44px !important;
    min-height: 44px !important;
    align-self: center !important;
    gap: 4px !important;
    transform: translateY(4px);
  }
}
@media (min-width: 768px) {
  header .sarano-r01-header-actions,
  #header .sarano-r01-header-actions,
  header .sarano-header-menu-controls,
  #header .sarano-header-menu-controls {
    transform: translateY(2px);
  }
}

/* R45 header balance: preserve ParsKala's native widgets and the Child's
 * three-zone placement, but reserve breathing room around the centered logo.
 * At 360px three 44px controls cannot coexist beside an 84px logo without
 * overlap, so the compact breakpoint uses 40px touch zones. */
@media (max-width: 767px) {
  header .sarano-r01-header-actions,
  #header .sarano-r01-header-actions {
    width: 144px !important;
    min-width: 144px !important;
    max-width: 144px !important;
    flex-basis: 144px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    transform: translate(-4px, 4px) !important;
  }
  header .sarano-r01-header-actions > .elementor-widget-prk-theme-account-button,
  #header .sarano-r01-header-actions > .elementor-widget-prk-theme-account-button,
  header .sarano-r01-header-actions > .elementor-widget-prk-theme-cart-button,
  #header .sarano-r01-header-actions > .elementor-widget-prk-theme-cart-button,
  header .sarano-r01-header-actions .sarano-theme-toggle,
  #header .sarano-r01-header-actions .sarano-theme-toggle {
    flex: 0 0 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
  }
  header .sarano-r01-header-actions > .elementor-widget-prk-theme-account-button,
  #header .sarano-r01-header-actions > .elementor-widget-prk-theme-account-button,
  header .sarano-r01-header-actions > .elementor-widget-prk-theme-cart-button,
  #header .sarano-r01-header-actions > .elementor-widget-prk-theme-cart-button,
  header .sarano-r01-header-actions > .elementor-widget-prk-theme-account-button > .elementor-widget-container,
  #header .sarano-r01-header-actions > .elementor-widget-prk-theme-account-button > .elementor-widget-container,
  header .sarano-r01-header-actions > .elementor-widget-prk-theme-cart-button > .elementor-widget-container,
  #header .sarano-r01-header-actions > .elementor-widget-prk-theme-cart-button > .elementor-widget-container,
  header .sarano-r01-header-actions .prk-dh-account-mobile,
  #header .sarano-r01-header-actions .prk-dh-account-mobile,
  header .sarano-r01-header-actions .prk-dh-account-mobile__trigger,
  #header .sarano-r01-header-actions .prk-dh-account-mobile__trigger,
  header .sarano-r01-header-actions .prk-dh-cart-button,
  #header .sarano-r01-header-actions .prk-dh-cart-button {
    margin: 0 !important;
  }
  body.home #header .sarano-r01-header-actions,
  body:not(.home) #header .sarano-r01-header-actions {
    transform: translate(-8px, 4px) !important;
  }
  body.home #header .sarano-r01-header-actions > .elementor-widget-prk-theme-account-button,
  body:not(.home) #header .sarano-r01-header-actions > .elementor-widget-prk-theme-account-button,
  body.home #header .sarano-r01-header-actions > .elementor-widget-prk-theme-cart-button,
  body:not(.home) #header .sarano-r01-header-actions > .elementor-widget-prk-theme-cart-button,
  body.home #header .sarano-r01-header-actions > .elementor-widget-prk-theme-account-button > .elementor-widget-container,
  body:not(.home) #header .sarano-r01-header-actions > .elementor-widget-prk-theme-account-button > .elementor-widget-container,
  body.home #header .sarano-r01-header-actions > .elementor-widget-prk-theme-cart-button > .elementor-widget-container,
  body:not(.home) #header .sarano-r01-header-actions > .elementor-widget-prk-theme-cart-button > .elementor-widget-container,
  body.home #header .sarano-r01-header-actions .prk-dh-account-mobile,
  body:not(.home) #header .sarano-r01-header-actions .prk-dh-account-mobile,
  body.home #header .sarano-r01-header-actions .prk-dh-account-mobile__trigger,
  body:not(.home) #header .sarano-r01-header-actions .prk-dh-account-mobile__trigger,
  body.home #header .sarano-r01-header-actions .prk-dh-cart-button,
  body:not(.home) #header .sarano-r01-header-actions .prk-dh-cart-button {
    margin: 0 !important;
  }
}
@media (max-width: 374px) {
  header .sarano-r01-header-actions,
  #header .sarano-r01-header-actions {
    width: 128px !important;
    min-width: 128px !important;
    max-width: 128px !important;
    flex-basis: 128px !important;
  }
  body.home #header .sarano-r01-header-actions,
  body:not(.home) #header .sarano-r01-header-actions {
    transform: translate(-24px, 4px) !important;
  }
  header .sarano-r01-header-actions > .elementor-widget-prk-theme-account-button,
  #header .sarano-r01-header-actions > .elementor-widget-prk-theme-account-button,
  header .sarano-r01-header-actions > .elementor-widget-prk-theme-cart-button,
  #header .sarano-r01-header-actions > .elementor-widget-prk-theme-cart-button,
  header .sarano-r01-header-actions .sarano-theme-toggle,
  #header .sarano-r01-header-actions .sarano-theme-toggle {
    flex-basis: 40px !important;
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
  }
  header .sarano-r01-header-actions > .elementor-widget-prk-theme-account-button,
  #header .sarano-r01-header-actions > .elementor-widget-prk-theme-account-button,
  header .sarano-r01-header-actions > .elementor-widget-prk-theme-cart-button,
  #header .sarano-r01-header-actions > .elementor-widget-prk-theme-cart-button,
  header .sarano-r01-header-actions > .elementor-widget-prk-theme-account-button > .elementor-widget-container,
  #header .sarano-r01-header-actions > .elementor-widget-prk-theme-account-button > .elementor-widget-container,
  header .sarano-r01-header-actions > .elementor-widget-prk-theme-cart-button > .elementor-widget-container,
  #header .sarano-r01-header-actions > .elementor-widget-prk-theme-cart-button > .elementor-widget-container,
  header .sarano-r01-header-actions .prk-dh-account-mobile,
  #header .sarano-r01-header-actions .prk-dh-account-mobile,
  header .sarano-r01-header-actions .prk-dh-account-mobile__trigger,
  #header .sarano-r01-header-actions .prk-dh-account-mobile__trigger,
  header .sarano-r01-header-actions .prk-dh-cart-button,
  #header .sarano-r01-header-actions .prk-dh-cart-button {
    flex: 0 0 40px !important;
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
  }
  body.home #header .sarano-r01-header-actions,
  body:not(.home) #header .sarano-r01-header-actions {
    gap: 0 !important;
  }
  body.home #header .sarano-r01-header-actions > .elementor-widget-prk-theme-account-button,
  body:not(.home) #header .sarano-r01-header-actions > .elementor-widget-prk-theme-account-button,
  body.home #header .sarano-r01-header-actions > .elementor-widget-prk-theme-cart-button,
  body:not(.home) #header .sarano-r01-header-actions > .elementor-widget-prk-theme-cart-button,
  body.home #header .sarano-r01-header-actions > .elementor-widget-prk-theme-account-button > .elementor-widget-container,
  body:not(.home) #header .sarano-r01-header-actions > .elementor-widget-prk-theme-account-button > .elementor-widget-container,
  body.home #header .sarano-r01-header-actions > .elementor-widget-prk-theme-cart-button > .elementor-widget-container,
  body:not(.home) #header .sarano-r01-header-actions > .elementor-widget-prk-theme-cart-button > .elementor-widget-container,
  body.home #header .sarano-r01-header-actions .prk-dh-account-mobile,
  body:not(.home) #header .sarano-r01-header-actions .prk-dh-account-mobile,
  body.home #header .sarano-r01-header-actions .prk-dh-account-mobile__trigger,
  body:not(.home) #header .sarano-r01-header-actions .prk-dh-account-mobile__trigger,
  body.home #header .sarano-r01-header-actions .prk-dh-cart-button,
  body:not(.home) #header .sarano-r01-header-actions .prk-dh-cart-button {
    flex-basis: 40px !important;
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
  }
}

/* R46 header contract: use equal side zones around the centered logo. The
 * three utility controls remain a compact left cluster; the two navigation
 * controls are centered inside the matching right zone instead of being
 * pinned to its outer edge. This removes the large logo-to-search imbalance
 * while preserving ParsKala's native widgets and menu behavior. */
@media (max-width: 767px) {
  header .sarano-r01-header-row,
  #header .sarano-r01-header-row {
    box-sizing: border-box !important;
    padding-inline: 8px !important;
    grid-template-columns: 144px minmax(84px, 1fr) 144px !important;
  }
  header .sarano-r01-header-actions,
  #header .sarano-r01-header-actions {
    width: 144px !important;
    min-width: 144px !important;
    max-width: 144px !important;
    flex-basis: 144px !important;
    gap: 4px !important;
    padding: 0 !important;
    transform: none !important;
    justify-self: start !important;
  }
  header .sarano-r01-header-menu-slot,
  #header .sarano-r01-header-menu-slot {
    width: 144px !important;
    min-width: 144px !important;
    max-width: 144px !important;
    justify-self: stretch !important;
  }
  header .sarano-header-menu-controls,
  #header .sarano-header-menu-controls {
    width: 100% !important;
    min-width: 0 !important;
    justify-content: center !important;
    gap: 4px !important;
    transform: none !important;
  }
  header .sarano-r01-header-actions > .elementor-widget-prk-theme-account-button,
  #header .sarano-r01-header-actions > .elementor-widget-prk-theme-account-button,
  header .sarano-r01-header-actions > .elementor-widget-prk-theme-cart-button,
  #header .sarano-r01-header-actions > .elementor-widget-prk-theme-cart-button,
  header .sarano-r01-header-actions .sarano-theme-toggle,
  #header .sarano-r01-header-actions .sarano-theme-toggle,
  header .sarano-r01-header-actions .prk-dh-account-mobile__trigger,
  #header .sarano-r01-header-actions .prk-dh-account-mobile__trigger,
  header .sarano-r01-header-actions .prk-dh-cart-button,
  #header .sarano-r01-header-actions .prk-dh-cart-button {
    box-sizing: border-box !important;
    flex: 0 0 44px !important;
    flex-basis: 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
  }
}

/* R65 terminal cascade guard: keep the mobile adapter above all historical
 * R01 mobile rules, which intentionally target #header at 56px. */
@media (max-width: 991px) {
  body #header,
  body > header#header {
    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
  }
  #header > .sarano-mobile-header-adapter {
    display: grid !important;
    height: 64px !important;
    min-height: 64px !important;
  }
}

/* R65 desktop header paint and action placement. The active ParsKala Mobit
 * preset provides a red Elementor background and puts the custom menu beside
 * the cart action. The approved Sarano contract uses the navy header surface,
 * with the menu/search controls beside the logo on the RTL right side. */
@media (min-width: 992px) {
  html[data-sarano-theme="day"] #header .prk-legacy-mobit__inner,
  html[data-sarano-theme="night"] #header .prk-legacy-mobit__inner,
  html[data-sarano-theme="day"] #header .main-header.desctop,
  html[data-sarano-theme="night"] #header .main-header.desctop {
    background: var(--sarano-header, #071e3b) !important;
    color: var(--sarano-header-text, #fff) !important;
  }

  #header .prk-legacy-mobit__logo img {
    filter: brightness(0) invert(1) !important;
  }

  #header .prk-legacy-mobit__brand-nav {
    position: relative !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
  }

  #header .sarano-legacy-mobit-menu-slot {
    display: flex !important;
    flex: 0 0 auto !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 94px !important;
    min-height: 44px !important;
    order: 2 !important;
  }

  #header .sarano-legacy-mobit-menu-slot .sarano-header-menu-controls {
    justify-content: center !important;
  }
}

/* The R01 shell is the previous Child-owned mobile row. It remains the
 * desktop header source, but must not follow the new mobile adapter in the
 * document flow and create a second header. */
@media (max-width: 991px) {
  .sarano-r01-header-shell {
    display: none !important;
  }
}
@media (max-width: 374px) {
  header .sarano-r01-header-row,
  #header .sarano-r01-header-row {
    padding-inline: 4px !important;
    grid-template-columns: 132px minmax(84px, 1fr) 132px !important;
  }
  header .sarano-r01-header-actions,
  #header .sarano-r01-header-actions {
    width: 132px !important;
    min-width: 132px !important;
    max-width: 132px !important;
    flex-basis: 132px !important;
    gap: 0 !important;
  }
  header .sarano-r01-header-menu-slot,
  #header .sarano-r01-header-menu-slot {
    width: 132px !important;
    min-width: 132px !important;
    max-width: 132px !important;
  }
}

/* R46 compact-width specificity guard: ParsKala's original <=374px rule is
 * route-scoped and otherwise wins over the generic normalization above. Keep
 * the three utility touch targets equal to the two menu controls at 360px. */
@media (max-width: 374px) {
  body.home #header .sarano-r01-header-actions > .elementor-widget-prk-theme-account-button,
  body:not(.home) #header .sarano-r01-header-actions > .elementor-widget-prk-theme-account-button,
  body.home #header .sarano-r01-header-actions > .elementor-widget-prk-theme-cart-button,
  body:not(.home) #header .sarano-r01-header-actions > .elementor-widget-prk-theme-cart-button,
  body.home #header .sarano-r01-header-actions > .elementor-widget-prk-theme-account-button > .elementor-widget-container,
  body:not(.home) #header .sarano-r01-header-actions > .elementor-widget-prk-theme-account-button > .elementor-widget-container,
  body.home #header .sarano-r01-header-actions > .elementor-widget-prk-theme-cart-button > .elementor-widget-container,
  body:not(.home) #header .sarano-r01-header-actions > .elementor-widget-prk-theme-cart-button > .elementor-widget-container,
  body.home #header .sarano-r01-header-actions .prk-dh-account-mobile,
  body:not(.home) #header .sarano-r01-header-actions .prk-dh-account-mobile,
  body.home #header .sarano-r01-header-actions .prk-dh-account-mobile__trigger,
  body:not(.home) #header .sarano-r01-header-actions .prk-dh-account-mobile__trigger,
  body.home #header .sarano-r01-header-actions .prk-dh-cart-button,
  body:not(.home) #header .sarano-r01-header-actions .prk-dh-cart-button {
    flex: 0 0 44px !important;
    flex-basis: 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
  }
  body.home #header .sarano-r01-header-actions,
  body:not(.home) #header .sarano-r01-header-actions {
    transform: translate(-20px, 4px) !important;
  }
}

/* R47 final cascade: this block intentionally remains the last header rule;
 * it wins over the older route-specific mobile normalization above. */
@media (max-width: 767px) {
  body.home #header .sarano-r01-header-actions,
  body:not(.home) #header .sarano-r01-header-actions {
    transform: translate(-12px, 4px) !important;
  }
  header .sarano-r01-header-actions,
  #header .sarano-r01-header-actions {
    box-sizing: border-box !important;
    padding-left: 12px !important;
  }
  header .sarano-r01-header-menu-slot,
  #header .sarano-r01-header-menu-slot {
    align-self: center !important;
  }
  header .sarano-header-menu-controls,
  #header .sarano-header-menu-controls {
    box-sizing: border-box !important;
    align-self: center !important;
    justify-content: flex-end !important;
    padding-right: 4px !important;
    transform: translateY(4px) !important;
  }
  header .sarano-r01-header-actions .prk-dh-account-button,
  #header .sarano-r01-header-actions .prk-dh-account-button {
    display: none !important;
  }
}
@media (max-width: 374px) {
  header .sarano-r01-header-actions,
  #header .sarano-r01-header-actions {
    padding-left: 4px !important;
  }
  body.home #header .sarano-r01-header-actions,
  body:not(.home) #header .sarano-r01-header-actions {
    transform: translate(-20px, 4px) !important;
  }
}

@media (min-width: 768px) {
  header .sarano-r01-header-actions > .elementor-widget-prk-theme-account-button,
  #header .sarano-r01-header-actions > .elementor-widget-prk-theme-account-button,
  header .sarano-r01-header-actions > .elementor-widget-prk-theme-cart-button,
  #header .sarano-r01-header-actions > .elementor-widget-prk-theme-cart-button,
  header .sarano-r01-header-actions > .elementor-widget-prk-theme-account-button > .elementor-widget-container,
  #header .sarano-r01-header-actions > .elementor-widget-prk-theme-account-button > .elementor-widget-container,
  header .sarano-r01-header-actions > .elementor-widget-prk-theme-cart-button > .elementor-widget-container,
  #header .sarano-r01-header-actions > .elementor-widget-prk-theme-cart-button > .elementor-widget-container,
  header .sarano-r01-header-actions .prk-dh-account-mobile__trigger,
  #header .sarano-r01-header-actions .prk-dh-account-mobile__trigger,
  header .sarano-r01-header-actions .prk-dh-account-button,
  #header .sarano-r01-header-actions .prk-dh-account-button,
  header .sarano-r01-header-actions .prk-dh-cart-button,
  #header .sarano-r01-header-actions .prk-dh-cart-button {
    box-sizing: border-box !important;
    flex: 0 0 44px !important;
    flex-basis: 44px !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
  }
}

/* R65 terminal cascade guard: keep the mobile adapter above all historical
 * R01 mobile rules, which intentionally target #header at 56px. */
@media (max-width: 991px) {
  body #header,
  body > header#header {
    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
  }
  #header > .sarano-mobile-header-adapter {
    display: grid !important;
    height: 64px !important;
    min-height: 64px !important;
  }
}