/**
 * Template 2 (layout2) ? CozaStore Homepage1 header skin.
 * Scoped to [data-shosha-design="layout2"] ? default layout untouched.
 *
 * Scroll model mirrors cozastore css/main.css + js/main.js:
 * - top-bar stays in document flow and scrolls away
 * - menu bar is position:fixed; top moves from 40px ? 0
 * - past top-bar: .is-fix-menu ? solid white bar + shadow
 */

.shosha-public-store[data-shosha-design="layout2"] {
  --l2-accent: #717fe0;
  --l2-text: #333;
  --l2-muted: #b2b2b2;
  --l2-topbar-bg: #222;
  --l2-menu-h: 84px;
  --l2-menu-h-fixed: 70px;
  --l2-topbar-h: 40px;
  --l2-pad-inline: clamp(0.65rem, 2.5vw, 2rem);
}

/* Root: not sticky ? topbar flows, menu is fixed (Coza pattern). */
.shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--layout2 {
  position: relative !important;
  top: auto !important;
  z-index: 1100;
  width: 100%;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  border-bottom: none !important;
  isolation: auto;
  transition: none !important;
  /* Admin ???? ?? ???? ???????? ? hover/active color (layout2 only) */
  --l2-nav-hover: var(--header-nav-shadow, #6c7ae0);
}

/* Kill default scrolled fill ? root of white-header vibration */
.shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--layout2.shosha-site-header--scrolled,
.shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--layout2.shosha-site-header--transparent,
.shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--layout2.shosha-site-header--transparent.shosha-site-header--scrolled {
  background: transparent !important;
  box-shadow: none !important;
  isolation: auto !important;
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--layout2.shosha-site-header--scrolled .shosha-site-header__foreground,
.shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--layout2.shosha-site-header--transparent.shosha-site-header--scrolled .shosha-site-header__foreground,
.shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--layout2 .shosha-l2-menu-bar.shosha-site-header__foreground {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}

/* Hero under header: topbar is in-flow; menu overlays ? stable clearance (no 84?70 jump) */
.shosha-public-store[data-shosha-design="layout2"].shosha-public-store--hero-under-header {
  --shosha-hero-clearance: var(--l2-menu-h);
}

/* Static hero under header */
.shosha-public-store[data-shosha-design="layout2"].shosha-public-store--hero-under-header .shosha-site-hero--full-top:not(.shosha-l2-hero) {
  margin-top: 0 !important;
  padding-top: var(--l2-menu-h) !important;
  min-height: calc(clamp(260px, 48vw, 560px) + var(--l2-menu-h));
}

.shosha-public-store[data-shosha-design="layout2"].shosha-public-store--hero-under-header .shosha-site-hero--full-top.shosha-site-hero--full-img-h:not(.shosha-l2-hero) .shosha-site-hero__inner {
  padding-top: var(--l2-menu-h) !important;
}

/* L2 slider: Coza viewport height under fixed menu (do not shrink to 560px) */
.shosha-public-store[data-shosha-design="layout2"].shosha-public-store--hero-under-header .shosha-l2-hero.shosha-l2-hero--full-top:not(.shosha-l2-hero--custom-h) {
  margin-top: 0 !important;
  padding-top: 0 !important;
  min-height: calc(100vh - var(--l2-topbar-h, 40px)) !important;
  height: calc(100vh - var(--l2-topbar-h, 40px)) !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero.shosha-l2-hero--full-img-h:not(.shosha-l2-hero--custom-h) {
  min-height: var(--hero-full-img-h, calc(100vh - var(--l2-topbar-h, 40px))) !important;
  height: var(--hero-full-img-h, auto) !important;
}

/* Custom height (default / below header): selected vh is the full banner box */
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero.shosha-l2-hero--custom-h {
  min-height: var(--l2-hero-custom-h, 70vh) !important;
  height: var(--l2-hero-custom-h, 70vh) !important;
  max-height: none !important;
}

/*
 * Desktop menu spacer (home only): fixed menu takes no flow space.
 * Reserve height so the hero starts below the white bar when "under header" is off.
 * Other pages keep their own top margins — do not enable spacer globally.
 */
@media (min-width: 992px) {
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-spacer {
    display: block;
    width: 100%;
    height: 0;
    flex-shrink: 0;
    pointer-events: none;
    overflow: hidden;
  }
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-page="home"]:not(.shosha-public-store--hero-under-header) .shosha-l2-menu-spacer {
    height: var(--l2-menu-h, 84px);
  }
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-page="home"]:not(.shosha-public-store--hero-under-header) .shosha-l2-hero:not(.shosha-l2-hero--full-top):not(.shosha-l2-hero--custom-h):not(.shosha-l2-hero--full-img-h) {
    min-height: calc(100vh - var(--l2-topbar-h, 40px) - var(--l2-menu-h, 84px)) !important;
    height: calc(100vh - var(--l2-topbar-h, 40px) - var(--l2-menu-h, 84px)) !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero.shosha-l2-hero--full-top.shosha-l2-hero--custom-h,
  .shosha-public-store[data-shosha-design="layout2"].shosha-public-store--hero-under-header .shosha-l2-hero.shosha-l2-hero--custom-h,
  .shosha-public-store[data-shosha-design="layout2"].shosha-public-store--hero-under-header .shosha-l2-hero.shosha-l2-hero--full-top.shosha-l2-hero--custom-h {
    margin-top: 0 !important;
    min-height: calc(var(--l2-hero-custom-h, 70vh) + var(--l2-menu-h, 84px)) !important;
    height: calc(var(--l2-hero-custom-h, 70vh) + var(--l2-menu-h, 84px)) !important;
    max-height: none !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero.shosha-l2-hero--full-top.shosha-l2-hero--custom-h .shosha-l2-hero__bg,
  .shosha-public-store[data-shosha-design="layout2"].shosha-public-store--hero-under-header .shosha-l2-hero.shosha-l2-hero--custom-h .shosha-l2-hero__bg {
    background-position: center top;
  }
}
@media (max-width: 991px) {
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-spacer {
    display: none !important;
    height: 0 !important;
  }
}

/*
 * Custom height + banner BELOW header: fill the box exactly (no cover crop).
 * Recommended upload sizes (e.g. 1920×810 for 75vh) then match the banner on 16:9 screens.
 */
.shosha-public-store[data-shosha-design="layout2"]:not(.shosha-public-store--hero-under-header) .shosha-l2-hero.shosha-l2-hero--custom-h:not(.shosha-l2-hero--full-top) .shosha-l2-hero__bg {
  background-size: 100% 100% !important;
  background-position: center center !important;
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero.shosha-l2-hero--custom-h:not(.shosha-l2-hero--full-top) .shosha-l2-hero__inner,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero.shosha-l2-hero--custom-h:not(.shosha-l2-hero--full-top) .shosha-site-hero__inner {
  justify-content: center !important;
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

/* full-top + custom-h: keep copy below the fixed menu (do not collapse to 28px) */
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero.shosha-l2-hero--full-top.shosha-l2-hero--custom-h .shosha-l2-hero__inner,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero.shosha-l2-hero--full-top.shosha-l2-hero--custom-h .shosha-site-hero__inner,
.shosha-public-store[data-shosha-design="layout2"].shosha-public-store--hero-under-header .shosha-l2-hero.shosha-l2-hero--custom-h .shosha-l2-hero__inner,
.shosha-public-store[data-shosha-design="layout2"].shosha-public-store--hero-under-header .shosha-l2-hero--full-top.shosha-l2-hero--custom-h .shosha-l2-hero__inner {
  justify-content: center !important;
  padding-top: calc(var(--l2-hero-menu, var(--l2-menu-h, 84px)) + 28px) !important;
  padding-bottom: 28px !important;
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-desktop {
  width: 100%;
  position: relative;
}

/* Top bar (in-flow by default; sticky when data-l2-topbar-sticky=1) */
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-topbar {
  height: var(--l2-topbar-h);
  background-color: var(--l2-topbar-bg, #222);
  color: var(--l2-muted);
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--layout2[data-l2-topbar-sticky="1"] .shosha-l2-topbar {
  z-index: 1102;
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-topbar__inner {
  height: 100%;
  width: 100%;
  max-width: none;
  margin: 0;
  padding-inline-start: var(--l2-pad-inline);
  padding-inline-end: var(--l2-pad-inline);
  box-sizing: border-box;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 1rem;
  font-size: 12px;
  line-height: 1.8;
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-topbar__promo {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-topbar__promo-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #b2b2b2;
  font-size: 12px;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-topbar__promo-line--short {
  display: none;
}

.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="en"] .shosha-l2-topbar__promo-line--ar,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-topbar__promo-line--en {
  display: none;
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-topbar__right {
  display: flex;
  align-items: stretch;
  flex-shrink: 0;
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-topbar__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  padding: 0 18px;
  height: 100%;
  color: #b2b2b2;
  text-decoration: none;
  border: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  background: transparent;
  cursor: pointer;
  font: inherit;
  font-size: 12px;
  line-height: 1.8;
  transition: color 0.4s, background-color 0.4s, border-color 0.4s, opacity 0.4s;
  white-space: nowrap;
}

/* Login in topbar ? ???? ?????: ????? / ?? / ???? / ???? / ??????
   ???? ???? (?????) ????? ?????? ????? ?? ??? ???? ?? ????? ?????? */
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-topbar__link.shosha-header-login-wrap {
  color: var(--header-login-color, #b2b2b2);
  background: var(--header-login-bg, transparent);
  opacity: var(--header-login-opacity, 1);
  box-sizing: border-box;
  border-top: 0;
  border-bottom: 0;
  border-left: 1px solid var(--header-login-border, rgba(255, 255, 255, 0.3));
  border-right: 1px solid var(--header-login-border, rgba(255, 255, 255, 0.3));
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-topbar__link.shosha-header-login-wrap:hover,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-topbar__link.shosha-header-login-wrap:focus-visible,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-topbar__link.shosha-header-login-wrap:active {
  color: var(--header-login-anim, var(--header-login-color, #6c7ae0));
  border-left-color: var(--header-login-border, rgba(255, 255, 255, 0.3));
  border-right-color: var(--header-login-border, rgba(255, 255, 255, 0.3));
  outline: none;
}

/* Language in topbar ? ?????? ?????? ????? */
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-topbar__link.shosha-l2-topbar__lang {
  color: var(--header-lang-color, #b2b2b2);
  background: var(--header-lang-bg, transparent);
  opacity: var(--header-lang-opacity, 1);
  box-sizing: border-box;
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
  border-right: 1px solid var(--header-lang-border, rgba(255, 255, 255, 0.3));
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-topbar__link.shosha-l2-topbar__lang:hover,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-topbar__link.shosha-l2-topbar__lang:focus-visible,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-topbar__link.shosha-l2-topbar__lang:active {
  color: var(--header-login-anim, var(--header-lang-color, #6c7ae0));
  outline: none;
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-topbar__right > .shosha-l2-topbar__link:first-child {
  border-left: 1px solid var(--header-login-border, rgba(255, 255, 255, 0.3));
}

.shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-l2-topbar__link.shosha-header-login-wrap {
  border-left: 1px solid var(--header-login-border, rgba(255, 255, 255, 0.3));
  border-right: 1px solid var(--header-login-border, rgba(255, 255, 255, 0.3));
}

.shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-l2-topbar__link.shosha-l2-topbar__lang {
  border-right: 0;
  border-left: 1px solid var(--header-lang-border, rgba(255, 255, 255, 0.3));
}

.shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-l2-topbar__link {
  border-right: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}

.shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-l2-topbar__right > .shosha-l2-topbar__link.shosha-header-login-wrap:first-child,
.shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-l2-topbar__right > .shosha-l2-topbar__link:first-child {
  border-right: 1px solid var(--header-login-border, rgba(255, 255, 255, 0.3));
  border-left: 1px solid var(--header-login-border, rgba(255, 255, 255, 0.3));
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-topbar__link:hover,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-topbar__link:focus-visible {
  color: #6c7ae0;
  outline: none;
}

/* Keep generic hover only when login/lang specific colors are not set via more specific rules above */

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-topbar__user-name {
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-topbar__lang-caret {
  width: 0;
  height: 0;
  margin-inline-start: 4px;
  border-left: 3.5px solid transparent;
  border-right: 3.5px solid transparent;
  border-top: 4px solid currentColor;
  opacity: 0.75;
}

/* ?? Fixed menu bar (Coza .wrap-menu-desktop) ?? */
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-wrap {
  position: fixed;
  z-index: 1100;
  left: 0;
  right: 0;
  top: var(--l2-topbar-h);
  width: 100%;
  height: var(--l2-menu-h);
  background-color: var(--shosha-header-fill, var(--shosha-header-scrolled-fill, #fff));
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  overflow: hidden;
  box-shadow: none;
  transition: height 0.3s, background-color 0.3s, box-shadow 0.3s, border-color 0.3s;
  box-sizing: border-box;
}

body.admin-bar .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-wrap {
  /* JS also offsets top; this is a safe baseline when scroll=0 */
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-desktop.is-fix-menu .shosha-l2-menu-wrap {
  height: var(--l2-menu-h-fixed);
  background-color: #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

/* Admin: hide header background (transparent) ? only at page top */
.shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--transparent:not(.is-fixed-menu) .shosha-l2-menu-wrap,
.shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--layout2[data-l2-transparent="1"]:not(.is-fixed-menu) .shosha-l2-menu-wrap {
  background-color: transparent !important;
  border-bottom-color: transparent;
  box-shadow: none !important;
}

/* After scroll: admin header color (single-hero / Coza fixed menu) */
.shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--transparent .shosha-l2-desktop.is-fixed-menu .shosha-l2-menu-wrap,
.shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--layout2[data-l2-transparent="1"] .shosha-l2-desktop.is-fixed-menu .shosha-l2-menu-wrap,
.shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--layout2.is-fixed-menu .shosha-l2-menu-wrap,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-desktop.is-fixed-menu .shosha-l2-menu-wrap {
  background-color: var(--shosha-header-scrolled-fill, #fff) !important;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

/* Header bg image: hidden while transparent at top; visible when fixed/scrolled */
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-wrap__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-wrap__bg.shosha-site-header__bg-image--fit {
  background-size: contain;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--transparent:not(.is-fixed-menu) .shosha-l2-menu-wrap__bg,
.shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--layout2[data-l2-transparent="1"]:not(.is-fixed-menu) .shosha-l2-menu-wrap__bg {
  opacity: 0 !important;
  visibility: hidden;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--layout2.is-fixed-menu .shosha-l2-menu-wrap__bg,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-desktop.is-fixed-menu .shosha-l2-menu-wrap__bg {
  visibility: visible;
}

/* Admin: hide header separator line */
.shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--no-sep .shosha-l2-menu-wrap,
.shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--layout2[data-l2-no-sep="1"] .shosha-l2-menu-wrap {
  border-bottom: none !important;
}
/* Menu + Price list + Checkout pages: always show header bottom line (scroll/sticky behavior unchanged) */
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="menu"] .shosha-site-header--layout2 .shosha-l2-menu-wrap,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="menu"] .shosha-site-header--layout2.shosha-site-header--no-sep .shosha-l2-menu-wrap,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="menu"] .shosha-site-header--layout2[data-l2-no-sep="1"] .shosha-l2-menu-wrap,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="price_list"] .shosha-site-header--layout2 .shosha-l2-menu-wrap,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="price_list"] .shosha-site-header--layout2.shosha-site-header--no-sep .shosha-l2-menu-wrap,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="price_list"] .shosha-site-header--layout2[data-l2-no-sep="1"] .shosha-l2-menu-wrap,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-site-header--layout2 .shosha-l2-menu-wrap,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-site-header--layout2.shosha-site-header--no-sep .shosha-l2-menu-wrap,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-site-header--layout2[data-l2-no-sep="1"] .shosha-l2-menu-wrap,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="about"] .shosha-site-header--layout2 .shosha-l2-menu-wrap,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="about"] .shosha-site-header--layout2.shosha-site-header--no-sep .shosha-l2-menu-wrap,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="about"] .shosha-site-header--layout2[data-l2-no-sep="1"] .shosha-l2-menu-wrap,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="contact"] .shosha-site-header--layout2 .shosha-l2-menu-wrap,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="contact"] .shosha-site-header--layout2.shosha-site-header--no-sep .shosha-l2-menu-wrap,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="contact"] .shosha-site-header--layout2[data-l2-no-sep="1"] .shosha-l2-menu-wrap,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-site-header--layout2 .shosha-l2-menu-wrap,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-site-header--layout2.shosha-site-header--no-sep .shosha-l2-menu-wrap,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-site-header--layout2[data-l2-no-sep="1"] .shosha-l2-menu-wrap,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="gallery"] .shosha-site-header--layout2 .shosha-l2-menu-wrap,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="gallery"] .shosha-site-header--layout2.shosha-site-header--no-sep .shosha-l2-menu-wrap,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="gallery"] .shosha-site-header--layout2[data-l2-no-sep="1"] .shosha-l2-menu-wrap {
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="menu"] .shosha-site-header--layout2.shosha-site-header--transparent:not(.is-fixed-menu) .shosha-l2-menu-wrap,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="menu"] .shosha-site-header--layout2[data-l2-transparent="1"]:not(.is-fixed-menu) .shosha-l2-menu-wrap,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="price_list"] .shosha-site-header--layout2.shosha-site-header--transparent:not(.is-fixed-menu) .shosha-l2-menu-wrap,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="price_list"] .shosha-site-header--layout2[data-l2-transparent="1"]:not(.is-fixed-menu) .shosha-l2-menu-wrap,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-site-header--layout2.shosha-site-header--transparent:not(.is-fixed-menu) .shosha-l2-menu-wrap,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-site-header--layout2[data-l2-transparent="1"]:not(.is-fixed-menu) .shosha-l2-menu-wrap,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="about"] .shosha-site-header--layout2.shosha-site-header--transparent:not(.is-fixed-menu) .shosha-l2-menu-wrap,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="about"] .shosha-site-header--layout2[data-l2-transparent="1"]:not(.is-fixed-menu) .shosha-l2-menu-wrap,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="contact"] .shosha-site-header--layout2.shosha-site-header--transparent:not(.is-fixed-menu) .shosha-l2-menu-wrap,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="contact"] .shosha-site-header--layout2[data-l2-transparent="1"]:not(.is-fixed-menu) .shosha-l2-menu-wrap,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-site-header--layout2.shosha-site-header--transparent:not(.is-fixed-menu) .shosha-l2-menu-wrap,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-site-header--layout2[data-l2-transparent="1"]:not(.is-fixed-menu) .shosha-l2-menu-wrap,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="gallery"] .shosha-site-header--layout2.shosha-site-header--transparent:not(.is-fixed-menu) .shosha-l2-menu-wrap,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="gallery"] .shosha-site-header--layout2[data-l2-transparent="1"]:not(.is-fixed-menu) .shosha-l2-menu-wrap {
  border-bottom-color: rgba(0, 0, 0, 0.08) !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--no-sep:not(.is-fixed-menu) .shosha-l2-menu-wrap,
.shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--layout2[data-l2-no-sep="1"]:not(.is-fixed-menu) .shosha-l2-menu-wrap {
  box-shadow: none !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--no-sep.shosha-site-header--layout2,
.shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--layout2[data-l2-no-sep="1"] {
  border: 0 !important;
  border-bottom: none !important;
  box-shadow: none !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-bar {
  height: 100%;
  width: 100%;
  position: relative;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-bar__inner {
  height: 100%;
  width: 100%;
  max-width: none;
  margin: 0;
  padding-inline-start: var(--l2-pad-inline);
  padding-inline-end: var(--l2-pad-inline);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 1rem;
  min-height: 0;
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--layout2 .shosha-site-logo {
  color: #000;
  text-decoration: none;
  flex-shrink: 0;
  max-height: 100%;
  align-items: center;
  overflow: hidden;
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--layout2 .shosha-site-logo__img {
  object-fit: contain;
  max-height: calc(var(--l2-menu-h) - 24px);
  width: auto;
  align-self: center;
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--layout2 .shosha-site-logo__text {
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: inherit;
}

/* When menu overlays a dark hero before fix, keep logo/nav readable if site sets white text via transparent mode */
.shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--transparent:not(.is-fix-menu) .shosha-l2-menu-wrap .shosha-site-logo,
.shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--transparent:not(.is-fix-menu) .shosha-l2-menu-wrap .shosha-l2-icon-btn {
  color: var(--header-icons-color, #fff);
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-desktop.is-fix-menu .shosha-site-logo,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-desktop.is-fix-menu .shosha-l2-icon-btn {
  color: var(--header-icons-color, #333);
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-nav {
  flex: 1;
  display: flex;
  justify-content: center;
  min-width: 0;
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-nav .shosha-site-nav__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-nav .shosha-site-nav__list > li {
  display: block;
  position: relative;
  padding: 20px 10px 20px 0;
  margin: 0 4px 0 14px;
}

.shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-l2-nav .shosha-site-nav__list > li {
  padding: 20px 0 20px 10px;
  margin: 0 14px 0 4px;
}

/* Kill default template glow / border / underline animations ? Coza color-only. */
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-nav .shosha-site-nav__list > li > a[data-shosha-i18n],
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-nav .shosha-site-nav__list > li > a {
  position: relative;
  display: inline-block;
  color: #333;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 500;
  padding: 5px 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  letter-spacing: normal !important;
  transform: none !important;
  filter: none !important;
  background: transparent !important;
  transition: color 0.4s !important;
  z-index: 0;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="en"] .shosha-site-nav a.shosha-nav-has-ff {
  font-family: var(--nav-ff-en, inherit);
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-site-nav a.shosha-nav-has-ff {
  font-family: var(--nav-ff-ar, var(--nav-ff-en, inherit));
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--transparent:not(.is-fix-menu) .shosha-l2-nav .shosha-site-nav__list > li > a {
  color: #fff;
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-desktop.is-fix-menu .shosha-l2-nav .shosha-site-nav__list > li > a {
  color: #333;
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-nav .shosha-site-nav__list > li > a:hover,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-nav .shosha-site-nav__list > li > a:active,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-nav .shosha-site-nav__list > li > a:focus-visible,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-nav .shosha-site-nav__list > li > a.shosha-nav-link--active,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-nav .shosha-site-nav__list > li > a[aria-current="page"] {
  color: var(--l2-nav-hover, var(--header-nav-shadow, #6c7ae0)) !important;
  text-shadow: none !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  letter-spacing: normal !important;
  background: transparent !important;
  padding: 5px 0 !important;
  outline: none !important;
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-nav .shosha-site-nav__list > li > a::before,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-nav .shosha-site-nav__list > li > a::after,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-nav .shosha-site-nav__list > li > a:hover::before,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-nav .shosha-site-nav__list > li > a:hover::after,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-nav .shosha-site-nav__list > li > a.shosha-nav-link--active::before,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-nav .shosha-site-nav__list > li > a.shosha-nav-link--active::after,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-nav .shosha-site-nav__list > li > a[aria-current="page"]::before,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-nav .shosha-site-nav__list > li > a[aria-current="page"]::after {
  content: none !important;
  display: none !important;
  animation: none !important;
  opacity: 0 !important;
  transform: none !important;
  box-shadow: none !important;
  background: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Icons */
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-header-icons {
  display: flex;
  align-items: center;
  gap: 0.15rem;
  flex-shrink: 0;
  margin-inline-start: auto;
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-icon-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--header-icons-size, 22px) + 20px);
  height: calc(var(--header-icons-size, 22px) + 20px);
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--header-icons-color, #333);
  cursor: pointer;
  transition: color 0.4s;
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-icon-btn svg {
  width: var(--header-icons-size, 22px);
  height: var(--header-icons-size, 22px);
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-icon-btn:hover,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-icon-btn:focus-visible,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-icon-btn:active {
  color: var(--header-icons-hover, var(--l2-nav-hover, #6c7ae0));
  outline: none;
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-icon-btn__badge {
  position: absolute;
  top: 4px;
  inset-inline-end: 2px;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border-radius: 999px;
  background: var(--header-nav-shadow, #717fe0);
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  line-height: 16px;
  text-align: center;
}

/* Layout2: header cart icons cover open — hide floating side trigger on all viewports */
.shosha-public-store[data-shosha-design="layout2"] .shosha-menu-cart > .shosha-menu-cart__trigger {
  display: none !important;
}

/* Desktop logo protection + hide mobile chrome */
@media (min-width: 992px) {
  .shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--layout2 .shosha-l2-mobile-icons,
  .shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--layout2 .shosha-l2-nav-toggle,
  .shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--layout2 .shosha-site-header__mobile-end,
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-mobile {
    display: none !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--layout2 .shosha-site-logo {
    flex: 0 0 auto !important;
    height: auto !important;
    max-width: none !important;
    max-height: 100%;
    overflow: visible !important;
    padding: 0 !important;
    align-items: center;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--layout2 .shosha-site-logo__img {
    max-height: calc(var(--l2-menu-h-fixed, 70px) - 12px);
    object-fit: contain;
  }
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--layout2 .shosha-l2-mobile-icons,
.shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--layout2 .shosha-l2-nav-toggle {
  display: none;
}

/* ========== CozaStore mobile ?991px ========== */
@media (max-width: 991px) {
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-topbar[data-shosha-l2-topbar] {
    display: block !important;
    height: auto !important;
    min-height: 36px !important;
    overflow: visible !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-topbar__inner {
    height: auto !important;
    min-height: 36px;
    padding-block: 6px;
    padding-inline-start: 12px;
    padding-inline-end: 8px;
    gap: 0.45rem;
    font-size: 11px;
    line-height: 1.35;
    align-items: center;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-topbar__promo {
    flex: 1 1 auto;
    min-width: 0;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-topbar__promo-line {
    font-size: 11px;
    line-height: 1.35;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-topbar__promo-line--full {
    display: none !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-topbar__promo-line--short {
    display: inline !important;
  }
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="en"] .shosha-l2-topbar__promo-line--ar,
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-topbar__promo-line--en {
    display: none !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-topbar__right {
    flex: 0 0 auto;
    align-items: center;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-topbar__link {
    padding: 0 8px;
    height: auto;
    min-height: 28px;
    font-size: 11px;
    line-height: 1.35;
  }
  /* Duplicate topbar inside hamburger is redundant when always-visible topbar is shown. */
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-topbar-mobile {
    display: none !important;
  }

  /* Same specificity as critical fixed rule ? must win on mobile (Coza wrap-header-mobile) */
  .shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--layout2 .shosha-l2-menu-wrap,
  .shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--layout2.shosha-site-header--transparent .shosha-l2-menu-wrap,
  .shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--layout2[data-l2-transparent="1"] .shosha-l2-menu-wrap,
  .shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--layout2.is-fixed-menu .shosha-l2-menu-wrap,
  .shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--layout2 .shosha-l2-desktop.is-fixed-menu .shosha-l2-menu-wrap {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    height: auto !important;
    background: #fff !important;
    background-color: var(--shosha-header-fill, var(--shosha-header-scrolled-fill, #fff)) !important;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2) !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--no-sep .shosha-l2-menu-wrap,
  .shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--layout2[data-l2-no-sep="1"] .shosha-l2-menu-wrap {
    border-bottom: none !important;
    box-shadow: none !important;
  }
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-page="menu"] .shosha-site-header--layout2 .shosha-l2-menu-wrap,
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-page="menu"] .shosha-site-header--no-sep .shosha-l2-menu-wrap,
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-page="menu"] .shosha-site-header--layout2[data-l2-no-sep="1"] .shosha-l2-menu-wrap,
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-page="price_list"] .shosha-site-header--layout2 .shosha-l2-menu-wrap,
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-page="price_list"] .shosha-site-header--no-sep .shosha-l2-menu-wrap,
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-page="price_list"] .shosha-site-header--layout2[data-l2-no-sep="1"] .shosha-l2-menu-wrap,
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-site-header--layout2 .shosha-l2-menu-wrap,
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-site-header--no-sep .shosha-l2-menu-wrap,
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-site-header--layout2[data-l2-no-sep="1"] .shosha-l2-menu-wrap,
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-page="about"] .shosha-site-header--layout2 .shosha-l2-menu-wrap,
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-page="about"] .shosha-site-header--no-sep .shosha-l2-menu-wrap,
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-page="about"] .shosha-site-header--layout2[data-l2-no-sep="1"] .shosha-l2-menu-wrap,
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-page="contact"] .shosha-site-header--layout2 .shosha-l2-menu-wrap,
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-page="contact"] .shosha-site-header--no-sep .shosha-l2-menu-wrap,
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-page="contact"] .shosha-site-header--layout2[data-l2-no-sep="1"] .shosha-l2-menu-wrap,
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-site-header--layout2 .shosha-l2-menu-wrap,
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-site-header--no-sep .shosha-l2-menu-wrap,
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-site-header--layout2[data-l2-no-sep="1"] .shosha-l2-menu-wrap,
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-page="gallery"] .shosha-site-header--layout2 .shosha-l2-menu-wrap,
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-page="gallery"] .shosha-site-header--no-sep .shosha-l2-menu-wrap,
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-page="gallery"] .shosha-site-header--layout2[data-l2-no-sep="1"] .shosha-l2-menu-wrap {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
  }

  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-bar {
    height: auto !important;
  }

  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-bar__inner {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    direction: ltr !important;
    height: 70px !important;
    min-height: 70px !important;
    max-height: 70px !important;
    padding: 15px !important;
    gap: 0 !important;
    box-sizing: border-box !important;
  }

  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-nav,
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-header-icons {
    display: none !important;
  }

  .shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--layout2 .shosha-site-logo {
    order: 1 !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    height: 80% !important;
    max-height: 56px !important;
    padding-right: 16px !important;
    margin: 0 !important;
    overflow: hidden !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--layout2 .shosha-site-logo__img {
    flex-shrink: 0 !important;
    width: auto !important;
    height: auto !important;
    max-width: 44px !important;
    max-height: 44px !important;
    object-fit: contain !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--layout2 .shosha-site-logo__text,
  .shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--layout2 .shosha-site-logo__text * {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: clamp(0.75rem, 3.4vw, 0.95rem) !important;
    line-height: 1.15 !important;
  }

  .shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--layout2 .shosha-l2-mobile-icons {
    order: 2 !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    flex-shrink: 0 !important;
    gap: 0 !important;
    margin: 0 2px 0 0 !important;
    direction: ltr !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-mobile-icons .shosha-l2-icon-btn {
    width: 38px !important;
    height: 40px !important;
    flex-shrink: 0 !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-mobile-icons .shosha-l2-icon-btn svg {
    width: 22px !important;
    height: 22px !important;
  }

  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-nav-toggle {
    order: 3 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 5px !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: scale(0.7);
    flex-shrink: 0 !important;
    cursor: pointer;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-nav-toggle span {
    display: block !important;
    width: 22px !important;
    height: 2px !important;
    margin: 0 !important;
    background: var(--l2-mobile-menu-icon-color, #333) !important;
    border-radius: 0 !important;
    transition: transform 0.3s ease, opacity 0.3s ease;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-nav-toggle.is-active span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-nav-toggle.is-active span:nth-child(2) {
    opacity: 0;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-nav-toggle.is-active span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
  }

  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-mobile.shosha-site-nav__panel {
    display: none;
    width: 100% !important;
    background-color: var(--l2-mobile-menu-bg, #fff) !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-mobile.shosha-site-nav__panel.is-open {
    display: block;
  }

  /* Keep hidden: always-visible topbar already shows at top; duplicate below header is redundant. */
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-topbar-mobile {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    display: none !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-topbar-mobile > li {
    display: block !important;
    padding: 8px 20px !important;
    border: 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
    background-color: var(--l2-topbar-bg, #222) !important;
    color: #b2b2b2 !important;
    text-align: start !important;
    margin: 0 !important;
  }
  .shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-l2-topbar-mobile > li,
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-topbar-mobile > li {
    text-align: right !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-topbar-mobile__promo {
    font-size: 12px !important;
    line-height: 1.7 !important;
    color: #b2b2b2 !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-topbar-mobile__right {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-topbar-mobile .shosha-l2-topbar__link {
    padding: 0 10px !important;
    height: auto !important;
    line-height: 1.8 !important;
    color: #b2b2b2 !important;
    background: transparent !important;
  }

  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-main-menu-m {
    display: block !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 10px 0 !important;
    background-color: var(--l2-mobile-menu-bg, var(--header-nav-shadow, #717fe0)) !important;
    min-height: 0 !important;
    height: auto !important;
    gap: 0 !important;
  }
  .shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-l2-main-menu-m,
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-main-menu-m,
  .shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-l2-menu-mobile,
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-menu-mobile,
  .shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-l2-topbar-mobile,
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-topbar-mobile {
    direction: rtl !important;
    text-align: right !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-main-menu-m > li {
    display: block !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: var(--l2-mobile-menu-align, start) !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-main-menu-m > li > a,
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-main-menu-m > li > a[data-shosha-i18n] {
    display: block !important;
    width: auto !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--l2-mobile-menu-link-color, #fff) !important;
    line-height: 2.8 !important;
    padding: 8px 20px !important;
    margin: 0 !important;
    text-align: var(--l2-mobile-menu-align, start) !important;
    text-decoration: none !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
  }
  .shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-l2-main-menu-m > li,
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-main-menu-m > li,
  .shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-l2-main-menu-m > li > a,
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-main-menu-m > li > a,
  .shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-l2-main-menu-m > li > a[data-shosha-i18n],
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-main-menu-m > li > a[data-shosha-i18n] {
    text-align: var(--l2-mobile-menu-align, right) !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-main-menu-m > li > a:hover,
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-main-menu-m > li > a.shosha-nav-link--active,
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-main-menu-m > li > a[aria-current="page"] {
    color: var(--l2-mobile-menu-hover-color, var(--l2-mobile-menu-link-color, #fff)) !important;
    background: transparent !important;
    transform: none !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-main-menu-m > li > a::before,
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-main-menu-m > li > a::after {
    content: none !important;
    display: none !important;
  }

  .shosha-public-store[data-shosha-design="layout2"].shosha-public-store--hero-under-header {
    --shosha-hero-clearance: 70px;
    --l2-menu-h: 70px;
  }
}

/* ?? Search overlay ? exact Coza .modal-search-header / .wrap-search-header ?? */
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-search-modal {
  position: fixed;
  z-index: 2000;
  width: 100%;
  height: 100%;
  left: 0;
  bottom: 101%;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 50px 15px 100px 15px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: bottom 0.4s;
  -webkit-transition: bottom 0.4s;
  -o-transition: bottom 0.4s;
  -moz-transition: bottom 0.4s;
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-search-modal.is-open {
  bottom: 0;
  pointer-events: auto;
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-search-modal[hidden] {
  display: flex !important;
  pointer-events: none;
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-search-modal.is-open[hidden],
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-search-modal.is-open:not([hidden]) {
  pointer-events: auto;
}

/* .container-search-header */
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-search-modal__panel {
  width: auto;
  max-width: 100%;
  position: relative;
}

/* .btn-hide-modal-search ? physical right in LTR; mirrored in RTL */
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-search-modal__close {
  position: absolute;
  padding: 5px;
  right: 0;
  left: auto;
  top: -45px;
  opacity: 0.8;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  cursor: pointer;
  color: #333 !important;
  font-size: 28px;
  line-height: 1;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.4s;
  -webkit-appearance: none;
  appearance: none;
}

.shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-l2-search-modal__close {
  left: 0;
  right: auto;
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-search-modal__close:hover {
  opacity: 1;
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-search-modal__close svg {
  display: block;
  width: 28px;
  height: 28px;
  pointer-events: none;
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-search-modal__results {
  width: 960px;
  max-width: 100%;
  margin-top: 8px;
  background: #fff;
  border: 2px solid #e6e6e6;
  max-height: min(50vh, 420px);
  overflow: auto;
  box-sizing: border-box;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-search-modal__hit,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-search-modal__empty {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border: 0;
  border-bottom: 1px solid #eee;
  background: #fff;
  color: #222;
  font: inherit;
  text-align: start;
  cursor: pointer;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-search-modal__hit:hover {
  background: #f4f8ec;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-search-modal__empty {
  cursor: default;
  color: #666;
}
/* .wrap-search-header */
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-search-modal__form {
  width: 960px;
  max-width: 100%;
  height: 120px;
  border: 2px solid #e6e6e6;
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-left: 15px;
  padding-right: 0;
  box-sizing: border-box;
}

.shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-l2-search-modal__form {
  padding-left: 0;
  padding-right: 15px;
  flex-direction: row;
}

/* search submit button ? Coza left icon (RTL: flex+dir places it on the right) */
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-search-modal__submit {
  width: 70px;
  height: 100%;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  color: #333;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 50px;
  transition: color 0.4s;
  -webkit-appearance: none;
  appearance: none;
  padding: 0;
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-search-modal__submit:hover {
  color: var(--l2-nav-hover, #6c7ae0);
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-search-modal__submit svg {
  width: 40px;
  height: 40px;
  display: block;
}

/* .wrap-search-header input + .plh3 */
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-search-modal__input {
  flex: 1 1 auto;
  width: calc(100% - 70px);
  height: 100%;
  border: 0;
  outline: none;
  background: transparent;
  font-size: 50px;
  line-height: 1.2;
  font-weight: 200;
  color: #333;
  padding: 0 30px 0 0;
  min-width: 0;
  box-shadow: none !important;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
}

.shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-l2-search-modal__input {
  padding: 0 0 0 30px;
  text-align: right;
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-search-modal__input::placeholder {
  color: #555;
  opacity: 1;
  font-weight: 200;
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-search-modal__input::-webkit-input-placeholder { color: #555; }
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-search-modal__input::-moz-placeholder { color: #555; }
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-search-modal__input:-ms-input-placeholder { color: #555; }

@media (max-width: 767px) {
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-search-modal__form {
    height: 90px;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-search-modal__input,
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-search-modal__submit {
    font-size: 30px;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-search-modal__submit svg {
    width: 30px;
    height: 30px;
  }
}

@media (max-width: 575px) {
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-search-modal__form {
    height: 80px;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-search-modal__input,
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-search-modal__submit {
    font-size: 20px;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-search-modal__submit {
    width: 40px;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-search-modal__submit svg {
    width: 22px;
    height: 22px;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-search-modal__input {
    width: calc(100% - 40px);
  }
}

/* Mobile Coza list: white text controlled in max-width 991 block */

/* ?? Layout2 multi-slide hero (CozaStore Homepage1) ?? */
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero {
  --l2-hero-menu: var(--l2-menu-h, 84px);
  --l2-hero-topbar: var(--l2-topbar-h, 40px);
  position: relative !important;
  isolation: isolate;
  width: 100%;
  overflow: hidden;
  background: #f5f5f5;
  min-height: calc(100vh - var(--l2-hero-topbar)) !important;
  height: calc(100vh - var(--l2-hero-topbar));
  color: #333;
  display: block !important;
  align-items: stretch;
}
/* full-top: under fixed menu ? do NOT use static-hero negative margin */
.shosha-public-store[data-shosha-design="layout2"].shosha-public-store--hero-under-header .shosha-l2-hero.shosha-l2-hero--full-top:not(.shosha-l2-hero--custom-h),
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero.shosha-l2-hero--full-top:not(.shosha-l2-hero--custom-h) {
  margin-top: 0 !important;
  padding-top: 0 !important;
  min-height: calc(100vh - var(--l2-hero-topbar)) !important;
  height: calc(100vh - var(--l2-hero-topbar)) !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero.shosha-l2-hero--full-img-h:not(.shosha-l2-hero--custom-h) {
  min-height: var(--hero-full-img-h, calc(100vh - var(--l2-hero-topbar))) !important;
  height: var(--hero-full-img-h, auto) !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero.shosha-l2-hero--custom-h {
  min-height: var(--l2-hero-custom-h, 70vh) !important;
  height: var(--l2-hero-custom-h, 70vh) !important;
  max-height: none !important;
}
.shosha-public-store[data-shosha-design="layout2"]:not(.shosha-public-store--hero-under-header) .shosha-l2-hero.shosha-l2-hero--custom-h:not(.shosha-l2-hero--full-top) .shosha-l2-hero__bg {
  background-size: 100% 100% !important;
  background-position: center center !important;
}
@media (min-width: 992px) {
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero.shosha-l2-hero--full-top.shosha-l2-hero--custom-h,
  .shosha-public-store[data-shosha-design="layout2"].shosha-public-store--hero-under-header .shosha-l2-hero.shosha-l2-hero--custom-h,
  .shosha-public-store[data-shosha-design="layout2"].shosha-public-store--hero-under-header .shosha-l2-hero.shosha-l2-hero--full-top.shosha-l2-hero--custom-h {
    margin-top: 0 !important;
    min-height: calc(var(--l2-hero-custom-h, 70vh) + var(--l2-menu-h, 84px)) !important;
    height: calc(var(--l2-hero-custom-h, 70vh) + var(--l2-menu-h, 84px)) !important;
    max-height: none !important;
  }
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero.shosha-l2-hero--custom-h:not(.shosha-l2-hero--full-top) .shosha-l2-hero__inner,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero.shosha-l2-hero--custom-h:not(.shosha-l2-hero--full-top) .shosha-site-hero__inner {
  justify-content: center !important;
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero.shosha-l2-hero--full-top.shosha-l2-hero--custom-h .shosha-l2-hero__inner,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero.shosha-l2-hero--full-top.shosha-l2-hero--custom-h .shosha-site-hero__inner,
.shosha-public-store[data-shosha-design="layout2"].shosha-public-store--hero-under-header .shosha-l2-hero--full-top.shosha-l2-hero--custom-h .shosha-l2-hero__inner {
  justify-content: center !important;
  padding-top: calc(var(--l2-hero-menu, var(--l2-menu-h, 84px)) + 28px) !important;
  padding-bottom: 28px !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__viewport {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: inherit;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__slide {
  position: absolute !important;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s ease, visibility 1s ease;
  pointer-events: none;
  display: block !important;
  min-height: 100%;
  height: 100%;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__slide.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  position: relative !important;
  z-index: 2;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__slide.is-leaving {
  opacity: 1;
  visibility: visible;
  position: absolute !important;
  z-index: 1;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__bg {
  position: absolute !important;
  inset: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero.shosha-l2-hero--full-img-h .shosha-l2-hero__bg {
  background-size: 100% auto;
  background-position: center top;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__bg--solid {
  background: #e6e6e6;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="en"] .shosha-l2-hero__bg--ar,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-hero__bg--en {
  display: none !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__scrim {
  position: absolute !important;
  inset: 0;
  background: #000;
  pointer-events: none;
  z-index: 1;
}
/* Coza .flex-col-l-m ? column start-aligned (mirrors in RTL). NEVER row */
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero .shosha-l2-hero__inner,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero.shosha-site-hero--full-img-h .shosha-l2-hero__inner,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero .shosha-site-hero__inner.shosha-l2-hero__inner {
  position: relative !important;
  z-index: 2;
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  direction: ltr !important;
  align-items: flex-start !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 1380px !important;
  margin: 0 auto !important;
  padding: 100px 15px 30px !important;
  box-sizing: border-box !important;
  text-align: left !important;
  min-height: 100% !important;
  height: 100% !important;
  inset: auto !important;
}
.shosha-public-store[data-shosha-design="layout2"].shosha-public-store--hero-under-header .shosha-l2-hero--full-top .shosha-l2-hero__inner {
  padding-top: calc(var(--l2-hero-menu) + 40px) !important;
}
/* Arabic: mirror EN left ? physical right (inner uses direction:ltr) */
.shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-l2-hero .shosha-l2-hero__inner,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-hero .shosha-l2-hero__inner,
.shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-l2-hero .shosha-site-hero__inner,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-hero .shosha-site-hero__inner {
  align-items: flex-end !important;
  text-align: right !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__inner.is-align-center {
  align-items: center !important;
  text-align: center !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__inner.is-align-right {
  align-items: flex-end !important;
  text-align: right !important;
}
.shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-l2-hero__inner.is-align-right,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-hero__inner.is-align-right {
  align-items: flex-start !important;
  text-align: left !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__inner.is-align-left {
  align-items: flex-start !important;
  text-align: left !important;
}
.shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-l2-hero__inner.is-align-left,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-hero__inner.is-align-left {
  align-items: flex-end !important;
  text-align: right !important;
}
.shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-l2-hero__subtitle,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-hero__subtitle,
.shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-l2-hero__title,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-hero__title,
.shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-l2-hero__btn,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-hero__btn {
  direction: rtl;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__layer {
  display: block !important;
  width: auto;
  max-width: 100%;
  opacity: 0;
  flex: 0 0 auto !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__layer.is-visible {
  opacity: 1;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__subtitle {
  display: block !important;
  margin: 0;
  font-family: Poppins, sans-serif;
  font-weight: 400;
  line-height: 1.2857;
  color: #333;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__title {
  display: block !important;
  margin: 19px 0 43px;
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
  color: #333;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 179px;
  height: 45px;
  padding: 0 20px;
  line-height: 1 !important;
  box-sizing: border-box;
  border-radius: 23px !important;
  background: #717fe0;
  color: #fff !important;
  text-decoration: none !important;
  font-family: Poppins, sans-serif;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  border: 0;
  box-shadow: none;
  transition: background 0.3s ease;
}
/* Latin caps sit optically high — nudge for visual vertical center */
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__btn--en {
  padding-top: 0.16em !important;
  padding-bottom: 0 !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__btn--ar {
  padding-top: 0.06em !important;
  padding-bottom: 0 !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__btn:hover {
  background: var(--l2-hero-btn-hover, #333) !important;
  color: #fff !important;
  transform: none;
  filter: none;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="en"] .shosha-l2-hero__subtitle--ar,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="en"] .shosha-l2-hero__title--ar,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="en"] .shosha-l2-hero__btn--ar,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-hero__subtitle--en,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-hero__title--en,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-hero__btn--en {
  display: none !important;
}
/* Coza .arrow-slick1 ? transparent chevrons, not circular pills */
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__arrow {
  position: absolute;
  top: 50%;
  z-index: 5;
  transform: translateY(-50%);
  width: auto;
  height: auto;
  min-width: 0;
  border: 0;
  border-radius: 0;
  background: transparent !important;
  color: rgba(0, 0, 0, 0.3);
  font-size: 80px;
  line-height: 1;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.4s ease, color 0.4s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero:hover .shosha-l2-hero__arrow {
  opacity: 1;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__arrow:hover {
  color: #7280e0;
  background: transparent !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__arrow--prev { left: 50px; right: auto; }
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__arrow--next { right: 50px; left: auto; }
.shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-l2-hero__arrow--prev { left: auto; right: 50px; }
.shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-l2-hero__arrow--next { right: auto; left: 50px; }

/* Layer entrance animations (Animate.css subset) */
@keyframes shoshaL2FadeInDown {
  from { opacity: 0; transform: translate3d(0, -40px, 0); }
  to { opacity: 1; transform: none; }
}
@keyframes shoshaL2FadeInUp {
  from { opacity: 0; transform: translate3d(0, 40px, 0); }
  to { opacity: 1; transform: none; }
}
@keyframes shoshaL2ZoomIn {
  from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  to { opacity: 1; transform: none; }
}
@keyframes shoshaL2RollIn {
  from { opacity: 0; transform: translate3d(-100%, 0, 0) rotate(-120deg); }
  to { opacity: 1; transform: none; }
}
@keyframes shoshaL2LightSpeedIn {
  from { opacity: 0; transform: translate3d(100%, 0, 0) skewX(-30deg); }
  to { opacity: 1; transform: none; }
}
@keyframes shoshaL2SlideInUp {
  from { opacity: 0; transform: translate3d(0, 100%, 0); }
  to { opacity: 1; transform: none; }
}
@keyframes shoshaL2RotateInDownLeft {
  from { opacity: 0; transform: rotate(-45deg); transform-origin: left bottom; }
  to { opacity: 1; transform: none; transform-origin: left bottom; }
}
@keyframes shoshaL2RotateInUpRight {
  from { opacity: 0; transform: rotate(45deg); transform-origin: right bottom; }
  to { opacity: 1; transform: none; transform-origin: right bottom; }
}
@keyframes shoshaL2RotateIn {
  from { opacity: 0; transform: rotate(-200deg); transform-origin: center; }
  to { opacity: 1; transform: none; transform-origin: center; }
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__layer.fadeInDown.is-visible { animation: shoshaL2FadeInDown 0.8s forwards; }
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__layer.fadeInUp.is-visible { animation: shoshaL2FadeInUp 0.8s forwards; }
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__layer.zoomIn.is-visible { animation: shoshaL2ZoomIn 0.8s forwards; }
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__layer.rollIn.is-visible { animation: shoshaL2RollIn 0.9s forwards; }
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__layer.lightSpeedIn.is-visible { animation: shoshaL2LightSpeedIn 0.9s forwards; }
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__layer.slideInUp.is-visible { animation: shoshaL2SlideInUp 0.8s forwards; }
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__layer.rotateInDownLeft.is-visible { animation: shoshaL2RotateInDownLeft 0.9s forwards; }
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__layer.rotateInUpRight.is-visible { animation: shoshaL2RotateInUpRight 0.9s forwards; }
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__layer.rotateIn.is-visible { animation: shoshaL2RotateIn 0.9s forwards; }

@media (max-width: 991px) {
  /* Coza mobile hero: cover image, full height under 70px white menu, text overlay */
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero:not(.shosha-l2-hero--custom-h),
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero.shosha-l2-hero--full-top:not(.shosha-l2-hero--custom-h),
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero.shosha-l2-hero--full-img-h:not(.shosha-l2-hero--custom-h),
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero.shosha-site-hero--full-img-h:not(.shosha-l2-hero--custom-h),
  .shosha-public-store[data-shosha-design="layout2"].shosha-public-store--hero-under-header .shosha-l2-hero.shosha-l2-hero--full-top:not(.shosha-l2-hero--custom-h) {
    min-height: calc(100vh - 70px) !important;
    height: calc(100vh - 70px) !important;
    max-height: none !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    align-items: stretch !important;
    display: block !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero.shosha-l2-hero--custom-h,
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero.shosha-l2-hero--full-top.shosha-l2-hero--custom-h,
  .shosha-public-store[data-shosha-design="layout2"].shosha-public-store--hero-under-header .shosha-l2-hero.shosha-l2-hero--custom-h,
  .shosha-public-store[data-shosha-design="layout2"].shosha-public-store--hero-under-header .shosha-l2-hero.shosha-l2-hero--full-top.shosha-l2-hero--custom-h {
    /* Mobile menu is in-flow — do not add desktop menu bleed to custom height */
    min-height: var(--l2-hero-custom-h, 55vh) !important;
    height: var(--l2-hero-custom-h, 55vh) !important;
    max-height: none !important;
    margin-top: 0 !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero.shosha-l2-hero--custom-h .shosha-l2-hero__inner,
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero.shosha-l2-hero--custom-h .shosha-site-hero__inner,
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero.shosha-l2-hero--full-top.shosha-l2-hero--custom-h .shosha-l2-hero__inner,
  .shosha-public-store[data-shosha-design="layout2"].shosha-public-store--hero-under-header .shosha-l2-hero--full-top.shosha-l2-hero--custom-h .shosha-l2-hero__inner {
    justify-content: center !important;
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__viewport,
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__slide,
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__slide.is-active {
    min-height: 100% !important;
    height: 100% !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero:not(.shosha-l2-hero--custom-h) .shosha-l2-hero__bg,
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero.shosha-l2-hero--full-img-h:not(.shosha-l2-hero--custom-h) .shosha-l2-hero__bg,
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero:not(.shosha-l2-hero--custom-h) .shosha-site-hero__bg {
    background-size: cover !important;
    background-position: center center !important;
  }
  .shosha-public-store[data-shosha-design="layout2"]:not(.shosha-public-store--hero-under-header) .shosha-l2-hero.shosha-l2-hero--custom-h:not(.shosha-l2-hero--full-top) .shosha-l2-hero__bg {
    background-size: 100% 100% !important;
    background-position: center center !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__bg--mobile {
    display: none !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__slide--has-mobile-bg > .shosha-l2-hero__bg--en,
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__slide--has-mobile-bg > .shosha-l2-hero__bg--ar,
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__slide--has-mobile-bg > .shosha-site-hero__bg--shared:not(.shosha-l2-hero__bg--mobile) {
    display: none !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__slide--has-mobile-bg > .shosha-l2-hero__bg--mobile-shared {
    display: block !important;
  }
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="en"] .shosha-l2-hero__slide--has-mobile-bg > .shosha-l2-hero__bg--mobile-en,
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-hero__slide--has-mobile-bg > .shosha-l2-hero__bg--mobile-ar {
    display: block !important;
  }
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="en"] .shosha-l2-hero__slide--has-mobile-bg > .shosha-l2-hero__bg--mobile-ar,
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-hero__slide--has-mobile-bg > .shosha-l2-hero__bg--mobile-en {
    display: none !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero .shosha-l2-hero__inner,
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero .shosha-site-hero__inner,
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero.shosha-site-hero--full-img-h .shosha-l2-hero__inner,
  .shosha-public-store[data-shosha-design="layout2"].shosha-public-store--hero-under-header .shosha-l2-hero--full-top .shosha-l2-hero__inner,
  .shosha-public-store[data-shosha-design="layout2"].shosha-public-store--hero-under-header .shosha-l2-hero--full-top .shosha-site-hero__inner {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    direction: ltr !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 100% !important;
    height: 100% !important;
    padding: 72px 48px 56px !important;
    width: 100% !important;
    max-width: 100% !important;
    inset: auto !important;
    overflow: visible !important;
    text-align: center !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__inner.is-align-left {
    align-items: flex-start !important;
    text-align: left !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__inner.is-align-right {
    align-items: flex-end !important;
    text-align: right !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__inner.is-align-center {
    align-items: center !important;
    text-align: center !important;
  }
  .shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-l2-hero .shosha-l2-hero__inner:not(.is-align-left):not(.is-align-right),
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-hero .shosha-l2-hero__inner:not(.is-align-left):not(.is-align-right),
  .shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-l2-hero .shosha-site-hero__inner:not(.is-align-left):not(.is-align-right),
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-hero .shosha-site-hero__inner:not(.is-align-left):not(.is-align-right) {
    align-items: center !important;
    text-align: center !important;
  }
  .shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-l2-hero__inner.is-align-left,
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-hero__inner.is-align-left {
    align-items: flex-end !important;
    text-align: right !important;
  }
  .shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-l2-hero__inner.is-align-right,
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-hero__inner.is-align-right {
    align-items: flex-start !important;
    text-align: left !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__title {
    margin: 10px 0 18px !important;
    font-size: clamp(26px, 8vw, 40px) !important;
    line-height: 1.2 !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__subtitle {
    font-size: clamp(13px, 3.6vw, 17px) !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__title--en,
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__title--ar,
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__subtitle--en,
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__subtitle--ar,
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__btn-wrap {
    transform: none !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__btn {
    transform: none !important;
    min-width: 148px !important;
    height: 42px !important;
    line-height: 1 !important;
    border-radius: 21px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__btn--en {
    padding-top: 0.16em !important;
    padding-bottom: 0 !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__btn--ar {
    padding-top: 0.06em !important;
    padding-bottom: 0 !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__layer,
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__layer.is-visible {
    transform: none !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__arrow {
    font-size: 28px !important;
    opacity: 0.85;
    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;
    background: rgba(255, 255, 255, 0.35) !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__arrow--prev { left: 10px; right: auto; }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-hero__arrow--next { right: 10px; left: auto; }
  .shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-l2-hero__arrow--prev { left: auto; right: 10px; }
  .shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-l2-hero__arrow--next { right: auto; left: 10px; }
}


/* Keep L2 header root clear when scrolled ? fill lives on .shosha-l2-menu-wrap only */
.shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--layout2.shosha-site-header--transparent.shosha-site-header--scrolled,
.shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--layout2.is-fixed-menu,
.shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--layout2.shosha-site-header--scrolled {
  background: transparent !important;
  box-shadow: none !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--layout2.shosha-site-header--scrolled .shosha-l2-menu-bar,
.shosha-public-store[data-shosha-design="layout2"] .shosha-site-header--layout2.shosha-site-header--transparent.shosha-site-header--scrolled .shosha-site-header__foreground {
  background: transparent !important;
}

/* ==========================================================================
   Home Featured Menu ? CozaStore Product Overview (layout2 only)
   ========================================================================== */
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview {
 padding: 72px 0 90px !important;
 background: #fff !important;
 color: #333 !important;
 box-sizing: border-box;
 width: 100%;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-site-container,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview__inner {
 width: 100%;
 max-width: 100%;
 margin: 0;
 padding: 0 clamp(12px, 2.2vw, 40px);
 box-sizing: border-box;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview__head {
 margin: 0 0 1rem;
 text-align: start;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview__title {
 margin: 0;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview__title :is(h1, h2, h3, h4, p) {
 margin: 0;
 font-family: var(--spl-heading-ff-en, Poppins, "Segoe UI", Tahoma, sans-serif);
 font-weight: 700;
 font-size: var(--spl-heading-font-px, clamp(1.55rem, 2.6vw, 2.25rem));
 line-height: 1.15;
 text-transform: uppercase;
 color: var(--spl-heading-color, #222);
 letter-spacing: 0.02em;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-overview__title :is(h1, h2, h3, h4, p) {
 font-family: var(--spl-heading-ff-ar, var(--spl-heading-ff-en, Poppins, "Segoe UI", Tahoma, sans-serif));
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="en"] .shosha-l2-overview__title--ar,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="en"] .shosha-l2-overview__chip-ar,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="en"] .shosha-l2-overview__search-lbl--ar,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="en"] .shosha-l2-block2__qv--ar {
 display: none !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-overview__title--en,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-overview__chip-en,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-overview__search-lbl--en,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-block2__qv--en {
 display: none !important;
}

/* Toolbar: tabs left + search right (Coza flex-sb-m) */
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview__toolbar {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 justify-content: space-between;
 gap: 12px 20px;
 margin: 0 0 1rem;
 padding-bottom: 0;
 position: relative;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview__toolbar[data-spl-filter-align="center"] {
 justify-content: center;
 padding-inline-end: 120px;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview__toolbar[data-spl-filter-align="center"] .shosha-l2-overview__actions {
 position: absolute;
 inset-inline-end: 0;
 top: 50%;
 transform: translateY(-50%);
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview__toolbar[data-spl-filter-align="end"] {
 justify-content: flex-end;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview__toolbar[data-spl-filter-align="end"] .shosha-l2-overview__filters {
 order: 1;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview__toolbar[data-spl-filter-align="end"] .shosha-l2-overview__actions {
 order: 0;
 margin-inline-end: auto;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-l2-overview__filters.shosha-site-special-menu__filters {
 display: flex !important;
 flex: 1 1 auto;
 flex-wrap: nowrap;
 align-items: center;
 justify-content: flex-start;
 gap: 0;
 margin: 0 !important;
 padding: 0 !important;
 background: transparent !important;
 border: 0 !important;
 border-radius: 0 !important;
 box-shadow: none !important;
 overflow-x: auto;
 overflow-y: hidden;
 -webkit-overflow-scrolling: touch;
 scrollbar-width: none;
 max-width: 100%;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview__toolbar[data-spl-filter-align="center"] .shosha-l2-overview__filters {
 flex: 0 1 auto;
 justify-content: center;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview__toolbar[data-spl-filter-align="end"] .shosha-l2-overview__filters {
 flex: 0 1 auto;
 justify-content: flex-end;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-l2-overview__filters::-webkit-scrollbar {
 display: none;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-l2-overview__filters.is-dragging {
 cursor: grabbing;
 user-select: none;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-site-special-menu__chip {
 flex: 0 0 auto;
 appearance: none;
 background: transparent !important;
 border: 0 !important;
 border-bottom: 1px solid transparent !important;
 border-radius: 0 !important;
 box-shadow: none !important;
 color: var(--spl-filter-text, #888) !important;
 font-family: var(--spl-filter-font-family, Poppins, "Segoe UI", Tahoma, sans-serif);
 font-size: var(--spl-filter-font-size, 15px);
 font-weight: 400;
 line-height: 1.2;
 padding: var(--spl-filter-pad-y, 8px) var(--spl-filter-pad-x, 0) !important;
 margin: 0 28px 0 0 !important;
 cursor: pointer;
 transition: color 0.25s ease, border-color 0.25s ease;
 white-space: nowrap;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-overview .shosha-site-special-menu__chip {
 margin: 0 0 0 28px !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-site-special-menu__chip:hover {
 color: var(--spl-filter-hover, #333) !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-site-special-menu__chip.is-active {
 color: var(--spl-filter-active-text, #333) !important;
 border-bottom-color: var(--spl-filter-active-bg, #797979) !important;
 background: transparent !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-site-special-menu__chip-main {
 color: inherit !important;
 font: inherit !important;
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview__actions {
 display: flex;
 align-items: center;
 gap: 8px;
 flex: 0 0 auto;
}
/* Coza .js-show-search / .size-105 / .bor4 / .hov-btn3 */
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview__search-toggle {
 position: relative;
 display: inline-flex !important;
 align-items: center;
 justify-content: center;
 gap: 6px;
 appearance: none;
 background: #fff !important;
 border: 1px solid #e6e6e6 !important;
 border-radius: var(--menu-action-btn-radius, 3px) !important;
 color: #666 !important;
 cursor: pointer;
 font-family: Poppins, "Segoe UI", Tahoma, sans-serif;
 font-size: 15px;
 line-height: 1.2;
 min-width: 111px;
 height: 40px;
 padding: 0 16px;
 box-shadow: none !important;
 transition: background-color 0.4s ease, color 0.4s ease, border-color 0.4s ease;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview__search-toggle .shosha-l2-overview__search-ico {
 display: inline-flex !important;
 align-items: center;
 justify-content: center;
 line-height: 0;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview__search-toggle .shosha-l2-overview__search-ico--close {
 display: none !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview__search-toggle.show-search {
 background: #f2f2f2 !important;
 border-color: #e7e7e7 !important;
 color: #333 !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview__search-toggle.show-search .shosha-l2-overview__search-ico--search {
 display: none !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview__search-toggle.show-search .shosha-l2-overview__search-ico--close {
 display: inline-flex !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview__search-toggle.show-search::after {
 content: "";
 position: absolute;
 display: block;
 width: 14px;
 height: 14px;
 background-color: #f2f2f2;
 border-left: 1px solid #e7e7e7;
 border-bottom: 1px solid #e7e7e7;
 transform: rotate(-45deg);
 left: calc(50% - 7px);
 bottom: -8px;
 transition: all 0.4s ease;
 pointer-events: none;
 z-index: 2;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview__search-toggle:hover {
 background: #717fe0 !important;
 border-color: #717fe0 !important;
 color: #fff !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview__search-toggle.show-search:hover::after {
 background-color: #717fe0;
 border-color: #717fe0;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview__search-panel {
 margin: 0 0 24px;
 padding-top: 10px;
 padding-bottom: 15px;
 width: 100%;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview__search-field {
 display: flex;
 align-items: center;
 gap: 10px;
 border: 1px solid #e6e6e6;
 border-radius: 2px;
 padding: 0 14px;
 min-height: 45px;
 background: #fff;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview__search-field input {
 flex: 1 1 auto;
 border: 0;
 outline: none;
 background: transparent;
 font-family: Poppins, "Segoe UI", Tahoma, sans-serif;
 font-size: 15px;
 color: #333;
 min-width: 0;
 padding: 10px 0;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview__search-field .screen-reader-text {
 position: absolute;
 width: 1px;
 height: 1px;
 padding: 0;
 margin: -1px;
 overflow: hidden;
 clip: rect(0, 0, 0, 0);
 border: 0;
}

/* Product grid ? Coza 4-col */
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-l2-overview__grid.shosha-site-special-menu__grid {
 display: grid !important;
 grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
 gap: 28px 18px !important;
 margin: 0 !important;
 padding: 0 !important;
 background: transparent !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-l2-block2 {
 margin: 0 !important;
 padding: 0 !important;
 background: transparent !important;
 border: 0 !important;
 border-radius: 0 !important;
 box-shadow: none !important;
 animation: shoshaL2OverviewFadeUp 0.55s ease both;
 width: 100% !important;
 max-width: var(--spl-card-w, 100%) !important;
 justify-self: center !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-l2-block2.is-l2-filtered-out,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-l2-block2[hidden] {
 display: none !important;
 visibility: hidden !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-l2-block2:nth-child(1) { animation-delay: 0.04s; }
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-l2-block2:nth-child(2) { animation-delay: 0.08s; }
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-l2-block2:nth-child(3) { animation-delay: 0.12s; }
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-l2-block2:nth-child(4) { animation-delay: 0.16s; }
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-l2-block2:nth-child(5) { animation-delay: 0.2s; }
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-l2-block2:nth-child(6) { animation-delay: 0.24s; }
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-l2-block2:nth-child(n + 7) { animation-delay: 0.28s; }

@keyframes shoshaL2OverviewFadeUp {
 from { opacity: 0; transform: translate3d(0, 18px, 0); }
 to { opacity: 1; transform: none; }
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-l2-block2__inner {
 display: block !important;
 background: var(--spl-card-bg, transparent) !important;
 border: 1px solid var(--spl-card-border, transparent) !important;
 border-radius: 0 !important;
 box-shadow: none !important;
 overflow: visible !important;
 padding: 0 !important;
 min-height: 0 !important;
 height: auto !important;
 transition: none !important;
 width: 100% !important;
 max-width: 100% !important;
 box-sizing: border-box !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview.shosha-l2-overview--fixed-card-h .shosha-l2-block2__inner {
 display: flex !important;
 flex-direction: column !important;
 align-items: stretch !important;
 height: var(--spl-card-h) !important;
 max-height: var(--spl-card-h) !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-l2-block2__inner:hover {
 transform: none !important;
 box-shadow: none !important;
}

/* Image frame FIXED full card width (Coza). Card bg shows through; image scales with contain. */
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-l2-block2__pic {
 position: relative !important;
 display: block !important;
 width: 100% !important;
 max-width: 100% !important;
 aspect-ratio: 3 / 4 !important;
 overflow: hidden !important;
 border-radius: 0 !important;
 background: transparent !important;
 margin: 0 !important;
 padding: 0 !important;
 cursor: pointer;
}
/* Admin height: image area shrinks with the card so blank space is trimmed, not text. */
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview.shosha-l2-overview--fixed-card-h .shosha-l2-block2__pic {
 flex: 0 1 auto !important;
 min-height: 0 !important;
 width: min(100%, calc(var(--spl-card-h) - var(--spl-card-txt-h, 56px))) !important;
 max-width: 100% !important;
 max-height: calc(var(--spl-card-h) - var(--spl-card-txt-h, 56px)) !important;
 height: auto !important;
 aspect-ratio: 1 / 1 !important;
 align-self: center !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-l2-block2__img {
 position: absolute !important;
 inset: 0 !important;
 display: block !important;
 width: 100% !important;
 height: 100% !important;
 max-width: none !important;
 max-height: none !important;
 background-size: contain !important;
 background-position: center center !important;
 background-repeat: no-repeat !important;
 background-color: transparent !important;
 border: 0 !important;
 border-radius: 0 !important;
 transform: scale(var(--spl-thumb-scale, 1));
 transform-origin: center center;
 transition: transform 0.9s ease;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-l2-block2:hover .shosha-l2-block2__img,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-l2-block2__inner:hover .shosha-l2-block2__img {
 transform: scale(calc(var(--spl-thumb-scale, 1) * 1.08));
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-l2-block2__qv {
 position: absolute;
 left: 50%;
 bottom: -50px;
 transform: translateX(-50%);
 z-index: 2;
 appearance: none;
 border: 0;
 border-radius: calc(23px * var(--spl-card-content-scale, 1));
 background: #fff;
 color: #333;
 box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
 font-family: Poppins, "Segoe UI", Tahoma, sans-serif;
 font-size: calc(15px * var(--spl-card-content-scale, 1));
 font-weight: 400;
 letter-spacing: 1px;
 line-height: 1;
 min-width: calc(139px * var(--spl-card-content-scale, 1));
 height: calc(40px * var(--spl-card-content-scale, 1));
 padding: 0 calc(20px * var(--spl-card-content-scale, 1));
 cursor: pointer;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 transition: bottom 0.4s ease, background 0.4s ease, color 0.4s ease;
}
/* Quick View tied to CARD hover (not image-only) */
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-l2-block2:hover .shosha-l2-block2__qv,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-l2-block2__inner:hover .shosha-l2-block2__qv {
 bottom: calc(20px * var(--spl-card-content-scale, 1));
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-l2-block2__qv:hover {
 background: var(--spl-qv-hover-bg, #222);
 color: var(--spl-qv-hover-text, #fff);
}

/* Text under image ? Coza: row1 name+heart, row2 price/variation */
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-l2-block2__txt {
 display: flex !important;
 flex-direction: column !important;
 align-items: stretch;
 justify-content: flex-start;
 gap: calc(6px * var(--spl-card-content-scale, 1));
 margin: calc(14px * var(--spl-card-content-scale, 1)) 0 0 !important;
 padding: 0 calc(12px * var(--spl-card-content-scale, 1)) 4px !important;
 background: transparent !important;
 border: 0 !important;
 min-height: 0 !important;
 box-sizing: border-box !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview.shosha-l2-overview--fixed-card-h .shosha-l2-block2__txt {
 flex: 0 0 auto !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-l2-block2__row1 {
 display: flex;
 flex-direction: row;
 align-items: flex-start;
 justify-content: space-between;
 gap: calc(10px * var(--spl-card-content-scale, 1));
 width: 100%;
 flex: 0 0 auto;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-l2-block2__name {
 flex: 1 1 auto;
 min-width: 0;
 margin: 0 !important;
 padding: 0 !important;
 padding-inline-end: 0 !important;
 font-family: var(--spl-item-title-font, Poppins, "Segoe UI", Tahoma, sans-serif) !important;
 font-size: calc(var(--spl-item-title-px, 15px) * var(--spl-card-content-scale, 1)) !important;
 font-weight: 500 !important;
 line-height: 1.4 !important;
 color: var(--spl-item-title-color, #555) !important;
 text-align: start !important;
 background: transparent !important;
 transition: color 0.25s ease;
 cursor: pointer;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-l2-block2__name:hover,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-l2-block2__inner:hover .shosha-l2-block2__name {
 color: var(--spl-item-title-hover, #6c7ae0) !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-l2-block2__name .shosha-site-special-menu__item-name {
 color: inherit !important;
 font: inherit !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-l2-block2__wish {
 flex: 0 0 auto;
 appearance: none;
 width: calc(28px * var(--spl-card-content-scale, 1));
 height: calc(28px * var(--spl-card-content-scale, 1));
 margin: 0;
 padding: 0;
 border: 0;
 background: transparent;
 color: var(--spl-item-title-color, #999);
 cursor: pointer;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 transition: color 0.25s ease;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-l2-block2__wish:hover,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-l2-block2__wish.is-active {
 color: var(--spl-item-title-hover, #6c7ae0);
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-l2-block2__wish.is-active .shosha-l2-block2__wish-icon {
 fill: currentColor;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-site-special-menu__desc--menu-page {
 display: none !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview[data-menu-desc-grid="1"] .shosha-site-special-menu__desc--menu-page {
 display: none !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-l2-block2__row2,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-l2-block2__price {
 display: flex !important;
 align-items: center;
 gap: 6px;
 margin: 0 !important;
 padding: 0 !important;
 border: 0 !important;
 background: transparent !important;
 width: 100% !important;
 flex: 0 0 auto !important;
 position: static !important;
 top: auto !important;
 inset: auto !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-site-special-menu__price,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-site-special-menu__price--menu-page,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-site-special-menu__variation-label {
 position: static !important;
 top: auto !important;
 inset-inline-end: auto !important;
 inset: auto !important;
 color: var(--spl-price-color, #888) !important;
 font-family: Poppins, "Segoe UI", Tahoma, sans-serif !important;
 font-size: calc(14px * var(--spl-card-content-scale, 1)) !important;
 font-weight: 400 !important;
 background: transparent !important;
 border: 0 !important;
 padding: 0 !important;
 margin: 0 !important;
 text-align: start !important;
 white-space: normal !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-l2-block2__add {
 display: none !important;
}

@media (max-width: 991px) {
 .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-l2-overview__grid.shosha-site-special-menu__grid {
 grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
 }
}
@media (max-width: 767px) {
 .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview {
 padding: 48px 0 64px !important;
 }
 .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-l2-overview__grid.shosha-site-special-menu__grid {
 grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
 gap: 22px 12px !important;
 }
 .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-site-special-menu__chip {
 margin-right: 18px !important;
 }
 .shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-overview .shosha-site-special-menu__chip {
 margin-right: 0 !important;
 margin-left: 18px !important;
 }
 .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-l2-block2__qv {
 bottom: 16px;
 opacity: 0.95;
 }
}
@media (prefers-reduced-motion: reduce) {
 .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-l2-block2,
 .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-l2-block2__img,
 .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-l2-block2__qv {
 animation: none !important;
 transition: none !important;
 }
 .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-l2-block2__qv {
 bottom: 16px;
 }
}

/* Lang switches for variation labels inside L2 overview cards */
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="en"] .shosha-l2-overview .shosha-site-special-menu__variation--ar,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-overview .shosha-site-special-menu__variation--en,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="en"] .shosha-l2-overview .shosha-site-special-menu__desc--ar,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-overview .shosha-site-special-menu__desc--en {
 display: none !important;
}

/* Kill default dark/pill special-menu chrome inside L2 overview only */
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview.shosha-site-special-menu--home-products-like-menu,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview.shosha-site-special-menu--menu-page {
 background: #fff !important;
 color: #333 !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-overview .shosha-site-special-menu__head {
 display: none !important;
}

/* ?? Layout2 testimonials (Fruitables-inspired; arrows on opposite sides) ?? */
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial {
  --orange: var(--reviews-accent, #81c408);
  --l2-rev-secondary: var(--reviews-divider-color, #ffb524);
  --l2-rev-quote: var(--reviews-quote-color, var(--reviews-divider-color, #ffb524));
  --l2-rev-stars: var(--reviews-stars-color, var(--reviews-accent, #81c408));
  --l2-rev-comment: var(--reviews-comment-color, var(--reviews-card-text, #747d88));
  --l2-rev-comment-size: var(--reviews-comment-font-px, 16px);
  padding: clamp(3rem, 6vw, 5rem) 0;
  background: var(--reviews-section-bg, #fff);
  color: #45595b;
  box-sizing: border-box;
  width: 100%;
}
.shosha-public-store .shosha-reviews-showcase.shosha-reviews-showcase--custom-space,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial.shosha-reviews-showcase--custom-space {
  padding-top: var(--reviews-sec-space, 0) !important;
  padding-bottom: var(--reviews-sec-space, 0) !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial__inner {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0 clamp(12px, 2.2vw, 40px);
  box-sizing: border-box;
  position: relative;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial__header {
  text-align: center;
  margin: 0 auto 1rem;
  max-width: 42rem;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial .subtitle {
  color: var(--orange);
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-weight: 600;
  margin: 0 0 0.5rem;
  font-family: var(--reviews-kicker-ff-en, Poppins, "Segoe UI", Tahoma, sans-serif);
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-testimonial .subtitle {
  font-family: var(--reviews-kicker-ff-ar, var(--reviews-kicker-ff-en, Poppins, "Segoe UI", Tahoma, sans-serif));
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial .main-title {
  font-size: clamp(1.65rem, 3.4vw, 2.5rem);
  font-weight: 700;
  color: var(--reviews-title-color, #45595b);
  margin: 0;
  line-height: 1.2;
  font-family: var(--reviews-title-ff-en, Poppins, "Segoe UI", Tahoma, sans-serif);
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-testimonial .main-title {
  font-family: var(--reviews-title-ff-ar, var(--reviews-title-ff-en, Poppins, "Segoe UI", Tahoma, sans-serif));
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial .shosha-reviews-showcase__header-content--en .subtitle {
  font-family: var(--reviews-kicker-ff-en, Poppins, "Segoe UI", Tahoma, sans-serif);
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial .shosha-reviews-showcase__header-content--en .main-title {
  font-family: var(--reviews-title-ff-en, Poppins, "Segoe UI", Tahoma, sans-serif);
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial .shosha-reviews-showcase__header-content--ar .subtitle {
  font-family: var(--reviews-kicker-ff-ar, var(--reviews-kicker-ff-en, Poppins, "Segoe UI", Tahoma, sans-serif));
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial .shosha-reviews-showcase__header-content--ar .main-title {
  font-family: var(--reviews-title-ff-ar, var(--reviews-title-ff-en, Poppins, "Segoe UI", Tahoma, sans-serif));
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial .main-title span {
  color: var(--orange);
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="en"] .shosha-l2-testimonial .shosha-reviews-showcase__header-content--ar,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-testimonial .shosha-reviews-showcase__header-content--en {
  display: none !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial__carousel {
  display: flex;
  align-items: center;
  gap: clamp(12px, 1.8vw, 28px);
  position: relative;
  max-width: 100%;
  overflow: visible;
}
/* Keep outward arrows (LTR control bar) even on RTL pages */
.shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-l2-testimonial__carousel {
  direction: ltr;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial__slider {
  display: flex;
  gap: 25px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: auto; /* custom JS animation only ? avoids snap jitter */
  scroll-snap-type: none;
  padding: 10px 10px 18px;
  scrollbar-width: none;
  flex: 1;
  min-width: 0;
  -webkit-overflow-scrolling: touch;
  cursor: grab;
  touch-action: pan-y;
  user-select: none;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial__slider.is-dragging {
  cursor: grabbing;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial__slider.is-animating {
  pointer-events: none;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial__slider::-webkit-scrollbar {
  display: none;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial__item {
  flex: 0 0 calc(50% - 12.5px);
  min-width: 280px;
  background: var(--reviews-card-bg, #f4f6f8);
  border: 1px solid color-mix(in srgb, var(--reviews-card-border, #e9ecef) 85%, transparent);
  border-radius: 10px;
  box-shadow: none;
  color: var(--reviews-card-text, #747d88);
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  overflow: hidden;
  transition: box-shadow 0.35s ease;
  display: block;
  transform: none !important; /* prevent lift/scale that clips edges & shakes */
  font-family: var(--reviews-card-ff-en, Poppins, "Segoe UI", Tahoma, sans-serif);
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-testimonial__item {
  font-family: var(--reviews-card-ff-ar, var(--reviews-card-ff-en, Poppins, "Segoe UI", Tahoma, sans-serif));
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial__item:hover {
  transform: none !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08);
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial__slider.is-dragging .shosha-l2-testimonial__item,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial__slider.is-animating .shosha-l2-testimonial__item {
  transition: none;
  box-shadow: none;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial__item-inner {
  position: relative;
  padding: 1.5rem;
  box-sizing: border-box;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial__quote-block {
  margin: 0 0 1.25rem;
  padding: 0 0 1.25rem;
  border-bottom: 1px solid var(--reviews-divider-color, var(--l2-rev-secondary, #ffb524));
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial__comment {
  margin: 0;
  font-size: var(--reviews-comment-font-px, var(--l2-rev-comment-size, 16px));
  line-height: 1.7;
  color: var(--reviews-comment-color, var(--l2-rev-comment, #747d88));
  font-family: inherit;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial__profile {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  position: relative;
  flex-wrap: nowrap;
  margin-top: auto;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial__avatar {
  flex: 0 0 100px;
  width: 100px;
  height: 100px;
  border-radius: 8px;
  background: var(--reviews-avatar-bg, var(--reviews-card-border, var(--orange)));
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: inherit;
  font-weight: 700;
  font-size: 1.65rem;
  letter-spacing: 0.04em;
  overflow: hidden;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial__meta {
  flex: 1;
  min-width: 0;
  padding-inline-end: 2rem;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial__name {
  margin: 0 0 0.2rem;
  color: var(--reviews-name-color, var(--reviews-title-color, #45595b));
  font-size: 1.15rem;
  font-weight: 700;
  font-family: inherit;
  line-height: 1.3;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial__role {
  margin: 0 0 0.65rem;
  font-size: 0.9rem;
  color: var(--reviews-order-color, #888888);
  line-height: 1.4;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="en"] .shosha-l2-testimonial__role--ar,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-testimonial__role--en {
  display: none !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial__ratings {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial__rating-row {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.78rem;
  color: var(--reviews-label-color, #888888);
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial__rating-row .shosha-reviews-showcase__rating-label {
  color: inherit;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial .stars {
  font-size: 0.9rem;
  letter-spacing: 1px;
  line-height: 1;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial .star-filled {
  color: var(--reviews-stars-color, var(--l2-rev-stars, var(--orange)));
  text-shadow: none;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial .star-empty {
  color: #d0d5db;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial__verified {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-top: 0.55rem;
  color: var(--reviews-verified-color, #198754);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  text-shadow: none;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial__verified::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--reviews-verified-color, #198754);
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial__quote-icon {
  position: absolute;
  right: 0;
  left: auto;
  bottom: 4px;
  font-size: 3.5rem;
  line-height: 0.7;
  color: var(--reviews-quote-color, var(--l2-rev-quote, #ffb524));
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 700;
  pointer-events: none;
  user-select: none;
  opacity: 0.95;
  z-index: 1;
}
/* Arabic: keep English card geometry (avatar left, quote right) — translate copy only. */
.shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-l2-testimonial__item-inner,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-testimonial__item-inner {
  direction: ltr !important;
  text-align: left !important;
}
.shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-l2-testimonial__quote-block,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-testimonial__quote-block {
  direction: ltr !important;
  text-align: left !important;
}
.shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-l2-testimonial__comment,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-testimonial__comment {
  direction: rtl;
  text-align: left;
  unicode-bidi: plaintext;
}
.shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-l2-testimonial__profile,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-testimonial__profile {
  direction: ltr !important;
  flex-direction: row !important;
}
.shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-l2-testimonial__meta,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-testimonial__meta {
  direction: ltr !important;
  text-align: left !important;
  padding-inline-end: 2rem;
  padding-inline-start: 0;
  padding-right: 2rem;
  padding-left: 0;
}
.shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-l2-testimonial__rating-row,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-testimonial__rating-row {
  direction: ltr !important;
  flex-direction: row !important;
}
.shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-l2-testimonial__quote-icon,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-testimonial__quote-icon {
  right: 0 !important;
  left: auto !important;
}
/* Side nav ? Fruitables pill look, opposite sides, arrows outward */
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial__nav {
  position: static;
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  min-width: 48px;
  border-radius: 50%;
  border: 1px solid var(--l2-rev-secondary, #ffb524);
  background: #fff;
  color: var(--orange);
  box-shadow: none;
  transition: 0.5s;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial__nav:hover {
  background: var(--l2-rev-secondary, #ffb524);
  border-color: var(--l2-rev-secondary, #ffb524);
  color: #fff;
  box-shadow: none;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial__nav:hover svg {
  stroke: #fff;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial__empty {
  text-align: center;
  color: var(--reviews-empty-color, #666);
  padding: 2rem 1rem;
}
@media (max-width: 991px) {
  /* Fruitables mobile: 1 full-width card (nav floats above, not beside) */
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial__carousel {
    display: block;
    position: relative;
    padding-top: 3.25rem;
    gap: 0;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial__slider {
    width: 100%;
    padding: 4px 0 12px;
    gap: 25px;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial__item {
    flex: 0 0 100%;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial .holo-review-card {
    min-width: 0 !important;
    width: 100%;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial__nav {
    position: absolute;
    top: 0;
    z-index: 2;
    margin: 0;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial__nav.prev {
    right: 56px;
    left: auto;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial__nav.next {
    right: 0;
    left: auto;
  }
  .shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-l2-testimonial__nav.prev {
    right: 56px;
    left: auto;
  }
  .shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-l2-testimonial__nav.next {
    right: 0;
    left: auto;
  }
}
@media (max-width: 640px) {
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial__inner {
    padding: 0 15px;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial__carousel {
    padding-top: 3rem;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial__item-inner {
    padding: 1.25rem;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial__nav {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    min-width: 40px;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial__nav.prev {
    right: 48px;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial__avatar {
    flex: 0 0 72px;
    width: 72px;
    height: 72px;
    font-size: 1.25rem;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial__quote-icon {
    font-size: 2.6rem;
  }
}

/* Neutralize default dark review-card chrome inside layout2 testimonials */
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial .holo-review-card::before {
  display: none !important;
  animation: none !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-testimonial .holo-review-card {
  border-left: 1px solid color-mix(in srgb, var(--reviews-card-border, #e9ecef) 85%, transparent) !important;
  min-width: 280px;
  transform: none !important;
}


/* Layout2 Menu page — Coza toolbar (cats + actions) */
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="en"] .shosha-l2-menu-actions__lbl--ar,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-menu-actions__lbl--en {
  display: none !important;
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-page .shosha-site-menu-page__head {
  margin-bottom: 1.1rem;
}

/* Mobile-only dock: Grid/List under header, aligned with hamburger */
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-header-menu-views {
  display: none;
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__menu-layout {
  display: flex !important;
  flex-direction: column !important;
  gap: 1rem !important;
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-toolbar {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  margin: 0 0 0.5rem;
  padding: 14px 12px 16px;
  background: var(--menu-cats-panel-bg, #fff) !important;
  border: 1px solid var(--spl-filter-border, #e6e6e6) !important;
  border-radius: var(--menu-cat-radius, 8px);
  box-sizing: border-box;
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-toolbar > .shosha-site-special-menu__cats-sidebar,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-toolbar .shosha-site-special-menu__cats-sidebar-sticky,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-toolbar .shosha-site-special-menu__cats-sidebar-panel,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-toolbar .shosha-site-special-menu__cats-sidebar-scroll {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  position: static !important;
  height: auto !important;
  min-height: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-toolbar .shosha-site-special-menu__cats-sidebar-spacer {
  display: none !important;
}

/* Category row + outward arrows (bg lives on parent .shosha-l2-menu-toolbar) */
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-cats-shell {
  display: flex;
  align-items: center;
  gap: 6px;
  width: 100%;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-sizing: border-box;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-cats-arrow {
  flex: 0 0 auto;
  appearance: none;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  margin: 0;
  background: #fff !important;
  border: 1px solid var(--menu-action-btn-border, var(--spl-filter-border, #e6e6e6)) !important;
  border-radius: var(--menu-action-btn-radius, 3px) !important;
  color: var(--menu-action-btn-color, var(--spl-filter-text, #666)) !important;
  cursor: pointer;
  box-shadow: none !important;
  pointer-events: auto !important;
  z-index: 2;
  position: relative;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, opacity 0.25s ease;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-cats-arrow:hover:not(:disabled):not(.is-disabled) {
  background: var(--menu-action-btn-hover-bg, #717fe0) !important;
  border-color: var(--menu-action-btn-hover-bg, #717fe0) !important;
  color: var(--menu-action-btn-hover-text, #fff) !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-cats-arrow:disabled,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-cats-arrow.is-disabled {
  opacity: 0.35;
  cursor: pointer;
  pointer-events: auto !important;
}
/* Outward arrows: left points left, right points right (flip in RTL so visual still outward) */
.shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-l2-menu-cats-arrow--prev svg,
.shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-l2-menu-cats-arrow--next svg {
  transform: scaleX(-1);
}

/* Coza category links — admin styles via CSS vars */
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-cats-shell .shosha-site-special-menu__filters {
  display: flex !important;
  flex: 1 1 auto;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: flex-start !important;
  align-items: center;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 4px !important;
  width: auto;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  cursor: grab;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-cats-shell .shosha-site-special-menu__filters::-webkit-scrollbar {
  display: none;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-cats-shell .shosha-site-special-menu__chip {
  flex: 0 0 auto;
  appearance: none !important;
  position: relative;
  min-width: var(--spl-filter-btn-w, auto) !important;
  width: var(--spl-filter-btn-w, auto) !important;
  max-width: none !important;
  min-height: var(--spl-filter-btn-h, auto) !important;
  height: var(--spl-filter-btn-h, auto) !important;
  margin: 0 28px 0 0 !important;
  padding: var(--spl-filter-pad-y, 8px) var(--spl-filter-pad-x, 0) !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--spl-filter-text, #888) !important;
  font-family: var(--spl-filter-font-family, Poppins, "Segoe UI", Tahoma, sans-serif) !important;
  font-size: var(--spl-filter-font-size, 15px) !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 1.2;
  white-space: nowrap;
  cursor: pointer;
  transform: none !important;
  filter: none !important;
  text-shadow: none !important;
  box-sizing: border-box !important;
  transition: color 0.25s ease, border-color 0.25s ease !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-menu-special .shosha-l2-menu-cats-shell .shosha-site-special-menu__chip {
  margin: 0 0 0 28px !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-cats-shell .shosha-site-special-menu__chip::before,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-cats-shell .shosha-site-special-menu__chip::after {
  display: none !important;
  content: none !important;
  animation: none !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-cats-shell .shosha-site-special-menu__chip:hover {
  color: var(--spl-filter-hover, #333) !important;
  background: transparent !important;
  border-color: transparent !important;
  transform: none !important;
  filter: none !important;
  text-shadow: none !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-cats-shell .shosha-site-special-menu__chip.is-active {
  color: var(--spl-filter-active-text, #333) !important;
  background: transparent !important;
  border-bottom-color: var(--spl-filter-active-bg, #797979) !important;
  box-shadow: none !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__chip-main {
  color: inherit !important;
  font: inherit !important;
  font-family: inherit !important;
  font-size: inherit !important;
}

/* Actions row — right in English */
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-actions__views {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-inline-end: 2px;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-actions__view-btn {
  appearance: none;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: var(--menu-toggle-view-px, 40px);
  height: var(--menu-toggle-view-px, 40px);
  padding: 0;
  background: #fff !important;
  border: 1px solid var(--menu-action-btn-border, #e6e6e6) !important;
  border-radius: var(--menu-action-btn-radius, 3px) !important;
  color: var(--menu-toggle-view-color, #666) !important;
  cursor: pointer;
  box-shadow: none !important;
  transition: background-color 0.35s ease, color 0.35s ease, border-color 0.35s ease;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-actions__view-btn svg {
  width: calc(var(--menu-toggle-view-px, 40px) * 0.45);
  height: calc(var(--menu-toggle-view-px, 40px) * 0.45);
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-actions__view-btn:hover,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-actions__view-btn.is-active {
  background: var(--menu-action-btn-hover-bg, #717fe0) !important;
  border-color: var(--menu-action-btn-hover-bg, #717fe0) !important;
  color: var(--menu-action-btn-hover-text, #fff) !important;
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-actions__btn {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  appearance: none;
  background: #fff !important;
  border: 1px solid var(--menu-action-btn-border, #e6e6e6) !important;
  border-radius: var(--menu-action-btn-radius, 3px) !important;
  color: var(--menu-action-btn-color, #666) !important;
  cursor: pointer;
  font-family: var(--spl-filter-font-family, Poppins, "Segoe UI", Tahoma, sans-serif);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
  min-width: 111px;
  height: 40px;
  padding: 0 16px;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: background-color 0.4s ease, color 0.4s ease, border-color 0.4s ease;
  box-sizing: border-box;
}
.shosha-public-store[data-shosha-design="layout2"] a.shosha-l2-menu-actions__price-list {
  color: var(--menu-action-btn-color, #666) !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-actions__btn .shosha-l2-menu-actions__ico {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  line-height: 0;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-actions__btn .shosha-l2-menu-actions__ico--close {
  display: none !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-actions__btn:hover {
  background: var(--menu-action-btn-hover-bg, #717fe0) !important;
  border-color: var(--menu-action-btn-hover-bg, #717fe0) !important;
  color: var(--menu-action-btn-hover-text, #fff) !important;
}
.shosha-public-store[data-shosha-design="layout2"] a.shosha-l2-menu-actions__price-list:hover {
  color: var(--menu-action-btn-hover-text, #fff) !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-actions__filter.show-filter,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-actions__search.show-search {
  background: #f2f2f2 !important;
  border-color: var(--menu-action-btn-border, #e7e7e7) !important;
  color: var(--menu-action-btn-color, #333) !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-actions__filter.show-filter .shosha-l2-menu-actions__ico--filter,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-actions__search.show-search .shosha-l2-menu-actions__ico--search {
  display: none !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-actions__filter.show-filter .shosha-l2-menu-actions__ico--close,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-actions__search.show-search .shosha-l2-menu-actions__ico--close {
  display: inline-flex !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-actions__filter.show-filter::after,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-actions__search.show-search::after {
  content: "";
  position: absolute;
  display: block;
  width: 14px;
  height: 14px;
  background-color: #f2f2f2;
  border-left: 1px solid var(--menu-action-btn-border, #e7e7e7);
  border-bottom: 1px solid var(--menu-action-btn-border, #e7e7e7);
  transform: rotate(-45deg);
  left: calc(50% - 7px);
  bottom: -8px;
  transition: all 0.4s ease;
  pointer-events: none;
  z-index: 2;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-actions__filter.show-filter:hover::after,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-actions__search.show-search:hover::after {
  background-color: var(--menu-action-btn-hover-bg, #717fe0);
  border-color: var(--menu-action-btn-hover-bg, #717fe0);
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-actions__filter.show-filter:hover,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-actions__search.show-search:hover {
  background: var(--menu-action-btn-hover-bg, #717fe0) !important;
  border-color: var(--menu-action-btn-hover-bg, #717fe0) !important;
  color: var(--menu-action-btn-hover-text, #fff) !important;
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-panel {
  width: 100%;
  margin: 0;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-panel[hidden] {
  display: none !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-panel__search-field {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  border: 1px solid var(--menu-action-btn-border, #e6e6e6);
  background: #fff;
  padding: 0 15px;
  min-height: 50px;
  box-sizing: border-box;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-panel__search-field svg {
  flex: 0 0 auto;
  color: var(--menu-action-btn-color, #333);
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-panel__search-field input {
  flex: 1 1 auto;
  border: 0;
  outline: none;
  background: transparent;
  color: #333;
  font-family: var(--spl-filter-font-family, Poppins, "Segoe UI", Tahoma, sans-serif);
  font-size: 15px;
  min-width: 0;
  height: 48px;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-filter-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 40px;
  width: 100%;
  background: #f2f2f2;
  padding: 22px 24px;
  box-sizing: border-box;
  border-radius: 4px;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-filter-col {
  flex: 1 1 200px;
  min-width: 160px;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-filter-title {
  color: #333;
  font-family: var(--spl-filter-font-family, Poppins, "Segoe UI", Tahoma, sans-serif);
  font-size: 15px;
  font-weight: 600;
  margin: 0 0 15px;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-filter-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-filter-list li {
  margin: 0 0 6px;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-filter-link {
  appearance: none;
  background: transparent;
  border: 0;
  border-bottom: 1px solid transparent;
  color: #aaa;
  cursor: pointer;
  font-family: var(--spl-filter-font-family, Poppins, "Segoe UI", Tahoma, sans-serif);
  font-size: 15px;
  line-height: 1.4;
  padding: 0;
  text-align: inherit;
  transition: color 0.25s ease, border-color 0.25s ease;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-filter-link:hover,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-filter-link.is-active {
  color: var(--menu-action-btn-hover-bg, #6c7ae0);
  border-bottom-color: var(--menu-action-btn-hover-bg, #6c7ae0);
}

@media (max-width: 991px) {
  /* Neutralize TinyMCE desktop spacing on mobile title only */
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-page .shosha-site-menu-page__head {
    margin-bottom: 0.7rem;
    padding-top: 0.15rem !important;
    padding-bottom: 0 !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-page .shosha-site-menu-page__title,
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-page .shosha-site-menu-page__title * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-page .shosha-site-menu-page__title br {
    display: none !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-page .shosha-site-menu-page__title p:empty,
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-page .shosha-site-menu-page__title p:has(> br:only-child),
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-page .shosha-site-menu-page__title p:has(> span:empty:only-child),
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-page .shosha-site-menu-page__title p[data-shosha-l2-title-spacer] {
    display: none !important;
  }

  /* Grid/List under header (aligned with hamburger at 15px inset) */
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-header-menu-views {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    width: 100%;
    box-sizing: border-box;
    padding: 8px 15px 2px;
    margin: 0;
    direction: ltr;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-actions__views {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-toolbar {
    padding: 10px 8px 12px;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-cats-shell {
    padding: 0;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-cats-arrow {
    width: 32px;
    height: 32px;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-actions {
    justify-content: flex-start;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-actions__btn {
    min-width: 96px;
    padding: 0 12px;
    font-size: 14px;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__chip {
    margin-right: 18px !important;
  }
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-menu-special .shosha-site-special-menu__chip {
    margin-right: 0 !important;
    margin-left: 18px !important;
  }
}


/* ========== Layout2 menu page product cards (Coza shop list/grid) ========== */
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="en"] .shosha-l2-menu-card__cta-lbl--ar,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-menu-card__cta-lbl--en,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="en"] .shosha-l2-menu-card__hint--ar,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-menu-card__hint--en,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="en"] .shosha-l2-menu-special .shosha-site-special-menu__desc--ar,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-menu-special .shosha-site-special-menu__desc--en,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="en"] .shosha-l2-menu-special .shosha-l2-menu-card__desc.shosha-site-special-menu__desc--ar,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-menu-special .shosha-l2-menu-card__desc.shosha-site-special-menu__desc--en,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="en"] .shosha-l2-menu-special .shosha-site-special-menu__variation--ar,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-menu-special .shosha-site-special-menu__variation--en {
  display: none !important;
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid {
  gap: 28px 20px !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="grid"] {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card {
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
  z-index: 1;
  padding-top: 0 !important;
  opacity: 0;
  transform: translate3d(0, 22px, 0);
  animation: shoshaL2MenuCardEnter 0.55s ease forwards;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card:nth-child(1) { animation-delay: 0.04s; }
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card:nth-child(2) { animation-delay: 0.08s; }
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card:nth-child(3) { animation-delay: 0.12s; }
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card:nth-child(4) { animation-delay: 0.16s; }
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card:nth-child(5) { animation-delay: 0.2s; }
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card:nth-child(6) { animation-delay: 0.24s; }
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card:nth-child(n + 7) { animation-delay: 0.28s; }

@keyframes shoshaL2MenuCardEnter {
  from { opacity: 0; transform: translate3d(0, 22px, 0); }
  to { opacity: 1; transform: none; }
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  text-align: left !important;
  width: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  border-radius: var(--menu-card-radius, 8px) !important;
  background: #fff !important;
  border: 1px solid #e6e6e6 !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06) !important;
  overflow: hidden !important;
  transition: border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s ease !important;
  transform: none !important;
}
.shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-l2-menu-special .shosha-l2-menu-card__inner,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-menu-special .shosha-l2-menu-card__inner {
  text-align: right !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__inner:hover {
  border-color: #cfcfcf !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.1) !important;
  transform: translateY(-2px) !important;
}

/* GRID: image on top. The admin height drives the card, and the image area is the part
   that gives way, so lowering it trims the blank space instead of clipping the text. */
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="grid"] .shosha-l2-menu-card__inner {
  height: var(--menu-card-grid-h, 100%) !important;
  min-height: 0 !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="grid"] .shosha-l2-menu-card__txt {
  flex: 0 0 auto !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="grid"] .shosha-l2-menu-card__pic {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  /* Square field: full width normally, and capped by the space the admin height leaves
     for it, so lowering the card shrinks the square instead of squashing the photo. */
  width: min(100%, calc(var(--menu-card-grid-h, 100000px) - var(--menu-card-grid-txt-h, 148px))) !important;
  max-width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1;
  flex: 0 1 auto !important;
  min-height: 0 !important;
  align-self: center !important;
  border-radius: var(--menu-card-thumb-radius, 0) !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  background: var(--menu-card-thumb-bg, #f5f5f5) !important;
  margin: 0 !important;
  padding: 0 !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="grid"] .shosha-l2-menu-card__pic .shosha-site-special-menu__thumb-img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  background-size: cover !important;
  background-position: center !important;
  transform: scale(var(--menu-card-thumb-scale, 1));
  transform-origin: center center;
  transition: transform 0.9s ease;
  border-radius: 0 !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="grid"] .shosha-l2-menu-card__inner:hover .shosha-l2-menu-card__pic .shosha-site-special-menu__thumb-img {
  transform: scale(calc(var(--menu-card-thumb-scale, 1) * 1.06));
}

/* LIST: image left / content right (Coza shop list).
   Height is a floor, not a clip: overflow hidden + fixed height was cutting Arabic titles. */
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card {
  height: auto !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card__inner {
  flex-direction: row !important;
  align-items: stretch !important;
  height: auto !important;
  min-height: var(--menu-card-list-h, 210px) !important;
  overflow: visible !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card__pic {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
  flex: 0 0 auto !important;
  width: min(var(--menu-card-list-h, 210px), 46%) !important;
  max-width: 46% !important;
  height: auto !important;
  min-height: 0 !important;
  aspect-ratio: 1 / 1 !important;
  align-self: center !important;
  border-radius: var(--menu-card-thumb-radius, 0) !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  background: var(--menu-card-thumb-bg, #f5f5f5) !important;
  margin: 0 !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card__pic .shosha-site-special-menu__thumb-img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-size: cover !important;
  background-position: center !important;
  border-radius: 0 !important;
  transform: scale(var(--menu-card-thumb-scale-list, 1)) !important;
  transform-origin: center center;
  transition: transform 0.9s ease;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card__inner:hover .shosha-l2-menu-card__pic .shosha-site-special-menu__thumb-img {
  transform: scale(calc(var(--menu-card-thumb-scale-list, 1) * 1.05)) !important;
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__txt {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  padding: 18px 18px 16px !important;
  box-sizing: border-box;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__name {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  flex: 1 1 auto;
  font-size: var(--menu-card-title-px, 18px) !important;
  font-family: var(--menu-card-title-family, Poppins, "Segoe UI", Tahoma, sans-serif) !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
  color: var(--menu-card-title-color, #222) !important;
  text-align: inherit !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__icons {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__wish,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__share {
  appearance: none;
  display: inline-grid !important;
  place-items: center;
  width: 34px;
  height: 34px;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #888 !important;
  cursor: pointer;
  box-shadow: none !important;
  transition: color 0.25s ease, background 0.25s ease, transform 0.25s ease;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__wish:hover,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__share:hover {
  color: #717fe0 !important;
  background: rgba(113, 127, 224, 0.08) !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__wish[aria-pressed="true"] {
  color: #e65540 !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__wish[aria-pressed="true"] svg {
  fill: currentColor;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__share .shosha-site-special-menu__share-btn-icon-wrap,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__share svg {
  width: 16px !important;
  height: 16px !important;
  color: inherit !important;
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__desc {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  font-size: var(--menu-card-desc-px, 14px) !important;
  font-family: var(--menu-card-desc-family, Poppins, "Segoe UI", Tahoma, sans-serif) !important;
  color: var(--menu-card-desc-color, #888) !important;
  line-height: 1.55 !important;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special[data-menu-desc-grid="0"] .shosha-site-special-menu__grid[data-shosha-menu-products-layout="grid"] .shosha-l2-menu-card__desc,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special[data-menu-desc-list="0"] .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card__desc {
  display: none !important;
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__meta {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  margin-top: auto !important;
  width: 100% !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__price {
  font-size: var(--menu-card-price-px, 22px) !important;
  font-family: var(--menu-card-price-family, Poppins, "Segoe UI", Tahoma, sans-serif) !important;
  color: var(--menu-card-price-color, #222) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}
/* Hint text lives inside the CTA only — hide duplicate outside the button */
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__hint,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__hint .shosha-site-special-menu__variation--en,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__hint .shosha-site-special-menu__variation--ar {
  display: none !important;
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__cta {
  appearance: none;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px;
  width: 100%;
  min-height: 44px;
  height: 44px;
  padding: 0 16px !important;
  margin: 0 !important;
  border-radius: var(--menu-card-cta-radius, 4px) !important;
  font-family: Poppins, "Segoe UI", Tahoma, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em;
  line-height: 1 !important;
  cursor: pointer;
  box-shadow: none !important;
  transition: background-color 0.35s ease, color 0.35s ease, border-color 0.35s ease, transform 0.25s ease !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__cta--add {
  background: var(--menu-card-cta-bg, #222) !important;
  border: 1px solid var(--menu-card-cta-border, var(--menu-card-cta-bg, #222)) !important;
  color: var(--menu-card-cta-color, #fff) !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__cta--add:hover {
  background: #717fe0 !important;
  border-color: #717fe0 !important;
  color: #fff !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__cta--variation,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__cta--option {
  background: #fff !important;
  border: 1px solid #e6e6e6 !important;
  color: #333 !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__cta--variation:hover,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__cta--option:hover {
  background: #717fe0 !important;
  border-color: #717fe0 !important;
  color: #fff !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__cta-ico {
  flex: 0 0 auto;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 0 !important;
  width: 18px;
  height: 18px;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__cta-ico svg,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__cta > svg {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  vertical-align: middle;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__cta [class*="cta-lbl"] {
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="en"] .shosha-l2-menu-special .shosha-l2-menu-card__cta .shosha-l2-menu-card__cta-lbl--ar,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-menu-special .shosha-l2-menu-card__cta .shosha-l2-menu-card__cta-lbl--en {
  display: none !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__cta .shosha-site-special-menu__add-btn-icon {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Coza sweetalert success modal (exact icon CSS from vendor/sweetalert) */
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-added-modal {
  position: fixed;
  inset: 0;
  z-index: 10050;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.28s ease, visibility 0.28s ease;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-added-modal.is-open {
  opacity: 1;
  visibility: visible;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-added-modal__dialog {
  width: min(478px, 100%);
  background: var(--cart-added-bg, #fff);
  border: 1px solid var(--cart-added-border, #e6e6e6);
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.04);
  padding: 0 0 8px;
  text-align: center;
  font-family: Poppins, "Segoe UI", Tahoma, sans-serif;
  transform: scale(0.88);
  opacity: 0;
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s ease;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-added-modal.is-open .shosha-l2-added-modal__dialog {
  transform: scale(1);
  opacity: 1;
}

/* === .swal-icon + .swal-icon--success (Coza sweetalert.min.js) === */
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-added-modal__icon {
  width: 80px;
  height: 80px;
  border-width: 4px;
  border-style: solid;
  border-radius: 50%;
  padding: 0;
  position: relative;
  box-sizing: content-box;
  margin: 20px auto;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-added-modal__icon:first-child {
  margin-top: 32px;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-added-modal__icon--success {
  border-color: var(--cart-added-ring-color, #a5dc86);
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-added-modal__icon--success:before,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-added-modal__icon--success:after {
  content: "";
  border-radius: 50%;
  position: absolute;
  width: 60px;
  height: 120px;
  background: var(--cart-added-bg, #fff);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-added-modal__icon--success:before {
  border-radius: 120px 0 0 120px;
  top: -7px;
  left: -33px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 60px 60px;
  transform-origin: 60px 60px;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-added-modal__icon--success:after {
  border-radius: 0 120px 120px 0;
  top: -11px;
  left: 30px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 0 60px;
  transform-origin: 0 60px;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-added-modal.is-open .shosha-l2-added-modal__icon--success:after {
  -webkit-animation: shoshaL2SwalRotatePlaceholder 4.25s ease-in;
  animation: shoshaL2SwalRotatePlaceholder 4.25s ease-in;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-added-modal__ring {
  width: 80px;
  height: 80px;
  border: 4px solid color-mix(in srgb, var(--cart-added-ring-color, #a5dc86) 20%, transparent);
  border-radius: 50%;
  box-sizing: content-box;
  position: absolute;
  left: -4px;
  top: -4px;
  z-index: 2;
}
/* Fallback for browsers without color-mix */
@supports not (border-color: color-mix(in srgb, #000 20%, transparent)) {
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-added-modal__ring {
    border-color: hsla(98, 55%, 69%, 0.2);
  }
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-added-modal__hide-corners {
  width: 5px;
  height: 90px;
  background-color: var(--cart-added-bg, #fff);
  position: absolute;
  left: 28px;
  top: 8px;
  z-index: 1;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-added-modal__line {
  height: 5px;
  background-color: var(--cart-added-icon-color, #a5dc86);
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 2;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-added-modal__line--tip {
  width: 25px;
  left: 14px;
  top: 46px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-added-modal__line--long {
  width: 47px;
  right: 8px;
  top: 38px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-added-modal.is-open .shosha-l2-added-modal__line--tip {
  -webkit-animation: shoshaL2SwalAnimateSuccessTip 0.75s;
  animation: shoshaL2SwalAnimateSuccessTip 0.75s;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-added-modal.is-open .shosha-l2-added-modal__line--long {
  -webkit-animation: shoshaL2SwalAnimateSuccessLong 0.75s;
  animation: shoshaL2SwalAnimateSuccessLong 0.75s;
}

@-webkit-keyframes shoshaL2SwalRotatePlaceholder {
  0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  5% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  12% { -webkit-transform: rotate(-405deg); transform: rotate(-405deg); }
  to { -webkit-transform: rotate(-405deg); transform: rotate(-405deg); }
}
@keyframes shoshaL2SwalRotatePlaceholder {
  0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  5% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  12% { -webkit-transform: rotate(-405deg); transform: rotate(-405deg); }
  to { -webkit-transform: rotate(-405deg); transform: rotate(-405deg); }
}
@-webkit-keyframes shoshaL2SwalAnimateSuccessTip {
  0% { width: 0; left: 1px; top: 19px; }
  54% { width: 0; left: 1px; top: 19px; }
  70% { width: 50px; left: -8px; top: 37px; }
  84% { width: 17px; left: 21px; top: 48px; }
  to { width: 25px; left: 14px; top: 45px; }
}
@keyframes shoshaL2SwalAnimateSuccessTip {
  0% { width: 0; left: 1px; top: 19px; }
  54% { width: 0; left: 1px; top: 19px; }
  70% { width: 50px; left: -8px; top: 37px; }
  84% { width: 17px; left: 21px; top: 48px; }
  to { width: 25px; left: 14px; top: 45px; }
}
@-webkit-keyframes shoshaL2SwalAnimateSuccessLong {
  0% { width: 0; right: 46px; top: 54px; }
  65% { width: 0; right: 46px; top: 54px; }
  84% { width: 55px; right: 0; top: 35px; }
  to { width: 47px; right: 8px; top: 38px; }
}
@keyframes shoshaL2SwalAnimateSuccessLong {
  0% { width: 0; right: 46px; top: 54px; }
  65% { width: 0; right: 46px; top: 54px; }
  84% { width: 55px; right: 0; top: 35px; }
  to { width: 47px; right: 8px; top: 38px; }
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-added-modal__title {
  margin: 0;
  padding: 13px 16px;
  font-family: Poppins, "Segoe UI", Tahoma, sans-serif;
  font-size: var(--cart-added-name-px, 18px);
  font-weight: 700;
  color: var(--cart-added-name-color, #333);
  line-height: 1.5;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-added-modal__msg {
  margin: 0;
  padding: 0 10px 8px;
  font-family: Poppins, "Segoe UI", Tahoma, sans-serif;
  font-size: var(--cart-added-msg-px, 16px);
  color: var(--cart-added-msg-color, #555);
  line-height: 1.666667;
  text-align: center;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-added-modal--wishlist .shosha-l2-added-modal__dialog {
  background: var(--wish-notice-bg, var(--cart-added-bg, #fff));
  border-color: var(--wish-notice-border, var(--cart-added-border, #e6e6e6));
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-added-modal--wishlist .shosha-l2-added-modal__title {
  font-size: var(--wish-notice-name-px, var(--cart-added-name-px, 18px));
  color: var(--wish-notice-name-color, var(--cart-added-name-color, #333));
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-added-modal--wishlist .shosha-l2-added-modal__msg {
  font-size: var(--wish-notice-msg-px, var(--cart-added-msg-px, 16px));
  color: var(--wish-notice-msg-color, var(--cart-added-msg-color, #555));
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-added-modal--wishlist .shosha-l2-added-modal__icon--success {
  border-color: var(--wish-notice-ring-color, var(--cart-added-ring-color, #a5dc86));
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-added-modal--wishlist .shosha-l2-added-modal__line--tip,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-added-modal--wishlist .shosha-l2-added-modal__line--long {
  background-color: var(--wish-notice-icon-color, var(--cart-added-icon-color, #a5dc86));
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-added-modal--bundle-step .shosha-l2-added-modal__line--tip,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-added-modal--bundle-step .shosha-l2-added-modal__line--long {
  width: 44px;
  left: 18px;
  right: auto;
  top: 37.5px;
  -webkit-transform: none;
  transform: none;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-added-modal--bundle-step .shosha-l2-added-modal__line--tip {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-added-modal--bundle-step.is-open .shosha-l2-added-modal__line--long {
  -webkit-animation: shoshaL2BundlePlusH 0.5s ease-out;
  animation: shoshaL2BundlePlusH 0.5s ease-out;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-added-modal--bundle-step.is-open .shosha-l2-added-modal__line--tip {
  -webkit-animation: shoshaL2BundlePlusV 0.5s ease-out;
  animation: shoshaL2BundlePlusV 0.5s ease-out;
}
@-webkit-keyframes shoshaL2BundlePlusH {
  0% { -webkit-transform: scaleX(0); transform: scaleX(0); }
  to { -webkit-transform: scaleX(1); transform: scaleX(1); }
}
@keyframes shoshaL2BundlePlusH {
  0% { -webkit-transform: scaleX(0); transform: scaleX(0); }
  to { -webkit-transform: scaleX(1); transform: scaleX(1); }
}
@-webkit-keyframes shoshaL2BundlePlusV {
  0% { -webkit-transform: rotate(90deg) scaleX(0); transform: rotate(90deg) scaleX(0); }
  to { -webkit-transform: rotate(90deg) scaleX(1); transform: rotate(90deg) scaleX(1); }
}
@keyframes shoshaL2BundlePlusV {
  0% { -webkit-transform: rotate(90deg) scaleX(0); transform: rotate(90deg) scaleX(0); }
  to { -webkit-transform: rotate(90deg) scaleX(1); transform: rotate(90deg) scaleX(1); }
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-added-modal--wishlist .shosha-l2-added-modal__actions[hidden] {
  display: none;
}

/* Payment failed — red X (sweetalert error style) */
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-added-modal__icon--error {
  border-color: #f27474;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-added-modal__icon--error .shosha-l2-added-modal__x-mark {
  position: relative;
  display: block;
  width: 80px;
  height: 80px;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-added-modal__icon--error .shosha-l2-added-modal__x-line {
  position: absolute;
  height: 5px;
  width: 47px;
  background-color: #f27474;
  display: block;
  top: 37px;
  border-radius: 2px;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-added-modal__icon--error .shosha-l2-added-modal__x-line--left {
  left: 17px;
  transform: rotate(45deg);
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-added-modal__icon--error .shosha-l2-added-modal__x-line--right {
  right: 16px;
  transform: rotate(-45deg);
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-added-modal.is-open .shosha-l2-added-modal__icon--error .shosha-l2-added-modal__x-line--left {
  animation: shoshaL2SwalAnimateErrorLeft 0.75s;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-added-modal.is-open .shosha-l2-added-modal__icon--error .shosha-l2-added-modal__x-line--right {
  animation: shoshaL2SwalAnimateErrorRight 0.75s;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-added-modal.is-open .shosha-l2-added-modal__icon--error {
  animation: shoshaL2SwalAnimateErrorIcon 0.5s;
}
@keyframes shoshaL2SwalAnimateErrorIcon {
  0% { transform: rotateX(100deg); opacity: 0; }
  to { transform: rotateX(0deg); opacity: 1; }
}
@keyframes shoshaL2SwalAnimateErrorLeft {
  0%, 65% { transform: rotate(45deg) scaleX(0); transform-origin: left; }
  to { transform: rotate(45deg) scaleX(1); transform-origin: left; }
}
@keyframes shoshaL2SwalAnimateErrorRight {
  0%, 65% { transform: rotate(-45deg) scaleX(0); transform-origin: right; }
  to { transform: rotate(-45deg) scaleX(1); transform-origin: right; }
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-added-modal__actions {
  display: flex;
  justify-content: flex-end;
  padding: 13px 16px;
  margin-top: 0;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-added-modal__ok {
  appearance: none;
  min-width: 88px;
  height: auto;
  padding: 10px 24px;
  border: 0;
  border-radius: 4px;
  background: var(--cart-added-btn-bg, #717fe0);
  color: var(--cart-added-btn-color, #fff);
  font-family: Poppins, "Segoe UI", Tahoma, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-added-modal__ok:hover {
  background: var(--cart-added-btn-hover-bg, #333);
  color: var(--cart-added-btn-hover-color, #fff);
}

/* Layout2 reservation confirm — same SweetAlert / Added-to-cart shell */
.shosha-public-store[data-shosha-design="layout2"] .shosha-res-holo-modal.is-l2-confirm {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.28s ease, visibility 0.28s ease;
  z-index: 10050;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-res-holo-modal.is-l2-confirm[hidden] {
  display: none !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-res-holo-modal.is-l2-confirm.is-open {
  opacity: 1;
  visibility: visible;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-res-holo-modal.is-l2-confirm .shosha-res-holo-modal__backdrop {
  background: transparent;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-res-holo-modal.is-l2-confirm .shosha-res-holo-modal__card {
  width: min(478px, 100%);
  background: var(--page-panel-success-bg, #ffffff);
  border: 1px solid var(--page-panel-success-border, #e6e6e6);
  border-left: 1px solid var(--page-panel-success-border, #e6e6e6);
  border-radius: var(--page-panel-success-radius, 5px);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.04);
  padding: 0 0 8px;
  text-align: center;
  font-family: Poppins, "Segoe UI", Tahoma, sans-serif;
  overflow: visible;
  transform: scale(0.88);
  opacity: 0;
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s ease;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-res-holo-modal.is-l2-confirm.is-open .shosha-res-holo-modal__card {
  transform: scale(1);
  opacity: 1;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-res-holo-modal.is-l2-confirm .shosha-res-holo-modal__card::before {
  display: none;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-res-holo-modal.is-l2-confirm .shosha-res-holo-modal__l2-icon {
  display: block;
  --cart-added-bg: var(--page-panel-success-bg, #ffffff);
  --cart-added-ring-color: var(--page-panel-success-ring, #a5dc86);
  --cart-added-icon-color: var(--page-panel-success-icon, #a5dc86);
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-res-holo-modal.is-l2-confirm .subtitle[data-shosha-res-holo-modal-kicker] {
  display: none !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-res-holo-modal.is-l2-confirm .shosha-res-holo-modal__title {
  margin: 0;
  padding: 13px 16px;
  font-family: Poppins, "Segoe UI", Tahoma, sans-serif;
  font-size: var(--page-panel-success-title-px, 18px);
  font-weight: 700;
  color: var(--page-panel-success-title-color, #333333);
  line-height: 1.5;
  letter-spacing: normal;
  text-transform: none;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-res-holo-modal.is-l2-confirm .shosha-res-holo-modal__body {
  margin: 0;
  padding: 0 10px 8px;
  font-family: Poppins, "Segoe UI", Tahoma, sans-serif;
  font-size: var(--page-panel-success-msg-px, 15px);
  color: var(--page-panel-success-msg-color, #888888);
  line-height: 1.666667;
  text-align: center;
  white-space: pre-wrap;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-res-holo-modal.is-l2-confirm .shosha-res-holo-modal__actions {
  display: flex;
  justify-content: flex-end;
  padding: 13px 16px;
  margin-top: 0;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-res-holo-modal.is-l2-confirm .shosha-res-holo-modal__actions .btn-holo {
  appearance: none;
  min-width: 88px;
  height: auto;
  padding: 10px 24px;
  border: 0 !important;
  border-radius: var(--page-panel-success-btn-radius, 4px);
  background: var(--page-panel-success-btn-bg, #717fe0) !important;
  color: var(--page-panel-success-btn-color, #ffffff) !important;
  font-family: Poppins, "Segoe UI", Tahoma, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: none !important;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-res-holo-modal.is-l2-confirm .shosha-res-holo-modal__actions .btn-holo::before,
.shosha-public-store[data-shosha-design="layout2"] .shosha-res-holo-modal.is-l2-confirm .shosha-res-holo-modal__actions .btn-holo::after {
  display: none !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-res-holo-modal.is-l2-confirm .shosha-res-holo-modal__actions .btn-holo:hover {
  background: var(--page-panel-success-btn-hover-bg, #333333) !important;
  color: var(--page-panel-success-btn-hover-color, #ffffff) !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-res-holo-modal.is-l2-confirm.is-open .shosha-l2-added-modal__line--tip {
  -webkit-animation: shoshaL2SwalAnimateSuccessTip 0.75s;
  animation: shoshaL2SwalAnimateSuccessTip 0.75s;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-res-holo-modal.is-l2-confirm.is-open .shosha-l2-added-modal__line--long {
  -webkit-animation: shoshaL2SwalAnimateSuccessLong 0.75s;
  animation: shoshaL2SwalAnimateSuccessLong 0.75s;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-res-holo-modal.is-l2-confirm.is-open .shosha-l2-added-modal__icon--success:after {
  -webkit-animation: shoshaL2SwalRotatePlaceholder 4.25s ease-in;
  animation: shoshaL2SwalRotatePlaceholder 4.25s ease-in;
}

@media (max-width: 991px) {
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="grid"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 575px) {
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="grid"] {
    grid-template-columns: 1fr !important;
  }
}

.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="en"] .shosha-l2-added-modal__ok--ar,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-added-modal__ok--en,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="en"] .shosha-l2-added-modal__msg--ar,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-added-modal__msg--en {
  display: none !important;
}

/* --- L2 menu card fixes: filter hide, row stretch, CTA, admin vars --- */
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card.is-filtered-out,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card[hidden] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="grid"],
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] {
  align-items: stretch !important;
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card {
  height: 100% !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card {
  height: auto !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__inner {
  height: 100% !important;
  background: var(--menu-card-bg, var(--menu-card-bg-solid, #fff)) !important;
  border-color: var(--menu-card-border, #e6e6e6) !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card__inner {
  height: auto !important;
  overflow: visible !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__pic {
  border: 1px solid var(--menu-card-thumb-border, transparent) !important;
  box-sizing: border-box !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="grid"] .shosha-l2-menu-card__pic {
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__txt {
  flex: 1 1 auto !important;
  min-height: 0 !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card__txt {
  min-height: auto !important;
  overflow: visible !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__icons {
  display: flex !important;
  justify-content: flex-end;
  width: 100%;
  margin: 0 0 6px;
  gap: 4px;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__name {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
  min-height: 0 !important;
  max-height: none !important;
  line-height: 1.5 !important;
  padding-block: 0.12em !important;
  color: var(--menu-card-title-color, #222) !important;
  font-size: var(--menu-card-title-px, 18px) !important;
  font-family: var(--menu-card-title-family, Poppins, "Segoe UI", Tahoma, sans-serif) !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card__name,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card__name .shosha-site-special-menu__item-title-text {
  display: block !important;
  -webkit-line-clamp: unset;
  -webkit-box-orient: unset;
  overflow: visible !important;
  max-height: none !important;
  min-height: 0 !important;
  flex: 0 0 auto !important;
  white-space: normal !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__desc {
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
  min-height: 0 !important;
  max-height: none !important;
  color: var(--menu-card-desc-color, #888) !important;
  font-size: var(--menu-card-desc-px, 14px) !important;
  font-family: var(--menu-card-desc-family, Poppins, "Segoe UI", Tahoma, sans-serif) !important;
}
/* Keep language hide stronger than desc display: -webkit-box */
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="en"] .shosha-l2-menu-special .shosha-l2-menu-card__desc.shosha-site-special-menu__desc--ar,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-menu-special .shosha-l2-menu-card__desc.shosha-site-special-menu__desc--en {
  display: none !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special[data-menu-desc-grid="0"] .shosha-site-special-menu__grid[data-shosha-menu-products-layout="grid"] .shosha-l2-menu-card__desc,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special[data-menu-desc-list="0"] .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card__desc {
  display: none !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__meta {
  margin-top: auto !important;
  min-height: 0 !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__price {
  color: var(--menu-card-meta-color, #222) !important;
  font-size: var(--menu-card-meta-px, 16px) !important;
  font-family: var(--menu-card-meta-family, Poppins, "Segoe UI", Tahoma, sans-serif) !important;
  min-height: 0 !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__hint {
  display: none !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__wish,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__share {
  width: var(--menu-card-add-px, 34px) !important;
  height: var(--menu-card-add-px, 34px) !important;
  color: var(--menu-card-icon-color, var(--menu-card-add-color, #888)) !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__wish:hover,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__share:hover {
  color: var(--menu-card-icon-hover, #717fe0) !important;
  background: transparent !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__wish[aria-pressed="true"] {
  color: var(--menu-card-icon-hover, #e65540) !important;
}

/* Kill old + button rotate / circle sizing on L2 CTA + vertical center */
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__cta.shosha-site-special-menu__add-btn,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__cta.shosha-site-special-menu__add-btn:hover,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__cta.shosha-site-special-menu__add-btn:focus,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__cta.shosha-site-special-menu__add-btn:active {
  width: 100% !important;
  height: 44px !important;
  min-height: 44px !important;
  max-width: none !important;
  border-radius: var(--menu-card-cta-radius, 4px) !important;
  transform: none !important;
  writing-mode: horizontal-tb !important;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  place-items: center !important;
  line-height: 1 !important;
  padding: 0 16px !important;
  box-sizing: border-box !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__cta--add {
  background: var(--menu-card-cta-bg, #222) !important;
  border: 1px solid var(--menu-card-cta-border, var(--menu-card-cta-bg, #222)) !important;
  color: var(--menu-card-cta-color, #fff) !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__cta--add:hover {
  background: var(--menu-card-cta-hover-bg, #717fe0) !important;
  border-color: var(--menu-card-cta-hover-bg, #717fe0) !important;
  color: var(--menu-card-cta-hover-color, #fff) !important;
  transform: none !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__cta--variation,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__cta--option {
  background: var(--menu-card-cta-bg, #fff) !important;
  border: 1px solid var(--menu-card-cta-border, #e6e6e6) !important;
  color: var(--menu-card-cta-color, #333) !important;
  font-size: var(--menu-card-cta-font-px, 14px) !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__cta--variation:hover,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__cta--option:hover {
  background: var(--menu-card-cta-hover-bg, #717fe0) !important;
  border-color: var(--menu-card-cta-hover-bg, #717fe0) !important;
  color: var(--menu-card-cta-hover-color, #fff) !important;
  transform: none !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-l2-menu-card__cta {
  font-size: var(--menu-card-cta-font-px, 14px) !important;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;
}

/* ========== Layout2 Coza-style product picker (split: media | options) ========== */
.shosha-sf-picker-split {
  display: block;
  width: 100%;
}
.shosha-sf-picker-split__media[hidden] {
  display: none !important;
}
.shosha-sf-picker-modal__x {
  display: none;
}

/* Center modal in viewport (flex overlay — do NOT use relative+left/top 50%) */
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split:not([hidden]) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 16px !important;
  box-sizing: border-box !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-modal__dialog,
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal__dialog--split {
  width: min(1240px, 96vw) !important;
  max-width: 1240px !important;
  max-height: min(92vh, 900px) !important;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--popup-dialog-bg, #121212) !important;
  border: 1px solid var(--popup-var-border, var(--popup-option-border, #333)) !important;
  border-radius: var(--popup-panel-radius-px, 3px) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.28) !important;
  color: var(--popup-title-color, #fff) !important;
  overflow: hidden !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  display: flex !important;
  flex-direction: column !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-modal__x {
  display: flex !important;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 10px;
  right: 12px;
  z-index: 5;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--popup-close-color, #d9d9d9);
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  transition: color 0.25s ease, background 0.25s ease;
}
.shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-modal__x,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-modal__x {
  right: auto;
  left: 12px;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-modal__x:hover {
  color: var(--popup-close-hover, var(--popup-accent, #ff9900));
  background: transparent;
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-split {
  display: grid !important;
  grid-template-columns: 1fr;
  align-items: stretch;
  min-height: 0;
  flex: 1 1 auto;
  max-height: min(92vh, 860px);
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-split:has(.shosha-sf-picker-split__media:not([hidden])) {
  grid-template-columns: minmax(0, calc(var(--popup-media-col-pct, 46) * 1%)) minmax(280px, 1fr);
}
@media (min-width: 992px) {
  .shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-split:has(.shosha-sf-picker-split__media:not([hidden])) {
    grid-template-columns: minmax(0, calc(var(--popup-media-col-pct, 46) * 1%)) minmax(280px, 1fr) !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-media__img {
    width: calc(var(--popup-media-img-scale, 100) * 1%) !important;
    max-width: calc(var(--popup-media-img-scale, 100) * 1%) !important;
    height: auto !important;
    max-height: min(70vh, 640px) !important;
    min-height: 0 !important;
    margin-inline: auto !important;
    object-fit: contain !important;
  }
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-split__media {
  display: block !important;
  background: var(--popup-media-bg, #f5f5f5);
  min-height: 320px;
  height: 100%;
  border-right: 1px solid var(--popup-option-border, #e6e6e6);
}
.shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-split__media,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-split__media {
  border-right: 0;
  border-left: 1px solid var(--popup-option-border, #e6e6e6);
}

/* Media gallery: thumbs + main. When no thumbs, stage fills full width. */
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-media {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  gap: 12px;
  height: 100%;
  min-height: 360px;
  padding: 22px 18px 22px 14px;
  box-sizing: border-box;
  background: var(--popup-media-bg, #f5f5f5);
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-media.no-thumbs,
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-media:has(.shosha-sf-picker-media__thumbs[hidden]) {
  grid-template-columns: minmax(0, 1fr) !important;
}
.shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-sf-picker-media,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-sf-picker-media {
  padding: 22px 14px 22px 18px;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-media__thumbs {
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: auto;
  max-height: 100%;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-media__thumbs[hidden] {
  display: none !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-media__thumb {
  width: 64px;
  height: 64px;
  border: 2px solid transparent;
  border-radius: 2px;
  background-size: cover;
  background-position: center;
  cursor: pointer;
  flex: 0 0 auto;
  padding: 0;
  appearance: none;
  transition: border-color 0.25s ease;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-media__thumb.is-active,
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-media__thumb:hover {
  border-color: var(--popup-accent, #ff9900);
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-media__stage {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 280px;
  width: 100%;
  height: 100%;
  background: var(--popup-media-bg, #fff);
  border-radius: 2px;
  overflow: hidden;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-media__img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100%;
  max-height: min(70vh, 640px);
  min-height: 240px;
  object-fit: contain;
  object-position: center;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-media__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.35);
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background 0.25s ease;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-media__nav:hover {
  background: var(--popup-accent, #ff9900);
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-media__nav--prev { left: 10px; }
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-media__nav--next { right: 10px; }
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-media__nav[hidden] {
  display: none !important;
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-split__body {
  display: flex;
  flex-direction: column;
  min-height: 0;
  max-height: min(92vh, 860px);
  padding: 36px 28px 22px;
  box-sizing: border-box;
  text-align: left;
  overflow: hidden;
  background: var(--popup-dialog-bg, #121212);
}
.shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-split__body,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-split__body {
  text-align: right;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-modal__title {
  margin: 0 0 8px !important;
  padding: 0 28px 0 0 !important;
  font-family: Poppins, "Segoe UI", Tahoma, sans-serif !important;
  font-size: var(--popup-title-px, 24px) !important;
  font-weight: 700 !important;
  color: var(--popup-title-color, #fff) !important;
  line-height: 1.3 !important;
  text-align: inherit !important;
}
.shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-modal__title,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-modal__title {
  padding: 0 0 0 28px !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-modal__subtitle {
  margin: 0 0 10px !important;
  font-family: Poppins, "Segoe UI", Tahoma, sans-serif !important;
  font-size: 14px !important;
  color: var(--popup-subtitle-color, #a3a3a3) !important;
  text-align: inherit !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-modal__price {
  margin: 0 0 14px;
  font-family: Poppins, "Segoe UI", Tahoma, sans-serif;
  font-size: 22px;
  font-weight: 700;
  color: var(--popup-price-color, var(--popup-accent, #ff9900));
  line-height: 1.2;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-modal__product-desc,
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-combined-modal__desc {
  margin: 0 0 16px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--popup-desc-color, var(--popup-subtitle-color, #a3a3a3)) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  text-align: inherit !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-combined-modal__scroll,
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-modal__list,
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-modal__content {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding-right: 0;
  padding-inline-end: 0;
  margin-bottom: 12px;
}
/* Equal width: variations + add-ons select rows share the same content width. */
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-combined-modal__modifiers.shosha-sf-picker-modal__content,
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-dropdown-addons,
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split [data-shosha-sf-combined-variations] {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  padding-inline: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-inline: 0 !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-combined-section-title {
  color: var(--popup-accent, #ff9900) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  margin: 0 0 10px !important;
}

/* Per-group axis titles (Size / Color) — must stay visible on light Layout 2 panel */
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-combined-group-axes {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  width: 100% !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-combined-group-axis {
  border: 1px solid var(--popup-var-border, #e5e7eb) !important;
  border-radius: 8px !important;
  padding: 10px !important;
  background: #f8fafc !important;
  min-width: 0 !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-combined-group-axis__title,
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-combined-group-axis__title {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin: 0 0 8px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--popup-accent, #ff9900) !important;
  line-height: 1.3 !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-combined-group-axis__options {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

/* Single variation group / flat list: 3 options per row (Template 2) */
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-combined-variation-list,
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-modal__list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  flex-direction: unset !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-combined-group-axis__options {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-combined-variation-option,
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-item--checkpoint {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 10px 12px !important;
  border: 1px solid var(--popup-var-border, var(--popup-option-border, #333)) !important;
  border-radius: var(--popup-input-radius-px, 4px) !important;
  background: var(--popup-var-bg, var(--popup-option-bg, #1a1a1a)) !important;
  color: var(--popup-var-text, var(--popup-option-text, #fff)) !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  transition: border-color 0.25s ease, background 0.25s ease !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-combined-variation-option:has(input:checked),
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-item--checkpoint.is-selected {
  border-color: var(--popup-var-border-active, var(--popup-accent, #ff9900)) !important;
  background: var(--popup-var-bg-active, var(--popup-option-selected, var(--popup-option-hover, #2a2a2a))) !important;
  box-shadow: none !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-combined-variation-option input[type="radio"] {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  flex: 0 0 auto;
  box-sizing: border-box !important;
  border: 2px solid var(--popup-var-check-idle, #555555) !important;
  border-radius: 50% !important;
  background: transparent !important;
  position: relative;
  cursor: pointer;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-combined-variation-option input[type="radio"]:checked {
  border-color: var(--popup-var-check-active, var(--popup-accent, #ff9900)) !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-combined-variation-option input[type="radio"]:checked::after {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: 50%;
  background: var(--popup-var-check-active, var(--popup-accent, #ff9900));
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-item__check {
  width: 18px;
  height: 18px;
  border: 2px solid var(--popup-var-check-idle, var(--popup-option-border, #555));
  border-radius: 50%;
  flex: 0 0 auto;
  position: relative;
  box-sizing: border-box;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-item--checkpoint.is-selected .shosha-sf-picker-item__check {
  border-color: var(--popup-var-check-active, var(--popup-accent, #ff9900));
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-item--checkpoint.is-selected .shosha-sf-picker-item__check::after {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: 50%;
  background: var(--popup-var-check-active, var(--popup-accent, #ff9900));
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-combined-variation-option__name,
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-item__name {
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
  text-align: inherit;
  font-weight: 500;
  color: var(--popup-var-text, var(--popup-option-text, #fff));
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-combined-variation-option__price,
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-item__price {
  color: var(--popup-var-price, var(--popup-price-color, var(--popup-accent, #ff9900))) !important;
  font-weight: 600 !important;
  margin-top: 0 !important;
  margin-inline-start: auto;
  flex: 0 0 auto;
  white-space: nowrap;
}

.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-modifier-section {
  background: var(--popup-mod-section-bg, transparent) !important;
  border: 1px solid var(--popup-mod-section-border, transparent) !important;
  border-radius: 10px !important;
  padding: 10px !important;
  margin: 0 0 12px !important;
  box-sizing: border-box !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-modifier-group-header {
  color: var(--popup-mod-name, var(--popup-option-text, #fff)) !important;
  border-color: var(--popup-mod-border, var(--popup-option-border, #333)) !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-modifier-group-header__title,
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split [data-role="modifier-group-toggle"],
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-modifier-group-title,
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-modifier-nested-title {
  color: var(--popup-mod-group-title, var(--popup-accent, #ff9900)) !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-modifier-group-toggle,
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-modifier-group-toggle svg {
  color: var(--popup-mod-chevron, var(--popup-accent, #ff9900)) !important;
  stroke: var(--popup-mod-chevron, var(--popup-accent, #ff9900)) !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-modifier-options.is-grid-3,
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-modifier-option-group-choices.is-grid-3,
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-modifier-nested-options.is-grid-3 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  align-items: stretch;
}
/* Add-on card: checkbox centered between name + price lines */
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-modifier-option {
  display: block !important;
  margin: 0 !important;
  padding: 8px 10px !important;
  min-height: 0 !important;
  height: auto !important;
  border-radius: var(--popup-input-radius-px, 4px) !important;
  border: 1px solid var(--popup-mod-border, var(--popup-option-border, #333)) !important;
  background: var(--popup-mod-bg, var(--popup-option-bg, #1a1a1a)) !important;
  color: var(--popup-mod-name, var(--popup-option-text, #fff)) !important;
  box-sizing: border-box !important;
  cursor: pointer;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-modifier-option:has(.shosha-sf-modifier-option__cb:checked) {
  background: var(--popup-mod-bg-active, var(--popup-option-selected, #2a2a2a)) !important;
  border-color: var(--popup-mod-check-active, var(--popup-accent, #ff9900)) !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-modifier-option__row {
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) !important;
  column-gap: 8px !important;
  align-items: center !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: inherit !important;
  min-height: 0 !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-modifier-option__body {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 4px;
  min-width: 0;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-modifier-option-name {
  display: block;
  width: 100%;
  min-width: 0;
  font-size: 0.82rem;
  line-height: 1.3;
  font-weight: 500;
  color: var(--popup-mod-name, var(--popup-option-text, #fff)) !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
  word-break: break-word;
  overflow-wrap: anywhere;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-modifier-option__price {
  display: block;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  text-align: end; /* يمين في الإنجليزية / يسار في العربية */
  color: var(--popup-mod-price, var(--popup-price-color, var(--popup-accent, #ff9900))) !important;
  font-size: 0.78rem;
  font-weight: 600;
  line-height: 1.25;
  white-space: nowrap;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-modifier-option__price-row {
  display: none !important;
}
/* Custom checkbox so idle border + background from admin actually apply */
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-modifier-option input[type="checkbox"],
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-modifier-option input[type="radio"],
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-modifier-option__cb {
  -webkit-appearance: none !important;
  appearance: none !important;
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  flex: 0 0 auto;
  align-self: center;
  box-sizing: border-box !important;
  border: 2px solid var(--popup-mod-check-idle, #AAAAAA) !important;
  border-radius: 3px !important;
  background: var(--popup-mod-check-idle-bg, #FFFFFF) !important;
  background-color: var(--popup-mod-check-idle-bg, #FFFFFF) !important;
  accent-color: unset;
  cursor: pointer;
  position: relative;
  grid-row: 1;
  opacity: 1 !important;
  visibility: visible !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-modifier-option input[type="checkbox"]:checked,
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-modifier-option__cb:checked {
  border-color: var(--popup-mod-check-active, var(--popup-accent, #ff9900)) !important;
  background: var(--popup-mod-check-active, var(--popup-accent, #ff9900)) !important;
  background-color: var(--popup-mod-check-active, var(--popup-accent, #ff9900)) !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-modifier-option input[type="checkbox"]:checked::after,
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-modifier-option__cb:checked::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 0;
  width: 4px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-item__check {
  border-color: var(--popup-var-check-idle, #555555) !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-modifier-option__qty {
  display: none !important;
}

/* Coza-style pill buttons — side by side, template size (size-101 ≈ 46px) */
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-modal__actions {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch;
  gap: 12px;
  margin-top: auto !important;
  padding-top: 12px !important;
  border-top: 0 !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-modal__confirm,
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-modal__skip-btn,
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-modal__close-btn {
  position: relative !important;
  overflow: hidden !important;
  flex: 1 1 0 !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  min-height: 46px !important;
  height: 46px !important;
  padding: 0 20px !important;
  border-radius: var(--popup-btn-radius-px, 23px) !important;
  border-width: 1px !important;
  border-style: solid !important;
  font-family: Poppins, "Segoe UI", Tahoma, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
  z-index: 1;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease !important;
  animation: none !important;
  box-shadow: none !important;
  white-space: nowrap;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-modal__confirm::after,
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-modal__skip-btn::after,
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-modal__close-btn::after {
  display: none !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-modal__skip-btn {
  background: var(--popup-skip-bg, #717fe0) !important;
  background-color: var(--popup-skip-bg, #717fe0) !important;
  color: var(--popup-skip-color, #fff) !important;
  -webkit-text-fill-color: var(--popup-skip-color, #fff) !important;
  border-color: var(--popup-skip-bg, #717fe0) !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-modal__skip-btn:hover,
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-modal__skip-btn:focus-visible {
  background: var(--popup-skip-hover, #222) !important;
  background-color: var(--popup-skip-hover, #222) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border-color: var(--popup-skip-hover, #222) !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-modal__confirm {
  background: var(--popup-confirm-bg, #717fe0) !important;
  background-color: var(--popup-confirm-bg, #717fe0) !important;
  color: var(--popup-confirm-color, #fff) !important;
  -webkit-text-fill-color: var(--popup-confirm-color, #fff) !important;
  border-color: var(--popup-confirm-bg, #717fe0) !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-modal__confirm:hover,
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-modal__confirm:focus-visible {
  background: var(--popup-confirm-hover, #222) !important;
  background-color: var(--popup-confirm-hover, #222) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border-color: var(--popup-confirm-hover, #222) !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-login-modal__backdrop {
  background: var(--popup-overlay-bg, rgba(0, 0, 0, 0.72)) !important;
}

/* Coza-like dropdown fields (Layout2 + admin picker_ui_mode=dropdown) */
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-select-row {
  display: grid;
  grid-template-columns: 8.75rem minmax(0, 1fr);
  align-items: center;
  column-gap: 12px;
  margin: 0 0 18px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-select-row__label {
  grid-column: 1;
  min-width: 0;
  width: 100%;
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--popup-subtitle-color, #888);
  text-align: start;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-select-row__field {
  grid-column: 2;
  min-width: 0;
  width: 100%;
  border: 1px solid var(--popup-var-border, var(--popup-option-border, #e6e6e6));
  border-radius: var(--popup-input-radius-px, 3px);
  background: var(--popup-var-bg, var(--popup-dialog-bg, #fff));
  position: relative;
  box-sizing: border-box;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-modal__dialog,
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-modal__dialog--split {
  border-radius: var(--popup-panel-radius-px, 5px) !important;
  overflow: hidden !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-modifier-option,
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-combined-variation-option,
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-item {
  border-radius: var(--popup-input-radius-px, 3px) !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-combined-modal__scroll::-webkit-scrollbar-track,
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-modal__content::-webkit-scrollbar-track,
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-modal__list::-webkit-scrollbar-track {
  margin-block: max(8px, calc(var(--popup-panel-radius-px, 5px) + 2px));
  margin-inline: 2px;
  border-radius: 999px;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split [data-shosha-sf-combined-variations],
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-dropdown-addons {
  width: 100%;
  box-sizing: border-box;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-loading {
  padding: 10px 4px;
  color: var(--popup-subtitle-color, #888);
  font-size: 0.9rem;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-select {
  position: relative;
  width: 100%;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-select__trigger {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 54px;
  height: auto;
  padding: 10px 12px 10px 16px;
  border: 0;
  background: transparent;
  color: var(--popup-var-text, var(--popup-option-text, #555));
  font-size: 13px;
  line-height: 1.7;
  text-align: start;
  cursor: pointer;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-select__trigger-main {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.7;
  padding-block: 2px;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-select__trigger-price {
  flex: 0 0 auto;
  line-height: 1.7;
  padding-block: 2px;
  color: var(--popup-var-price, var(--popup-price-color, var(--popup-accent, #717fe0)));
  font-weight: 600;
  white-space: nowrap;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-select__arrow {
  flex: 0 0 38px;
  width: 38px;
  height: 20px;
  margin-inline-start: 4px;
  border-inline-start: 1px solid var(--popup-var-border, #e6e6e6);
  position: relative;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-select__arrow::before,
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-select__arrow::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  transform: translateX(-50%);
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-select__arrow::before {
  top: 2px;
  border-bottom: 5px solid #999;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-select__arrow::after {
  bottom: 2px;
  border-top: 5px solid #999;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-select__menu {
  list-style: none;
  margin: 0;
  padding: 6px 0;
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 2px);
  z-index: 40;
  max-height: 220px;
  overflow: auto;
  background: var(--popup-dialog-bg, #fff);
  border: 1px solid var(--popup-var-border, #e6e6e6);
  border-radius: 3px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-select__option {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 16px;
  cursor: pointer;
  color: var(--popup-var-text, #333);
  font-size: 13px;
  line-height: 1.7;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-select__option-name {
  flex: 1 1 auto;
  min-width: 0;
  text-align: start;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-select__option-price {
  flex: 0 0 auto;
  text-align: end;
  color: var(--popup-var-price, var(--popup-price-color, #717fe0));
  font-weight: 600;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-select__option:hover,
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-select__option.is-selected {
  background: var(--popup-var-border-active, var(--popup-accent, #717fe0));
  color: #fff;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-select__option:hover .shosha-sf-picker-select__option-price,
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-select__option.is-selected .shosha-sf-picker-select__option-price {
  color: #fff;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-dropdown-addons {
  margin-top: 4px;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-dropdown-addons__options {
  margin-top: 4px;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-dropdown-addons .shosha-sf-modifier-section {
  margin: 0 0 8px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-dropdown-addons .shosha-sf-modifier-group-body {
  padding: 0 !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-dropdown-addons .shosha-sf-modifier-group-meta {
  display: none;
}

@media (max-width: 991px) {
  .shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-split {
    grid-template-columns: 1fr !important;
    max-height: min(94vh, 920px);
    overflow: auto;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-split__media {
    border-right: 0 !important;
    border-left: 0 !important;
    border-bottom: 1px solid var(--popup-option-border, #e6e6e6);
    min-height: 0 !important;
    max-height: 160px !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-media {
    grid-template-columns: 48px minmax(0, 1fr);
    min-height: 0 !important;
    max-height: 160px !important;
    padding: 8px 10px !important;
    gap: 8px !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-media.no-thumbs,
  .shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-media:has(.shosha-sf-picker-media__thumbs[hidden]) {
    grid-template-columns: 1fr !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-media__stage {
    min-height: 0 !important;
    max-height: 144px !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-media__img {
    min-height: 0 !important;
    max-height: 144px !important;
    height: 100% !important;
    object-fit: contain !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-media__thumb {
    width: 40px;
    height: 40px;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-media__nav {
    width: 32px;
    height: 32px;
    font-size: 14px;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-split__body {
    max-height: none;
    padding: 14px 14px 12px;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-combined-variation-list,
  .shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-modal__list,
  .shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-combined-group-axis__options,
  .shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-modifier-options.is-grid-3,
  .shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-modifier-option-group-choices.is-grid-3,
  .shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-modifier-nested-options.is-grid-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 575px) {
  .shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-combined-variation-list,
  .shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-picker-modal__list,
  .shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-combined-group-axis__options,
  .shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-modifier-options.is-grid-3,
  .shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-modifier-option-group-choices.is-grid-3,
  .shosha-public-store[data-shosha-design="layout2"] .shosha-sf-picker-modal--l2-split .shosha-sf-modifier-nested-options.is-grid-3 {
    grid-template-columns: 1fr !important;
  }
}

/* ==========================================================================
   Menu page — LIST view (layout2 only)
   Sticky action bar + sticky left category column (admin images, nested
   sub-categories) + one product card per row. Card colours/fonts keep using
   the same --menu-card-* / --spl-filter-* admin variables as grid view.
   ========================================================================== */

/* Column-only chrome: hidden unless the split (side column) layout is active. */
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-cats-head {
  display: none;
}

/* Thumb + chevron belong to the vertical column, never to the horizontal strip. */
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__filters[data-shosha-menu-cats-view="grid"] .shosha-l2-cat-chip__pic,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__filters[data-shosha-menu-cats-view="grid"] .shosha-l2-cat-chip__arrow {
  display: none !important;
}

@media (min-width: 992px) {
  /* Row 1 is sized explicitly so the sticky items can span the whole grid: a sticky
     grid item only travels inside its own grid area, so both the action bar and the
     category column claim rows 1..-1 while sitting at the start of their column. */
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__menu-layout.is-l2-list-split {
    display: grid !important;
    grid-template-columns: minmax(0, var(--l2-cats-col-w, 300px)) minmax(0, 1fr) !important;
    grid-template-rows: calc(var(--l2-menu-bar-h, 88px) + 8px) auto !important;
    align-items: start !important;
    gap: 0 26px !important;
  }
  /* Action bar sits above the products only, so it ends where the first card starts. */
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__menu-layout.is-l2-list-split > .shosha-l2-menu-toolbar {
    grid-column: 2;
    grid-row: 1 / -1;
    align-self: start;
    margin-bottom: 0 !important;
    position: -webkit-sticky;
    position: sticky;
    top: calc(var(--shosha-sticky-top, 0px) + var(--l2-menu-h-fixed, 70px) + 12px);
    z-index: 32;
    /* Independent from category cards and the left category-column container. */
    background: var(--menu-list-toolbar-bg, var(--menu-cats-panel-bg, #fff)) !important;
    border: 1px solid var(--spl-filter-list-border, var(--spl-filter-border, #e6e6e6)) !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__menu-layout.is-l2-list-split > .shosha-site-special-menu__cats-sidebar {
    grid-column: 1;
    grid-row: 1 / -1;
    min-width: 0;
    align-self: stretch;
    display: block;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__menu-layout.is-l2-list-split > .shosha-site-special-menu__grid {
    grid-column: 2;
    grid-row: 2;
    min-width: 0;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__menu-layout.is-l2-list-split > .shosha-site-special-menu__subfilters {
    grid-column: 1;
    grid-row: 2;
    align-self: end;
  }

  /* "Categories" header: same height as the action bar so both columns line up. */
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__menu-layout.is-l2-list-split .shosha-l2-cats-head {
    display: flex !important;
    align-items: center;
    width: 100%;
    min-height: var(--l2-menu-toolbar-h, 88px);
    margin: 0 0 0.5rem;
    padding: 14px 16px;
    background: var(--l2-cats-head-bg, var(--menu-cats-list-panel-bg, var(--menu-cats-panel-bg, #fff))) !important;
    border: 1px solid var(--l2-cats-head-border, var(--spl-filter-list-border, var(--spl-filter-border, #e6e6e6))) !important;
    border-radius: var(--menu-cat-list-radius, var(--menu-cat-radius, 8px));
    box-sizing: border-box;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__menu-layout.is-l2-list-split .shosha-l2-cats-head__title {
    color: var(--l2-cats-head-text, var(--spl-filter-list-active-text, var(--spl-filter-active-text, #333))) !important;
    font-family: var(--spl-filter-list-font-family, var(--spl-filter-font-family, Poppins, "Segoe UI", Tahoma, sans-serif));
    font-size: var(--l2-cats-head-font-px, calc(var(--spl-filter-list-font-size, var(--spl-filter-font-size, 15px)) + 3px)) !important;
    font-weight: 600;
    line-height: 1.2;
  }

  /* Sticky category column beside the action bar. */
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__menu-layout.is-l2-list-split .shosha-site-special-menu__cats-sidebar-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: calc(var(--shosha-sticky-top, 0px) + var(--l2-menu-h-fixed, 70px) + 12px) !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    /* Stays under the sticky action bar (the shared list rules ask for 35). */
    z-index: 20 !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__menu-layout.is-l2-list-split .shosha-site-special-menu__cats-sidebar-panel {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__menu-layout.is-l2-list-split .shosha-site-special-menu__cats-sidebar-scroll {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: min(70vh, calc(100vh - var(--shosha-sticky-top, 0px) - var(--l2-menu-h-fixed, 70px) - var(--l2-menu-toolbar-h, 88px) - 56px)) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 2px 6px 2px 2px !important;
    scrollbar-width: thin !important;
    scrollbar-color: var(--menu-cats-scrollbar, rgba(113, 127, 224, 0.7)) var(--menu-cats-scrollbar-track, rgba(0, 0, 0, 0.06)) !important;
  }
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-menu-special .shosha-site-special-menu__menu-layout.is-l2-list-split .shosha-site-special-menu__cats-sidebar-scroll {
    padding: 2px 2px 2px 6px !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__menu-layout.is-l2-list-split .shosha-site-special-menu__cats-sidebar-scroll::-webkit-scrollbar {
    display: block !important;
    width: 6px !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__menu-layout.is-l2-list-split .shosha-site-special-menu__cats-sidebar-scroll::-webkit-scrollbar-track {
    background: var(--menu-cats-scrollbar-track, rgba(0, 0, 0, 0.06)) !important;
    border-radius: 999px !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__menu-layout.is-l2-list-split .shosha-site-special-menu__cats-sidebar-scroll::-webkit-scrollbar-thumb {
    background: var(--menu-cats-scrollbar, rgba(113, 127, 224, 0.7)) !important;
    border-radius: 999px !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__menu-layout.is-l2-list-split .shosha-site-special-menu__cats-sidebar-spacer {
    display: none !important;
  }

  /* The horizontal strip shell collapses to a plain block; arrows are useless here. */
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__menu-layout.is-l2-list-split .shosha-l2-menu-cats-shell {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__menu-layout.is-l2-list-split .shosha-l2-menu-cats-arrow {
    display: none !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__menu-layout.is-l2-list-split .shosha-site-special-menu__filters[data-shosha-menu-cats-view="list"] {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 2px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    cursor: default !important;
  }

  /* Each category is its own card (matches the reference sidebar). */
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__menu-layout.is-l2-list-split .shosha-site-special-menu__chip {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 8px !important;
    padding: 9px 12px !important;
    background: var(--spl-filter-bg, #fff) !important;
    border: 1px solid var(--spl-filter-border, #e9e9ee) !important;
    border-radius: var(--menu-cat-radius, 10px) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
    color: var(--spl-filter-text, #888) !important;
    text-align: start !important;
    white-space: normal !important;
    line-height: 1.35 !important;
    box-sizing: border-box !important;
    transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__menu-layout.is-l2-list-split .shosha-site-special-menu__chip:hover {
    border-color: var(--spl-filter-active-bg, #717fe0) !important;
    color: var(--spl-filter-hover, #333) !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__menu-layout.is-l2-list-split .shosha-site-special-menu__chip.is-active {
    background: var(--spl-filter-active-bg, rgba(113, 127, 224, 0.12)) !important;
    border-color: var(--spl-filter-active-bg, #717fe0) !important;
    border-bottom-color: var(--spl-filter-active-bg, #717fe0) !important;
    color: var(--spl-filter-active-text, #333) !important;
    font-weight: 600 !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__menu-layout.is-l2-list-split .shosha-site-special-menu__chip-main {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow-wrap: anywhere;
  }

  /* Category / sub-category thumbnail from the admin image */
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__menu-layout.is-l2-list-split .shosha-l2-cat-chip__pic {
    flex: 0 0 auto !important;
    display: block !important;
    width: 44px;
    height: 44px;
    border-radius: 8px;
    overflow: hidden;
    background: #f4f4f6;
    border: 1px solid var(--spl-filter-border, #e9e9ee);
    box-sizing: border-box;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__menu-layout.is-l2-list-split .shosha-l2-cat-chip__pic img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__menu-layout.is-l2-list-split .shosha-l2-cat-chip__pic--sub {
    width: 30px;
    height: 30px;
    border-radius: 6px;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__menu-layout.is-l2-list-split .shosha-l2-cat-chip__arrow {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center;
    margin-inline-start: auto;
    opacity: 0.5;
    transition: opacity 0.25s ease;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__menu-layout.is-l2-list-split .shosha-l2-cat-chip__arrow svg {
    display: block;
    transition: transform 0.25s ease;
  }
  .shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-l2-menu-special .shosha-site-special-menu__menu-layout.is-l2-list-split .shosha-l2-cat-chip__arrow {
    transform: scaleX(-1);
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__menu-layout.is-l2-list-split .shosha-site-special-menu__chip.is-active .shosha-l2-cat-chip__arrow {
    opacity: 1;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__menu-layout.is-l2-list-split .shosha-site-special-menu__chip.is-active .shosha-l2-cat-chip__arrow svg {
    transform: rotate(90deg);
  }

  /* Sub-categories nested under their parent category */
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__menu-layout.is-l2-list-split .shosha-site-special-menu__subfilters {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 2px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 2px 0 6px !important;
    padding: 0 0 0 16px !important;
    position: static !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  .shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-l2-menu-special .shosha-site-special-menu__menu-layout.is-l2-list-split .shosha-site-special-menu__subfilters {
    padding: 0 16px 0 0 !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__menu-layout.is-l2-list-split .shosha-site-special-menu__subchip {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 6px 10px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 7px !important;
    box-shadow: none !important;
    color: var(--spl-filter-text, #8a8a8a) !important;
    font-family: var(--spl-filter-font-family, Poppins, "Segoe UI", Tahoma, sans-serif) !important;
    font-size: calc(var(--spl-filter-font-size, 15px) - 1px) !important;
    font-weight: 400 !important;
    text-align: start !important;
    white-space: normal !important;
    line-height: 1.35 !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__menu-layout.is-l2-list-split .shosha-site-special-menu__subchip:hover {
    background: rgba(0, 0, 0, 0.04) !important;
    border-color: transparent !important;
    color: var(--spl-filter-hover, #333) !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__menu-layout.is-l2-list-split .shosha-site-special-menu__subchip.is-active {
    background: var(--spl-filter-active-bg, rgba(113, 127, 224, 0.12)) !important;
    border-color: transparent !important;
    color: var(--spl-filter-active-text, #333) !important;
    font-weight: 600 !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__menu-layout.is-l2-list-split .shosha-l2-cat-chip__label {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow-wrap: anywhere;
  }

  /* One product card per row, with a compact thumbnail so rows stay short. */
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__menu-layout.is-l2-list-split .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__menu-layout.is-l2-list-split .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card__inner {
    min-height: var(--menu-card-list-h, 150px) !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__menu-layout.is-l2-list-split .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card__pic {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: 30% !important;
    min-height: 0 !important;
  }
}

/* LIST card body: title, description, then price/hint and the button on one row. */
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card__txt {
  padding: 14px 16px !important;
  gap: 8px !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card__meta {
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding-top: 4px !important;
  flex: 0 0 auto !important;
  margin-top: auto !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card__price {
  flex: 0 1 auto !important;
  min-width: 0 !important;
  text-align: start !important;
  display: block !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card__hint {
  display: none !important;
}
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card__cta,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card__cta.shosha-site-special-menu__add-btn,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card__cta.shosha-site-special-menu__add-btn:hover,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card__cta.shosha-site-special-menu__add-btn:focus,
.shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card__cta.shosha-site-special-menu__add-btn:active {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 160px !important;
  height: 40px !important;
  min-height: 40px !important;
  margin-inline-start: auto !important;
}

/* LIST card on phones/tablets: same CTA as desktop (full button + price when simple). */
@media (max-width: 991px) {
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card__inner {
    flex-direction: row !important;
    align-items: center !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    padding: 10px 12px 10px 14px !important;
    gap: 0 !important;
  }
  .shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card__inner,
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card__inner {
    padding: 10px 14px 10px 12px !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card__pic {
    flex: 0 0 auto !important;
    width: min(calc(110px * var(--menu-card-thumb-scale-list, 1)), 88px) !important;
    max-width: 88px !important;
    height: min(calc(110px * var(--menu-card-thumb-scale-list, 1)), 88px) !important;
    min-width: 72px !important;
    min-height: 72px !important;
    aspect-ratio: 1 / 1 !important;
    align-self: center !important;
    border-radius: 999px !important;
    margin: 0 !important;
    overflow: hidden !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card__pic .shosha-site-special-menu__thumb-img {
    border-radius: 999px !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card__txt {
    padding: 4px 10px 4px 12px !important;
    gap: 4px !important;
    min-width: 0 !important;
    overflow: visible !important;
  }
  .shosha-public-store[data-shosha-design="layout2"][dir="rtl"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card__txt,
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card__txt {
    padding: 4px 12px 4px 10px !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card__icons {
    margin: 0 0 2px !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card__name {
    font-size: var(--menu-card-title-px, 1.05rem) !important;
    line-height: 1.45 !important;
    padding-block: 0.1em !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card__desc {
    -webkit-line-clamp: 2;
    line-height: 1.38 !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card__meta {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px 10px !important;
    padding-top: 6px !important;
    margin-top: 4px !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card__price {
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    font-size: var(--menu-card-meta-px, 0.92rem) !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    color: var(--menu-card-meta-color, var(--menu-card-price-color, #222)) !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card__hint {
    display: none !important;
  }
  /* Full desktop-style CTA (not circular +) */
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card__cta.shosha-site-special-menu__add-btn,
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card__cta.shosha-site-special-menu__add-btn:hover,
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card__cta.shosha-site-special-menu__add-btn:focus,
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card__cta.shosha-site-special-menu__add-btn:active {
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    margin-inline-start: auto !important;
    padding: 0 12px !important;
    border-radius: var(--menu-card-cta-radius, 4px) !important;
    gap: 6px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card__cta--add {
    background: var(--menu-card-cta-bg, #222) !important;
    border: 1px solid var(--menu-card-cta-border, var(--menu-card-cta-bg, #222)) !important;
    color: var(--menu-card-cta-color, #fff) !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card__cta--variation,
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card__cta--option {
    background: var(--menu-card-cta-bg, #222) !important;
    border: 1px solid var(--menu-card-cta-border, var(--menu-card-cta-bg, #222)) !important;
    color: var(--menu-card-cta-color, #fff) !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card__cta .shosha-l2-menu-card__cta-ico {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    width: 16px !important;
    height: 16px !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card__cta .shosha-l2-menu-card__cta-ico svg {
    width: 16px !important;
    height: 16px !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card__cta [class*="cta-lbl"] {
    display: inline-flex !important;
    font-size: var(--menu-card-cta-font-px, 13px) !important;
    line-height: 1 !important;
  }
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="en"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card__cta .shosha-l2-menu-card__cta-lbl--ar,
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-lang="ar"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card__cta .shosha-l2-menu-card__cta-lbl--en {
    display: none !important;
  }
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card__cta .shosha-site-special-menu__add-btn-icon {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }
}

@media (max-width: 520px) {
  .shosha-public-store[data-shosha-design="layout2"] .shosha-l2-menu-special .shosha-site-special-menu__grid[data-shosha-menu-products-layout="list"] .shosha-l2-menu-card__pic {
    width: 80px !important;
    max-width: 80px !important;
    height: 80px !important;
    min-width: 72px !important;
    min-height: 72px !important;
  }
}

/* Layout2 checkout: sync content width with header (same pad, full bleed — no side gaps on zoom-out) */
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-wrap {
  width: 100%;
  max-width: none;
  margin: 72px 0 0;
  padding-inline-start: var(--l2-pad-inline);
  padding-inline-end: var(--l2-pad-inline);
  box-sizing: border-box;
}
@media (max-width: 991px) {
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-wrap {
    margin: 40px 0 0;
    padding-inline-start: var(--l2-pad-inline);
    padding-inline-end: var(--l2-pad-inline);
  }
}

/* Layout2 reservations: Sarab outer shell (wizard + editors unchanged) */
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-site-reservation-page.shosha-l2-res {
  margin: var(--l2-menu-h, 84px) 0 0;
  padding: 48px 0 80px;
  box-sizing: border-box;
  background: #f9f5f0;
}
@media (max-width: 991px) {
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-site-reservation-page.shosha-l2-res {
    margin: 0;
    padding: 28px 0 56px;
  }
}

.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-site-reservation-page__inner {
  width: 100%;
  max-width: none;
  display: block;
  padding-inline-start: var(--l2-pad-inline, clamp(0.65rem, 2.5vw, 2rem));
  padding-inline-end: var(--l2-pad-inline, clamp(0.65rem, 2.5vw, 2rem));
}

.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .holo-contact.shosha-l2-res-shell,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res.shosha-site-contact-page .holo-contact {
  width: 100%;
  max-width: none;
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(0, 2fr);
  align-items: stretch !important;
  gap: 1.5rem;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  margin: 0;
  flex-wrap: nowrap;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"][dir="rtl"] .shosha-l2-res .holo-contact.shosha-l2-res-shell,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"][data-shosha-lang="ar"] .shosha-l2-res .holo-contact.shosha-l2-res-shell {
  border: 0 !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res.shosha-site-contact-page .holo-contact::before {
  display: none !important;
}

/* Left card — Sarab dark panel, editor content + steps stay */
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .contact-section.info {
  min-width: 0;
  height: 100%;
  justify-content: flex-start !important;
  padding: 36px !important;
  border: 0 !important;
  border-radius: var(--page-panel-radius, 18px);
  background: color-mix(in srgb, var(--page-panel-bg-left, var(--page-panel-bg, #1a1a1a)) var(--page-panel-opacity-left, var(--page-panel-opacity, 85%)), transparent) !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"][dir="rtl"] .shosha-l2-res .contact-section.info,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res.shosha-site-contact-page .contact-section.info {
  border: 0 !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-site-reservation-page__content .subtitle {
  letter-spacing: 0.8px;
  margin-bottom: 8px;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-site-reservation-page__content .main-title {
  font-size: clamp(1.55rem, 2.4vw, 2.1rem);
  font-weight: 700;
  line-height: 1.25;
  color: var(--page-panel-title-color, #fff);
  margin: 0 0 28px;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-site-reservation-page__content .main-title span {
  color: var(--page-panel-section-title-color, var(--page-panel-subtitle-color, #e8281a));
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .reservation-steps {
  gap: 18px;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .step-number {
  width: 42px;
  height: 42px;
  border-radius: var(--page-panel-step-radius, 10px);
  flex-shrink: 0;
  background: #fff !important;
  border: 1.5px solid #2e6b27 !important;
  color: #2e6b27 !important;
  font-size: 18px !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .step-number::after {
  display: none !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"][dir="rtl"] .shosha-l2-res .step-number::after {
  display: none !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .step-item.active .step-number {
  background: #2e6b27 !important;
  color: #fff !important;
  border-color: #2e6b27 !important;
  box-shadow: none;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .step-details h4 {
  font-size: 0.95rem;
  font-weight: 600;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .step-details p {
  font-size: 0.8rem;
}

/* Right card — Sarab white form card */
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .contact-section.terminal {
  min-width: 0;
  height: 100%;
  justify-content: flex-start !important;
  padding: 32px !important;
  border-radius: var(--page-panel-radius, 18px);
  background: color-mix(in srgb, var(--page-panel-bg-right, #ffffff) var(--page-panel-opacity-right, 100%), #ffffff) !important;
  box-shadow: 0 6px 30px rgba(0, 0, 0, 0.08);
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .contact-section.terminal .subtitle {
  text-transform: uppercase;
  letter-spacing: 0.8px;
  margin-bottom: 6px;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-res-step-title {
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  margin: 0 0 22px;
  color: var(--page-panel-section-title-color, #1a1a1a);
}

/* Login gate on light card */
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-res-login-gate {
  text-align: center;
  padding: 0 0 1.25rem;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-res-login-gate__text {
  color: var(--page-panel-login-text-color, #555);
}

/* Branch / table cards — keep actions, soften to shell */
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .cyber-option {
  border-radius: var(--page-panel-branch-radius, 11px);
  padding: 16px 18px;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-branches {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  width: 100%;
}
@media (max-width: 900px) {
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-branches {
    grid-template-columns: 1fr;
  }
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-branch-card {
  display: flex;
  flex-direction: column;
  align-items: stretch !important;
  background: var(--page-panel-branch-bg, #fff) !important;
  border: 1px solid var(--page-panel-branch-border, #e2e8f0) !important;
  border-radius: var(--page-panel-branch-radius, 12px) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
  cursor: pointer;
  padding: 16px !important;
  height: auto !important;
  min-height: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-branch-card__body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0;
  width: 100%;
  height: 100%;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-branch-card__title,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-branch-card h4 {
  margin: 0;
  color: var(--page-panel-branch-name-color, #111);
  font-size: 1.05rem;
  font-weight: 700;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-branch-card__address,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-branch-card p {
  margin: 2px 0 0;
  color: var(--page-panel-branch-addr-color, #666);
  font-size: 0.75rem;
  line-height: 1.45;
  min-height: 18px;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-branch-card__media {
  display: flex;
  gap: 8px;
  margin: 14px 0 16px;
  height: 105px;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-branch-card__map,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-branch-card__photo {
  display: block;
  width: 50%;
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
  background: #eef2f0;
  border: 1px solid #e4e4e4;
  position: relative;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-branch-card__map-canvas,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-branch-card__map .leaflet-container {
  width: 100% !important;
  height: 105px !important;
  min-height: 105px !important;
  border-radius: 8px;
  background: #eef2f6;
  z-index: 1;
}
/* Contact Us fix: global img max-width breaks OSM tiles */
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-branch-card__map img.leaflet-tile,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-branch-card__map .leaflet-tile-pane img {
  max-width: none !important;
  max-height: none !important;
  width: auto !important;
  height: auto !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-branch-card__map-empty {
  width: 100%;
  height: 100%;
  background: repeating-linear-gradient(-45deg, #f4f4f4 0 8px, #ececec 8px 16px);
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-branch-card__photo {
  background:
    linear-gradient(135deg, rgba(129, 196, 8, 0.18), rgba(0, 0, 0, 0.04)),
    repeating-linear-gradient(-45deg, #f4f4f4 0 8px, #ececec 8px 16px);
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-branch-card__photo-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-branch-card__select {
  margin-top: auto;
  width: 100% !important;
  border-radius: var(--page-panel-nav-btn-radius, 50px) !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .table-node {
  border-radius: var(--page-panel-table-radius, 11px);
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-step2-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 16px;
  width: 100%;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-step2-header__titles .subtitle {
  margin-bottom: 4px;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-step2-header__titles .shosha-res-step-title {
  margin: 0;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-tables-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(88px, 1fr)) !important;
  gap: 12px;
  width: 100%;
  margin: 0 0 16px !important;
  position: relative;
  z-index: 1;
  align-items: start;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .step-content[data-shosha-res-step="2"].active {
  display: flex !important;
  flex-direction: column;
  position: relative;
  width: 100%;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .step-content[data-shosha-res-step="2"] .action-container {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  margin-top: 18px !important;
  margin-bottom: 0 !important;
  width: 100% !important;
  clear: both;
  flex-shrink: 0;
  z-index: 2;
  order: 40;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .step-content[data-shosha-res-step="2"] .shosha-l2-res-table-legend {
  order: 30;
  margin-top: 8px;
  position: relative;
  z-index: 1;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-table-unit {
  display: grid;
  grid-template-rows: auto auto 42px 14px auto;
  align-items: center;
  justify-items: center;
  gap: 2px;
  padding: 6px 4px 8px;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  cursor: pointer;
  height: auto !important;
  min-height: 0 !important;
  width: auto !important;
  min-width: 72px !important;
  border-radius: var(--page-panel-table-radius, 4px);
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-table-unit.selected {
  background: transparent !important;
  border: none !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-table-unit.selected .shosha-l2-res-table-unit__top {
  background: var(--page-panel-table-selected-bg, #ff9900) !important;
  border-color: var(--page-panel-table-selected-bg, #ff9900) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--page-panel-table-selected-bg, #ff9900) 40%, transparent);
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-table-unit.selected .shosha-l2-res-table-unit__chair {
  background: var(--page-panel-table-selected-bg, #ff9900) !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-table-unit.selected .shosha-l2-res-table-unit__select {
  border-color: var(--page-panel-table-selected-bg, #ff9900) !important;
  color: var(--page-panel-table-selected-bg, #ff9900) !important;
  font-weight: 700;
  background: color-mix(in srgb, var(--page-panel-table-selected-bg, #ff9900) 12%, #fff) !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-table-unit__label {
  text-align: center;
  font-size: 9px;
  font-weight: 700;
  color: var(--page-panel-table-name-color, #111);
  line-height: 1.2;
  white-space: nowrap;
  text-transform: uppercase;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-table-unit__cap {
  font-size: 9px;
  color: var(--page-panel-table-seats-color, #666);
  margin-bottom: 0;
  text-align: center;
  white-space: nowrap;
  line-height: 1.2;
  min-height: 11px;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-table-unit__status {
  font-size: 8px;
  line-height: 14px;
  height: 14px;
  max-width: 100%;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--page-panel-table-seats-color, #888);
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-table-unit.occupied .shosha-l2-res-table-unit__status {
  color: #b91c1c;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-table-unit.reserved .shosha-l2-res-table-unit__status,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-table-unit.pending .shosha-l2-res-table-unit__status {
  color: #ca8a04;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-table-unit__visual {
  position: relative;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-table-unit__top {
  width: 24px;
  height: 24px;
  border-radius: var(--page-panel-table-radius, 4px);
  background: var(--page-panel-table-bg, #38761d);
  border: 1px solid var(--page-panel-table-border, transparent);
  position: relative;
  z-index: 1;
  box-shadow: none;
  inset: auto;
  box-sizing: border-box;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-table-unit.occupied .shosha-l2-res-table-unit__top,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-table-unit__visual.occupied .shosha-l2-res-table-unit__top {
  background: #b91c1c;
  border-color: #991b1b;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-table-unit.reserved .shosha-l2-res-table-unit__top,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-table-unit.pending .shosha-l2-res-table-unit__top,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-table-unit__visual.reserved .shosha-l2-res-table-unit__top {
  background: #eab308;
  border-color: #ca8a04;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-table-unit__chair {
  position: absolute !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: var(--page-panel-table-seats-color, #38761d);
  z-index: 0;
  margin: 0 !important;
}
/* Reference floor-plan slots */
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-table-unit__chair.c-top {
  top: 2px !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translateX(-50%) !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-table-unit__chair.c-bottom {
  bottom: 2px !important;
  left: 50% !important;
  top: auto !important;
  right: auto !important;
  transform: translateX(-50%) !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-table-unit__chair.c-left {
  left: 2px !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-table-unit__chair.c-right {
  right: 2px !important;
  top: 50% !important;
  left: auto !important;
  bottom: auto !important;
  transform: translateY(-50%) !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-table-unit__chair.c-top-l {
  top: 2px !important;
  left: 10px !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-table-unit__chair.c-top-r {
  top: 2px !important;
  right: 10px !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-table-unit__chair.c-bottom-l {
  bottom: 2px !important;
  left: 10px !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-table-unit__chair.c-bottom-r {
  bottom: 2px !important;
  right: 10px !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-table-unit__chair.c-left-t {
  left: 2px !important;
  top: 10px !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-table-unit__chair.c-left-b {
  left: 2px !important;
  bottom: 10px !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-table-unit__chair.c-right-t {
  right: 2px !important;
  top: 10px !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-table-unit__chair.c-right-b {
  right: 2px !important;
  bottom: 10px !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-table-unit__chair.c-tr {
  top: 2px !important;
  right: 2px !important;
  left: auto !important;
  bottom: auto !important;
  transform: none !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-table-unit.occupied .shosha-l2-res-table-unit__chair,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-table-unit__visual.occupied .shosha-l2-res-table-unit__chair {
  background: #b91c1c;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-table-unit.reserved .shosha-l2-res-table-unit__chair,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-table-unit.pending .shosha-l2-res-table-unit__chair,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-table-unit__visual.reserved .shosha-l2-res-table-unit__chair {
  background: #eab308;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-table-unit__select {
  background: #fff !important;
  border: 1px solid #d1d5db !important;
  border-radius: 12px !important;
  min-width: 0 !important;
  width: auto !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 2px 10px !important;
  font-size: 10px !important;
  color: #555 !important;
  box-shadow: none !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  line-height: 1.3 !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-table-legend {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 14px;
  margin-top: 14px;
  font-size: 0.78rem;
  color: #666;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-table-legend span::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 2px;
  margin-inline-end: 6px;
  vertical-align: -1px;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-table-legend .is-available::before { background: #38761d; }
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-table-legend .is-occupied::before { background: #b91c1c; }
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-table-legend .is-reserved::before { background: #eab308; }
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-section-toggle {
  display: inline-flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  gap: 0;
  margin: 0;
  padding: 3px;
  border-radius: 999px;
  background: #e2e8f0;
  border: 0;
  flex-shrink: 0;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-section-toggle .shosha-res-sec-tab {
  min-width: 0;
  border-radius: 999px !important;
  border: 0 !important;
  background: transparent !important;
  color: #666 !important;
  box-shadow: none !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-section-toggle .shosha-res-sec-tab.is-active,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-l2-res-section-toggle .shosha-res-sec-tab:hover {
  background: var(--page-panel-sec-btn-active-bg, #81c408) !important;
  color: var(--page-panel-sec-btn-active-color, #fff) !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-res-section-tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-res-sec-tab {
  border-radius: var(--page-panel-sec-btn-radius, 50px) !important;
  padding: 10px 28px;
  font-weight: 600;
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  min-width: 140px;
  box-sizing: border-box;
  background: var(--page-panel-sec-btn-bg, #000) !important;
  color: var(--page-panel-sec-btn-color, #ff9900) !important;
  border: 1px solid var(--page-panel-sec-btn-border, #ff9900) !important;
  box-shadow: none;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-res-sec-tab:hover,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-res-sec-tab.is-active,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .btn-holo.secondary.shosha-res-sec-tab:hover,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .btn-holo.secondary.shosha-res-sec-tab.is-active {
  background: var(--page-panel-sec-btn-active-bg, #ff9900) !important;
  color: var(--page-panel-sec-btn-active-color, #000) !important;
  border-color: var(--page-panel-sec-btn-active-bg, #ff9900) !important;
  box-shadow: none;
  transform: none;
}

/* Fields — Sarab boxed, same inputs/sequence */
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .step-content[data-shosha-res-step="3"] {
  display: none;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .step-content[data-shosha-res-step="3"].active {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 14px;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .step-content[data-shosha-res-step="3"].active .subtitle,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .step-content[data-shosha-res-step="3"].active .shosha-res-step-title,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .step-content[data-shosha-res-step="3"].active .action-container {
  grid-column: 1 / -1;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .input-group {
  position: relative;
  margin-bottom: 18px;
  display: flex;
  flex-direction: column;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .input-group label,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .input-group input:focus ~ label,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .input-group input:valid ~ label,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .input-group input:not(:placeholder-shown) ~ label,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .input-group.has-value label,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .input-group input[type="date"] ~ label,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .input-group input[type="time"] ~ label,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .input-group input[type="number"] ~ label {
  position: static !important;
  order: -1;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  pointer-events: auto;
  margin: 0 0 6px;
  font-weight: 600;
  color: var(--page-panel-field-label-color, #1a1a1a) !important;
  font-size: var(--page-panel-field-label-px, 13px) !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .input-group input,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .input-group textarea {
  width: 100%;
  background: #fff !important;
  border: 1px solid #d1d5db !important;
  border-radius: var(--page-panel-input-radius, 50px);
  padding: 0 16px !important;
  height: 42px;
  font-size: 13px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.02);
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .input-group textarea {
  height: auto;
  min-height: 88px;
  padding: 12px 16px !important;
  border-radius: var(--page-panel-input-radius, 16px);
}
  color: var(--page-panel-field-value-color, #1a1a1a) !important;
  font-size: var(--page-panel-field-value-px, 14px) !important;
  color-scheme: light;
  box-shadow: none !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .input-group input:focus,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .input-group textarea:focus {
  border-color: var(--page-panel-field-label-color, #e8281a) !important;
  border-bottom-color: var(--page-panel-field-label-color, #e8281a) !important;
  box-shadow: none !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .input-group input[type="date"]::-webkit-calendar-picker-indicator,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .input-group input[type="time"]::-webkit-calendar-picker-indicator {
  filter: none;
  opacity: 0.7;
}

/* Buttons — Sarab pills, admin colors */
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .action-container {
  display: flex;
  flex-wrap: nowrap;
  gap: 12px;
  margin-top: 20px;
  justify-content: center;
  align-items: center;
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  float: none !important;
  width: 100%;
  clear: both;
  z-index: 2;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res #shoshaReservationForm {
  position: relative;
  display: block;
  width: 100%;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .step-content.active {
  position: relative;
  width: 100%;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .action-container:not(.shosha-res-holo-modal__actions) .btn-holo,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .action-container:not(.shosha-res-holo-modal__actions) a.btn-holo,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-res-login-gate .btn-holo {
  flex: 0 1 auto;
  width: auto !important;
  max-width: none !important;
  min-width: 140px !important;
  padding: 12px 28px;
  box-sizing: border-box;
  white-space: nowrap;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .btn-holo,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res a.btn-holo {
  flex: 0 0 auto;
  min-height: 48px;
  border-radius: var(--page-panel-confirm-radius, 50px) !important;
  border: 0 !important;
  letter-spacing: 0.02em;
  text-transform: none;
  font-weight: 600;
  box-shadow: 0 8px 24px color-mix(in srgb, var(--page-panel-confirm-anim, var(--page-panel-confirm-bg, #e8281a)) 28%, transparent);
  transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-res-login-gate .btn-holo[data-shosha-res-open-login] {
  border-radius: var(--page-panel-login-btn-radius, var(--page-panel-confirm-radius, 50px)) !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .btn-holo[data-shosha-res-next],
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .btn-holo[data-shosha-res-prev] {
  border-radius: var(--page-panel-nav-btn-radius, var(--page-panel-confirm-radius, 50px)) !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .btn-holo.secondary:not(.shosha-res-sec-tab),
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res a.btn-holo.secondary:not(.shosha-res-sec-tab) {
  border-radius: var(--page-panel-cancel-radius, var(--page-panel-confirm-radius, 50px)) !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .btn-holo::before,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .btn-holo::after {
  display: none !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .btn-holo:hover,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res a.btn-holo:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 34px color-mix(in srgb, var(--page-panel-confirm-anim, var(--page-panel-confirm-bg, #e8281a)) 38%, transparent);
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-res-login-gate .btn-holo[data-shosha-res-open-login],
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .btn-holo[data-shosha-res-next],
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .btn-holo[data-shosha-res-submit] {
  background: var(--page-panel-confirm-bg, #e8281a) !important;
  color: var(--page-panel-confirm-color, #fff) !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .shosha-res-login-gate .btn-holo[data-shosha-res-open-login]:hover,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .btn-holo[data-shosha-res-next]:hover,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .btn-holo[data-shosha-res-submit]:hover {
  background: var(--page-panel-confirm-anim, var(--page-panel-confirm-bg, #c01e12)) !important;
  color: #fff !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .btn-holo.secondary:not(.shosha-res-sec-tab),
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res a.btn-holo.secondary:not(.shosha-res-sec-tab) {
  background: var(--page-panel-cancel-bg, #fff) !important;
  color: var(--page-panel-cancel-color, #1a1a1a) !important;
  border: 2px solid var(--page-panel-cancel-border, #eee) !important;
  box-shadow: none;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .btn-holo.secondary:not(.shosha-res-sec-tab):hover,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res a.btn-holo.secondary:not(.shosha-res-sec-tab):hover {
  background: var(--page-panel-cancel-anim, #1a1a1a) !important;
  color: #fff !important;
  border-color: var(--page-panel-cancel-anim, #1a1a1a) !important;
  box-shadow: none;
}

@media (max-width: 991px) {
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .holo-contact.shosha-l2-res-shell,
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res.shosha-site-contact-page .holo-contact {
    grid-template-columns: 1fr;
  }
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .step-content[data-shosha-res-step="3"].active {
    grid-template-columns: 1fr;
  }
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .contact-section.info,
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .contact-section.terminal {
    min-width: 100%;
  }
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-l2-res .action-container {
    flex-wrap: wrap;
  }
}

/* Reservations: always show header fill (do not stay transparent over the card) */
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-site-header--layout2.shosha-site-header--transparent:not(.is-fixed-menu) .shosha-l2-menu-wrap,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-site-header--layout2[data-l2-transparent="1"]:not(.is-fixed-menu) .shosha-l2-menu-wrap,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="price_list"] .shosha-site-header--layout2.shosha-site-header--transparent:not(.is-fixed-menu) .shosha-l2-menu-wrap,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="price_list"] .shosha-site-header--layout2[data-l2-transparent="1"]:not(.is-fixed-menu) .shosha-l2-menu-wrap {
  background-color: var(--shosha-header-fill, var(--shosha-header-scrolled-fill, #fff)) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-site-header--layout2.shosha-site-header--transparent:not(.is-fixed-menu) .shosha-l2-menu-wrap__bg,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="reservations"] .shosha-site-header--layout2[data-l2-transparent="1"]:not(.is-fixed-menu) .shosha-l2-menu-wrap__bg,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="price_list"] .shosha-site-header--layout2.shosha-site-header--transparent:not(.is-fixed-menu) .shosha-l2-menu-wrap__bg,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="price_list"] .shosha-site-header--layout2[data-l2-transparent="1"]:not(.is-fixed-menu) .shosha-l2-menu-wrap__bg {
  opacity: 1 !important;
  visibility: visible !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="gallery"] .shosha-site-header--layout2.shosha-site-header--transparent:not(.is-fixed-menu) .shosha-l2-menu-wrap,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="gallery"] .shosha-site-header--layout2[data-l2-transparent="1"]:not(.is-fixed-menu) .shosha-l2-menu-wrap {
  background-color: var(--shosha-header-fill, var(--shosha-header-scrolled-fill, #fff)) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="gallery"] .shosha-site-header--layout2.shosha-site-header--transparent:not(.is-fixed-menu) .shosha-l2-menu-wrap__bg,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="gallery"] .shosha-site-header--layout2[data-l2-transparent="1"]:not(.is-fixed-menu) .shosha-l2-menu-wrap__bg {
  opacity: 1 !important;
  visibility: visible !important;
}

/* Layout2 gallery orbital styles moved to shosha-storefront-layout2-gallery-orbital.css */

/* ==========================================================================
   Layout2 checkout — Fruitables-inspired shell + LEFT fields (phase 1)
   Scoped: does not affect default design.
   ========================================================================== */
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] {
  --l2-co-primary: #81C408;
  --l2-co-primary-rgb: 129, 196, 8;
  --l2-co-secondary: #FFB524;
  --l2-co-dark: #45595B;
  --l2-co-muted: #747d88;
  --l2-co-border: #ced4da;
  --l2-co-bg: #ffffff;
  --l2-co-page-bg: #ffffff;
  --l2-co-radius: var(--l2-co-field-radius, 10px);
  --l2-co-font: "Open Sans", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  /* Admin «تنسيقات قالب 2» — defaults (overridden by inline CSS vars when saved) */
  --l2-co-title-color: var(--l2-co-dark);
  --l2-co-title-px: clamp(1.75rem, 2.4vw, 2.25rem);
  --l2-co-title-font: "Raleway", var(--l2-co-font);
  --l2-co-sec-title-color: var(--l2-co-dark);
  --l2-co-sec-title-px: 1.15rem;
  --l2-co-sec-title-font: "Raleway", var(--l2-co-font);
  --l2-co-label-color: var(--l2-co-muted);
  --l2-co-label-px: 0.875rem;
  --l2-co-label-font: var(--l2-co-font);
  --l2-co-field-color: #212529;
  --l2-co-field-px: 1rem;
  --l2-co-field-font: var(--l2-co-font);
  --l2-co-field-bg: #ffffff;
  --l2-co-field-hover: #b7c4c9;
  --l2-co-field-border: var(--l2-co-border);
  --l2-co-hint-color: var(--l2-co-primary);
  --l2-co-pay-color: var(--l2-co-dark);
  --l2-co-pay-px: 1rem;
  --l2-co-pay-font: var(--l2-co-font);
  --l2-co-pay-bg: #ffffff;
  --l2-co-pay-hover: var(--l2-co-primary);
  --l2-co-pay-border: var(--l2-co-border);
  --l2-co-pay-check-active: var(--l2-co-primary);
  --l2-co-pay-check-idle: var(--l2-co-border);
  --l2-co-loyalty-bg: #f8f9fa;
  --l2-co-loyalty-border: var(--l2-co-border);
  --l2-co-loyalty-label-color: var(--l2-co-muted);
  --l2-co-loyalty-points-color: var(--l2-co-primary);
  --l2-co-loyalty-worth-color: var(--l2-co-primary);
  --l2-co-loyalty-check-bg-active: var(--l2-co-primary);
  --l2-co-loyalty-check-bg-idle: #ffffff;
  --l2-co-loyalty-check-border-active: var(--l2-co-primary);
  --l2-co-loyalty-check-border-idle: var(--l2-co-border);
  --l2-co-loyalty-check-mark: #ffffff;
  --l2-co-loyalty-use-color: var(--l2-co-dark);
  --l2-co-loyalty-earn-color: var(--l2-co-primary);
  --l2-co-item-name-color: var(--l2-co-dark);
  --l2-co-item-name-px: 1rem;
  --l2-co-item-name-font: var(--l2-co-font);
  --l2-co-item-add-color: var(--l2-co-muted);
  --l2-co-item-add-px: 0.8rem;
  --l2-co-item-add-font: var(--l2-co-font);
  --l2-co-item-price-color: var(--l2-co-dark);
  --l2-co-item-price-px: 1rem;
  --l2-co-item-price-font: var(--l2-co-font);
  --l2-co-item-sep-color: #dee2e6;
  --l2-co-coupon-title-color: var(--l2-co-dark);
  --l2-co-coupon-title-px: 1rem;
  --l2-co-coupon-title-font: var(--l2-co-font);
  --l2-co-coupon-field-color: #212529;
  --l2-co-coupon-field-px: 1rem;
  --l2-co-coupon-field-font: var(--l2-co-font);
  --l2-co-coupon-field-bg: #ffffff;
  --l2-co-coupon-field-hover: #b7c4c9;
  --l2-co-coupon-btn-bg: #ffffff;
  --l2-co-coupon-btn-border: var(--l2-co-secondary);
  --l2-co-coupon-btn-hover: var(--l2-co-secondary);
  --l2-co-coupon-btn-text: var(--l2-co-primary);
  --l2-co-coupon-btn-text-hover: #ffffff;
  --l2-co-coupon-btn-px: 0.875rem;
  --l2-co-coupon-btn-font: var(--l2-co-font);
  --l2-co-totals-row-color: var(--l2-co-muted);
  --l2-co-totals-row-font: var(--l2-co-font);
  --l2-co-totals-row-px: 1rem;
  --l2-co-totals-grand-color: var(--l2-co-dark);
  --l2-co-totals-grand-font: var(--l2-co-font);
  --l2-co-totals-grand-px: 1.15rem;
  --l2-co-place-content-color: var(--l2-co-primary);
  --l2-co-place-content-px: 1rem;
  --l2-co-place-content-font: var(--l2-co-font);
  --l2-co-place-field-bg: #ffffff;
  --l2-co-place-field-hover: var(--l2-co-secondary);
  --l2-co-place-btn-bg: #ffffff;
  --l2-co-place-btn-border: var(--l2-co-secondary);
  --l2-co-place-btn-hover: var(--l2-co-secondary);
  --l2-co-place-btn-text: var(--l2-co-primary);
  --l2-co-place-btn-text-hover: #ffffff;
  --l2-co-place-btn-px: 1rem;
  --l2-co-place-btn-font: var(--l2-co-font);
}

.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page {
  background: var(--l2-co-page-bg);
  color: var(--l2-co-dark);
  font-family: var(--l2-co-font);
  padding: 8px 0 64px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  --orange: var(--l2-co-primary);
  --text-color: var(--l2-co-dark);
  --label-color: var(--l2-co-muted);
  --border-color: var(--l2-co-border);
  --card-bg: var(--l2-co-bg);
  --dark: var(--l2-co-dark);
}

/* Remove dark holo card / animated top line — Fruitables fluid two-column grid */
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .holo-checkout {
  width: 100%;
  max-width: 100%;
  margin: 0;
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
  column-gap: clamp(1.5rem, 3vw, 3rem);
  row-gap: 0.5rem;
  align-items: start;
  background: var(--l2-co-bg) !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible;
  color: var(--l2-co-dark);
  /* Neutralize admin panel dark tokens on Layout2 checkout */
  --page-panel-bg: #ffffff;
  --page-panel-bg-left: #ffffff;
  --page-panel-bg-right: #ffffff;
  --page-panel-opacity: 100%;
  --page-panel-opacity-left: 100%;
  --page-panel-opacity-right: 100%;
  --page-panel-border: transparent;
  --page-panel-side: transparent;
  --page-panel-anim: transparent;
  --page-panel-title-bg: transparent;
  --page-panel-title-color: var(--l2-co-title-color);
  --page-panel-section-title-color: var(--l2-co-sec-title-color);
  --page-panel-field-label-color: var(--l2-co-label-color);
  --page-panel-hint-color: var(--l2-co-hint-color);
  --page-panel-pay-bg: var(--l2-co-pay-bg);
  --page-panel-pay-border: var(--l2-co-pay-border);
  --page-panel-pay-text: var(--l2-co-pay-color);
  --page-panel-pay-radio: var(--l2-co-pay-check-active);
  --page-panel-card-bg: #f8f9fa;
  --page-panel-coupon-bg: var(--l2-co-coupon-field-bg);
  --page-panel-totals-bg: #f8f9fa;
  --page-panel-price-color: var(--l2-co-item-price-color);
  --page-panel-confirm-bg: var(--l2-co-place-btn-bg);
  --page-panel-confirm-border: var(--l2-co-place-btn-border);
  --page-panel-confirm-color: var(--l2-co-place-btn-text);
  --page-panel-confirm-anim: var(--l2-co-place-btn-hover);
}

.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .holo-checkout::before {
  display: none !important;
  animation: none !important;
  content: none !important;
}

.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"][dir="rtl"] .shosha-sf-checkout-page .holo-checkout,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"][data-shosha-lang="ar"] .shosha-sf-checkout-page .holo-checkout {
  border: none !important;
}

/* Title like Fruitables "Billing details" */
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .page-header {
  grid-column: 1 / -1;
  width: 100%;
  text-align: start;
  padding: 8px 0 20px;
  border-bottom: none;
  background: transparent !important;
}

.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .page-header h1 {
  font-family: var(--l2-co-title-font);
  font-weight: 600;
  font-size: var(--l2-co-title-px);
  letter-spacing: 0;
  text-transform: none;
  color: var(--l2-co-title-color) !important;
  text-align: start;
}

.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section {
  min-width: 0;
  width: auto;
  max-width: none;
  flex: none;
  padding: 12px 0 28px;
  background: transparent !important;
}

.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section.summary {
  border-left: 1px solid #eee;
  background: transparent !important;
  padding: 12px 0 28px 0;
  padding-inline-start: clamp(1rem, 2.5vw, 2rem);
}

.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"][dir="rtl"] .shosha-sf-checkout-page .checkout-section,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"][data-shosha-lang="ar"] .shosha-sf-checkout-page .checkout-section {
  padding: 12px 0 28px;
}

.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"][dir="rtl"] .shosha-sf-checkout-page .checkout-section.summary,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"][data-shosha-lang="ar"] .shosha-sf-checkout-page .checkout-section.summary {
  border-left: none;
  border-right: 1px solid #eee;
  /* Mirror LTR: pad the side toward the form/divider so RTL text is not flush to it */
  padding-inline-start: clamp(1rem, 2.5vw, 2rem);
  padding-inline-end: 0;
}

.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section h3 {
  color: var(--l2-co-sec-title-color) !important;
  font-family: var(--l2-co-sec-title-font);
  font-weight: 600;
  font-size: var(--l2-co-sec-title-px);
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 1.25rem;
}

/* --- LEFT: Fruitables form-control fields --- */
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section:not(.summary) .shosha-sf-checkout-fields-form .shosha-login-input-group {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  margin: 0 0 1rem !important;
  padding: 0 !important;
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  background: transparent !important;
  text-align: start;
}

.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section:not(.summary) .shosha-sf-checkout-fields-form .shosha-login-input-group:first-child {
  padding-top: 0 !important;
}

.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section:not(.summary) .shosha-sf-checkout-fields-form .shosha-login-input-group:focus-within {
  border: none !important;
  box-shadow: none !important;
}

.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section:not(.summary) .shosha-sf-checkout-fields-form .shosha-login-input-group label {
  position: static !important;
  order: -1;
  display: block !important;
  width: 100% !important;
  margin: 0 0 0.65rem !important;
  padding: 0 !important;
  color: var(--l2-co-label-color) !important;
  background: transparent !important;
  font-size: var(--l2-co-label-px) !important;
  font-family: var(--l2-co-label-font) !important;
  font-weight: 400 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  line-height: 1.5 !important;
  pointer-events: auto;
  transform: none !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
}

.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section:not(.summary) .shosha-sf-checkout-fields-form .shosha-login-input-group:has(input[required]) > label::after,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section:not(.summary) .shosha-sf-checkout-fields-form .shosha-login-input-group:has(textarea[required]) > label::after {
  content: "*";
  color: #dc3545;
  margin-inline-start: 0.15em;
  font-weight: 600;
}

.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section:not(.summary) .shosha-sf-checkout-fields-form .shosha-login-input-group input,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section:not(.summary) .shosha-sf-checkout-fields-form .shosha-login-input-group textarea {
  order: 0;
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 48px !important;
  height: auto !important;
  padding: 0.75rem 1rem !important;
  margin: 0 !important;
  font-size: var(--l2-co-field-px) !important;
  font-family: var(--l2-co-field-font) !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: var(--l2-co-field-color) !important;
  -webkit-text-fill-color: var(--l2-co-field-color) !important;
  background: var(--l2-co-field-bg) !important;
  background-color: var(--l2-co-field-bg) !important;
  border: 1px solid var(--l2-co-field-border) !important;
  border-radius: var(--l2-co-field-radius, var(--l2-co-radius)) !important;
  box-shadow: none !important;
  outline: none !important;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  appearance: none;
}

.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section:not(.summary) .shosha-sf-checkout-fields-form .shosha-login-input-group textarea {
  min-height: 120px !important;
  resize: vertical;
}

.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section:not(.summary) .shosha-sf-checkout-fields-form .shosha-login-input-group input::placeholder,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section:not(.summary) .shosha-sf-checkout-fields-form .shosha-login-input-group textarea::placeholder {
  color: #adb5bd;
  opacity: 1;
}

/* Fruitables focus / hover */
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section:not(.summary) .shosha-sf-checkout-fields-form .shosha-login-input-group input:hover,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section:not(.summary) .shosha-sf-checkout-fields-form .shosha-login-input-group textarea:hover {
  border-color: var(--l2-co-field-hover) !important;
}

.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section:not(.summary) .shosha-sf-checkout-fields-form .shosha-login-input-group input:focus,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section:not(.summary) .shosha-sf-checkout-fields-form .shosha-login-input-group textarea:focus {
  color: var(--l2-co-field-color) !important;
  -webkit-text-fill-color: var(--l2-co-field-color) !important;
  background: var(--l2-co-field-bg) !important;
  border-color: var(--l2-co-primary) !important;
  outline: 0 !important;
  box-shadow: 0 0 0 0.25rem rgba(var(--l2-co-primary-rgb), 0.25) !important;
}

.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section:not(.summary) .shosha-sf-checkout-fields-form .shosha-login-input-group input.shosha-co-field-readonly {
  opacity: 1;
  background: #f8f9fa !important;
  cursor: default;
}

.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section:not(.summary) .shosha-sf-checkout-fields-form .shosha-login-input-group--service {
  margin: 0 0 1rem !important;
  padding: 0 !important;
}

.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section:not(.summary) .shosha-sf-checkout-fields-form .shosha-login-input-group--service .shosha-sf-checkout-address-hint {
  order: 1;
  margin: 0.4rem 0 0 !important;
  padding: 0 !important;
  font-size: 0.875rem;
  color: var(--l2-co-hint-color);
  opacity: 1;
}

/* Required marker color on labels that include * from copy — keep PHP text; style common * via color inherit */

/* Soft-adapt payment block on left so it is readable on light shell (not full Fruitables phase yet) */
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section:not(.summary) .payment-label {
  background: var(--l2-co-pay-bg) !important;
  border: 1px solid var(--l2-co-pay-border) !important;
  border-radius: var(--l2-co-pay-radius, var(--l2-co-radius));
  color: var(--l2-co-pay-color);
  font-size: var(--l2-co-pay-px);
  font-family: var(--l2-co-pay-font);
}

.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section:not(.summary) .payment-label:hover {
  border-color: var(--l2-co-pay-hover) !important;
  background: color-mix(in srgb, var(--l2-co-pay-hover) 8%, var(--l2-co-pay-bg)) !important;
}

.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section:not(.summary) .payment-label span {
  color: var(--l2-co-pay-color) !important;
  font-size: inherit;
  font-family: inherit;
}

.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section:not(.summary) .payment-label input[type="radio"] {
  accent-color: var(--l2-co-pay-check-active);
  width: 1.05em;
  height: 1.05em;
  margin-inline-end: 0.45rem;
  flex: none;
  appearance: none;
  -webkit-appearance: none;
  border: 2px solid var(--l2-co-pay-check-idle, #ced4da) !important;
  border-radius: 50%;
  background: transparent !important;
  box-shadow: none;
  cursor: pointer;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section:not(.summary) .payment-label input[type="radio"]:checked {
  border-color: var(--l2-co-pay-check-active, #81c408) !important;
  background: radial-gradient(circle at center, var(--l2-co-pay-check-active, #81c408) 0 45%, transparent 48%) !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section:not(.summary) .payment-label.is-selected {
  border-color: var(--l2-co-pay-check-active, #81c408) !important;
  background: color-mix(in srgb, var(--l2-co-pay-check-active, #81c408) 10%, var(--l2-co-pay-bg, #fff)) !important;
}

.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section:not(.summary) .shosha-co-loyalty-card {
  background: var(--l2-co-loyalty-bg, #f8f9fa) !important;
  border: 1px solid var(--l2-co-loyalty-border, var(--l2-co-border)) !important;
  border-radius: var(--l2-co-card-radius, var(--l2-co-radius));
  color: var(--l2-co-dark);
}

.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section:not(.summary) .shosha-co-loyalty-card__label,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section:not(.summary) .shosha-co-loyalty-card__unit,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section:not(.summary) .shosha-co-loyalty-card__earn {
  color: var(--l2-co-loyalty-label-color, var(--l2-co-muted)) !important;
}

.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section:not(.summary) .shosha-co-loyalty-card__row:first-child .shosha-co-loyalty-card__value,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section:not(.summary) .shosha-co-loyalty-card__value[data-shosha-co-loyalty-points] {
  color: var(--l2-co-loyalty-points-color, var(--l2-co-primary)) !important;
}

.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section:not(.summary) .shosha-co-loyalty-card__row:nth-child(2) .shosha-co-loyalty-card__value,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section:not(.summary) .shosha-co-loyalty-card__value[data-shosha-co-loyalty-worth] {
  color: var(--l2-co-loyalty-worth-color, var(--l2-co-primary)) !important;
}

.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section:not(.summary) .shosha-co-loyalty-card__use {
  position: relative;
  color: var(--l2-co-loyalty-use-color, var(--l2-co-dark)) !important;
}

.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section:not(.summary) .shosha-co-loyalty-card__use input[type="checkbox"] {
  width: 1.15em;
  height: 1.15em;
  margin: 0;
  flex: none;
  cursor: pointer;
  appearance: none !important;
  -webkit-appearance: none !important;
  border: 2px solid var(--l2-co-loyalty-check-border-idle, #ced4da) !important;
  border-radius: 4px;
  background: var(--l2-co-loyalty-check-bg-idle, #ffffff) !important;
  accent-color: unset;
  position: relative;
  box-shadow: none;
}

.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section:not(.summary) .shosha-co-loyalty-card__use input[type="checkbox"]:checked {
  border-color: var(--l2-co-loyalty-check-border-active, #81c408) !important;
  background-color: var(--l2-co-loyalty-check-bg-active, #81c408) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round' d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 0.78em 0.78em !important;
}

.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section:not(.summary) .shosha-co-loyalty-card__mark {
  position: absolute;
  inset-inline-start: 0;
  top: 50%;
  width: 1.15em;
  height: 1.15em;
  transform: translateY(-50%);
  pointer-events: none;
  display: none;
}

.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section:not(.summary) .shosha-co-loyalty-card__use input[type="checkbox"]:checked + .shosha-co-loyalty-card__mark {
  display: none;
}

.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section:not(.summary) .shosha-co-loyalty-card__mark::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 46%;
  width: 0.28em;
  height: 0.52em;
  border: solid var(--l2-co-loyalty-check-mark, #ffffff);
  border-width: 0 2px 2px 0;
  transform: translate(-50%, -55%) rotate(45deg);
  box-sizing: border-box;
}

.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section:not(.summary) .shosha-co-loyalty-card__earn strong,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section:not(.summary) .shosha-co-loyalty-card__earn [data-shosha-co-loyalty-earn] {
  color: var(--l2-co-loyalty-earn-color, var(--l2-co-primary)) !important;
}

@media (max-width: 991px) {
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .holo-checkout {
    grid-template-columns: 1fr;
  }
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section,
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section.summary,
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"][dir="rtl"] .shosha-sf-checkout-page .checkout-section,
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"][dir="rtl"] .shosha-sf-checkout-page .checkout-section.summary,
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"][data-shosha-lang="ar"] .shosha-sf-checkout-page .checkout-section,
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"][data-shosha-lang="ar"] .shosha-sf-checkout-page .checkout-section.summary {
    padding: 12px 0 24px;
    padding-inline: 0 !important;
    border-left: none !important;
    border-right: none !important;
  }
}

/* ==========================================================================
   Layout2 checkout — RIGHT summary (Fruitables-inspired), existing fields only
   ========================================================================== */
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section.summary .shosha-sf-checkout-back {
  display: inline-block;
  margin-bottom: 0.75rem;
  color: var(--l2-co-primary) !important;
  font-size: 0.95rem;
  font-weight: 600;
  text-decoration: none !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section.summary .shosha-sf-checkout-back:hover {
  color: var(--l2-co-secondary) !important;
  text-decoration: underline !important;
}

.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section.summary .shosha-co-items-list {
  gap: 0;
  margin-bottom: 0.5rem;
}

/* Product rows — circular thumb like Fruitables table */
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section.summary .order-item {
  display: grid;
  grid-template-columns: 90px minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem 1.25rem;
  margin: 0;
  padding: 1.25rem 0;
  border: none;
  border-bottom: 1px solid var(--l2-co-item-sep-color);
  border-radius: 0;
  background: transparent !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section.summary .order-item-thumb {
  width: 90px;
  height: 90px;
  flex: none;
  border-radius: 50%;
  object-fit: cover;
  background: #f4f6f8;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section.summary .order-item-thumb--empty {
  border: 1px dashed var(--l2-co-border);
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section.summary .order-item-body {
  min-width: 0;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section.summary .order-item-name {
  margin: 0 0 0.35rem;
  color: var(--l2-co-item-name-color) !important;
  font-size: var(--l2-co-item-name-px);
  font-family: var(--l2-co-item-name-font);
  font-weight: 600;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section.summary .order-item-additions {
  color: var(--l2-co-item-add-color) !important;
  font-size: var(--l2-co-item-add-px);
  font-family: var(--l2-co-item-add-font);
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section.summary .order-item-additions .shosha-cart-mod-parent,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section.summary .order-item-additions .shosha-cart-mod-child-group {
  color: var(--l2-co-primary) !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section.summary .order-item-additions .shosha-cart-mod-sep {
  color: var(--l2-co-item-sep-color) !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section.summary .order-item-note {
  color: var(--l2-co-secondary) !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section.summary .order-item-qty {
  color: var(--l2-co-item-add-color) !important;
  font-size: 0.85rem;
  font-family: var(--l2-co-item-add-font);
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section.summary .order-item-service-warn {
  color: #dc2626 !important;
  font-weight: 600 !important;
  font-size: 0.85rem !important;
  line-height: 1.35 !important;
  margin: 0.25rem 0 0 !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section.summary .order-item-price {
  color: var(--l2-co-item-price-color) !important;
  font-size: var(--l2-co-item-price-px);
  font-family: var(--l2-co-item-price-font);
  font-weight: 600;
  align-self: center;
  padding-top: 0;
}

.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section.summary .shosha-sf-checkout-empty {
  color: var(--l2-co-muted) !important;
  padding: 1rem 0;
}

/* Coupon */
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section.summary .shosha-co-coupon {
  margin: 1.25rem 0;
  padding: 1rem 0 0;
  border: none;
  border-top: 1px solid var(--l2-co-item-sep-color);
  border-radius: 0;
  background: transparent !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section.summary .shosha-co-coupon__title {
  color: var(--l2-co-coupon-title-color) !important;
  font-size: var(--l2-co-coupon-title-px);
  font-family: var(--l2-co-coupon-title-font);
  font-weight: 600;
  text-transform: none;
  letter-spacing: 0;
  margin-bottom: 0.75rem;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section.summary .shosha-co-coupon__row {
  gap: 0.65rem;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section.summary .shosha-co-coupon__input {
  background: var(--l2-co-coupon-field-bg) !important;
  border: 1px solid var(--l2-co-field-border) !important;
  border-radius: var(--l2-co-coupon-radius, var(--l2-co-radius)) !important;
  color: var(--l2-co-coupon-field-color) !important;
  -webkit-text-fill-color: var(--l2-co-coupon-field-color) !important;
  font-size: var(--l2-co-coupon-field-px) !important;
  font-family: var(--l2-co-coupon-field-font) !important;
  padding: 0.75rem 1rem !important;
  min-height: 48px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section.summary .shosha-co-coupon__input:hover {
  border-color: var(--l2-co-coupon-field-hover) !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section.summary .shosha-co-coupon__input:focus {
  border-color: var(--l2-co-primary) !important;
  outline: 0 !important;
  box-shadow: 0 0 0 0.25rem rgba(var(--l2-co-primary-rgb), 0.25) !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section.summary .shosha-co-coupon__apply {
  border: 1px solid var(--l2-co-coupon-btn-border) !important;
  background: var(--l2-co-coupon-btn-bg) !important;
  color: var(--l2-co-coupon-btn-text) !important;
  border-radius: var(--l2-co-coupon-radius, var(--l2-co-radius)) !important;
  padding: 0.75rem 1.25rem !important;
  font-size: var(--l2-co-coupon-btn-px) !important;
  font-family: var(--l2-co-coupon-btn-font) !important;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  transition: 0.35s;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section.summary .shosha-co-coupon__apply:hover {
  background: var(--l2-co-coupon-btn-hover) !important;
  color: var(--l2-co-coupon-btn-text-hover) !important;
  border-color: var(--l2-co-coupon-btn-hover) !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section.summary .shosha-co-coupon__msg.is-ok {
  color: #198754 !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section.summary .shosha-co-coupon__msg.is-err {
  color: #dc3545 !important;
}

/* Totals */
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section.summary .order-totals {
  margin-top: 0.5rem;
  padding: 1rem 0 0;
  background: transparent !important;
  border-radius: 0;
  border-top: 1px solid var(--l2-co-item-sep-color);
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section.summary .order-total-row {
  color: var(--l2-co-totals-row-color);
  font-family: var(--l2-co-totals-row-font);
  margin-bottom: 0.85rem;
  font-size: var(--l2-co-totals-row-px);
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section.summary .order-total-row span:last-child {
  color: var(--l2-co-totals-row-color) !important;
  font-family: inherit;
  font-weight: 600;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section.summary .order-total-row.grand-total {
  color: var(--l2-co-totals-grand-color) !important;
  font-family: var(--l2-co-totals-grand-font);
  font-size: var(--l2-co-totals-grand-px);
  font-weight: 700;
  text-transform: uppercase;
  border-top: 1px solid var(--l2-co-item-sep-color);
  border-bottom: 1px solid var(--l2-co-item-sep-color);
  padding: 1rem 0;
  margin-top: 0.5rem;
  margin-bottom: 0;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section.summary .order-total-row.grand-total span:last-child {
  color: var(--l2-co-totals-grand-color) !important;
  font-family: inherit;
  font-size: inherit;
}

/* Place Order style (Fruitables) — admin tokens: place_content_* + place_btn_* */
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section.summary .btn-confirm {
  width: 100%;
  margin-top: 1.5rem;
  padding: 0.95rem 1.25rem !important;
  background: var(--l2-co-place-btn-bg, var(--l2-co-place-field-bg)) !important;
  border: 1px solid var(--l2-co-place-btn-border) !important;
  color: var(--l2-co-place-btn-text, var(--l2-co-place-content-color)) !important;
  border-radius: var(--l2-co-place-radius, var(--l2-co-radius)) !important;
  font-size: var(--l2-co-place-btn-px, var(--l2-co-place-content-px)) !important;
  font-family: var(--l2-co-place-btn-font, var(--l2-co-place-content-font)) !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  box-shadow: none !important;
  transition: 0.35s;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section.summary .btn-confirm::after {
  display: none !important;
  content: none !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section.summary .btn-confirm:hover:not(:disabled) {
  background: var(--l2-co-place-btn-hover, var(--l2-co-place-field-hover)) !important;
  border-color: var(--l2-co-place-btn-hover, var(--l2-co-place-field-hover)) !important;
  color: var(--l2-co-place-btn-text-hover) !important;
  box-shadow: none !important;
}

.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section.summary .shosha-sf-checkout-msg {
  color: var(--l2-co-dark);
}

@media (max-width: 575px) {
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section.summary .order-item {
    grid-template-columns: 72px minmax(0, 1fr);
    grid-template-rows: auto auto;
  }
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section.summary .order-item-thumb {
    width: 72px;
    height: 72px;
    grid-row: 1 / span 2;
  }
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-page="checkout"] .shosha-sf-checkout-page .checkout-section.summary .order-item-price {
    grid-column: 2;
    justify-self: start;
  }
}

/* ==========================================================================
   Layout2 Price List — match Menu header spacing + Coza/Template 2 look
   ========================================================================== */
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="price_list"] .shosha-site-price-list-page {
  /* Clear fixed .shosha-l2-menu-wrap (same as gallery/reservations), then menu-like gap */
  margin: var(--l2-menu-h, 84px) 0 0 !important;
  padding: 0.5rem 0 3rem !important;
  min-height: 0 !important;
  background: transparent !important;
  box-sizing: border-box !important;
}
@media (max-width: 991px) {
  .shosha-public-store[data-shosha-design="layout2"][data-shosha-page="price_list"] .shosha-site-price-list-page {
    /* Mobile header is in-flow — no fixed clearance needed */
    margin: 0 !important;
    padding: 0.5rem 0 2.5rem !important;
  }
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="price_list"] .shosha-site-price-list-page__inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  padding: 0 var(--l2-pad-inline, 15px) !important;
  max-width: 1320px !important;
  margin: 0 auto !important;
  width: 100% !important;
  gap: 0 !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="price_list"] .shosha-site-price-list-page__header--l2 {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.75rem 1rem !important;
  margin: 0 0 1.1rem !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="price_list"] .shosha-site-price-list-page__header--l2 .main-title {
  color: var(--header-nav-shadow, #81c408) !important;
  font-size: clamp(1.7rem, 4.8vw, 2.7rem) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="price_list"] .shosha-site-price-list-page__header--l2 .main-title__accent {
  color: var(--header-nav-shadow, #81c408) !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="price_list"] .shosha-site-price-list-page .holo-price-list {
  width: 100% !important;
  max-width: 100% !important;
  background: #fff !important;
  border: 1px solid #e6e6e6 !important;
  border-radius: 8px !important;
  border-left: 1px solid #e6e6e6 !important;
  border-right: 1px solid #e6e6e6 !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06) !important;
  padding: clamp(1rem, 2vw, 1.5rem) !important;
  overflow: hidden !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="price_list"][dir="rtl"] .shosha-site-price-list-page .holo-price-list {
  border-left: 1px solid #e6e6e6 !important;
  border-right: 1px solid #e6e6e6 !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="price_list"] .shosha-site-price-list-page .holo-price-list::before {
  display: none !important;
  animation: none !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="price_list"] .shosha-site-price-list-page__download.btn-holo,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="price_list"] .shosha-site-price-list-page .btn-holo {
  background: var(--header-nav-shadow, #81c408) !important;
  border: 1px solid var(--header-nav-shadow, #81c408) !important;
  color: #fff !important;
  border-radius: 999px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="price_list"] .shosha-site-price-list-page__download.btn-holo:hover,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="price_list"] .shosha-site-price-list-page .btn-holo:hover {
  background: #6fa306 !important;
  border-color: #6fa306 !important;
  color: #fff !important;
  box-shadow: none !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="price_list"] .shosha-site-price-list-page .btn-holo.secondary {
  background: transparent !important;
  border: 1px solid var(--header-nav-shadow, #81c408) !important;
  color: var(--header-nav-shadow, #81c408) !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="price_list"] .shosha-site-price-list-page .btn-holo.secondary:hover {
  background: var(--header-nav-shadow, #81c408) !important;
  color: #fff !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="price_list"] .shosha-site-price-list-page__viewer {
  background: #fafafa !important;
  border: 1px solid #ececec !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  margin: 0 !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="price_list"] .shosha-site-price-list-page__empty,
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="price_list"] .shosha-site-price-list-page__fallback {
  color: #666 !important;
}
.shosha-public-store[data-shosha-design="layout2"][data-shosha-page="price_list"] .shosha-site-price-list-page__actions {
  margin-top: 1.25rem !important;
}

/* Login / register: keep side scrollbar inside rounded dialog corners. */
.shosha-public-store[data-shosha-design="layout2"] [data-shosha-login-modal] > .shosha-login-modal__dialog:not(.shosha-login-modal__dialog--my-orders):not(.shosha-login-modal__dialog--order-details)::-webkit-scrollbar-button,
.shosha-public-store[data-shosha-design="layout2"] [data-shosha-checkout-auth-modal] > .shosha-login-modal__dialog::-webkit-scrollbar-button {
  display: block !important;
  width: var(--popup-scroll-width-px, 8px) !important;
  height: max(20px, calc(var(--popup-panel-radius-px, 16px) + 12px)) !important;
  background: transparent !important;
}
.shosha-public-store[data-shosha-design="layout2"] [data-shosha-login-modal] > .shosha-login-modal__dialog:not(.shosha-login-modal__dialog--my-orders):not(.shosha-login-modal__dialog--order-details)::-webkit-scrollbar-track,
.shosha-public-store[data-shosha-design="layout2"] [data-shosha-checkout-auth-modal] > .shosha-login-modal__dialog::-webkit-scrollbar-track {
  margin-block: max(20px, calc(var(--popup-panel-radius-px, 16px) + 12px)) !important;
  margin-inline: 2px !important;
  border-radius: 999px !important;
}