/*
 * Sarano R01 structural composition — Local Lab proof.
 *
 * This stylesheet is intentionally scoped to the new Elementor composition.
 * It does not transform the old ParsKala DefaultHeader or old Home DOM and
 * does not introduce a parallel menu, search, slider or product-card engine.
 */
:root {
  --sarano-navy: #183665;
  --sarano-orange: #ff6700;
  --sarano-ink: #282828;
  --sarano-muted: #687386;
  --sarano-line: #e2e7ef;
  --sarano-soft: #f1f2f2;
  --sarano-white: #ffffff;
  --sarano-content: 1320px;
}

body {
  color: var(--sarano-ink);
  background: var(--sarano-white);
}

/* ----------------------------- Native R01 header ----------------------- */
.sarano-r01-header-shell {
  width: 100%;
  direction: rtl;
  color: var(--sarano-white);
  background: var(--sarano-navy);
  border: 0;
  position: relative;
  z-index: 10030;
}

.sarano-r01-header-shell > .e-con-inner,
.sarano-r01-header-row > .e-con-inner {
  width: 100%;
  max-width: var(--sarano-content);
  margin-inline: auto;
}

.sarano-r01-header-row {
  min-height: 88px;
  width: 100%;
  padding-inline: 42px !important;
  box-sizing: border-box;
}

.sarano-r01-header-logo-col,
.sarano-r01-header-search-col,
.sarano-r01-header-actions {
  min-width: 0;
  box-sizing: border-box;
}

.sarano-r01-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  background: var(--sarano-white);
  border-radius: 12px;
  line-height: 0;
}

.sarano-r01-logo-image {
  display: block;
  width: 148px;
  max-height: 58px;
  height: auto;
  object-fit: contain;
}

.sarano-r01-searchbox,
.sarano-r01-searchbox .prk-header-searchbox,
.sarano-r01-searchbox form {
  width: 100%;
  max-width: 720px;
}

.sarano-r01-searchbox input[type='search'],
.sarano-r01-searchbox input[type='text'] {
  min-height: 50px;
  color: var(--sarano-ink) !important;
  background: var(--sarano-white) !important;
  border: 1px solid #d8e0eb !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

.sarano-r01-searchbox input::placeholder {
  color: #7a8699 !important;
  opacity: 1;
}

.sarano-r01-searchbox button,
.sarano-r01-searchbox [type='submit'] {
  min-width: 50px;
  min-height: 50px;
  color: var(--sarano-navy) !important;
  background: var(--sarano-orange) !important;
  border: 0 !important;
  border-radius: 12px !important;
}

.sarano-r01-searchbox button:hover,
.sarano-r01-searchbox button:focus-visible,
.sarano-r01-searchbox [type='submit']:hover,
.sarano-r01-searchbox [type='submit']:focus-visible {
  color: var(--sarano-navy) !important;
  background: #ff7b25 !important;
}

.sarano-r01-header-actions {
  color: var(--sarano-white);
}

.sarano-r01-header-actions a,
.sarano-r01-header-actions button,
.sarano-r01-header-actions .menu-item > a,
.sarano-r01-menu .prk_mega_menu a {
  color: var(--sarano-white) !important;
  text-decoration: none;
}

.sarano-r01-header-actions a:hover,
.sarano-r01-header-actions a:focus-visible,
.sarano-r01-header-actions button:hover,
.sarano-r01-header-actions button:focus-visible,
.sarano-r01-menu .prk_mega_menu a:hover,
.sarano-r01-menu .prk_mega_menu a:focus-visible {
  color: var(--sarano-white) !important;
}

/* The native menu remains the trigger/mega-menu engine. Only one top-level
 * category trigger is shown in this compact R01 composition; the native
 * submenu tree is untouched and still controls the open state. */
.sarano-r01-menu .prk_mega_menu > li:not(:first-child) {
  display: none !important;
}

.sarano-r01-menu .prk_mega_menu > li:first-child > a {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 8px 12px;
  border-radius: 10px;
  color: var(--sarano-white) !important;
  background: transparent !important;
  white-space: nowrap;
}

.sarano-r01-menu .prk_mega_menu > li:first-child > a:hover,
.sarano-r01-menu .prk_mega_menu > li:first-child > a:focus-visible,
.sarano-r01-menu .prk_mega_menu > li:first-child.current-menu-item > a {
  color: var(--sarano-white) !important;
  background: rgba(255, 255, 255, 0.12) !important;
}

.sarano-r01-header-actions .sarano-r01-call,
.sarano-r01-header-actions .sarano-r01-account,
.sarano-r01-header-actions .sarano-r01-cart {
  color: var(--sarano-white) !important;
}

.sarano-r01-header-actions .sarano-r01-call:hover,
.sarano-r01-header-actions .sarano-r01-account:hover,
.sarano-r01-header-actions .sarano-r01-cart:hover {
  color: var(--sarano-orange) !important;
}

/* Keep the native header action columns large enough for their own controls.
 * The Elementor columns retain legacy widths in this Local composition. */
.sarano-r01-header-actions .sarano-r01-menu {
  flex: 0 0 auto !important;
  width: auto !important;
}

.sarano-r01-header-actions .sarano-r01-account {
  flex: 0 0 164px !important;
  width: 164px !important;
}

.sarano-r01-header-actions .sarano-r01-account .prk-dh-account-button {
  width: 100% !important;
  max-width: 100% !important;
}

.sarano-r01-header-actions .sarano-r01-cart {
  flex: 0 0 26px !important;
  width: 26px !important;
}

/* ParsKala sizes the native mega panel from the narrow menu widget. In the
 * R01 header that makes the open panel extend past the viewport in RTL. Keep
 * the same native panel/content, but anchor its surface to the viewport. */
.sarano-r01-menu .prk-tab-menu-items {
  position: fixed !important;
  top: 72px !important;
  left: 16px !important;
  right: 16px !important;
  width: auto !important;
  max-width: none !important;
  box-sizing: border-box;
  z-index: 10020;
}

/* ----------------------------- Native R01 Home -------------------------- */
.sarano-r01-home {
  width: 100%;
  direction: rtl;
  background: var(--sarano-white);
  color: var(--sarano-ink);
}

.sarano-r01-hero {
  width: 100%;
  min-height: 420px;
  margin: 0;
  position: relative;
  overflow: hidden;
  background: #edf1f5;
}

.sarano-r01-hero > .e-con-inner {
  min-height: 420px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.sarano-r01-hero-slider,
.sarano-r01-hero-slider .elementor-widget-container,
.sarano-r01-hero-slider .swiper,
.sarano-r01-hero-slider .swiper-container {
  width: 100% !important;
  max-width: none !important;
  min-height: 420px;
}

.sarano-r01-hero-slider .swiper-slide,
.sarano-r01-hero-slider .swiper-slide a {
  min-height: 420px;
  display: block;
}

.sarano-r01-hero-slider .swiper-slide img {
  width: 100%;
  height: 420px;
  display: block;
  object-fit: cover;
  object-position: center;
}

.sarano-r01-hero-copy {
  position: absolute !important;
  inset-inline-start: 7%;
  top: 50%;
  z-index: 5;
  width: min(35%, 460px) !important;
  max-width: 460px;
  padding: 28px 30px;
  transform: translateY(-50%);
  box-sizing: border-box;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 16px 40px rgba(24, 54, 101, 0.13);
}

.sarano-r01-hero-heading,
.sarano-r01-hero-heading h1 {
  margin: 0;
  color: var(--sarano-navy) !important;
  font-size: clamp(26px, 2.5vw, 42px);
  font-weight: 800;
  line-height: 1.45;
  white-space: pre-line;
}

.sarano-r01-hero-support,
.sarano-r01-hero-support p {
  margin: 0;
  color: var(--sarano-muted) !important;
  font-size: 16px;
  line-height: 1.9;
}

.sarano-r01-hero-cta a,
.sarano-r01-hero-cta .elementor-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 10px 24px;
  color: var(--sarano-white) !important;
  background: var(--sarano-orange) !important;
  border: 0;
  border-radius: 11px;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 8px 18px rgba(255, 103, 0, 0.2);
}

.sarano-r01-hero-cta a:hover,
.sarano-r01-hero-cta a:focus-visible,
.sarano-r01-hero-cta .elementor-button:hover,
.sarano-r01-hero-cta .elementor-button:focus-visible {
  color: var(--sarano-white) !important;
  background: #e85b00 !important;
}

/* ------------------------ Rails use the native widgets ------------------ */
.sarano-r01-category-rail,
.sarano-r01-product-rail {
  width: min(var(--sarano-content), calc(100% - 48px));
  margin-inline: auto;
  box-sizing: border-box;
}

.sarano-r01-category-rail {
  margin-top: 24px;
  padding: 20px 24px 24px;
  background: var(--sarano-white);
  border: 1px solid var(--sarano-line);
  border-radius: 24px;
  box-shadow: 0 12px 30px rgba(24, 54, 101, 0.06);
}

.sarano-r01-category-widget,
.sarano-r01-category-widget .elementor-widget-container,
.sarano-r01-category-widget .prk-product-cat-sections {
  width: 100%;
}

.sarano-r01-category-widget .prk-product-cat-sections__link {
  color: var(--sarano-navy);
}

.sarano-r01-category-widget .prk-product-cat-sections__link:hover,
.sarano-r01-category-widget .prk-product-cat-sections__link:focus-visible {
  color: var(--sarano-navy);
}

.sarano-r01-product-rail {
  margin-top: 30px;
  padding-bottom: 18px;
}

.sarano-r01-product-widget,
.sarano-r01-product-widget .elementor-widget-container {
  width: 100%;
}

.sarano-r01-product-widget .prk-product-item a,
.sarano-r01-product-widget .prk-product-item .woocommerce-loop-product__title {
  color: var(--sarano-ink);
}

.sarano-r01-product-widget .prk-product-item a:hover,
.sarano-r01-product-widget .prk-product-item a:focus-visible {
  color: var(--sarano-navy);
}

@media (max-width: 767px) {
  .sarano-r01-header-row {
    min-height: 72px;
    padding-inline: 16px !important;
  }

  .sarano-r01-header-logo-col { width: 28% !important; }
  .sarano-r01-header-search-col { width: 46% !important; }
  .sarano-r01-header-actions { width: 26% !important; }
  .sarano-r01-header-actions .sarano-r01-call,
  .sarano-r01-header-actions .sarano-r01-account { display: none; }
  /* The native category menu is exposed through the mobile drawer; do not
   * leave its desktop inline list outside the narrow action column. */
  .sarano-r01-header-actions .sarano-r01-menu { display: none !important; }
  .sarano-r01-logo-image { width: 108px; }
  /* The verified Sarano logo asset is navy-on-transparent; keep it legible
   * on the shared navy header at mobile widths. */
  .sarano-r01-logo-image { filter: brightness(0) invert(1); }
  .sarano-r01-logo { padding: 6px 8px; }
  .sarano-r01-searchbox input[type='search'],
  .sarano-r01-searchbox input[type='text'],
  .sarano-r01-searchbox button,
  .sarano-r01-searchbox [type='submit'] { min-height: 42px; }
  .sarano-r01-hero,
  .sarano-r01-hero > .e-con-inner,
  .sarano-r01-hero-slider,
  .sarano-r01-hero-slider .elementor-widget-container,
  .sarano-r01-hero-slider .swiper,
  .sarano-r01-hero-slider .swiper-container,
  .sarano-r01-hero-slider .swiper-slide,
  .sarano-r01-hero-slider .swiper-slide a { min-height: 340px; }
  .sarano-r01-hero-slider .swiper-slide img { height: 340px; }
  .sarano-r01-hero-copy {
    inset-inline-start: 5%;
    width: 90% !important;
    max-width: none;
    padding: 16px 18px;
  }
  .sarano-r01-category-rail,
  .sarano-r01-product-rail { width: calc(100% - 24px); }
  .sarano-r01-category-rail { padding-inline: 12px; border-radius: 18px; }
}

/* Native widget wrappers do not echo Elementor's generic css_classes value;
 * bind the structural rules through the new R01 container instead. */
.sarano-r01-hero > [data-widget_type="sldiers.default"],
.sarano-r01-hero > [data-widget_type="sldiers.default"] .elementor-widget-container,
.sarano-r01-hero .prk-custom-slider-wrap,
.sarano-r01-hero .prk-custom-slider,
.sarano-r01-hero .prk-custom-slider__swiper,
.sarano-r01-hero .prk-custom-slider .swiper-wrapper,
.sarano-r01-hero .prk-custom-slider__slide,
.sarano-r01-hero .prk-custom-slider__link,
.sarano-r01-hero .prk-custom-slider__media {
  width: 100% !important;
  max-width: none !important;
  min-height: 420px !important;
  height: 420px !important;
  max-height: 420px !important;
  aspect-ratio: auto !important;
}

.sarano-r01-hero {
  height: 420px !important;
  min-height: 420px !important;
  padding: 0 !important;
  display: block !important;
}

.sarano-r01-hero .prk-custom-slider__image {
  width: 100% !important;
  height: 420px !important;
  min-height: 420px !important;
  display: block;
  object-fit: cover;
  object-position: center;
}

.sarano-r01-hero-copy {
  inset: 50% auto auto 7% !important;
  inset-block-start: 50% !important;
  inset-block-end: auto !important;
  inset-inline-start: auto !important;
  inset-inline-end: 7% !important;
  left: 7% !important;
  right: auto !important;
  width: 460px !important;
  min-width: 360px !important;
  max-width: 460px !important;
}

.sarano-r01-category-rail [data-widget_type="prk_list_sections_item_pcat.default"],
.sarano-r01-category-rail [data-widget_type="prk_list_sections_item_pcat.default"] .elementor-widget-container,
.sarano-r01-product-rail [data-widget_type="product-carosel.default"],
.sarano-r01-product-rail [data-widget_type="product-carosel.default"] .elementor-widget-container {
  width: 100% !important;
}

/* Keep the first viewport faithful to the approved hierarchy: a compact
 * unified category rail followed by the first native product-card rail. */
.sarano-r01-category-rail,
.sarano-r01-product-rail {
  display: block !important;
  width: calc(100% - 48px) !important;
  max-width: 1320px !important;
}

.sarano-r01-category-rail {
  height: 168px !important;
  max-height: 168px !important;
  padding: 10px 18px 12px !important;
  overflow: hidden !important;
}

.sarano-r01-category-rail .prk-product-cat-sections__header {
  height: 26px !important;
  margin: 0 0 6px !important;
}

.sarano-r01-category-rail .prk-product-cat-sections__viewport,
.sarano-r01-category-rail .prk-product-cat-sections__track {
  height: 108px !important;
  min-height: 0 !important;
}

.sarano-r01-category-rail .prk-product-cat-sections__link {
  height: 92px !important;
  min-height: 92px !important;
  padding: 4px !important;
}

.sarano-r01-category-rail .prk-product-cat-sections__media,
.sarano-r01-category-rail .prk-product-cat-sections__media-inner,
.sarano-r01-category-rail .prk-product-cat-sections__image,
.sarano-r01-category-rail .prk-product-cat-sections__media svg,
.sarano-r01-category-rail .prk-product-cat-sections__media i {
  width: 40px !important;
  height: 40px !important;
  font-size: 40px !important;
}

.sarano-r01-category-rail .prk-product-cat-sections__media,
.sarano-r01-category-rail .prk-product-cat-sections__media-inner,
.sarano-r01-category-rail .prk-product-cat-sections__image {
  height: 34px !important;
  min-height: 34px !important;
  margin: 0 !important;
}

.sarano-r01-category-rail .prk-product-cat-sections__content {
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1.25 !important;
  text-align: center;
}

.sarano-r01-category-rail .prk-product-cat-sections__title {
  max-width: 100%;
  margin: 0 !important;
  font-size: 11px !important;
  line-height: 14px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sarano-r01-category-rail .prk-product-cat-sections__count {
  font-size: 10px !important;
  line-height: 13px !important;
}

.sarano-r01-category-rail .prk-product-cat-sections__nav {
  width: 32px !important;
  height: 32px !important;
}

/* Desktop first-viewport composition: leave the first native product-card
 * row visible below the category rail without changing its commerce engine. */
@media (min-width: 768px) {
  .sarano-r01-header-logo-col { width: 21% !important; }
  .sarano-r01-header-search-col { width: 45% !important; }
  .sarano-r01-header-actions { width: 34% !important; gap: 10px !important; }
  .sarano-r01-hero,
  .sarano-r01-hero > .e-con-inner,
  .sarano-r01-hero > [data-widget_type="sldiers.default"],
  .sarano-r01-hero > [data-widget_type="sldiers.default"] .elementor-widget-container,
  .sarano-r01-hero .prk-custom-slider-wrap,
  .sarano-r01-hero .prk-custom-slider,
  .sarano-r01-hero .prk-custom-slider__swiper,
  .sarano-r01-hero .prk-custom-slider .swiper-wrapper,
  .sarano-r01-hero .prk-custom-slider__slide,
  .sarano-r01-hero .prk-custom-slider__link,
  .sarano-r01-hero .prk-custom-slider__media {
    height: 390px !important;
    min-height: 390px !important;
    max-height: 390px !important;
  }
  .sarano-r01-hero .prk-custom-slider__image { height: 390px !important; min-height: 390px !important; }
  .sarano-r01-category-rail { height: 140px !important; max-height: 140px !important; margin-top: 8px !important; }
  .sarano-r01-category-rail .prk-product-cat-sections__viewport,
  .sarano-r01-category-rail .prk-product-cat-sections__track { height: 86px !important; }
  .sarano-r01-category-rail .prk-product-cat-sections__link { height: 76px !important; min-height: 76px !important; }
  .sarano-r01-category-rail .prk-product-cat-sections__media,
  .sarano-r01-category-rail .prk-product-cat-sections__media-inner,
  .sarano-r01-category-rail .prk-product-cat-sections__image,
  .sarano-r01-category-rail .prk-product-cat-sections__media svg,
  .sarano-r01-category-rail .prk-product-cat-sections__media i { width: 34px !important; height: 34px !important; font-size: 34px !important; }
  .sarano-r01-product-rail { margin-top: 2px !important; padding-top: 0 !important; }
  .sarano-r01-product-rail .head-product { margin-bottom: 4px !important; }
}

@media (max-width: 767px) {
  .sarano-r01-hero { height: 340px !important; min-height: 340px !important; }
  .sarano-r01-hero > [data-widget_type="sldiers.default"],
  .sarano-r01-hero > [data-widget_type="sldiers.default"] .elementor-widget-container,
  .sarano-r01-hero .prk-custom-slider-wrap,
  .sarano-r01-hero .prk-custom-slider,
  .sarano-r01-hero .prk-custom-slider__swiper,
  .sarano-r01-hero .prk-custom-slider .swiper-wrapper,
  .sarano-r01-hero .prk-custom-slider__slide,
  .sarano-r01-hero .prk-custom-slider__link,
  .sarano-r01-hero .prk-custom-slider__media { min-height: 340px !important; height: 340px !important; max-height: 340px !important; }
  .sarano-r01-hero .prk-custom-slider__image { height: 340px !important; min-height: 340px !important; }
  .sarano-r01-hero-copy { inset: 50% auto auto 5% !important; inset-inline-start: auto !important; inset-inline-end: 5% !important; left: 5% !important; right: auto !important; width: 90% !important; min-width: 0 !important; max-width: none !important; }
}

/* ----------------------- R01 v2 structural lock ------------------------
 * These rules tune the accepted prototype geometry on the existing native
 * ParsKala widgets. They do not replace the menu/search/slider/card engines.
 */
@media (min-width: 768px) {
  body > header#header {
    height: 72px !important;
    min-height: 72px !important;
  }

  .sarano-r01-header-shell,
  .sarano-r01-header-row {
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
  }

  .sarano-r01-header-row {
    padding-block: 0 !important;
  }

  .sarano-r01-logo-image {
    width: 148px !important;
    max-height: 46px !important;
    filter: brightness(0) invert(1);
  }

  .sarano-r01-hero,
  .sarano-r01-hero > .e-con-inner,
  .sarano-r01-hero > [data-widget_type="sldiers.default"],
  .sarano-r01-hero > [data-widget_type="sldiers.default"] .elementor-widget-container,
  .sarano-r01-hero .prk-custom-slider-wrap,
  .sarano-r01-hero .prk-custom-slider,
  .sarano-r01-hero .prk-custom-slider__swiper,
  .sarano-r01-hero .prk-custom-slider .swiper-wrapper,
  .sarano-r01-hero .prk-custom-slider__slide,
  .sarano-r01-hero .prk-custom-slider__link,
  .sarano-r01-hero .prk-custom-slider__media {
    height: 360px !important;
    min-height: 360px !important;
    max-height: 360px !important;
  }

  .sarano-r01-hero .prk-custom-slider__image {
    height: 360px !important;
    min-height: 360px !important;
  }

  .sarano-r01-hero-copy {
    inset: 50% auto auto 72px !important;
    top: 50% !important;
    bottom: auto !important;
    left: 72px !important;
    right: auto !important;
    inset-inline-start: auto !important;
    inset-inline-end: 72px !important;
    width: 360px !important;
    min-width: 0 !important;
    max-width: 360px !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .sarano-r01-category-rail {
    height: 116px !important;
    min-height: 116px !important;
    max-height: 116px !important;
    margin-top: 12px !important;
    padding: 8px 18px !important;
    border-radius: 8px !important;
  }

  .sarano-r01-category-rail .prk-product-cat-sections__header {
    height: 22px !important;
    margin: 0 0 2px !important;
  }

  .sarano-r01-category-rail .prk-product-cat-sections__viewport,
  .sarano-r01-category-rail .prk-product-cat-sections__track {
    height: 70px !important;
    min-height: 0 !important;
  }

  .sarano-r01-category-rail .prk-product-cat-sections__link {
    height: 64px !important;
    min-height: 64px !important;
  }

  .sarano-r01-category-rail .prk-product-cat-sections__media,
  .sarano-r01-category-rail .prk-product-cat-sections__media-inner,
  .sarano-r01-category-rail .prk-product-cat-sections__image,
  .sarano-r01-category-rail .prk-product-cat-sections__media svg,
  .sarano-r01-category-rail .prk-product-cat-sections__media i {
    width: 30px !important;
    height: 30px !important;
    min-height: 30px !important;
    font-size: 30px !important;
  }

  .sarano-r01-category-rail .prk-product-cat-sections__content {
    padding: 0 !important;
    margin: 0 !important;
  }

  .sarano-r01-category-rail .prk-product-cat-sections__title {
    font-size: 11px !important;
    line-height: 14px !important;
  }

  .sarano-r01-category-rail .prk-product-cat-sections__count,
  .sarano-r01-category-rail .more-categroyis {
    display: none !important;
  }

  .sarano-r01-product-rail {
    margin-top: 12px !important;
    padding-bottom: 18px !important;
  }
}

/* The native mini-cart is a fixed off-canvas surface. Keeping the closed
 * surface out of layout removes the only real horizontal overflow without
 * applying a global overflow-x mask; the native .active state remains the
 * open drawer contract. */
#cart-sidebar.prk-static-sidebar:not(.active) {
  display: none !important;
}

#cart-sidebar.prk-static-sidebar.active {
  display: block !important;
  transform: translateX(0) !important;
}

/* R01 v2 final source-binding corrections. The Elementor widgets remain the
 * owners; these rules only bind the approved composition to runtime typography
 * and palette without introducing prototype data or a parallel renderer. */
.sarano-r01-header-shell,
.sarano-r01-home,
.sarano-r01-hero-copy,
.sarano-r01-hero-copy h1,
.sarano-r01-hero-copy p,
.sarano-r01-hero-copy .elementor-button {
  font-family: prk-font, sans-serif !important;
}

.sarano-r01-hero-copy {
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.sarano-r01-hero-copy .elementor-widget-button .elementor-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 44px !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 6px !important;
  color: var(--sarano-white) !important;
  background: var(--sarano-orange) !important;
  box-shadow: 0 5px 12px rgba(255, 103, 0, 0.18) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.sarano-r01-hero-copy .elementor-widget-button .elementor-button:hover,
.sarano-r01-hero-copy .elementor-widget-button .elementor-button:focus-visible {
  color: var(--sarano-white) !important;
  background: #e85b00 !important;
}

.sarano-r01-header-actions .sarano-r01-menu .prk_mega_menu > li > a,
.sarano-r01-header-actions .sarano-r01-account .prk-dh-account-button,
.sarano-r01-header-actions .sarano-r01-cart .prk-dh-cart-button {
  color: var(--sarano-white) !important;
}

/* The parent theme's #header .prk_mega_menu a rule is also important;
 * keep the scoped R01 header action contract authoritative for this link. */
#header .sarano-r01-header-actions .sarano-r01-menu .prk_mega_menu > li > a {
  color: var(--sarano-white) !important;
}

/* R01 Owner-accepted visual alignment pass. This remains scoped to the
 * approved native Elementor composition; no parallel controls or renderers. */
@media (min-width: 768px) {
  .sarano-r01-header-row > .sarano-r01-header-logo-col {
    width: 260px !important;
    min-width: 260px !important;
    flex: 0 0 260px !important;
  }

  .sarano-r01-header-row > .sarano-r01-header-search-col {
    width: 560px !important;
    min-width: 560px !important;
    flex: 0 0 560px !important;
  }

  .sarano-r01-header-row > .sarano-r01-header-actions {
    width: 220px !important;
    min-width: 220px !important;
    flex: 0 0 220px !important;
    justify-content: flex-end !important;
    gap: 8px !important;
  }

  .sarano-r01-searchbox,
  .sarano-r01-searchbox .prk-header-searchbox,
  .sarano-r01-searchbox form {
    width: 560px !important;
    min-width: 560px !important;
    max-width: 560px !important;
  }

  .sarano-r01-header-actions .sarano-r01-menu,
  .sarano-r01-header-actions .sarano-r01-account,
  .sarano-r01-header-actions .sarano-r01-cart {
    width: 42px !important;
    min-width: 42px !important;
    flex: 0 0 42px !important;
  }

  .sarano-r01-header-actions .sarano-r01-menu .prk_mega_menu > li:first-child > a,
  .sarano-r01-header-actions .sarano-r01-account .prk-dh-account-button,
  .sarano-r01-header-actions .sarano-r01-cart .prk-dh-cart-button {
    display: inline-flex !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255, 255, 255, 0.34) !important;
    border-radius: 8px !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .sarano-r01-header-actions .sarano-r01-menu .prk_mega_menu > li:first-child > a .item-icon-title,
  .sarano-r01-header-actions .sarano-r01-account .prk-dh-account-button__inner {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
  }

  .sarano-r01-header-actions .sarano-r01-menu .prk_mega_menu > li:first-child > a .title,
  .sarano-r01-header-actions .sarano-r01-account .prk-dh-account-button__text,
  .sarano-r01-header-actions .sarano-r01-account .prk-dh-account-button__arrow {
    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-r01-header-actions .sarano-r01-menu .prk_mega_menu > li:first-child > a img {
    width: 18px !important;
    height: 18px !important;
    object-fit: contain !important;
    filter: brightness(0) invert(1) !important;
  }

  .sarano-r01-header-actions .sarano-r01-account .prk-dh-account-button__icon,
  .sarano-r01-header-actions .sarano-r01-cart .prk-dh-cart-button__icon-wrap {
    margin: 0 !important;
  }

  .sarano-r01-header-actions .sarano-r01-account .prk-dh-account-button__icon {
    display: inline-flex !important;
    width: 22px !important;
    min-width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--sarano-white) !important;
  }

  .sarano-r01-header-actions .sarano-r01-account .prk-dh-account-button__icon i {
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    color: var(--sarano-white) !important;
    font-size: 22px !important;
    line-height: 1 !important;
  }

  .sarano-r01-hero-copy {
    transform: translateY(-50%) !important;
    gap: 10px !important;
    align-items: stretch !important;
  }

  body.rtl .sarano-r01-home .sarano-r01-hero-copy .elementor-widget-heading,
  body.rtl .sarano-r01-home .sarano-r01-hero-copy .elementor-widget-text-editor,
  body.rtl .sarano-r01-home .sarano-r01-hero-copy .elementor-widget-button {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.rtl .sarano-r01-home .sarano-r01-hero-copy h1 {
    width: 100% !important;
    margin: 0 !important;
    color: var(--sarano-navy) !important;
    font-family: prk-font, sans-serif !important;
    font-size: 32px !important;
    line-height: 1.42 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-align: right !important;
  }

  body.rtl .sarano-r01-home .sarano-r01-hero-copy p {
    width: 100% !important;
    margin: 0 !important;
    color: var(--sarano-muted) !important;
    font-family: prk-font, sans-serif !important;
    font-size: 17px !important;
    line-height: 1.7 !important;
    text-align: right !important;
  }

  body.rtl .sarano-r01-home .sarano-r01-hero-copy .elementor-button {
    box-shadow: none !important;
  }

  .sarano-r01-category-rail {
    background: var(--sarano-white) !important;
    border: 1px solid #e6eaf0 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
  }

  .sarano-r01-category-rail .elementor-widget-container,
  .sarano-r01-category-rail .prk-product-cat-sections,
  .sarano-r01-category-rail .prk-product-cat-sections__box,
  .sarano-r01-category-rail .prk-product-cat-sections__inner,
  .sarano-r01-category-rail .prk-product-cat-sections__viewport,
  .sarano-r01-category-rail .prk-product-cat-sections__track {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .sarano-r01-category-rail .prk-product-cat-sections__box {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
  }

  .sarano-r01-category-rail .prk-product-cat-sections__item {
    box-sizing: border-box !important;
    border-inline-start: 1px solid #e6eaf0 !important;
  }

  .sarano-r01-category-rail .prk-product-cat-sections__item:first-child {
    border-inline-start: 0 !important;
  }

  .sarano-r01-category-rail .prk-product-cat-sections__link {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .sarano-r01-category-rail .prk-product-cat-sections__media-inner {
    background: var(--sarano-navy) !important;
  }

  .sarano-r01-category-rail .prk-product-cat-sections__image {
    object-fit: contain !important;
    filter: none !important;
    mix-blend-mode: screen !important;
  }

  .sarano-r01-category-rail .prk-product-cat-sections__title {
    color: var(--sarano-navy) !important;
    font-family: prk-font, sans-serif !important;
  }

  .sarano-r01-category-rail .prk-product-cat-sections__count,
  .sarano-r01-category-rail .more-categroyis {
    display: none !important;
  }
}

/* ---------------- Phase B — approved Variant 2 top-home surfaces ---------
 * This final scoped layer only tunes the existing Native ParsKala widgets.
 * It does not create a second menu/search/product renderer and it does not
 * carry any board/prototype image or data into runtime.
 */
@media (min-width: 768px) {
  .sarano-r01-header-shell,
  .sarano-r01-header-row {
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    background: #08284d !important;
  }

  .sarano-r01-header-row {
    padding-inline: 28px !important;
  }

  .sarano-r01-searchbox,
  .sarano-r01-searchbox .prk-header-searchbox,
  .sarano-r01-searchbox form {
    width: 580px !important;
    min-width: 580px !important;
    max-width: 580px !important;
  }

  .sarano-r01-searchbox input[type='search'],
  .sarano-r01-searchbox input[type='text'],
  .sarano-r01-searchbox button,
  .sarano-r01-searchbox [type='submit'] {
    min-height: 46px !important;
    height: 46px !important;
  }

  .sarano-r01-logo {
    padding: 0 !important;
    background: transparent !important;
  }

  .sarano-r01-logo-image {
    width: 142px !important;
    max-height: 44px !important;
  }

  .sarano-r01-hero,
  .sarano-r01-hero > .e-con-inner,
  .sarano-r01-hero > [data-widget_type='sldiers.default'],
  .sarano-r01-hero > [data-widget_type='sldiers.default'] .elementor-widget-container,
  .sarano-r01-hero .prk-custom-slider-wrap,
  .sarano-r01-hero .prk-custom-slider,
  .sarano-r01-hero .prk-custom-slider__swiper,
  .sarano-r01-hero .prk-custom-slider .swiper-wrapper,
  .sarano-r01-hero .prk-custom-slider__slide,
  .sarano-r01-hero .prk-custom-slider__link,
  .sarano-r01-hero .prk-custom-slider__media,
  .sarano-r01-hero .prk-custom-slider__image {
    height: 360px !important;
    min-height: 360px !important;
    max-height: 360px !important;
  }

  .sarano-r01-hero-copy {
    left: 7% !important;
    right: auto !important;
    inset-inline-start: auto !important;
    inset-inline-end: 7% !important;
    width: 360px !important;
    max-width: 360px !important;
  }

  .sarano-r01-category-rail {
    width: calc(100% - 48px) !important;
    height: 104px !important;
    min-height: 104px !important;
    max-height: 104px !important;
    margin-top: 8px !important;
    padding: 6px 12px !important;
    border: 0 !important;
    border-top: 1px solid #edf0f4 !important;
    border-bottom: 1px solid #edf0f4 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #fff !important;
  }

  .sarano-r01-category-rail .prk-product-cat-sections__header {
    display: none !important;
  }

  .sarano-r01-category-rail .prk-product-cat-sections__viewport,
  .sarano-r01-category-rail .prk-product-cat-sections__track {
    height: 90px !important;
    min-height: 90px !important;
  }

  .sarano-r01-category-rail .prk-product-cat-sections__item {
    border-inline-start: 1px solid #edf0f4 !important;
  }

  .sarano-r01-category-rail .prk-product-cat-sections__item:first-child {
    border-inline-start: 0 !important;
  }

  .sarano-r01-category-rail .prk-product-cat-sections__link {
    height: 82px !important;
    min-height: 82px !important;
    color: #08284d !important;
  }

  .sarano-r01-category-rail .prk-product-cat-sections__media,
  .sarano-r01-category-rail .prk-product-cat-sections__media-inner,
  .sarano-r01-category-rail .prk-product-cat-sections__image,
  .sarano-r01-category-rail .prk-product-cat-sections__media svg,
  .sarano-r01-category-rail .prk-product-cat-sections__media i {
    width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    font-size: 30px !important;
  }

  .sarano-r01-category-rail .prk-product-cat-sections__media-inner {
    background: transparent !important;
  }

  .sarano-r01-category-rail .prk-product-cat-sections__image {
    filter: none !important;
    mix-blend-mode: normal !important;
    object-fit: contain !important;
    opacity: 0.88 !important;
  }

  .sarano-r01-category-rail .prk-product-cat-sections__media i,
  .sarano-r01-category-rail .prk-product-cat-sections__media svg {
    color: #08284d !important;
    fill: currentColor !important;
  }

  .sarano-r01-category-rail .prk-product-cat-sections__title {
    max-width: 118px !important;
    color: #08284d !important;
    font-size: 11px !important;
    line-height: 15px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .sarano-r01-product-rail {
    width: calc(100% - 48px) !important;
    margin-top: 14px !important;
    padding-bottom: 22px !important;
  }

  .sarano-r01-product-rail .head-product,
  .sarano-r01-product-rail .head-product h2,
  .sarano-r01-product-rail .head-product h3 {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
  }

  .sarano-r01-product-rail .head-product h2,
  .sarano-r01-product-rail .head-product h3,
  .sarano-r01-product-rail .head-product .title {
    color: #08284d !important;
    font-family: prk-font, sans-serif !important;
    font-size: 18px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
  }

  .sarano-r01-product-rail .head-product h2::after,
  .sarano-r01-product-rail .head-product h3::after,
  .sarano-r01-product-rail .head-product .title::after {
    content: '';
    display: block;
    width: 58px;
    height: 2px;
    margin-top: 3px;
    background: #ff6700;
  }

  .sarano-r01-product-rail .head-product h3::after {
    content: none !important;
  }

  .sarano-r01-product-widget .swiper-slide,
  .sarano-r01-product-widget .prk-product-item,
  .sarano-r01-product-widget li.product {
    box-sizing: border-box !important;
    border: 1px solid #edf0f4 !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: 0 5px 18px rgba(8, 40, 77, 0.06) !important;
    overflow: hidden !important;
  }

  .sarano-r01-product-widget .swiper-slide img,
  .sarano-r01-product-widget .prk-product-item img,
  .sarano-r01-product-widget li.product img {
    max-height: 178px !important;
    object-fit: contain !important;
  }

  .sarano-r01-menu .prk-tab-menu-items {
    top: 68px !important;
    left: 24px !important;
    right: 24px !important;
    border: 1px solid #e6eaf0 !important;
    border-top: 3px solid #ff6700 !important;
    border-radius: 0 0 12px 12px !important;
    background: #fff !important;
    box-shadow: 0 18px 36px rgba(8, 40, 77, 0.16) !important;
  }

  .sarano-r01-menu .prk-tab-menu-items a {
    color: #08284d !important;
  }
}

/* Tablet guard: the approved desktop lock uses fixed 260/580/220px columns.
 * At intermediate widths those legacy values exceed the viewport and push
 * the RTL header off-canvas. Keep the same hierarchy while allowing the
 * three native columns to shrink as one responsive unit. */
@media (min-width: 768px) and (max-width: 1100px) {
  .sarano-r01-header-row {
    padding-inline: 16px !important;
  }

  .sarano-r01-header-row > .sarano-r01-header-logo-col,
  .sarano-r01-header-row > .sarano-r01-header-search-col,
  .sarano-r01-header-row > .sarano-r01-header-actions {
    min-width: 0 !important;
    flex: 0 1 auto !important;
  }

  .sarano-r01-header-row > .sarano-r01-header-logo-col {
    width: 28% !important;
  }

  .sarano-r01-header-row > .sarano-r01-header-search-col {
    width: 46% !important;
  }

  .sarano-r01-header-row > .sarano-r01-header-actions {
    width: 26% !important;
    justify-content: flex-end !important;
    gap: 5px !important;
  }

  .sarano-r01-searchbox,
  .sarano-r01-searchbox .prk-header-searchbox,
  .sarano-r01-searchbox form {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .sarano-r01-logo-image {
    width: 112px !important;
    max-width: 100% !important;
  }

  .sarano-r01-header-actions .sarano-r01-menu,
  .sarano-r01-header-actions .sarano-r01-account,
  .sarano-r01-header-actions .sarano-r01-cart {
    width: 42px !important;
    min-width: 42px !important;
    flex: 0 0 42px !important;
  }

  .sarano-r01-header-actions .sarano-r01-menu .prk_mega_menu > li:first-child > a,
  .sarano-r01-header-actions .sarano-r01-account .prk-dh-account-button,
  .sarano-r01-header-actions .sarano-r01-cart .prk-dh-cart-button {
    width: 42px !important;
    min-width: 42px !important;
  }
}

/* Keep the two compact mobile actions inside the 24% action column. */
@media (max-width: 767px) {
  .sarano-r01-header-actions {
    overflow: visible !important;
    gap: 2px !important;
  }

  /* The approved mobile header exposes account + cart as the two native
   * utility actions. ParsKala hides the account widget at this breakpoint;
   * restore only that existing widget inside the scoped R01 header. */
  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 {
    display: flex !important;
    width: 24px !important;
    min-width: 24px !important;
    height: 30px !important;
    min-height: 30px !important;
    flex: 0 0 24px !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body.home #header .sarano-r01-header-actions .prk-dh-account-mobile,
  body.home #header .sarano-r01-header-actions .prk-dh-account-mobile__trigger {
    display: inline-flex !important;
    width: 24px !important;
    min-width: 24px !important;
    height: 30px !important;
    min-height: 30px !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--sarano-header-text) !important;
  }

  body.home #header .sarano-r01-header-actions .prk-dh-account-mobile__trigger:focus-visible {
    outline: 2px solid var(--sarano-accent) !important;
    outline-offset: 2px !important;
  }

  .sarano-r01-header-actions .sarano-r01-cart {
    display: flex !important;
    width: 24px !important;
    min-width: 24px !important;
    flex: 0 0 24px !important;
  }

  body.home #header .sarano-r01-header-actions > .elementor-widget-prk-theme-cart-button {
    display: flex !important;
    width: 24px !important;
    min-width: 24px !important;
    height: 30px !important;
    min-height: 30px !important;
    flex: 0 0 24px !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .sarano-r01-header-actions .sarano-r01-cart .prk-dh-cart-button {
    display: inline-flex !important;
    width: 24px !important;
    min-width: 24px !important;
    height: 30px !important;
    min-height: 30px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
  }
}

/* The approved mobile authority uses a compact 42–48px header. Keep the
 * native ParsKala controls, but remove the inherited desktop-height reserve
 * so the hero starts at the same visual boundary as the reference. */
@media (max-width: 430px) {
  body.home #header,
  body.home #header .sarano-r01-header-shell,
  body.home #header .sarano-r01-header-row {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
  }

  body.home #header .sarano-r01-searchbox input[type='search'],
  body.home #header .sarano-r01-searchbox input[type='text'],
  body.home #header .sarano-r01-searchbox button,
  body.home #header .sarano-r01-searchbox [type='submit'] {
    height: 34px !important;
    min-height: 34px !important;
  }

  body.home #header .sarano-r01-logo {
    padding: 3px 5px !important;
  }

  body.home #header .sarano-r01-logo-image {
    max-height: 28px !important;
  }
}

/* Keep the stock-state label visually separated from the product title in RTL. */
.single-product h1.product_title > span:first-child {
  display: inline-block;
  margin-inline-end: 0.75rem;
  vertical-align: baseline;
}