/* ==========================================================
   NEO STORE — ZYN THEME V6
   FULL REPLACEMENT CSS
   Dark base + subtle pink nebula + premium minimal UI
   Desktop / Tablet / Mobile / Internal pages
   ========================================================== */

:root {
  --neo: #f02d8a;
  --neo-light: #ff4ca5;
  --neo-dark: #a51c61;
  --neo-bg: #06070a;
  --neo-bg-2: #090b0f;
  --neo-surface: #0d1014;
  --neo-surface-2: #12151b;
  --neo-surface-3: #171b22;
  --neo-text: #f7f7f8;
  --neo-soft: #a5aab3;
  --neo-muted: #757b86;
  --neo-border: rgba(255,255,255,.075);
  --neo-border-2: rgba(255,255,255,.12);
  --neo-pink-border: rgba(240,45,138,.30);
  --neo-radius-sm: 10px;
  --neo-radius: 14px;
  --neo-radius-lg: 18px;
  --neo-ease: cubic-bezier(.22,1,.36,1);
  --neo-shadow: 0 14px 38px rgba(0,0,0,.20);
  --neo-shadow-hover: 0 24px 62px rgba(0,0,0,.34);
}

/* ==========================================================
   01. GLOBAL
   ========================================================== */

html {
  scroll-behavior: smooth;
  background: var(--neo-bg) !important;
  scrollbar-width: thin;
  scrollbar-color: var(--neo) var(--neo-bg);
}

html,
body {
  max-width: 100%;
}

body.theme-zyn {
  position: relative;
  min-height: 100vh;
  color: var(--neo-text);
  background: var(--neo-bg) !important;
  overflow-x: hidden;
  isolation: isolate;
}

body.theme-zyn::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -3;
  pointer-events: none;
  background: linear-gradient(180deg,#06070a 0%,#08090d 45%,#050609 100%);
}

body.theme-zyn::after {
  content: "";
  position: fixed;
  inset: -15vh -12vw;
  z-index: -2;
  pointer-events: none;
  opacity: .28;
  background:
    radial-gradient(ellipse 28% 22% at 95% 9%, rgba(240,45,138,.19), rgba(139,16,81,.055) 40%, transparent 72%),
    radial-gradient(ellipse 21% 32% at -2% 37%, rgba(240,45,138,.105), transparent 70%),
    radial-gradient(ellipse 32% 19% at 82% 72%, rgba(185,25,103,.085), transparent 72%),
    radial-gradient(ellipse 22% 21% at 13% 88%, rgba(240,45,138,.07), transparent 73%);
  filter: blur(78px);
}

#neo-nebula-canvas {
  position: fixed;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: .42;
}

.theme-zyn .app-inner,
.theme-zyn main,
.theme-zyn #main-content {
  position: relative;
  background: transparent !important;
}

.theme-zyn .bg-gray-50,
.theme-zyn .bg-gray-100,
.theme-zyn .bg-gray-1002 {
  background: transparent !important;
}

.theme-zyn *,
.theme-zyn *::before,
.theme-zyn *::after {
  box-sizing: border-box;
}

::selection {
  color: #fff;
  background: var(--neo);
}

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #06070a; }
::-webkit-scrollbar-thumb { background: var(--neo); border-radius: 20px; }

/* ==========================================================
   02. TOP BAR
   ========================================================== */

.theme-zyn .top-navbar {
  background: #0b0d11 !important;
  border-bottom: 1px solid rgba(255,255,255,.055);
}

.theme-zyn .s-menu-topnav-item,
.theme-zyn .topnav-link-item,
.theme-zyn .s-contacts-topnav-link,
.theme-zyn .top-navbar .btn--gray,
.theme-zyn header button[name="currencies"] {
  color: #fff !important;
  opacity: .88 !important;
}

.theme-zyn .s-menu-topnav-item:hover,
.theme-zyn .topnav-link-item:hover,
.theme-zyn .s-contacts-topnav-link:hover {
  color: #fff !important;
  opacity: 1 !important;
}

/* ==========================================================
   03. DESKTOP HEADER
   ========================================================== */

.theme-zyn #header-mainbar,
.theme-zyn .header-mainbar {
  position: relative;
  z-index: 100;
  overflow: visible !important;
  background: rgba(6,7,10,.93) !important;
  border-bottom: 1px solid rgba(255,255,255,.075);
  backdrop-filter: blur(20px) saturate(125%);
  -webkit-backdrop-filter: blur(20px) saturate(125%);
  transition: background .3s ease,border-color .3s ease,box-shadow .3s ease;
}

.theme-zyn .header-mainbar.neo-header-scrolled {
  background: rgba(5,6,9,.98) !important;
  border-color: rgba(255,255,255,.11);
  box-shadow: 0 12px 40px rgba(0,0,0,.27);
}

@media (min-width:1024px) {
  .theme-zyn .header-mainbar .sides-wrap {
    min-height: 104px !important;
    overflow: visible !important;
    gap: 18px;
  }

  .theme-zyn .navbar-brand {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 245px !important;
    width: 245px !important;
    min-width: 245px !important;
    max-width: 245px !important;
    height: 92px !important;
    min-height: 92px !important;
    max-height: 92px !important;
    overflow: visible !important;
  }

  .theme-zyn .navbar-brand img {
    display: block !important;
    width: 235px !important;
    min-width: 0 !important;
    max-width: 235px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: 88px !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
    transition: transform .4s var(--neo-ease),filter .4s ease !important;
  }

  .theme-zyn .navbar-brand:hover img {
    transform: scale(1.025) !important;
    filter: drop-shadow(0 0 16px rgba(240,45,138,.13));
  }

  .theme-zyn .header-mainbar .search-bar {
    width: 100%;
    max-width: 520px !important;
  }
}

.theme-zyn .s-search-input {
  color: var(--neo-text) !important;
  caret-color: var(--neo);
  background: rgba(255,255,255,.032) !important;
  border: 1px solid var(--neo-border) !important;
  border-radius: 13px !important;
  box-shadow: none !important;
  transition: background .25s ease,border-color .25s ease,box-shadow .25s ease !important;
}

.theme-zyn .s-search-input::placeholder { color: var(--neo-muted) !important; }
.theme-zyn .s-search-input:hover { background: rgba(255,255,255,.046) !important; border-color: rgba(255,255,255,.13) !important; }
.theme-zyn .s-search-input:focus { background: rgba(255,255,255,.05) !important; border-color: rgba(240,45,138,.52) !important; box-shadow: 0 0 0 4px rgba(240,45,138,.06) !important; }
.theme-zyn .s-search-icon svg { fill: var(--neo-soft) !important; transition: fill .25s ease,transform .25s ease; }
.theme-zyn .s-search-input-wrapper:hover .s-search-icon svg { fill: var(--neo) !important; transform: scale(1.06); }

.theme-zyn .header-icon-button {
  color: var(--neo-soft) !important;
  transition: color .25s ease,transform .3s var(--neo-ease);
}

@media (hover:hover) {
  .theme-zyn .header-icon-button:hover { color: var(--neo) !important; transform: translateY(-2px); }
}

.theme-zyn .s-cart-summary-count {
  color: #fff !important;
  background: var(--neo) !important;
  border: 2px solid #06070a;
  box-shadow: 0 5px 15px rgba(240,45,138,.25);
}

/* ==========================================================
   04. DESKTOP MAIN NAV + MORE
   ========================================================== */

.theme-zyn .main-nav-container {
  position: relative;
  z-index: 95;
  overflow: visible !important;
  background: rgba(6,7,10,.96) !important;
  border-bottom: 1px solid rgba(255,255,255,.065);
  backdrop-filter: blur(17px);
}

@media (min-width:1024px) {
  .theme-zyn .main-nav-container {
    min-height: 64px !important;
    height: auto !important;
  }

  .theme-zyn .main-nav-container .inner,
  .theme-zyn .main-menu,
  .theme-zyn .main-menu > .root-level {
    min-height: 64px;
  }

  .theme-zyn .main-nav-container .container { overflow: visible !important; }

  .theme-zyn .main-menu {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 3px;
    overflow: visible !important;
    white-space: nowrap;
  }

  .theme-zyn .main-menu > .root-level {
    position: relative;
    display: flex;
    align-items: center;
    flex: 0 0 auto;
  }

  .theme-zyn .main-menu > .root-level > a,
  .theme-zyn .main-menu > .neo-more-item > .neo-more-trigger {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 15px !important;
    color: #d0d3d9 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 10px !important;
    font: inherit !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 500 !important;
    cursor: pointer;
    appearance: none;
    transition: color .25s ease,background .25s ease,transform .3s var(--neo-ease);
  }

  .theme-zyn .main-menu > .root-level > a::after,
  .theme-zyn .main-menu > .neo-more-item > .neo-more-trigger::after {
    content: "";
    position: absolute;
    right: 50%;
    bottom: 2px;
    width: 0;
    height: 2px;
    border-radius: 20px;
    background: var(--neo);
    transform: translateX(50%);
    transition: width .3s var(--neo-ease);
  }

  .theme-zyn .main-menu > .root-level:hover > a,
  .theme-zyn .main-menu > .neo-more-item:hover > .neo-more-trigger {
    color: #fff !important;
    background: rgba(255,255,255,.035) !important;
    transform: translateY(-1px);
  }

  .theme-zyn .main-menu > .root-level:hover > a::after,
  .theme-zyn .main-menu > .neo-more-item:hover > .neo-more-trigger::after { width: 22px; }

  .neo-more-item { position: relative !important; z-index: 200; }
  .neo-more-trigger { gap: 7px; }
  .neo-more-chevron {
    display: inline-flex;
    width: 7px;
    height: 7px;
    margin-top: -4px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg);
    transition: transform .28s var(--neo-ease);
  }
  .neo-more-item.is-open .neo-more-chevron { transform: translateY(4px) rotate(225deg); }

  .neo-more-dropdown {
    position: absolute;
    top: calc(100% - 2px);
    right: 0;
    z-index: 500;
    display: grid;
    gap: 3px;
    width: 275px;
    max-height: min(60vh,500px);
    padding: 9px;
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(10px) scale(.98);
    transform-origin: top right;
    background: linear-gradient(145deg,rgba(17,20,26,.99),rgba(7,9,12,.99));
    border: 1px solid rgba(255,255,255,.095);
    border-radius: 15px;
    box-shadow: 0 25px 70px rgba(0,0,0,.55);
    backdrop-filter: blur(20px);
    transition: opacity .2s ease,visibility .2s ease,transform .3s var(--neo-ease);
  }

  .neo-more-item:hover .neo-more-dropdown,
  .neo-more-item:focus-within .neo-more-dropdown,
  .neo-more-item.is-open .neo-more-dropdown {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0) scale(1);
  }

  .neo-more-dropdown .root-level { display: block !important; height: auto !important; }
  .neo-more-dropdown .root-level > a {
    display: flex !important;
    align-items: center;
    width: 100%;
    min-height: 43px;
    padding: 8px 11px !important;
    color: #c9cdd5 !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    border-radius: 9px !important;
    font-size: 12.5px !important;
    transition: color .25s ease,background .25s ease,border-color .25s ease,transform .25s ease;
  }
  .neo-more-dropdown .root-level > a::after { display: none !important; }
  .neo-more-dropdown .root-level > a:hover {
    color: #fff !important;
    background: rgba(240,45,138,.07) !important;
    border-color: rgba(240,45,138,.16) !important;
    transform: translateX(-3px);
  }

  body.theme-zyn.index #main-content { padding-top: 16px !important; }
}

/* ==========================================================
   05. MOBILE/TABLET HEADER — ICON ONLY
   Menu right / Logo center / Search + User + Cart left
   ========================================================== */

@media (max-width:1023px) {
  .theme-zyn .top-navbar { display: none !important; }

  .theme-zyn #header-mainbar,
  .theme-zyn .header-mainbar { min-height: 72px !important; }

  .theme-zyn .header-mainbar .sides-wrap {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 72px !important;
    min-height: 72px !important;
    padding: 0 12px !important;
    overflow: visible !important;
  }

  .theme-zyn .header-mainbar .right-side {
    position: static !important;
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    flex: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .theme-zyn .header-mainbar .navbar-brand {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    z-index: 5;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 138px !important;
    min-width: 138px !important;
    max-width: 138px !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translate(-50%,-50%) !important;
    overflow: visible !important;
  }

  .theme-zyn .header-mainbar .navbar-brand img {
    display: block !important;
    width: 136px !important;
    min-width: 0 !important;
    max-width: 136px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: 54px !important;
    margin: 0 auto !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
  }

  .theme-zyn .header-mainbar .right-side > .flex.items-center {
    position: absolute !important;
    top: 50% !important;
    right: 12px !important;
    left: auto !important;
    z-index: 6;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 44px !important;
    flex: none !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateY(-50%) !important;
  }

  .theme-zyn .header-mainbar .right-side .search-bar { display: none !important; }

  .theme-zyn .header-mainbar .menu-trigger {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    background: #11141a !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 11px !important;
    box-shadow: none !important;
    transform: none !important;
  }

  .theme-zyn .header-mainbar .menu-trigger i {
    margin: 0 !important;
    color: #fff !important;
    font-size: 26px !important;
    line-height: 1 !important;
  }

  .theme-zyn .header-mainbar .left-side {
    position: absolute !important;
    top: 50% !important;
    left: 12px !important;
    right: auto !important;
    z-index: 6;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 5px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 40px !important;
    flex: none !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateY(-50%) !important;
    overflow: visible !important;
  }

  .theme-zyn .header-mainbar .login-button .text,
  .theme-zyn .header-mainbar .s-cart-summary-content { display: none !important; }

  .theme-zyn .header-mainbar .login-button,
  .theme-zyn .header-mainbar .neo-mobile-search-button,
  .theme-zyn .header-mainbar salla-cart-summary.header-icon-button,
  .theme-zyn .header-mainbar .s-cart-summary-wrapper {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    background: #11141a !important;
    border: 1px solid rgba(255,255,255,.085) !important;
    border-radius: 50% !important;
    box-shadow: none !important;
    transform: none !important;
    overflow: visible !important;
  }

  .theme-zyn .header-mainbar .neo-mobile-search-button {
    appearance: none;
    cursor: pointer;
  }

  .theme-zyn .header-mainbar .neo-mobile-search-button svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
  }

  .theme-zyn .header-mainbar .login-button > .icon,
  .theme-zyn .header-mainbar #s-cart-icon .icon {
    margin: 0 !important;
    color: #fff !important;
    font-size: 19px !important;
    line-height: 1 !important;
  }

  .theme-zyn .header-mainbar #s-cart-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
  }

  .theme-zyn .header-mainbar .s-cart-summary-icon svg {
    width: 19px !important;
    height: 19px !important;
    fill: #fff !important;
  }

  .theme-zyn .header-mainbar .s-cart-summary-count {
    position: absolute !important;
    top: -5px !important;
    right: -5px !important;
    left: auto !important;
    z-index: 10;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    min-width: 18px !important;
    height: 18px !important;
    padding: 0 !important;
    color: #fff !important;
    background: var(--neo) !important;
    border: 2px solid #07080b !important;
    border-radius: 50% !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 12px rgba(240,45,138,.25);
  }

  /* Full mobile search bar removed; search becomes header icon. */
  .theme-zyn .search-bar--mobile { display: none !important; }

  /* Keep Salla mobile drawer native. */
  .theme-zyn #mainnav.main-nav-container {
    backdrop-filter: none;
  }

  body.theme-zyn.index #main-content { padding-top: 8px !important; }
}

@media (max-width:360px) {
  .theme-zyn .header-mainbar .sides-wrap { height: 68px !important; min-height: 68px !important; padding-inline: 9px !important; }
  .theme-zyn .header-mainbar .navbar-brand { width: 110px !important; min-width: 110px !important; max-width: 110px !important; height: 52px !important; }
  .theme-zyn .header-mainbar .navbar-brand img { width: 108px !important; max-width: 108px !important; max-height: 49px !important; }
  .theme-zyn .header-mainbar .right-side > .flex.items-center { right: 9px !important; }
  .theme-zyn .header-mainbar .left-side { left: 9px !important; gap: 3px !important; }
  .theme-zyn .header-mainbar .login-button,
  .theme-zyn .header-mainbar .neo-mobile-search-button,
  .theme-zyn .header-mainbar salla-cart-summary.header-icon-button,
  .theme-zyn .header-mainbar .s-cart-summary-wrapper { width: 34px !important; min-width: 34px !important; max-width: 34px !important; height: 34px !important; min-height: 34px !important; }
  .theme-zyn .header-mainbar .menu-trigger { width: 40px !important; min-width: 40px !important; height: 40px !important; }
}

/* ==========================================================
   06. HERO — RESPONSIVE, NO CROP ON SMALL SCREENS
   ========================================================== */

.theme-zyn.index .s-block--default-home-slider {
  position: relative;
  overflow: hidden;
  background: #07080a !important;
}

.theme-zyn.index .s-block--default-home-slider .s-slider-block__title { display: none !important; }
.theme-zyn.index .s-block--default-home-slider .swiper-slide { position: relative; overflow: hidden; }
.theme-zyn.index .s-block--default-home-slider .swiper-slide::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(180deg,transparent 72%,rgba(6,7,10,.12));
}

@media (min-width:1200px) {
  .theme-zyn.index .s-block--default-home-slider .swiper-slide {
    aspect-ratio: 1920 / 520 !important;
    min-height: 0 !important;
    height: auto !important;
  }
  .theme-zyn.index .s-block--default-home-slider .swiper-lazy {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }
}

@media (min-width:768px) and (max-width:1199px) {
  .theme-zyn.index .s-block--default-home-slider .swiper-slide {
    height: clamp(215px,28vw,290px) !important;
    min-height: 0 !important;
    background: #07080a !important;
  }
  .theme-zyn.index .s-block--default-home-slider .swiper-lazy,
  .theme-zyn.index .s-block--default-home-slider .swiper-slide-active .swiper-lazy {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    transform: none !important;
    scale: 1 !important;
  }
}

@media (max-width:767px) {
  .theme-zyn.index .s-block--default-home-slider .swiper-slide {
    height: clamp(150px,41vw,205px) !important;
    min-height: 0 !important;
    background: #07080a !important;
  }
  .theme-zyn.index .s-block--default-home-slider .swiper-lazy,
  .theme-zyn.index .s-block--default-home-slider .swiper-slide-active .swiper-lazy {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    transform: none !important;
    scale: 1 !important;
  }
  .theme-zyn.index .s-block--default-home-slider .swiper-pagination { bottom: 7px !important; }
  .theme-zyn.index .s-block--default-home-slider .swiper-pagination-bullet { width: 5px !important; height: 5px !important; }
  .theme-zyn.index .s-block--default-home-slider .swiper-pagination-bullet-active { width: 18px !important; border-radius: 10px; background: var(--neo) !important; }
}

/* ==========================================================
   07. SECTION TITLES / CONTROLS
   ========================================================== */

.theme-zyn .s-slider-block__title h2,
.theme-zyn .s-block__title h2 {
  color: #fff !important;
  font-weight: 700 !important;
}

.theme-zyn .s-slider-block__title-right::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 3px;
  margin-left: 9px;
  vertical-align: middle;
  border-radius: 20px;
  background: var(--neo);
  box-shadow: 0 0 12px rgba(240,45,138,.28);
}

.theme-zyn .s-slider-block__display-all,
.theme-zyn .s-slider-block__display-all * {
  color: #fff !important;
  opacity: 1 !important;
}

.theme-zyn .s-slider-block__display-all:hover,
.theme-zyn .s-slider-block__display-all:hover * { color: #fff !important; opacity: .82 !important; }

.theme-zyn .s-slider-block__title-nav .s-slider-nav-arrow {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  opacity: 1 !important;
  color: #fff !important;
  background: #11141a !important;
  border: 1px solid rgba(255,255,255,.11) !important;
  border-radius: 11px !important;
  box-shadow: 0 7px 20px rgba(0,0,0,.22) !important;
  transition: transform .3s var(--neo-ease),background .25s ease,border-color .25s ease !important;
}

.theme-zyn .s-slider-block__title-nav .s-slider-nav-arrow svg {
  width: 21px !important;
  height: 21px !important;
  fill: #fff !important;
  opacity: 1 !important;
}

.theme-zyn .s-slider-block__title-nav .s-slider-nav-arrow:hover {
  opacity: 1 !important;
  background: var(--neo) !important;
  border-color: var(--neo) !important;
  transform: translateY(-2px);
}

.theme-zyn .s-slider-block__title-nav .s-slider-nav-arrow.swiper-button-disabled {
  opacity: .48 !important;
  background: #0d1015 !important;
  border-color: rgba(255,255,255,.065) !important;
}

@media (max-width:767px) {
  .theme-zyn .s-slider-block__title,
  .theme-zyn .s-block__title { margin-bottom: 15px !important; }
  .theme-zyn .s-slider-block__title h2,
  .theme-zyn .s-block__title h2 { font-size: 20px !important; line-height: 1.45 !important; }
  .theme-zyn .s-slider-block__title-right::before { width: 20px !important; height: 2px !important; margin-left: 6px !important; }
  .theme-zyn .s-slider-block__display-all { font-size: 11px !important; }
  .theme-zyn .s-slider-block__title-nav .s-slider-nav-arrow { width: 36px !important; height: 36px !important; min-width: 36px !important; border-radius: 9px !important; }
  .theme-zyn .s-slider-block__title-nav .s-slider-nav-arrow svg { width: 18px !important; height: 18px !important; }
}

/* ==========================================================
   08. PRODUCT GRID + CARDS
   ========================================================== */

.theme-zyn .s-products-list-vertical-cards,
.theme-zyn .s-products-list-filters-results {
  display: grid !important;
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 10px !important;
}

@media (min-width:768px) {
  .theme-zyn .s-products-list-vertical-cards,
  .theme-zyn .s-products-list-filters-results { grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 16px !important; }
}

@media (min-width:1024px) {
  .theme-zyn .s-products-list-vertical-cards,
  .theme-zyn .s-products-list-filters-results { grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 20px !important; }
}

.theme-zyn custom-salla-product-card.s-product-card-entry,
.theme-zyn custom-salla-product-card.s-product-card-entry.s-product-card-horizontal,
.theme-zyn .s-products-list-vertical-cards .s-product-card-horizontal {
  --neo-x: 50%;
  --neo-y: 20%;
  position: relative;
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
  isolation: isolate;
  background: linear-gradient(145deg,#0f1115,#090b0e) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 17px !important;
  box-shadow: 0 9px 28px rgba(0,0,0,.15);
  transition: transform .4s var(--neo-ease),border-color .3s ease,box-shadow .4s var(--neo-ease) !important;
}

.theme-zyn .s-product-card-entry::before {
  content: "";
  position: absolute;
  z-index: 9;
  top: 0;
  right: 17%;
  width: 66%;
  height: 1px;
  pointer-events: none;
  opacity: .42;
  background: linear-gradient(90deg,transparent,var(--neo),transparent);
  transition: width .4s var(--neo-ease),right .4s var(--neo-ease),opacity .3s ease;
}

.theme-zyn .s-product-card-entry::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 7;
  opacity: 0;
  pointer-events: none;
  background: radial-gradient(300px circle at var(--neo-x) var(--neo-y),rgba(255,255,255,.075),rgba(240,45,138,.025) 37%,transparent 69%);
  transition: opacity .3s ease;
}

@media (hover:hover) {
  .theme-zyn .s-product-card-entry:hover { transform: translateY(-5px); border-color: rgba(240,45,138,.28) !important; box-shadow: 0 24px 58px rgba(0,0,0,.31); }
  .theme-zyn .s-product-card-entry:hover::before { right: 7%; width: 86%; opacity: 1; }
  .theme-zyn .s-product-card-entry:hover::after { opacity: 1; }
}

.theme-zyn .s-product-card-entry .s-product-card-image {
  position: relative !important;
  display: block !important;
  flex: none !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / .88 !important;
  overflow: hidden !important;
  background: #090b0e !important;
  border-radius: 16px 16px 0 0 !important;
}

.theme-zyn .s-product-card-image > a {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  height: 100% !important;
}

.theme-zyn .s-product-card-image-cover {
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: scale(1);
  transition: transform .55s var(--neo-ease),filter .4s ease !important;
}

@media (hover:hover) {
  .theme-zyn .s-product-card-entry:hover .s-product-card-image-cover { transform: scale(1.025); filter: brightness(1.035) saturate(1.025); }
}

.theme-zyn .s-product-card-entry .s-product-card-content {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 14px !important;
  background: transparent !important;
}

.theme-zyn .s-product-card-content-main { min-height: 48px; margin-bottom: 8px; }
.theme-zyn .s-product-card-content-title,
.theme-zyn .s-product-card-content-title a { color: #f1f2f4 !important; font-size: 14px !important; line-height: 1.7 !important; font-weight: 600 !important; }
.theme-zyn .s-product-card-content-title a { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.theme-zyn .s-product-card-content-sub { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px; min-height: 40px; margin-top: auto; margin-bottom: 11px; }
.theme-zyn .s-product-card-sale-price { display: flex !important; align-items: baseline; flex-wrap: wrap; gap: 5px; }
.theme-zyn .s-product-card-sale-price p,
.theme-zyn .s-product-card-sale-price p i,
.theme-zyn .s-product-card-entry .s-product-card-price,
.theme-zyn .s-product-card-entry [class*="current-price"] { margin: 0 !important; color: #fff !important; font-size: 18px !important; font-weight: 700 !important; text-shadow: none !important; }
.theme-zyn .s-product-card-sale-price span,
.theme-zyn .s-product-card-sale-price span i { color: var(--neo-muted) !important; font-size: 11px !important; }

.theme-zyn .s-product-card-content-footer { margin-top: auto !important; padding-top: 10px; border-top: 1px solid rgba(255,255,255,.055); }
.theme-zyn .s-product-card-content-footer .s-button-primary-outline {
  min-height: 41px !important;
  color: #fff !important;
  background: rgba(240,45,138,.065) !important;
  border: 1px solid rgba(240,45,138,.42) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  transition: background .25s ease,border-color .25s ease,transform .3s var(--neo-ease),box-shadow .3s ease !important;
}
.theme-zyn .s-product-card-content-footer .s-button-primary-outline:hover { opacity: 1 !important; background: var(--neo) !important; border-color: var(--neo) !important; transform: translateY(-2px); box-shadow: 0 10px 24px rgba(240,45,138,.18) !important; }

.theme-zyn .s-product-card-content-footer .s-product-card-wishlist-btn,
.theme-zyn .s-product-card-wishlist-btn .s-button-element {
  width: 43px !important;
  min-width: 43px !important;
  height: 41px !important;
  color: #858b95 !important;
  background: #15181d !important;
  border: 1px solid rgba(255,255,255,.09) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
.theme-zyn .s-product-card-wishlist-btn:hover .s-button-element,
.theme-zyn .s-product-card-wishlist-btn:hover { color: #fff !important; background: var(--neo) !important; border-color: var(--neo) !important; }

.theme-zyn .s-products-slider-card { width: 50% !important; max-width: none !important; padding-inline: 5px !important; }
@media (min-width:768px) { .theme-zyn .s-products-slider-card { width: 33.333333% !important; } }
@media (min-width:1024px) { .theme-zyn .s-products-slider-card { width: 25% !important; } }

@media (max-width:767px) {
  .theme-zyn .s-product-card-entry { border-radius: 13px !important; }
  .theme-zyn .s-product-card-entry .s-product-card-image { aspect-ratio: 1 / .95 !important; border-radius: 12px 12px 0 0 !important; }
  .theme-zyn .s-product-card-entry .s-product-card-content { padding: 9px !important; }
  .theme-zyn .s-product-card-content-main { min-height: 39px !important; margin-bottom: 5px !important; }
  .theme-zyn .s-product-card-content-title,
  .theme-zyn .s-product-card-content-title a { font-size: 11.5px !important; line-height: 1.55 !important; }
  .theme-zyn .s-product-card-content-sub { min-height: 31px !important; margin-bottom: 7px !important; gap: 4px !important; }
  .theme-zyn .s-product-card-sale-price p,
  .theme-zyn .s-product-card-sale-price p i { font-size: 14px !important; }
  .theme-zyn .s-product-card-sale-price span,
  .theme-zyn .s-product-card-sale-price span i { font-size: 9px !important; }
  .theme-zyn .s-product-card-content-footer { gap: 5px !important; padding-top: 7px !important; }
  .theme-zyn .s-product-card-content-footer .s-button-primary-outline { min-height: 36px !important; padding: 5px 6px !important; border-radius: 8px !important; font-size: 10.5px !important; }
  .theme-zyn .s-product-card-content-footer .s-product-card-wishlist-btn,
  .theme-zyn .s-product-card-wishlist-btn .s-button-element { width: 36px !important; min-width: 36px !important; height: 36px !important; border-radius: 8px !important; }
}

@media (max-width:340px) {
  .theme-zyn .s-products-list-vertical-cards,
  .theme-zyn .s-products-list-filters-results { grid-template-columns: 1fr !important; }
  .theme-zyn .s-products-slider-card { width: 100% !important; min-width: 100% !important; max-width: 100% !important; }
  .theme-zyn .s-product-card-entry .s-product-card-image { aspect-ratio: 16 / 10 !important; }
}

/* ==========================================================
   09. FEATURES — DESKTOP TRIO / TABLET+MOBILE SLIDER
   ========================================================== */

.theme-zyn .s-block--features-list {
  position: relative;
  overflow: hidden;
  margin-top: 28px;
  margin-bottom: 46px;
  padding-top: 0;
  padding-bottom: 0;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

.theme-zyn .s-block--features-list.neo-features-ready { padding: 14px 56px 8px; }
.theme-zyn .s-block--features { display: flex !important; align-items: stretch; gap: 14px; width: 100%; border: 0 !important; outline: 0 !important; box-shadow: none !important; transform: translate3d(0,0,0); will-change: transform; }
.theme-zyn .s-block--features__item {
  position: relative;
  display: flex !important;
  align-items: center;
  gap: 14px;
  flex: 1 0 calc(33.333% - 10px);
  min-width: 0;
  min-height: 112px;
  padding: 18px !important;
  overflow: hidden;
  background: linear-gradient(145deg,rgba(18,21,27,.94),rgba(9,11,14,.94)) !important;
  border: 1px solid var(--neo-border) !important;
  border-radius: 15px !important;
  box-shadow: none !important;
  transition: transform .35s var(--neo-ease),border-color .3s ease,box-shadow .35s ease;
}
.theme-zyn .s-block--features__item:hover { transform: translateY(-4px); border-color: rgba(240,45,138,.25) !important; box-shadow: 0 18px 42px rgba(0,0,0,.20) !important; }
.theme-zyn .s-block--features__item .feature-icon {
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 52px;
  width: 52px !important;
  height: 52px !important;
  color: var(--neo) !important;
  background: rgba(240,45,138,.065) !important;
  border: 1px solid rgba(240,45,138,.15);
  border-radius: 14px !important;
  transition: color .3s ease,background .3s ease,transform .35s var(--neo-ease);
}
.theme-zyn .s-block--features__item:hover .feature-icon { color: #fff !important; background: var(--neo) !important; transform: rotate(-3deg) scale(1.04); }
.theme-zyn .s-block--features__item h4 { margin-bottom: 4px; color: #fff !important; font-weight: 700 !important; }
.theme-zyn .s-block--features__item p { color: var(--neo-soft) !important; font-size: 12px; line-height: 1.7; }

.neo-features-arrow {
  position: absolute;
  top: 50%;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  color: #fff;
  background: #11141a;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 10px;
  cursor: pointer;
  transform: translateY(-50%);
  transition: background .25s ease,border-color .25s ease,transform .3s var(--neo-ease);
}
.neo-features-arrow:hover { background: var(--neo); border-color: var(--neo); transform: translateY(-50%) scale(1.05); }
.neo-features-prev { right: 5px; }
.neo-features-next { left: 5px; }
.neo-features-arrow::before { content: ""; width: 8px; height: 8px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; }
.neo-features-prev::before { transform: rotate(45deg); }
.neo-features-next::before { transform: rotate(-135deg); }
.neo-features-dots { display: none; justify-content: center; gap: 6px; margin-top: 12px; }
.neo-feature-dot { width: 6px; height: 6px; padding: 0; border: 0; border-radius: 20px; background: rgba(255,255,255,.22); transition: width .3s var(--neo-ease),background .25s ease; }
.neo-feature-dot.is-active { width: 22px; background: var(--neo); }

@media (min-width:1024px) {
  .theme-zyn .s-block--features-list .neo-features-arrow { opacity: 0; pointer-events: none; }
}

@media (max-width:1023px) {
  .theme-zyn .s-block--features-list.neo-features-ready { padding: 10px 42px 5px !important; }
  .theme-zyn .s-block--features { gap: 0 !important; }
  .theme-zyn .s-block--features__item { flex: 0 0 100% !important; width: 100% !important; min-width: 100% !important; min-height: 104px !important; padding: 15px !important; gap: 11px !important; border-radius: 13px !important; }
  .theme-zyn .s-block--features__item .feature-icon { width: 46px !important; height: 46px !important; min-width: 46px !important; flex-basis: 46px !important; border-radius: 11px !important; }
  .theme-zyn .s-block--features__item h4 { font-size: 13px !important; }
  .theme-zyn .s-block--features__item p { font-size: 10.5px !important; line-height: 1.6 !important; }
  .neo-features-dots { display: flex; }
  .neo-features-arrow { width: 34px !important; height: 34px !important; border-radius: 9px !important; }
  .neo-features-prev { right: 2px !important; }
  .neo-features-next { left: 2px !important; }
}

/* ==========================================================
   10. TESTIMONIALS
   ========================================================== */

.theme-zyn .s-block--testimonials { position: relative; overflow: hidden; background: transparent !important; border: 0 !important; }
.theme-zyn .testimonials-slider .swiper-slide > div {
  color: var(--neo-text) !important;
  background: linear-gradient(145deg,#111419,#0b0d10) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  transition: transform .35s var(--neo-ease),border-color .3s ease,box-shadow .35s ease !important;
}
.theme-zyn .testimonials-slider .swiper-slide > div:hover { transform: translateY(-4px); border-color: rgba(240,45,138,.25) !important; box-shadow: 0 20px 45px rgba(0,0,0,.23) !important; }
.theme-zyn .testimonials-slider .swiper-slide p { color: #c3c7ce !important; }
.theme-zyn .testimonials-slider .swiper-slide :is(h3,h4,strong,b) { color: #fff !important; }
.theme-zyn .testimonials-slider .sicon-quote-open { color: #fff !important; background: var(--neo) !important; box-shadow: 0 7px 20px rgba(240,45,138,.20); }

@media (max-width:767px) {
  .theme-zyn .s-block--testimonials { padding-top: 26px !important; padding-bottom: 26px !important; }
  .theme-zyn .testimonials-slider .swiper-slide > div { min-height: 190px !important; padding: 17px !important; border-radius: 13px !important; }
  .theme-zyn .testimonials-slider .swiper-slide p { font-size: 11.5px !important; line-height: 1.8 !important; }
}

/* ==========================================================
   11. SEARCH POPUP — NATIVE SALLA SEARCH, DARK
   ========================================================== */

.theme-zyn .s-search-modal .s-modal-overlay {
  background: rgba(2,3,5,.80) !important;
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
}

.theme-zyn .s-search-modal .s-modal-wrapper { align-items: flex-start !important; padding: 0 !important; }

@media (min-width:640px) {
  .theme-zyn .s-search-modal .s-modal-body {
    width: min(920px,calc(100vw - 40px)) !important;
    max-width: 920px !important;
    max-height: calc(100dvh - 90px) !important;
    margin: 45px auto 0 !important;
    padding: 18px !important;
    color: var(--neo-text) !important;
    background: linear-gradient(145deg,#11141a,#080a0e) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 20px !important;
    box-shadow: 0 35px 100px rgba(0,0,0,.56) !important;
    overflow: hidden !important;
  }
}

.theme-zyn .s-search-modal .s-search-input-row { display: flex !important; align-items: center; gap: 10px; }
.theme-zyn .s-search-modal .s-search-back-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  padding: 0 !important;
  color: #fff !important;
  background: #15181e !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  border-radius: 11px !important;
  cursor: pointer;
}
.theme-zyn .s-search-modal .s-search-back-btn:hover { background: var(--neo) !important; border-color: var(--neo) !important; }
.theme-zyn .s-search-modal .s-search-input { height: 54px !important; color: #fff !important; background: #0b0e12 !important; border: 1px solid rgba(255,255,255,.1) !important; border-radius: 12px !important; }
.theme-zyn .s-search-modal .s-search-input:focus { border-color: rgba(240,45,138,.55) !important; box-shadow: 0 0 0 4px rgba(240,45,138,.06) !important; }
.theme-zyn .s-search-modal .s-search-icon svg { fill: var(--neo) !important; }

.theme-zyn .s-search-modal :is(.s-search-product-title,.s-search-product-name,.s-search-grid-item h3,.s-search-grid-item h4,.s-search-grid-item a,.s-search-product a,.s-search-results-title,.s-search-results-header,.s-search-results-body h2,.s-search-results-body h3) {
  color: #fff !important;
  opacity: 1 !important;
}

.theme-zyn .s-search-modal :is(.s-search-product-price,.s-search-grid-item .price,.s-search-grid-item [class*="price"]) { color: #fff !important; }
.theme-zyn .s-search-modal .s-search-results-body { max-height: min(58vh,540px) !important; overflow-y: auto !important; }
.theme-zyn .s-search-modal .s-search-results-grid { gap: 8px !important; }
.theme-zyn .s-search-modal .s-search-grid-item { padding: 8px !important; background: rgba(255,255,255,.022) !important; border: 1px solid rgba(255,255,255,.065); border-radius: 12px !important; transition: background .25s ease,border-color .25s ease,transform .3s var(--neo-ease); }
.theme-zyn .s-search-modal .s-search-grid-item:hover { background: rgba(255,255,255,.04) !important; border-color: rgba(240,45,138,.24); transform: translateY(-2px); }
.theme-zyn .s-search-modal .s-search-results { background: #0a0c10 !important; border: 1px solid rgba(255,255,255,.08) !important; border-radius: 12px !important; box-shadow: none !important; }
.theme-zyn .s-search-modal .s-search-product { color: var(--neo-text) !important; border-color: rgba(255,255,255,.06) !important; transition: background .25s ease !important; }
.theme-zyn .s-search-modal .s-search-product:hover { background: rgba(240,45,138,.045) !important; }

@media (max-width:639px) {
  .theme-zyn .s-search-modal .s-modal-wrapper { align-items: stretch !important; }
  .theme-zyn .s-search-modal .s-modal-body {
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    padding: 12px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #07090c !important;
  }
  .theme-zyn .s-search-modal .s-search-input-row { gap: 7px !important; }
  .theme-zyn .s-search-modal .s-search-back-btn { width: 43px !important; height: 43px !important; min-width: 43px !important; flex-basis: 43px !important; border-radius: 10px !important; }
  .theme-zyn .s-search-modal .s-search-input { height: 47px !important; padding-inline: 42px 11px !important; font-size: 12.5px !important; border-radius: 10px !important; }
  .theme-zyn .s-search-modal .s-search-results-body,
  .theme-zyn .s-search-modal .s-search-results { max-height: calc(100dvh - 82px) !important; overflow-y: auto !important; overscroll-behavior: contain; }
  .theme-zyn .s-search-modal .s-search-results-grid { grid-template-columns: 1fr !important; gap: 6px !important; }
  .theme-zyn .s-search-modal .s-search-sidebar { display: none !important; }
}

/* ==========================================================
   12. INTERNAL PAGES
   ========================================================== */

body.neo-internal-page #main-content {
  min-height: 64vh;
  padding-top: 24px;
  padding-bottom: 45px;
  color: var(--neo-text);
}

body.neo-internal-page #main-content .bg-white {
  color: var(--neo-text) !important;
  background: #0e1116 !important;
  border-color: var(--neo-border) !important;
}

body.neo-internal-page #main-content [class*="border-gray"] { border-color: rgba(255,255,255,.075) !important; }
body.neo-internal-page #main-content :is(.text-gray-900,.text-gray-800,.text-gray-700) { color: #f4f5f6 !important; }
body.neo-internal-page #main-content :is(.text-gray-600,.text-gray-500,.text-gray-400) { color: var(--neo-soft) !important; }

body.neo-internal-page #main-content :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select,.form-control,.s-form-control,.s-input) {
  color: #fff !important;
  background: #101319 !important;
  border-color: rgba(255,255,255,.1) !important;
  border-radius: 11px !important;
  box-shadow: none !important;
}
body.neo-internal-page #main-content :is(input,textarea,select):focus { border-color: rgba(240,45,138,.5) !important; box-shadow: 0 0 0 3px rgba(240,45,138,.055) !important; }

body.neo-product-page #main-content h1,
body.neo-category-page #main-content h1 { color: #fff !important; font-weight: 700 !important; }

body.neo-product-page salla-product-options { display: block; padding: 14px; background: #0e1116; border: 1px solid var(--neo-border); border-radius: 14px; }
body.neo-product-page #main-content salla-add-product-button .s-button-element {
  min-height: 50px !important;
  color: #fff !important;
  background: var(--neo) !important;
  border-color: var(--neo) !important;
  border-radius: 11px !important;
  box-shadow: 0 10px 28px rgba(240,45,138,.16) !important;
  transition: transform .3s var(--neo-ease),box-shadow .3s ease !important;
}
body.neo-product-page #main-content salla-add-product-button .s-button-element:hover { opacity: 1 !important; transform: translateY(-2px); box-shadow: 0 15px 35px rgba(240,45,138,.22) !important; }
body.neo-product-page :is(.product-price,.product__price,.price-wrapper) { color: #fff !important; }

@media (max-width:767px) {
  body.neo-internal-page #main-content { padding-top: 16px !important; padding-bottom: 30px !important; }
  body.neo-internal-page #main-content h1 { font-size: 22px !important; line-height: 1.5 !important; }
}

/* ==========================================================
   13. FOOTER
   ========================================================== */

.theme-zyn .store-footer {
  position: relative;
  overflow: hidden;
  margin-top: 52px;
  color: var(--neo-soft) !important;
  background: #06070a !important;
  border-top: 1px solid rgba(255,255,255,.075);
}

.theme-zyn .store-footer::before {
  content: "";
  position: absolute;
  top: -220px;
  right: -140px;
  width: 520px;
  height: 520px;
  pointer-events: none;
  background: radial-gradient(circle,rgba(240,45,138,.09),transparent 68%);
  filter: blur(38px);
}

.theme-zyn .store-footer::after {
  content: "";
  position: absolute;
  top: 0;
  right: 15%;
  width: 70%;
  height: 1px;
  background: linear-gradient(90deg,transparent,rgba(240,45,138,.52),transparent);
}

.theme-zyn .store-footer__top { position: relative; z-index: 2; margin-top: 0 !important; padding-top: 48px !important; padding-bottom: 42px !important; background: #07080b !important; }
.theme-zyn .store-footer__top > .bg-white\/\[\.03\] { display: none !important; }
.theme-zyn .store-footer .bg-darker { position: relative; z-index: 2; background: #06070a !important; background-image: none !important; border-top: 1px solid rgba(255,255,255,.06); backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }

.theme-zyn .footer-logo { display: inline-flex; align-items: center; width: fit-content; padding: 4px; }
.theme-zyn .footer-logo img { width: 205px !important; max-width: 205px !important; max-height: none !important; height: auto !important; object-fit: contain !important; transition: transform .4s var(--neo-ease),filter .4s ease; }
.theme-zyn .footer-logo:hover img { transform: scale(1.03); filter: drop-shadow(0 0 16px rgba(240,45,138,.13)); }
.theme-zyn .store-footer .rich-text { max-width: 100% !important; color: #969ca6 !important; font-size: 12.5px; line-height: 2; text-align: start; }
.theme-zyn .store-footer .footer-title,
.theme-zyn .store-footer .s-contacts-title { position: relative; width: fit-content; margin-bottom: 22px !important; color: #fff !important; font-size: 15px !important; font-weight: 700 !important; }
.theme-zyn .store-footer .footer-title::after,
.theme-zyn .store-footer .s-contacts-title::after { content: ""; position: absolute; right: 0; bottom: -9px; width: 24px; height: 2px; border-radius: 10px; background: var(--neo); }
.theme-zyn .store-footer .s-menu-footer-item { position: relative; width: fit-content; margin-bottom: 14px !important; padding-right: 13px; color: #d5d7dc !important; font-size: 12.5px; transition: color .25s ease,transform .3s var(--neo-ease); }
.theme-zyn .store-footer .s-menu-footer-item::before { content: ""; position: absolute; right: 0; top: 50%; width: 4px; height: 4px; border-radius: 50%; background: rgba(240,45,138,.65); transform: translateY(-50%); }
.theme-zyn .store-footer .s-menu-footer-item:hover { color: #fff !important; transform: translateX(-4px); }
.theme-zyn .store-footer .s-contacts-list { gap: 8px; }
.theme-zyn .store-footer .s-contacts-item { display: flex; align-items: center; gap: 9px; width: fit-content; color: #d5d7dc !important; font-size: 12px; transition: color .25s ease,transform .3s var(--neo-ease); }
.theme-zyn .store-footer .s-contacts-item:hover { color: #fff !important; transform: translateX(-3px); }
.theme-zyn .store-footer .s-contacts-icon { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; color: var(--neo); background: rgba(240,45,138,.055); border: 1px solid rgba(240,45,138,.13); border-radius: 10px; transition: color .25s ease,background .25s ease,border-color .25s ease; }
.theme-zyn .store-footer .s-contacts-item:hover .s-contacts-icon { color: #fff; background: var(--neo); border-color: var(--neo); }
.theme-zyn .store-footer .s-social-list { display: flex; flex-wrap: wrap; gap: 8px; }
.theme-zyn .store-footer .s-social-link a { display: flex !important; align-items: center; justify-content: center; width: 42px !important; height: 42px !important; color: #a7abb3 !important; background: rgba(255,255,255,.025) !important; border: 1px solid rgba(255,255,255,.08); border-radius: 11px; transition: color .25s ease,background .25s ease,border-color .25s ease,transform .35s var(--neo-ease),box-shadow .25s ease; }
.theme-zyn .store-footer .s-social-link a:hover { color: #fff !important; background: var(--neo) !important; border-color: var(--neo); transform: translateY(-4px); box-shadow: 0 10px 23px rgba(240,45,138,.18); }
.theme-zyn .store-footer .s-payments-list { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; }
.theme-zyn .store-footer .s-payments-list-item { display: flex; align-items: center; justify-content: center; min-width: 45px; height: 34px; padding: 4px 7px; background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.065); border-radius: 8px; }
.theme-zyn .store-footer .s-trust-badges-wrapper { padding: 6px 9px; background: rgba(255,255,255,.025); border: 1px solid rgba(255,255,255,.065); border-radius: 9px; }

@media (min-width:768px) and (max-width:1023px) {
  .theme-zyn .store-footer__top > .container.grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 30px 22px !important; }
  .theme-zyn .store-footer__top > .container.grid > * { width: 100% !important; max-width: 100% !important; }
  .theme-zyn .footer-logo img { width: 180px !important; max-width: 180px !important; }
}

@media (max-width:767px) {
  .theme-zyn .store-footer { margin-top: 34px !important; }
  .theme-zyn .store-footer__top { padding-top: 32px !important; padding-bottom: 28px !important; }
  .theme-zyn .store-footer__top > .container.grid { display: grid !important; grid-template-columns: 1fr !important; gap: 26px !important; }
  .theme-zyn .store-footer__top > .container.grid > * { grid-column: auto !important; width: 100% !important; max-width: 100% !important; }
  .theme-zyn .footer-logo { display: flex !important; justify-content: flex-start; }
  .theme-zyn .footer-logo img { width: 165px !important; max-width: 165px !important; }
  .theme-zyn .store-footer .rich-text { max-width: 100% !important; font-size: 11.5px !important; line-height: 1.9 !important; }
  .theme-zyn .store-footer .footer-title,
  .theme-zyn .store-footer .s-contacts-title { margin-bottom: 18px !important; font-size: 14px !important; }
  .theme-zyn .store-footer .s-menu-footer-item { margin-bottom: 11px !important; font-size: 11.5px !important; }
  .theme-zyn .store-footer .s-contacts-item { font-size: 11px !important; }
  .theme-zyn .store-footer .s-social-link a { width: 39px !important; height: 39px !important; border-radius: 10px !important; }
  .theme-zyn .store-footer .bg-darker .container { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 12px !important; padding-top: 16px !important; padding-bottom: 16px !important; }
}

/* ==========================================================
   14. TOUCH / REDUCED MOTION
   ========================================================== */

@media (hover:none), (pointer:coarse) {
  .theme-zyn .s-product-card-entry,
  .theme-zyn .s-block--features__item,
  .theme-zyn .testimonials-slider .swiper-slide > div,
  .theme-zyn .s-product-card-entry:hover,
  .theme-zyn .s-block--features__item:hover,
  .theme-zyn .testimonials-slider .swiper-slide > div:hover { transform: none !important; }
  .theme-zyn .s-product-card-entry::after { display: none !important; }
  .theme-zyn .s-product-card-image-cover { transform: none !important; }
}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior: auto !important; }
  *,*::before,*::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  #neo-nebula-canvas { opacity: .28; }
}





/* ==========================================================
   NEO STORE — PRODUCT CARD ACTIONS SAME ROW
   Add at the VERY END
   ========================================================== */


/* Footer actions in one row */
.theme-zyn
.s-product-card-content-footer {
  display: flex !important;

  flex-direction: row !important;

  align-items: center !important;

  justify-content: stretch !important;

  gap: 8px !important;

  width: 100% !important;
}


/* Add to cart takes remaining space */
.theme-zyn
.s-product-card-content-footer
salla-add-product-button {
  display: block !important;

  flex: 1 1 auto !important;

  width: auto !important;

  min-width: 0 !important;
}


.theme-zyn
.s-product-card-content-footer
salla-add-product-button
> div,

.theme-zyn
.s-product-card-content-footer
salla-add-product-button
salla-button,

.theme-zyn
.s-product-card-content-footer
salla-add-product-button
.s-button-element {
  width: 100% !important;
}


/* ==========================================================
   Wishlist inside footer
   ========================================================== */

.theme-zyn
.s-product-card-content-footer
> salla-button.s-product-card-wishlist-btn {
  display: flex !important;

  flex: 0 0 44px !important;

  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;

  height: 41px !important;

  margin: 0 !important;
}


.theme-zyn
.s-product-card-content-footer
> salla-button.s-product-card-wishlist-btn
> .s-product-card-wishlist-btn,

.theme-zyn
.s-product-card-content-footer
> salla-button.s-product-card-wishlist-btn
.s-button-element {
  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;

  height: 41px !important;
  min-height: 41px !important;
  max-height: 41px !important;

  padding: 0 !important;
  margin: 0 !important;

  border-radius: 10px !important;
}


/* ==========================================================
   IMPORTANT
   Hide the duplicated mobile wishlist over the image
   because we now show it beside Add to Cart
   ========================================================== */

.theme-zyn
.s-product-card-image
> salla-button.s-product-card-wishlist-btn {
  display: none !important;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (min-width: 768px) and (max-width: 1023px) {

  .theme-zyn
  .s-product-card-content-footer {
    gap: 7px !important;
  }


  .theme-zyn
  .s-product-card-content-footer
  > salla-button.s-product-card-wishlist-btn,

  .theme-zyn
  .s-product-card-content-footer
  > salla-button.s-product-card-wishlist-btn
  .s-button-element {
    flex-basis: 40px !important;

    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;

    height: 39px !important;
    min-height: 39px !important;
    max-height: 39px !important;
  }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

  .theme-zyn
  .s-product-card-content-footer {
    display: flex !important;

    flex-direction: row !important;

    align-items: center !important;

    gap: 5px !important;
  }


  .theme-zyn
  .s-product-card-content-footer
  > salla-button.s-product-card-wishlist-btn,

  .theme-zyn
  .s-product-card-content-footer
  > salla-button.s-product-card-wishlist-btn
  .s-button-element {
    display: inline-flex !important;

    flex: 0 0 36px !important;

    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;

    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;

    border-radius: 8px !important;
  }


  .theme-zyn
  .s-product-card-content-footer
  > salla-button.s-product-card-wishlist-btn
  i {
    font-size: 16px !important;
  }


  .theme-zyn
  .s-product-card-content-footer
  .s-button-primary-outline {
    width: 100% !important;

    min-height: 36px !important;

    height: 36px !important;

    padding-inline: 5px !important;

    font-size: 10.5px !important;
  }

}


/* =========================================================
   NEO STORE — PRODUCT REVIEWS TEXT FIX
   Add at the VERY END of CSS
   ========================================================= */


/* Main review title */
.theme-zyn
#product-comments-tab
.s-comments-title {
  color: #ffffff !important;
}


/* Recommendation percentage 100% */
.theme-zyn
#product-comments-tab
.s-reviews-summary-recommendation-percentage {
  color: #ffffff !important;
  opacity: 1 !important;
}


/* "أوصوا بالمنتج" */
.theme-zyn
#product-comments-tab
.s-reviews-summary-count {
  color: #d9dce2 !important;
  opacity: 1 !important;
}


/* Comment count */
.theme-zyn
#product-comments-tab
.s-comments-count-label {
  color: #ffffff !important;
  opacity: 1 !important;
}


/* Sort label */
.theme-zyn
#product-comments-tab
.s-comments-filter-label {
  color: #ffffff !important;
  opacity: 1 !important;
}


/* Sort select */
.theme-zyn
#product-comments-tab
.s-comments-sort-input {
  color: #ffffff !important;

  background: #11141a !important;

  border-color:
    rgba(255,255,255,.12) !important;

  opacity: 1 !important;
}


.theme-zyn
#product-comments-tab
.s-comments-sort-input option {
  color: #ffffff !important;
  background: #11141a !important;
}


/* Reviewer name */
.theme-zyn
#product-comments-tab
.s-comments-item-user-info-name-with-margin {
  color: #ffffff !important;
  opacity: 1 !important;
}


/* Verified purchase + reviewed text */
.theme-zyn
#product-comments-tab
.s-comments-item-has-order-check-text {
  color: #c9cdd5 !important;
  opacity: 1 !important;
}


/* Review date */
.theme-zyn
#product-comments-tab
.s-comments-item-timestamp,
.theme-zyn
#product-comments-tab
.s-comments-item-time {
  color: #a5aab3 !important;
  opacity: 1 !important;
}


/* Review body */
.theme-zyn
#product-comments-tab
.s-comments-item-content,
.theme-zyn
#product-comments-tab
.s-comments-item-content p,
.theme-zyn
#product-comments-tab
.s-comments-item-content-container {
  color: #e5e7eb !important;
  opacity: 1 !important;
}


/* Verified icon */
.theme-zyn
#product-comments-tab
.s-comments-item-has-order-check-icon {
  color: #f02d8a !important;
}


.theme-zyn
#product-comments-tab
.s-comments-item-has-order-check-icon svg {
  fill: currentColor !important;
}


/* Rating stars */
.theme-zyn
#product-comments-tab
.s-rating-stars-selected svg {
  fill: #ffb81c !important;
}


/* Translation buttons if they appear */
.theme-zyn
#product-comments-tab
.s-translate-btn {
  color: #ffffff !important;

  background: #11141a !important;

  border:
    1px solid
    rgba(255,255,255,.10) !important;

  border-radius: 9px !important;
}


/* General safety for dark inherited text inside reviews */
.theme-zyn
#product-comments-tab
.s-comments-container
:is(
  h2,
  h3,
  h4,
  label
) {
  color: #ffffff !important;
}


/* Keep secondary text softer, not pure white */
.theme-zyn
#product-comments-tab
.s-comments-container
:is(
  p,
  span
) {
  opacity: 1;
}



/* =========================================================
   NEO STORE — PRODUCT REVIEWS HARD COLOR FIX
   MUST BE THE LAST CSS BLOCK
   ========================================================= */


/* =========================================================
   1. BASE — FORCE REVIEW AREA TEXT TO WHITE
   ========================================================= */

body.theme-zyn
#product-comments-tab
salla-comments
.s-comments-container {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}


/* Main title */
body.theme-zyn
#product-comments-tab
salla-comments
.s-comments-container
.s-comments-title {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}


/* =========================================================
   2. SUMMARY — 100% + أوصوا بالمنتج
   ========================================================= */

body.theme-zyn
#product-comments-tab
salla-reviews-summary
.s-reviews-summary-header-section
.s-reviews-summary-recommendation-percentage {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;

  opacity: 1 !important;

  font-weight: 800 !important;
}


body.theme-zyn
#product-comments-tab
salla-reviews-summary
.s-reviews-summary-header-section
.s-reviews-summary-count {
  color: #d9dce2 !important;
  -webkit-text-fill-color: #d9dce2 !important;

  opacity: 1 !important;
}


/* =========================================================
   3. COMMENTS HEADER
   ========================================================= */

/* تعليق واحد */
body.theme-zyn
#product-comments-tab
.s-comments-header
.s-comments-count-label {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;

  opacity: 1 !important;

  font-weight: 700 !important;
}


/* ترتيب حسب */
body.theme-zyn
#product-comments-tab
.s-comments-header
.s-comments-filter-label {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;

  opacity: 1 !important;

  font-weight: 600 !important;
}


/* Dropdown */
body.theme-zyn
#product-comments-tab
.s-comments-header
.s-comments-sort-input {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;

  background: #11141a !important;

  border:
    1px solid
    rgba(255,255,255,.12) !important;

  border-radius: 10px !important;

  opacity: 1 !important;
}


body.theme-zyn
#product-comments-tab
.s-comments-sort-input option {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;

  background: #11141a !important;
}


/* =========================================================
   4. CUSTOMER
   ========================================================= */

/* Customer name */
body.theme-zyn
#product-comments-tab
.s-comments-item
.s-comments-item-user-info-name-with-margin {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;

  opacity: 1 !important;

  font-weight: 700 !important;
}


/* Verified purchase text */
body.theme-zyn
#product-comments-tab
.s-comments-item
.s-comments-item-has-order-check-text {
  color: #c8cdd6 !important;
  -webkit-text-fill-color: #c8cdd6 !important;

  opacity: 1 !important;
}


/* Date + time */
body.theme-zyn
#product-comments-tab
.s-comments-item
.s-comments-item-timestamp,

body.theme-zyn
#product-comments-tab
.s-comments-item
.s-comments-item-time {
  color: #9ca3af !important;
  -webkit-text-fill-color: #9ca3af !important;

  opacity: 1 !important;
}


/* Actual review text */
body.theme-zyn
#product-comments-tab
.s-comments-item
.s-comments-item-content,

body.theme-zyn
#product-comments-tab
.s-comments-item
.s-comments-item-content-container,

body.theme-zyn
#product-comments-tab
.s-comments-item
.s-comments-item-content-container p {
  color: #f1f3f5 !important;
  -webkit-text-fill-color: #f1f3f5 !important;

  opacity: 1 !important;
}


/* =========================================================
   5. HARD FALLBACK
   Covers Salla nested text styles
   ========================================================= */

body.theme-zyn
#product-comments-tab
.s-comments-container
:is(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  label
) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}


body.theme-zyn
#product-comments-tab
.s-comments-container
:is(
  .s-comments-count-label,
  .s-comments-filter-label,
  .s-comments-item-user-info-name-with-margin
) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}


/* =========================================================
   6. FORCE THE EXACT DARK ELEMENTS FROM YOUR SCREENSHOT
   ========================================================= */

body.theme-zyn
#product-comments-tab
.s-reviews-summary-recommendation-percentage,

body.theme-zyn
#product-comments-tab
.s-reviews-summary-count,

body.theme-zyn
#product-comments-tab
.s-comments-count-label,

body.theme-zyn
#product-comments-tab
.s-comments-item-has-order-check-text,

body.theme-zyn
#product-comments-tab
.s-comments-item-timestamp {
  visibility: visible !important;

  filter: none !important;

  text-shadow: none !important;

  mix-blend-mode: normal !important;

  opacity: 1 !important;
}


/* 100% */
body.theme-zyn
#product-comments-tab
.s-reviews-summary-recommendation-percentage {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}


/* أوصوا بالمنتج */
body.theme-zyn
#product-comments-tab
.s-reviews-summary-count {
  color: #d5d9e0 !important;
  -webkit-text-fill-color: #d5d9e0 !important;
}


/* تعليق واحد */
body.theme-zyn
#product-comments-tab
.s-comments-count-label {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}


/* مشتري موثق - تم التقييم */
body.theme-zyn
#product-comments-tab
.s-comments-item-has-order-check-text {
  color: #c4c9d2 !important;
  -webkit-text-fill-color: #c4c9d2 !important;
}


/* date */
body.theme-zyn
#product-comments-tab
.s-comments-item-timestamp,
body.theme-zyn
#product-comments-tab
.s-comments-item-time {
  color: #9da3ad !important;
  -webkit-text-fill-color: #9da3ad !important;
}


/* =========================================================
   7. KEEP ACCENTS CORRECT
   ========================================================= */

/* Stars */
body.theme-zyn
#product-comments-tab
.s-rating-stars-selected {
  color: #ffba17 !important;
  -webkit-text-fill-color: #ffba17 !important;
}


body.theme-zyn
#product-comments-tab
.s-rating-stars-selected svg,
body.theme-zyn
#product-comments-tab
.s-rating-stars-selected svg path {
  fill: #ffba17 !important;
}


/* Verified check */
body.theme-zyn
#product-comments-tab
.s-comments-item-has-order-check-icon {
  color: #ffba17 !important;
  -webkit-text-fill-color: #ffba17 !important;
}


body.theme-zyn
#product-comments-tab
.s-comments-item-has-order-check-icon svg,
body.theme-zyn
#product-comments-tab
.s-comments-item-has-order-check-icon svg path {
  fill: currentColor !important;
}


/* =========================================================
   8. LAST RESORT FOR SALLA COLOR VARIABLES
   Only inside product reviews
   ========================================================= */

body.theme-zyn
#product-comments-tab {
  --color-text: #ffffff !important;
  --color-text-primary: #ffffff !important;
  --color-text-secondary: #c5cad3 !important;

  --tw-text-opacity: 1 !important;
}