/**
 * ==========================================================================
 * LANOLANE LIVING — Cinematic Retro Theme
 * Platform: Salla
 * Author: BLACKPOSE
 * ==========================================================================
 */

html:not(.ll-loaded) body > *:not(#preloader) {
  visibility: hidden !important;
}

html.ll-loaded body > * {
  visibility: visible !important;
}

:root {
  --ll-bg:      #243e2e;
  --ll-beige:   #375441;
  --ll-dark:    #9DB3A2;
  --ll-black:   #F2F0EA;
  --ll-footer:  #2E4738;
  --ll-header-h: 80px;
  --ll-ease: cubic-bezier(0.25, 0.8, 0.25, 1);
}

html, body, #boxed-viewport, #ajax-content-wrap,
.activity-wrapper, .lanolane-main-container {
  background-color: var(--ll-bg) !important;
}

html { scroll-behavior: smooth; }

body::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 2147483645 !important;
  background-image: radial-gradient(circle, rgba(36,62,46,0) 20%, rgba(0,0,0,0.55) 100%) !important;
  opacity: 0.85 !important;
  mix-blend-mode: multiply !important;
  animation: retro-luma-shutter 0.2s infinite linear !important;
}

html::after {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 2147483647 !important;
  background-image: url('https://upload.wikimedia.org/wikipedia/commons/7/76/1k_Dissolve_Noise_Texture.png') !important;
  background-size: 220px 220px !important;
  background-repeat: repeat !important;
  opacity: 0.14 !important;
  mix-blend-mode: color-dodge !important;
  animation: retro-grain-flicker 0.3s infinite steps(4) !important;
}

html::before {
  content: "" !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 400vw !important;
  height: 100vh !important;
  pointer-events: none !important;
  z-index: 2147483646 !important;
  background: linear-gradient(90deg,
    transparent 5%,  rgba(255,255,255,0.22) 5.1%,  transparent 5.2%,
    transparent 42%, rgba(255,255,255,0.28) 42.1%, transparent 42.2%,
    transparent 78%, rgba(255,255,255,0.18) 78.1%, transparent 78.2%
  ) !important;
  background-size: 100vw 100vh !important;
  opacity: 0.25 !important;
  animation: retro-artifact-teleport 0.4s infinite steps(4) !important;
}

@keyframes retro-grain-flicker {
  0%   { transform: translate3d(0,0,0)      scale(1); }
  25%  { transform: translate3d(-1px,-1px,0) scale(1.002); }
  50%  { transform: translate3d(1px,1px,0)   scale(0.998); }
  75%  { transform: translate3d(-2px,0,0)    scale(1); }
  100% { transform: translate3d(2px,-2px,0)  scale(1.001); }
}

@keyframes retro-luma-shutter {
  0%   { filter: brightness(1);    transform: translate(0,0); }
  50%  { filter: brightness(0.97); transform: translate(0.5px,-0.5px); }
  100% { filter: brightness(1.03); transform: translate(-0.5px,0.5px); }
}

@keyframes retro-artifact-teleport {
  0%   { transform: translate3d(0,0,0);      opacity: 0.30; }
  25%  { transform: translate3d(-115vw,0,0); opacity: 0.10; }
  50%  { transform: translate3d(-240vw,0,0); opacity: 0.40; }
  75%  { transform: translate3d(-70vw,0,0);  opacity: 0.05; }
  100% { transform: translate3d(-310vw,0,0); opacity: 0.25; }
}

@media (max-width: 768px) {
  html::before { display: none !important; }
  body::before { animation: none !important; }
  html::after  { animation-duration: 0.6s !important; }
}

@media (prefers-reduced-motion: reduce) {
  html::before, html::after, body::before { animation: none !important; }
}

.s-block img,
.s-product-card-image img,
.hero-video-wrapper img,
.lanolane-gallery img,
.banner-image img {
  filter: grayscale(0.15) sepia(0.12) contrast(1.1) brightness(0.95);
  transition: filter 0.4s var(--ll-ease), transform 0.8s var(--ll-ease);
  will-change: filter;
}

.s-block img:hover,
.s-product-card-entry:hover .s-product-card-image img,
.hero-video-wrapper img:hover,
.lanolane-gallery img:hover {
  filter: grayscale(0) sepia(0) contrast(1) brightness(1);
}

#preloader img, .store-header img, .store-footer img, salla-apps-icons img { filter: none !important; }

.store-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
  transition: background-color 0.3s ease, box-shadow 0.3s ease !important;
}

.store-header:not(.is-scrolled),
.store-header:not(.is-scrolled) #mainnav,
.store-header:not(.is-scrolled) .main-nav-container,
.store-header--live-editor:not(.is-scrolled) {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  --tw-shadow: none !important;
}

.store-header.is-scrolled,
.store-header.is-scrolled #mainnav,
.store-header.is-scrolled .main-nav-container {
  background: rgba(36,62,46,0.97) !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.08) !important;
}

.top-navbar { display: none !important; }

.store-header salla-user-menu button,
.store-header .s-user-menu-login-btn,
.store-header salla-cart-summary,
.store-header salla-cart-summary button,
.store-header salla-cart-summary a,
.store-header salla-cart-summary .s-cart-btn,
.store-header salla-cart-summary > div,
.store-header .s-cart-summary-wrapper,
.store-header a.s-cart-summary-wrapper,
.store-header div#s-cart-icon,
.store-header .header-btn__icon {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.store-header salla-cart-summary svg,
.store-header salla-user-menu svg,
.store-header .header-btn__icon svg,
#search-toggle svg {
  width: 20px !important;
  height: 20px !important;
  stroke: none !important;
  fill: currentColor !important;
}

#search-toggle svg { stroke-width: 2 !important; stroke: currentColor !important; fill: none !important; }

.store-header salla-cart-summary {
  position: relative !important;
  display: inline-flex !important;
  margin: 0 !important;
  padding: 0 8px !important;
}

.store-header salla-cart-summary .s-cart-count,
.store-header salla-cart-summary [class*="count"],
.store-header salla-cart-summary [class*="badge"] {
  position: absolute !important;
  top: -2px !important;
  inset-inline-end: 4px !important;
  width: 16px !important;
  height: 16px !important;
  font-size: 10px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.store-header salla-cart-summary i.sicon-shopping-bag,
.store-header salla-cart-summary .header-btn__icon.icon { color: var(--ll-black) !important; }

#search-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 8px !important;
  background: transparent;
  border: none;
  cursor: pointer;
  color: inherit;
}

.s-user-menu-trigger,
.s-user-menu-trigger-slot,
.s-user-menu-trigger-avatar-only {
  width: 22px !important; height: 22px !important; min-width: unset !important;
  min-height: unset !important; padding: 0 !important; background: transparent !important;
  border: none !important; box-shadow: none !important; border-radius: 50% !important; overflow: hidden !important;
}

.s-user-menu-trigger img,
.s-user-menu-trigger svg,
.s-user-menu-trigger * {
  width: 22px !important; height: 22px !important; max-width: 22px !important;
  max-height: 22px !important; border-radius: 50% !important; object-fit: cover !important;
  background: transparent !important; box-shadow: none !important; border: none !important;
}

@keyframes icon-shake {
  0%   { transform: rotate(0deg); }   15% { transform: rotate(-15deg); }
  30%  { transform: rotate(15deg); }  45% { transform: rotate(-10deg); }
  60%  { transform: rotate(10deg); }  75% { transform: rotate(-5deg); }
  90%  { transform: rotate(5deg); }  100% { transform: rotate(0deg); }
}

.store-header salla-cart-summary:active svg,
.store-header salla-user-menu button:active svg,
#search-toggle:active svg { animation: icon-shake 0.5s ease !important; }

#search-overlay {
  position: fixed; left: 0; width: 100%;
  background: rgba(36,62,46,0.97);
  padding: 20px; z-index: 99998;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 4px 20px rgba(0,0,0,0.1);
  animation: search-drop 0.3s var(--ll-ease);
}

@keyframes search-drop { from { opacity: 0; transform: translateY(-12px); } to { opacity: 1; transform: translateY(0); } }

.search-overlay__inner { width: 100%; display: flex; justify-content: center; }

#search-overlay input {
  width: 60%; padding: 12px 20px;
  border: 1px solid var(--ll-dark); background: transparent;
  font-size: 16px; outline: none; border-radius: 4px;
  font-family: inherit; direction: rtl; color: var(--ll-black);
}

@media (max-width: 768px) { #search-overlay input { width: 100%; } }

.reveal-init {
  opacity: 0; transform: translateY(28px);
  transition: opacity 0.9s var(--ll-ease), transform 0.9s var(--ll-ease);
  will-change: opacity, transform;
}

.reveal-init.is-revealed { opacity: 1; transform: translateY(0); }

@media (prefers-reduced-motion: reduce) {
  .reveal-init { opacity: 1 !important; transform: none !important; transition: none !important; }
}

.s-block--hero-slider,
.s-block--hero-slider salla-slider,
.s-block--hero-slider .swiper-slide {
  height: 100vh !important; min-height: 100vh !important; width: 100% !important;
}

.s-block--hero-slider .bg-cover { background-position: center center !important; height: 100% !important; width: 100% !important; }
.hero-video-wrapper { margin-top: -160px !important; }
.hero-text-line1, .hero-text-line2 { font-family: inherit !important; }

.mm-ocd__content, .mm-spn, .mm-ocd nav#mobile-menu { background-color: var(--ll-beige) !important; }

.mm-ocd nav#mobile-menu {
  background-image: url('https://cdn.files.salla.network/other/976303987/e75185a2-6535-4962-b507-1ba69d3f4945-original.webp') !important;
  background-size: 110px !important; background-repeat: no-repeat !important; background-position: center top 20px !important;
}

.mm-ocd nav#mobile-menu > ul { margin-top: 30px !important; }
.mm-ocd nav#mobile-menu ul, .mm-ocd nav#mobile-menu li { background-image: none !important; background-color: transparent !important; }

.mm-ocd nav#mobile-menu.mm-spn--navbar::before,
.mm-ocd nav#mobile-menu.mm-spn--navbar::after {
  content: "" !important; color: transparent !important; font-size: 0 !important;
  border: none !important; box-shadow: none !important; background: transparent !important;
}

.mm-ocd nav#mobile-menu,
.mm-ocd nav#mobile-menu > ul,
.mm-ocd nav#mobile-menu.mm-spn--navbar,
.mm-ocd .mm-spn--navbar,
.mm-ocd nav#mobile-menu > ul > li:first-child,
.mm-ocd__content {
  border: none !important; border-bottom: none !important; box-shadow: none !important; outline: none !important;
}

.mm-ocd nav#mobile-menu .mm-spn__title { display: none !important; }

.mm-ocd nav#mobile-menu *:not(#menu-footer):not(#menu-footer *)::before,
.mm-ocd nav#mobile-menu *:not(#menu-footer):not(#menu-footer *)::after { border: none !important; box-shadow: none !important; }

.mm-ocd .mm-spn a, .mm-ocd .mm-spn li a,
nav#mobile-menu.mm-spn a, nav#mobile-menu.mm-spn li a {
  font-size: 20px !important; font-weight: 900 !important; letter-spacing: 2px !important; color: var(--ll-black) !important;
}


#preloader {
  position: fixed; inset: 0; width: 100vw; height: 100vh;
  background-color: var(--ll-beige);
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  z-index: 999999999; transition: opacity 0.8s ease;
}

#preloader img { width: 140px; margin-bottom: 24px; animation: preloader-logo 1.2s ease forwards; }

.preloader-text {
  font-size: 13px; letter-spacing: 6px; color: var(--ll-dark); text-transform: uppercase;
  overflow: hidden; white-space: nowrap; width: 0; max-width: 90vw;
  animation: preloader-typing 1.8s steps(18) 0.5s forwards;
}

@keyframes preloader-logo { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } }
@keyframes preloader-typing { from { width: 0; } to { width: 24ch; } }

.store-footer { background-color: var(--ll-footer) !important; border-top: none !important; }

.store-footer__inner,
.store-footer .container.grid {
  display: flex !important; flex-direction: column !important; align-items: center !important;
  justify-content: center !important; text-align: center !important; gap: 20px !important;
}

.store-footer .lg\:col-span-2 { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; }
.store-footer .md\:flex { justify-content: center !important; }

.store-footer salla-apps-icons,
.store-footer [class*="cr-number"],
.store-footer [class*="commercial"] { order: 99 !important; font-size: 10px !important; opacity: 0.5 !important; margin-top: 20px !important; }

.store-footer .lg\:col-span-2 img { width: 30px !important; height: auto !important; opacity: 0.5 !important; }

body.body, body.body #container, body.body .booking, body.body .booking--wrapper,
body.body .booking__info, body.body .booking__details, body.body .store-info {
  background-color: var(--ll-bg) !important; font-family: 'ThmanyahSans', sans-serif !important;
}

body.body * { font-family: 'ThmanyahSans', sans-serif !important; }

body.body .btn--primary, body.body .btn-submit-booking, body.body button[type="submit"] {
  background-color: var(--ll-black) !important; color: var(--ll-beige) !important; border-color: var(--ll-black) !important;
}

body.body input, body.body select, body.body textarea {
  background-color: var(--ll-beige) !important; border-color: var(--ll-dark) !important;
}

@media (hover: hover) and (pointer: fine) {
  html.has-custom-cursor, html.has-custom-cursor * { cursor: none !important; }

  .ll-cursor { position: fixed; top: 0; left: 0; pointer-events: none; z-index: 2147483647; mix-blend-mode: difference; will-change: transform; }

  .ll-cursor__ring {
    position: fixed; top: 0; left: 0; width: 36px; height: 36px; margin: -18px 0 0 -18px;
    border: 1px solid #F2F0EA; border-radius: 50%; pointer-events: none; z-index: 2147483647;
    mix-blend-mode: difference; will-change: transform;
    transition: width 0.35s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.35s cubic-bezier(0.25, 0.8, 0.25, 1),
      margin 0.35s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.35s ease, border-color 0.35s ease, opacity 0.3s ease;
  }

  .ll-cursor__dot {
    position: fixed; top: 0; left: 0; width: 4px; height: 4px; margin: -2px 0 0 -2px;
    background: #F2F0EA; border-radius: 50%; pointer-events: none; z-index: 2147483647;
    mix-blend-mode: difference; will-change: transform; transition: opacity 0.25s ease, transform 0.25s ease;
  }

  .ll-cursor__label {
    position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
    font-size: 8px; letter-spacing: 2px; text-transform: uppercase; color: #F2F0EA;
    opacity: 0; transform: scale(0.7); transition: opacity 0.3s ease, transform 0.3s ease;
    white-space: nowrap; font-family: inherit;
  }

  .ll-cursor__ring.is-hover { width: 56px; height: 56px; margin: -28px 0 0 -28px; background-color: rgba(242,240,234,0.12); }
  .ll-cursor__dot.is-hover { opacity: 0; }
  .ll-cursor__ring.is-view { width: 84px; height: 84px; margin: -42px 0 0 -42px; background-color: rgba(36,62,46,0.35); border-color: transparent; }
  .ll-cursor__ring.is-view .ll-cursor__label { opacity: 1; transform: scale(1); }
  .ll-cursor__ring.is-down { transform-origin: center; }
  .ll-cursor__ring.is-hidden, .ll-cursor__dot.is-hidden { opacity: 0; }
}

@media (hover: none), (pointer: coarse) { .ll-cursor__ring, .ll-cursor__dot { display: none !important; } }

.hscroll-section { position: relative; width: 100vw; margin-left: calc(-50vw + 50%); background: var(--ll-bg); }
.hscroll-sticky { position: sticky; top: 0; height: 100vh; overflow: hidden; display: flex; flex-direction: column; justify-content: center; }
.hscroll-header { position: absolute; top: 12vh; inset-inline-start: 6vw; display: flex; align-items: flex-start; gap: 14px; z-index: 2; pointer-events: none; }
.hscroll-index { font-size: 10px; letter-spacing: 2px; color: var(--ll-dark); opacity: 0.5; padding-top: 6px; }
.hscroll-title { font-size: clamp(28px, 4vw, 54px); font-weight: 300; letter-spacing: 6px; color: var(--ll-black); text-transform: uppercase; margin: 0; line-height: 1; }
.hscroll-track { display: flex; align-items: center; gap: 4vw; padding-inline: 6vw; width: max-content; will-change: transform; direction: ltr; }
.hscroll-item { flex: 0 0 auto; width: clamp(240px, 26vw, 380px); }
.hscroll-media { position: relative; width: 100%; aspect-ratio: 4 / 5; overflow: hidden; background: rgba(0,0,0,0.04); }
.hscroll-media img { width: 100%; height: 100%; object-fit: cover; display: block; transform: scale(1.02); transition: transform 1.4s cubic-bezier(0.16, 1, 0.3, 1), filter 0.8s ease; filter: grayscale(0.2) sepia(0.1) brightness(0.95); }
.hscroll-item:hover .hscroll-media img { transform: scale(1.1); filter: grayscale(0) sepia(0) brightness(1); }
.hscroll-meta { display: flex; align-items: baseline; gap: 10px; margin-top: 18px; direction: ltr; }
.hscroll-num { font-size: 9px; letter-spacing: 2px; color: var(--ll-dark); opacity: 0.45; }
.hscroll-meta h3 { font-size: 12px; letter-spacing: 3px; font-weight: 500; color: var(--ll-black); text-transform: uppercase; margin: 0; }
.hscroll-meta p { font-size: 9px; letter-spacing: 2px; color: var(--ll-dark); opacity: 0.6; margin: 0 0 0 auto; text-transform: uppercase; }
.hscroll-item--cta { width: clamp(200px, 20vw, 280px); display: flex; align-items: center; justify-content: center; aspect-ratio: 4 / 5; }
.hscroll-cta { display: flex; flex-direction: column; align-items: center; gap: 18px; text-decoration: none; color: var(--ll-black); font-size: 11px; letter-spacing: 5px; text-transform: uppercase; transition: gap 0.4s cubic-bezier(0.16, 1, 0.3, 1); }
.hscroll-cta:hover { gap: 28px; }
.hscroll-cta svg { transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1); }
.hscroll-cta:hover svg { transform: translateX(8px); }
.hscroll-progress { position: absolute; bottom: 8vh; inset-inline-start: 6vw; width: 88vw; height: 1px; background: rgba(157,179,162,0.18); z-index: 2; }
.hscroll-progress__bar { display: block; height: 100%; width: 0%; background: var(--ll-black); transform-origin: left center; transition: width 0.1s linear; }

@media (max-width: 1024px) {
  .hscroll-section { height: auto !important; }
  .hscroll-sticky { position: static; height: auto; padding: 90px 0 50px; overflow: visible; }
  .hscroll-header { position: static; margin: 0 0 32px 6vw; padding: 0; }
  .hscroll-track { transform: none !important; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; gap: 16px; padding-inline: 6vw; }
  .hscroll-track::-webkit-scrollbar { display: none; }
  .hscroll-item { width: 66vw; scroll-snap-align: center; }
  .hscroll-item--cta { width: 50vw; }
  .hscroll-progress { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .hscroll-track { transform: none !important; }
  .hscroll-sticky { position: static; height: auto; }
  .hscroll-section { height: auto !important; }
}

.s-slider-block__title-right h1, .s-slider-block__title-right h2, .s-slider-block__title-right h3,
.s-block__title h1, .s-block__title h2, .s-block__title h3, .section-title {
  display: inline-flex !important; align-items: center !important; gap: 12px !important;
}

.s-slider-block__title-right h1::before, .s-slider-block__title-right h2::before, .s-slider-block__title-right h3::before,
.s-block__title h1::before, .s-block__title h2::before, .s-block__title h3::before, .section-title::before {
  content: "✦" !important; font-size: 0.85em !important; color: var(--ll-dark) !important;
  animation: star-pulse 2s infinite alternate var(--ll-ease) !important; display: block !important;
}

@keyframes star-pulse { from { opacity: 0.4; transform: scale(0.9); } to { opacity: 1; transform: scale(1.1); } }

.content.content--single-page, .content--single-page.bg-white { background-color: var(--ll-bg) !important; }

body footer.store-footer, html body .store-footer, .store-footer .store-footer__inner, .store-footer .container { background-color: var(--ll-beige) !important; }

.store-footer .container.grid { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; gap: 20px !important; }
.store-footer .container.grid > div:first-child { display: contents !important; }
.store-footer salla-social { display: flex !important; justify-content: center !important; gap: 12px !important; order: 1 !important; margin: 0 !important; }
.store-footer .hidden.lg\:block { display: flex !important; justify-content: center !important; order: 1 !important; }
.store-footer .lg\:hidden.contact-social { display: flex !important; justify-content: center !important; order: 1 !important; width: 100%; }
.store-footer .container.grid > div:first-child a.flex { order: 2 !important; justify-content: center !important; margin: 0 auto !important; }
.store-footer .container.grid > div:first-child .max-w-sm { order: 2 !important; text-align: center !important; margin: 0 auto !important; }
.store-footer .container.grid > div:nth-child(2) { order: 3 !important; width: 100% !important; align-self: stretch !important; }
.store-footer .s-menu-footer-list { display: block !important; text-align: center !important; white-space: nowrap !important; overflow-x: auto !important; width: 100% !important; }
.store-footer .s-menu-footer-item { display: inline-block !important; font-size: 13px !important; white-space: nowrap !important; margin: 0 10px !important; }
@media (max-width: 480px) { .store-footer .s-menu-footer-item { font-size: 10px !important; margin: 0 6px !important; } }
.store-footer .container.grid > div:first-child .flex.gap-4 { order: 4 !important; justify-content: center !important; margin: 0 auto !important; }
.store-footer .s-trust-badges-wrapper, .store-footer salla-trust-badges, .store-footer .s-trust-badges-image { opacity: 1 !important; filter: none !important; mix-blend-mode: normal !important; position: relative !important; z-index: 2147483647 !important; }
.store-footer .s-trust-badges-image { width: 32px !important; height: 32px !important; }
.store-footer .s-trust-badges-content { display: flex !important; flex-direction: column !important; gap: 0 !important; }
.store-footer .s-trust-badges-label, .store-footer .s-trust-badges-number { font-size: 10px !important; margin: 0 !important; line-height: 1.3 !important; }
.store-footer .container.grid > div:nth-child(3), .store-footer .container.grid > salla-apps-icons { display: none !important; }
.store-footer .md\:flex.items-center.justify-between { justify-content: center !important; text-align: center !important; margin-top: -10px !important; padding-top: 4px !important; }
.store-footer img.ll-footer-logo-img, .ll-footer-logo-img { height: 70px !important; width: auto !important; max-width: none !important; display: block !important; margin: 0 auto !important; opacity: 1 !important; }
.store-footer .max-w-sm.leading-6.mb-6 { display: none !important; }
.store-footer .container.grid > div:nth-child(2) h3 { display: none !important; }

.ll-burger { display: inline-flex; flex-direction: column; justify-content: center; gap: 5px; width: 22px; height: 16px; cursor: pointer; }
.ll-burger-line { display: block; width: 100%; height: 2px; background: var(--ll-black); border-radius: 2px; transition: transform 0.35s var(--ll-ease), opacity 0.25s ease; transform-origin: center; }
.ll-burger.is-open .ll-burger-line:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.ll-burger.is-open .ll-burger-line:nth-child(2) { opacity: 0; }
.ll-burger.is-open .ll-burger-line:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

.store-header [data-testid="store-header-logo"] { transform: translateY(4px) !important; margin-inline-start: 14px !important; }
.store-header [data-testid="store-header-logo"] img { height: 88px !important; width: auto !important; }

@media (max-width: 1023px) {
  .store-header [data-testid="store-header-logo"] img { height: 80px !important; }
}
.store-header custom-main-menu, .store-header ul.main-menu { transform: translateY(10px) !important; }

#mobile-menu ul.main-menu, #mobile-menu ul.main-menu li { position: static !important; }

@media (max-width: 1023px) {
  .mm-ocd, .mm-ocd__content, .mm-panels, .mm-panel,
  nav#mobile-menu, nav#mobile-menu.mm-spn, nav#mobile-menu.mm-spn--navbar,
  nav#mobile-menu.mm-spn--main, nav#mobile-menu.mm-spn--light {
    width: 100vw !important; max-width: 100vw !important; min-width: 100vw !important;
  }
  #mobile-menu ul.main-menu { display: flex !important; flex-direction: column !important; align-items: center !important; width: 100% !important; }
  #mobile-menu ul.main-menu li { text-align: center !important; }
  #mobile-menu ul.main-menu li a { text-align: center !important; }
}

#menu-footer {
  position: static !important; width: 100% !important; padding: 16px 20px 20px !important;
  background: transparent !important; display: flex !important; flex-direction: column !important;
  align-items: center !important; gap: 14px !important; box-sizing: border-box !important; margin-top: 48px !important;
}

@media (min-width: 1024px) { #menu-footer { display: none !important; } }

#menu-footer a.menu-cta.menu-cta {
  display: block; width: 50%; max-width: 150px; text-align: center; padding: 5px;
  font-size: 8px !important; font-weight: 600 !important; letter-spacing: 1px; text-transform: uppercase;
  text-decoration: none; transition: all 0.35s var(--ll-ease);
  background: transparent !important; color: var(--ll-black) !important; border: 1px solid var(--ll-black) !important; line-height: 1.4 !important;
}

#menu-footer a.menu-cta:hover, #menu-footer a.menu-cta:active { background: var(--ll-black) !important; color: var(--ll-beige) !important; }

#menu-footer .menu-tagline {
  margin-top: 4px; font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: 1.5px;
  background: linear-gradient(100deg, var(--ll-black) 0%, var(--ll-dark) 20%, #ffffff 40%, var(--ll-dark) 60%, var(--ll-black) 100%);
  background-size: 300% auto; -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent; animation: ll-shimmer 3.5s linear infinite;
}

@keyframes ll-shimmer { 0% { background-position: 0% center; } 100% { background-position: -300% center; } }

@media (prefers-reduced-motion: reduce) {
  #menu-footer .menu-tagline { animation: none; -webkit-text-fill-color: var(--ll-black); color: var(--ll-black); }
}

#menu-footer .menu-copyright { font-size: 10px; letter-spacing: 2px; color: var(--ll-dark); opacity: 0.6; margin-top: 4px; }
@media (max-width: 480px) { #menu-footer .menu-tagline { font-size: 18px; letter-spacing: 2px; } }

@media (max-width: 1023px) {
  .mm-bg-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; filter: brightness(0.85) saturate(0.9); }
  .mm-bg-glass { position: absolute; inset: 0; z-index: 1; background: rgba(55,84,65,0.55); -webkit-backdrop-filter: blur(14px) saturate(1.2); backdrop-filter: blur(14px) saturate(1.2); }
  .mm-real-logo { position: relative !important; z-index: 2 !important; display: block; width: 110px; margin: 32px auto 0 auto; }
  #mobile-menu > *:not(.mm-bg-video):not(.mm-bg-glass):not(.btn--close):not([class*="close"]) { position: relative !important; z-index: 2 !important; }
  #mobile-menu > .btn--close, #mobile-menu > [class*="close"] { z-index: 3 !important; }
}

@media (min-width: 1024px) { .mm-bg-video, .mm-bg-glass, .mm-real-logo { display: none !important; } }

#menu-footer { background: transparent !important; }
#mobile-menu ul.main-menu li a { text-shadow: 0 1px 8px rgba(36,62,46,0.9); }

@media (prefers-reduced-motion: reduce) {
  .mm-bg-video { display: none; }
  .mm-bg-glass { background: var(--ll-beige); backdrop-filter: none; -webkit-backdrop-filter: none; }
}

html body .bg-white, .bg-white.bg-white, .cart-item .bg-white, form section.bg-white,
section.bg-white.p-5.rounded-md.mb-5, .shadow-default.bg-white,
#free-shipping.bg-white, #cart-gifting.bg-white,
.s-cart-summary-card, .s-cart-summary-card-sheet, .s-cart-summary-card-bar,
.s-cart-summary-card .bg-white { background-color: #2E4738 !important; }

.s-user-menu-dropdown, .s-user-menu-dropdown-header, .s-user-menu-dropdown-list { background-color: var(--ll-beige) !important; }

.s-modal-body, .s-modal-header, .s-modal-wrapper,
.s-login-modal .s-modal-body, .s-login-modal .s-modal-header,
.s-modal-container .s-modal-body, .s-modal-container .s-modal-header,
div.s-modal-body, div.s-modal-header { background-color: var(--ll-beige) !important; }

salla-product-options, .s-product-options-wrapper,
.s-product-options-option input, .s-product-options-option textarea,
.s-product-options-option select, .s-product-options-option .bg-white,
.s-product-options-option [class*="bg-gray"], .s-product-options-option button {
  background-color: var(--ll-beige) !important; border-color: var(--ll-dark) !important; color: var(--ll-black) !important;
}

.s-product-card-image { position: relative !important; }
.s-product-card-image::after {
  content: "" !important; position: absolute !important; left: 8px !important; bottom: 8px !important;
  width: 44px !important; height: 44px !important; border-radius: 50% !important;
  background-color: #ffffff !important;
  background-image: url('https://res.cloudinary.com/dnewekmn1/image/upload/v1785509206/00009_npxjqt.png') !important;
  background-size: 68% !important; background-repeat: no-repeat !important; background-position: center !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.18) !important; z-index: 2 !important; pointer-events: none !important;
}

nav[aria-label="Sidebar"], nav[aria-label="Sidebar"].lg\:bg-white { background-color: var(--ll-beige) !important; }
salla-comments, .s-comments-product { display: none !important; }

nav.breadcrumbs, .container.container--breadcrumbs nav.breadcrumbs, .container--breadcrumbs nav {
  border: 1px solid var(--ll-dark) !important; border-radius: 6px !important; padding: 8px 14px !important;
  display: inline-block !important; width: auto !important; margin-top: 18px !important;
  position: relative !important; overflow: hidden !important;
}

nav.breadcrumbs::after, .container--breadcrumbs nav::after {
  content: "" !important; position: absolute !important; top: 0 !important; left: -150% !important;
  width: 60% !important; height: 100% !important;
  background: linear-gradient(100deg, transparent 0%, rgba(255,255,255,0.55) 50%, transparent 100%) !important;
  pointer-events: none !important; animation: breadcrumb-shimmer 3.5s ease-in-out infinite !important;
}

@keyframes breadcrumb-shimmer { 0% { left: -150%; } 60% { left: 150%; } 100% { left: 150%; } }

@media (prefers-reduced-motion: reduce) { nav.breadcrumbs::after, .container--breadcrumbs nav::after { animation: none !important; display: none !important; } }

nav.breadcrumbs .s-breadcrumb-wrapper, nav.breadcrumbs .s-breadcrumb-wrapper * { font-size: 11px !important; }

.s-quantity-input-increase-button svg, .s-quantity-input-decrease-button svg,
.s-quantity-input-increase-button svg path, .s-quantity-input-decrease-button svg path {
  fill: var(--ll-black) !important; color: var(--ll-black) !important; opacity: 1 !important;
}

.btn--wishlist.is-added svg, .btn--wishlist.is-added svg *, .btn--wishlist.is-added i {
  color: #e53935 !important; fill: #e53935 !important; fill-opacity: 1 !important;
  stroke: #e53935 !important; animation: wishlist-pop 0.4s ease !important;
}

@keyframes wishlist-pop { 0% { transform: scale(1); } 40% { transform: scale(1.35); } 100% { transform: scale(1); } }
@media (prefers-reduced-motion: reduce) { .btn--wishlist.is-added svg, .btn--wishlist.is-added i { animation: none !important; } }

.btn--primary, .btn--primary:hover, .btn--primary:focus, .btn--primary:active,
body.body .btn--primary, body.body .btn-submit-booking, body.body button[type="submit"] {
  background-color: #243e2e !important; border-color: #243e2e !important; color: #F2F0EA !important;
}

.s-button-primary-outline, .s-button-primary-outline *,
button.s-button-primary-outline, button.s-button-primary-outline *,
salla-button[fill="outline"][color="primary"] .s-button-primary-outline,
salla-button[fill="outline"][color="primary"] .s-button-primary-outline * {
  background-color: transparent !important; border-color: var(--ll-black) !important; box-shadow: none !important; color: var(--ll-black) !important;
}

.s-button-primary-outline { border: 1px solid var(--ll-black) !important; }

.s-button-primary-outline:hover, .s-button-primary-outline:hover *,
.s-button-primary-outline:focus, .s-button-primary-outline:focus *,
.s-button-primary-outline:active, .s-button-primary-outline:active *,
button.s-button-primary-outline:hover, button.s-button-primary-outline:hover *,
button.s-button-primary-outline:focus, button.s-button-primary-outline:focus *,
button.s-button-primary-outline:active, button.s-button-primary-outline:active * {
  background-color: var(--ll-black) !important; border-color: var(--ll-black) !important; color: var(--ll-beige) !important;
}

.s-button-primary, .s-button-primary:hover, .s-button-primary:focus, .s-button-primary:active {
  background-color: #243e2e !important; border-color: #243e2e !important; color: #F2F0EA !important;
}

/* ── نصوص عامة ── */
.store-header a, .store-header nav, .store-header .main-nav-container, #mainnav a { color: #F2F0EA !important; }
.store-footer, .store-footer a, .store-footer p, .store-footer span, .store-footer li, .store-footer * { color: #F2F0EA !important; }
.store-header .s-cart-count-text, .store-header [class*="price"], .store-header [class*="total"], .store-header salla-cart-summary span { color: #F2F0EA !important; }

/* ── عناوين البلوكات ── */
.s-block__title h1, .s-block__title h2, .s-block__title h3,
.s-slider-block__title-right h1, .s-slider-block__title-right h2, .s-slider-block__title-right h3,
.section-title { color: #F2F0EA !important; }

/* ── صفحة المنتج ── */
[data-testid="store-product-title"],
[data-testid="store-product-price"],
[data-testid="store-product-price"] *,
.product__description, .product__description *,
.product_description, .product_description * { color: #F2F0EA !important; }

.s-product-options-option-label, .s-product-options-option-content, .s-product-options-option-content * { color: #F2F0EA !important; }
.s-product-options-option-label, .s-product-options-option-label *, [class*="option-label"], [class*="option-title"] { color: #F2F0EA !important; opacity: 1 !important; }

.sticky-product-bar, .sticky-product-bar *, section.flex.bg-white, section.flex.bg-white * {
  background-color: #375441 !important; color: #F2F0EA !important;
}

.form-label, .form-label *, b.block { color: #F2F0EA !important; }
.total-price, .starting-or-normal-price, .starting-or-normal-price * { color: #F2F0EA !important; }

/* ── نصوص Tailwind ── */
.text-gray-900, .text-gray-500, .text-base, .text-sm, .text-lg { color: #F2F0EA !important; }

/* ── السلة ── */
.s-cart-summary-card-sheet-title, .s-cart-summary-card-sheet-header,
.s-cart-summary-card-line, .s-cart-summary-card-line *,
.s-cart-summary-card-bar-label-text, .s-cart-summary-card-bar-count,
.s-cart-summary-card-bar-totals, .s-cart-summary-card-bar-totals *,
.s-breadcrumb-wrapper, .s-breadcrumb-item, .s-breadcrumb-wrapper * { color: #F2F0EA !important; }

/* ── أزرار سلة ── */
.s-button-element.s-button-primary,
.s-button-element.s-button-solid.s-button-btn-primary {
  background-color: #c0392b !important; border-color: #c0392b !important; color: #F2F0EA !important;
}

.s-button-element.s-button-primary .s-button-text,
.s-button-element.s-button-solid.s-button-btn-primary .s-button-text { color: #F2F0EA !important; }

.s-button-element.s-button-primary-outline {
  background-color: #243e2e !important; border-color: #243e2e !important; color: #F2F0EA !important;
}

.s-button-element.s-button-primary-outline .s-button-text { color: #F2F0EA !important; }

/* ── كروت المنتجات ── */
.s-product-card-content, .s-product-card-content * { color: #F2F0EA !important; }
.s-product-card-entry, .s-product-card-vertical { background-color: #375441 !important; }

/* ── ويندو إضافة للسلة ── */
salla-add-product-toast,
salla-add-product-toast.s-add-product-toast--visible,
.s-add-product-toast,
.s-add-product-toast--visible,
.s-add-product-toast__header,
.s-add-product-toast__body,
.s-add-product-toast__actions,
.s-add-product-toast__progress,
.s-add-product-toast__divider {
  background-color: #4a6b58 !important;
  color: #F2F0EA !important;
}

salla-add-product-toast *,
.s-add-product-toast *,
.s-add-product-toast__header *,
.s-add-product-toast__body *,
.s-add-product-toast__body p,
.s-add-product-toast__body span,
.s-add-product-toast__body h1,
.s-add-product-toast__body h2,
.s-add-product-toast__body h3,
.s-add-product-toast__body a,
.s-add-product-toast__header p,
.s-add-product-toast__header span,
.s-add-product-toast__header strong {
  color: #F2F0EA !important;
  background-color: transparent !important;
}

#toast-submit,
salla-add-product-toast .s-button-element.s-button-primary,
salla-add-product-toast .s-button-element.s-button-solid {
  background-color: #c0392b !important;
  border-color: #c0392b !important;
  color: #F2F0EA !important;
}

#toast-submit *,
salla-add-product-toast .s-button-element.s-button-primary *,
salla-add-product-toast .s-button-element.s-button-solid * {
  color: #F2F0EA !important;
  background-color: transparent !important;
}

[data-testid="store-home-slider-products-header"],
.s-block--slider-with-bg,
.s-block--full-bg {
  background-color: #243e2e !important;
}


.content--single-page h1,
.content--single-page h2,
.content--single-page h3,
.content--single-page p,
.content--single-page span,
.content--single-page li,
.content--single-page a,
.content-entry,
.content-entry * {
  color: #F2F0EA !important;
}

@media (max-width: 768px) {
  .hero-text-line1 {
    letter-spacing: 2px !important;
    font-size: 13px !important;
  }
  .hero-text-line2 {
    font-size: 36px !important;
  }

  .mm-ocd .mm-spn a,
.mm-ocd .mm-spn li a,
nav#mobile-menu.mm-spn a,
nav#mobile-menu.mm-spn li a {
  font-weight: 500 !important;
  letter-spacing: 1px !important;
  font-size: 18px !important;
  word-spacing: 4px !important;
}
}

#page-main-title {
  color: #F2F0EA !important;
}#page-main-title {
  color: #F2F0EA !important;
}

.s-sort-select,
.s-sort-select *,
select[name="sort"],
[class*="sort"] {
  background-color: #375441 !important;
  color: #F2F0EA !important;
  border-color: #9DB3A2 !important;
}


[data-testid="store-product-add-to-cart"] {
  background-color: #243e2e !important;
  border-color: #243e2e !important;
  color: #F2F0EA !important;
}

[data-testid="store-product-add-to-cart"] * {
  background-color: transparent !important;
  color: #F2F0EA !important;
}

section.sticky-product-bar,
section.flex.bg-white {
  background-color: #4a6b58 !important;
}

section.sticky-product-bar *,
section.flex.bg-white * {
  background-color: transparent !important;
  color: #F2F0EA !important;
}

section.sticky-product-bar [data-testid="store-product-add-to-cart"],
section.flex.bg-white [data-testid="store-product-add-to-cart"] {
  background-color: #c0392b !important;
  border-color: #c0392b !important;
}

section.sticky-product-bar .btn--primary,
section.sticky-product-bar [data-testid="store-product-add-to-cart"],
section.flex.bg-white .btn--primary,
section.flex.bg-white [data-testid="store-product-add-to-cart"] {
  background-color: #243e2e !important;
  border-color: #9DB3A2 !important;
  color: #F2F0EA !important;
}

.s-add-product-button-main [data-testid="store-product-add-to-cart"],
.sticky-product-bar__btn [data-testid="store-product-add-to-cart"] {
  background-color: #c0392b !important;
  border-color: #c0392b !important;
  color: #F2F0EA !important;
}

salla-category-shortcuts-b9pwph,
.s-block--bundle-category-shortcuts {
  background-color: #4a6b58 !important;
  color: #F2F0EA !important;
}

.s-block--bundle-category-shortcuts * {
  color: #F2F0EA !important;
}

.s-block--bundle-category-shortcuts,
.s-block--bundle-category-shortcuts * {
  background-color: #4a6b58 !important;
  color: #F2F0EA !important;
}

.s-block--bundle-category-shortcuts,
.s-block--bundle-category-shortcuts div,
.s-block--bundle-category-shortcuts span,
.s-block--bundle-category-shortcuts p,
.s-block--bundle-category-shortcuts a,
.s-block--bundle-category-shortcuts h1,
.s-block--bundle-category-shortcuts h2,
.s-block--bundle-category-shortcuts h3 {
  color: #F2F0EA !important;
}


salla-category-shortcuts-f075f9,
[component-name="category-shortcuts"] {
  --color-text: #F2F0EA !important;
  --text-color: #F2F0EA !important;
  color: #F2F0EA !important;
}

[component-name="category-shortcuts"] {
  color: #F2F0EA !important;
  --color: #F2F0EA !important;
  --title-color: #F2F0EA !important;
  --text-color: #F2F0EA !important;
  --heading-color: #F2F0EA !important;
}

[component-name="category-shortcuts"] {
  --tw-color-accent: #F2F0EA !important;
}

.s-order-summary,
.s-order-summary *,
[class*="order-summary"],
[class*="order-summary"] *,
.s-checkout-success,
.s-checkout-success *,
[class*="checkout-success"],
[class*="checkout-success"] * {
  color: #F2F0EA !important;
  background-color: transparent !important;
}

.s-user-menu-dropdown-item-link,
.s-user-menu-dropdown-item-link *,
.s-user-menu-dropdown-item-title,
.s-user-menu-inline,
.s-user-menu-inline * {
  color: #F2F0EA !important;
}

/* ── ملخص الطلب ── */
.text-text-color { color: #F2F0EA !important; }
.text-\[\#444444\] { color: #F2F0EA !important; }
.text-\[\#666666\] { color: #F2F0EA !important; }
.text-\[\#999999\] { color: #9DB3A2 !important; }

.rounded-lg.bg-white,
.rounded-xl.bg-white,
.bg-white { 
  background-color: var(--ll-beige) !important; 
}

button[type="submit"] {
  color: var(--ll-bg) !important;
}

.profile-header,
.profile-header.gradient-bg,
div.profile-header {
  background: var(--ll-bg) !important;
  background-image: none !important;
}

.profile-header *,
.profile-header.gradient-bg * {
  color: #F2F0EA !important;
}