/*
 * LetzShopy Store Design CSS
 * Safe V1 move from Customizer Additional CSS.
 *
 * Purpose:
 * - Homepage section designs
 * - About page design
 * - Contact page design
 * - Customer feedback / sale / collection showcase designs
 * - Header mini-cart polish
 *
 * Load this file late from functions.php.
 * Keep Customizer > Additional CSS only for :root colour variables.
 *
 * IMPORTANT:
 * - This file intentionally preserves the original CSS order.
 * - Some later blocks override earlier blocks by design.
 * - Do not minify during first migration; test visual layout first.
 */

/* =========================================================
   02. BASIC TEMPLATE / FOOTER
========================================================= */

.elementor-element.banner-margin {
  margin-bottom: 10px;
}

/* Footer callout */
.lingerie-callout .col {
  border-left: 1px solid var(--ls-footer-border);
}

.lingerie-callout .col-1 {
  border-left: 0;
}

.lingerie-callout .callout-content {
  line-height: 1;
  text-align: center;
}

.lingerie-callout .callout-content a {
  display: inline-block;
}

.lingerie-callout .icon-box-icon,
.lingerie-callout .icon-box-heading {
  display: inline-block;
  vertical-align: middle;
}

.lingerie-callout .icon-box-icon {
  margin-right: 12px;
}

.lingerie-callout .icon-box-icon span {
  font-size: 22px;
}

.lingerie-callout .icon-box-heading {
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  letter-spacing: 1px;
  text-transform: capitalize;
}

/* Footer widgets */
#footer-widgets .footer-box {
  width: 25%;
  border-left: 1px solid var(--ls-footer-border);
  padding-left: 60px;
}

#footer-widgets .footer-box.col-1 {
  width: 50%;
  border-left: 0;
  padding-left: 0 !important;
}

#footer-widgets .footer-box .footer-widget.social-widget {
  margin-bottom: 14px;
}

#footer-widgets .footer-box .widget-title {
  border: 0;
  padding-left: 0;
}

#footer-widgets .footer-box .social-widget .style-simple li a {
  font-size: 14px;
  width: 26px;
}

#footer-widgets .oceanwp-newsletter-form-wrap input[type="email"] {
  background-color: var(--ls-footer-input-bg);
  color: var(--ls-footer-input-text);
  border-color: var(--ls-footer-input-border);
  font-size: 13px;
  padding: 6px 12px;
  height: 40px;
  border-radius: 20px;
}

#footer-widgets .oceanwp-newsletter-form-wrap input[type="email"]:focus {
  border-color: var(--ls-store-primary);
  box-shadow: 0 0 0 3px rgba(232, 93, 74, 0.14);
}

#footer-widgets .oceanwp-newsletter-form-wrap button {
  background-color: var(--ls-store-primary);
  height: 36px;
  right: 2px;
  padding: 0 24px;
  border-radius: 20px;
  color: #ffffff;
}

#footer-widgets .oceanwp-newsletter-form-wrap button:hover {
  background-color: var(--ls-store-primary-hover);
}

/* Footer bottom */
#footer-bottom {
  padding: 0;
}

#footer-bottom-inner {
  border-top: 1px solid var(--ls-footer-border);
  padding: 20px 0;
}

#footer-bottom #copyright,
#footer-bottom #footer-bottom-menu {
  float: none;
  width: 100%;
  text-align: center;
  padding: 0;
}

#footer-bottom #footer-bottom-menu {
  margin-bottom: 16px;
}

#footer-bottom a,
#footer-bottom #footer-bottom-menu a {
  font-size: 13px;
  padding: 0 10px;
}

@media screen and (max-width: 1280px) {
  #footer-widgets .footer-box {
    padding-left: 20px;
  }
}

@media screen and (max-width: 959px) {
  #footer-widgets .footer-box {
    padding-left: 10px;
  }
}

@media screen and (max-width: 767px) {
  .lingerie-callout .col {
    border-left: 0 !important;
  }

  .lingerie-callout .icon-box-icon {
    display: none;
  }

  .lingerie-callout .icon-box-heading {
    display: block;
  }

  #footer-widgets .footer-box {
    border-left: 0;
    padding-left: 0;
    padding-top: 20px;
  }
}

@media screen and (max-width: 480px) {
  #scroll-top {
    display: none !important;
  }
}

@media screen and (max-width: 320px) {
  #site-logo #site-logo-inner a img {
    max-width: 150px;
  }
}


/* =========================================================
   03. DESKTOP EDITORIAL HERO
   Elementor classes:
   Outer:  ls-editorial-hero ls-home-hero ls-desktop-hero
   Left:   ls-editorial-hero-content
   Right:  ls-editorial-hero-image
========================================================= */

.ls-editorial-hero.ls-home-hero {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background:
    radial-gradient(circle at 12% 15%, rgba(232, 93, 74, 0.13), transparent 32%),
    linear-gradient(135deg, var(--ls-store-bg-outer, #F6EFE8) 0%, var(--ls-store-bg-inner, #FFFCF8) 48%, var(--ls-store-bg-soft, #FFF7F2) 100%) !important;
  min-height: 640px !important;
  display: flex !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.ls-editorial-hero.ls-home-hero::before {
  content: "";
  position: absolute;
  right: -14%;
  top: -18%;
  width: 52%;
  height: 135%;
  background: linear-gradient(160deg, rgba(232, 93, 74, 0.16), rgba(255, 247, 242, 0.10));
  transform: rotate(-8deg);
  border-radius: 40px;
  z-index: 0;
  pointer-events: none;
}

body.home .ls-editorial-hero.ls-home-hero > .elementor-container,
body.home .ls-editorial-hero.ls-home-hero > .e-con-inner {
  max-width: 1480px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  position: relative !important;
  z-index: 1 !important;
}

.ls-editorial-hero-content {
  position: relative !important;
  z-index: 3 !important;
  width: 42% !important;
  min-height: 620px !important;
  padding: 90px 60px 80px 70px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  background: var(--ls-store-bg-inner, #FFFCF8) !important;
  animation: lsHeroContentIn 0.85s cubic-bezier(0.22, 1, 0.36, 1) 0.08s both;
}

.ls-editorial-hero-content::before {
  content: "";
  position: absolute;
  left: -110px;
  top: 70px;
  width: 260px;
  height: 260px;
  background: #FFF1EA;
  border-radius: 50%;
  z-index: -1;
  opacity: 0.85;
}

.ls-editorial-hero-image {
  position: relative !important;
  z-index: 2 !important;
  width: 58% !important;
  min-height: 620px !important;
  padding-right: clamp(10px, 3vw, 56px) !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  clip-path: polygon(11% 0, 100% 0, 100% 100%, 0 100%) !important;
  animation: lsHeroImageIn 1s cubic-bezier(0.22, 1, 0.36, 1) 0.16s both;
}

.ls-editorial-hero-image::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      90deg,
      rgba(255, 252, 248, 0.10) 0%,
      rgba(255, 252, 248, 0.02) 42%,
      rgba(17, 24, 39, 0.10) 100%
    );
  z-index: 1;
  pointer-events: none;
}

.ls-editorial-hero-image::after {
  content: "";
  position: absolute;
  left: 12%;
  top: 8%;
  bottom: 8%;
  width: 1px;
  background: rgba(255, 255, 255, 0.72);
  z-index: 2;
  transform: skewX(-8deg);
  pointer-events: none;
}

.ls-editorial-hero-image img {
  display: block !important;
  width: 100% !important;
  min-height: 620px !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: translateZ(0);
  backface-visibility: hidden;
}

.ls-editorial-hero-image .elementor-widget-container {
  overflow: visible;
}

/* Hero text */
.ls-hero-kicker,
.ls-hero-title,
.ls-hero-copy,
.ls-hero-button {
  animation-fill-mode: both;
  will-change: transform, opacity;
}

.ls-hero-kicker {
  animation: lsHeroTextUp 0.75s cubic-bezier(0.22, 1, 0.36, 1) 0.12s both;
}

.ls-hero-title {
  animation: lsHeroTextUp 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.2s both;
}

.ls-hero-copy {
  animation: lsHeroTextUp 0.82s cubic-bezier(0.22, 1, 0.36, 1) 0.28s both;
}

.ls-hero-button {
  animation: lsHeroButtonIn 0.82s cubic-bezier(0.22, 1, 0.36, 1) 0.36s both;
}

.ls-hero-kicker .elementor-heading-title,
.ls-hero-kicker {
  color: var(--ls-store-primary, #E85D4A) !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  margin: 0 0 18px !important;
}

.ls-hero-title .elementor-heading-title,
.ls-hero-title {
  color: var(--ls-store-heading, #111827) !important;
  font-size: 46px !important;
  line-height: 1.04 !important;
  font-weight: 900 !important;
  letter-spacing: -1px !important;
  text-transform: uppercase !important;
  max-width: 480px !important;
  margin: 0 !important;
}

.ls-hero-title strong,
.ls-hero-title span {
  color: var(--ls-store-primary, #E85D4A) !important;
}

.ls-hero-copy,
.ls-hero-copy p {
  color: var(--ls-store-text, #4B5563) !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
  font-weight: 500 !important;
  max-width: 430px !important;
  margin: 22px 0 0 !important;
}

.ls-hero-copy::after {
  content: "";
  display: block;
  width: 64px;
  height: 4px;
  background: var(--ls-store-primary, #E85D4A);
  border-radius: 999px;
  margin-top: 22px;
}

/* Premium hero CTA */
body.home .ls-hero-button .elementor-button,
body.home .ls-hero-button a.elementor-button {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  min-height: 50px !important;
  padding: 14px 28px !important;
  margin-top: 34px !important;
  background: linear-gradient(135deg, var(--ls-store-primary, #E85D4A) 0%, #F27662 48%, var(--ls-store-primary-hover, #C93F31) 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.55) !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  box-shadow:
    0 16px 34px rgba(232, 93, 74, 0.34),
    0 6px 0 rgba(147, 42, 32, 0.20) !important;
  transform: translateY(0);
  transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease !important;
}

body.home .ls-hero-button .elementor-button::after,
body.home .ls-hero-button a.elementor-button::after {
  content: "→";
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.20);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  line-height: 1;
  transform: translateX(0);
  transition: transform 0.25s ease, background 0.25s ease;
}

body.home .ls-hero-button .elementor-button::before,
body.home .ls-hero-button a.elementor-button::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, 0.26) 38%, transparent 72%);
  transform: translateX(-120%);
  z-index: -1;
  transition: transform 0.65s ease;
}

body.home .ls-hero-button .elementor-button:hover,
body.home .ls-hero-button a.elementor-button:hover {
  background: linear-gradient(135deg, #F27662 0%, var(--ls-store-primary, #E85D4A) 45%, var(--ls-store-primary-hover, #C93F31) 100%) !important;
  transform: translateY(-3px);
  box-shadow:
    0 22px 44px rgba(232, 93, 74, 0.42),
    0 7px 0 rgba(147, 42, 32, 0.22) !important;
}

body.home .ls-hero-button .elementor-button:hover::before,
body.home .ls-hero-button a.elementor-button:hover::before {
  transform: translateX(120%);
}

body.home .ls-hero-button .elementor-button:hover::after,
body.home .ls-hero-button a.elementor-button:hover::after {
  transform: translateX(3px);
  background: rgba(255, 255, 255, 0.28);
}

@keyframes lsHeroContentIn {
  from { opacity: 0; transform: translate3d(-22px, 18px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes lsHeroImageIn {
  from { opacity: 0; transform: translate3d(26px, 20px, 0) scale(0.985); filter: blur(4px); }
  to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); filter: blur(0); }
}

@keyframes lsHeroTextUp {
  from { opacity: 0; transform: translate3d(0, 16px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes lsHeroButtonIn {
  from { opacity: 0; transform: translate3d(0, 14px, 0) scale(0.98); }
  to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}

@media (max-width: 1024px) and (min-width: 768px) {
  .ls-editorial-hero.ls-home-hero {
    min-height: 560px !important;
  }

  .ls-editorial-hero-content {
    width: 45% !important;
    min-height: 560px !important;
    padding: 70px 36px 70px 42px !important;
  }

  .ls-editorial-hero-image {
    width: 55% !important;
    min-height: 560px !important;
  }

  .ls-editorial-hero-image img {
    min-height: 560px !important;
  }

  .ls-hero-title .elementor-heading-title,
  .ls-hero-title {
    font-size: 38px !important;
  }

  .ls-hero-copy,
  .ls-hero-copy p {
    font-size: 15px !important;
  }
}

/* =========================================================
   04. MOBILE HERO - DIAGONAL SPLIT
   Elementor classes:
   Outer: ls-mobile-split-hero
   Text:  ls-mobile-split-copy
   Image: ls-mobile-split-image
========================================================= */

@media (min-width: 768px) {
  body.home .ls-mobile-split-hero {
    display: none !important;
  }
}

@media (max-width: 767px) {

  body.home .ls-desktop-hero,
  body.home .ls-editorial-hero.ls-home-hero {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  body.home .ls-mobile-split-hero {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-height: calc(100svh - 150px) !important;
    padding: 0 !important;
    margin: 0 !important;
    background: var(--ls-store-bg-outer, #F6EFE8) !important;
    overflow: hidden !important;
    position: relative !important;
    gap: 0 !important;
    row-gap: 0 !important;
  }

  body.home .ls-mobile-split-hero > .e-con-inner,
  body.home .ls-mobile-split-hero > .elementor-container {
    gap: 0 !important;
    row-gap: 0 !important;
  }

  body.home .ls-mobile-split-copy {
    width: 100% !important;
    min-height: 300px !important;
    padding: 26px 24px 78px 24px !important;
    background:
      radial-gradient(circle at 14% 16%, rgba(232, 93, 74, 0.10), transparent 34%),
      var(--ls-store-bg-inner, #FFFCF8) !important;
    clip-path: polygon(0 0, 100% 0, 100% 68%, 0 100%) !important;
    position: relative !important;
    z-index: 3 !important;
    text-align: left !important;
  }

  body.home .ls-mobile-split-copy::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 16%;
    width: 46%;
    height: 1px;
    background: rgba(232, 93, 74, 0.18);
  }

  body.home .ls-mobile-split-copy .elementor-widget,
  body.home .ls-mobile-split-copy .elementor-widget-container {
    margin: 0 !important;
    padding: 0 !important;
  }

  body.home .ls-mobile-split-copy .ls-hero-kicker,
  body.home .ls-mobile-split-copy .ls-hero-kicker .elementor-heading-title {
    color: var(--ls-store-primary, #E85D4A) !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
    letter-spacing: 0.16em !important;
    font-weight: 800 !important;
    margin: 0 0 12px 0 !important;
    text-align: left !important;
  }

  body.home .ls-mobile-split-copy .ls-hero-title,
  body.home .ls-mobile-split-copy .ls-hero-title .elementor-heading-title {
    color: var(--ls-store-heading, #101827) !important;
    font-size: 32px !important;
    line-height: 1.03 !important;
    letter-spacing: -0.04em !important;
    font-weight: 900 !important;
    margin: 0 0 12px 0 !important;
    text-align: left !important;
  }

  body.home .ls-mobile-split-copy .ls-hero-copy,
  body.home .ls-mobile-split-copy .ls-hero-copy .elementor-widget-container,
  body.home .ls-mobile-split-copy .ls-hero-copy p {
    color: rgba(16, 24, 39, 0.72) !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    font-weight: 500 !important;
    margin: 0 0 15px 0 !important;
    text-align: left !important;
    text-shadow: none !important;
  }

  body.home .ls-mobile-split-copy .ls-hero-button,
  body.home .ls-mobile-split-copy .elementor-button-wrapper {
    text-align: left !important;
  }

  body.home .ls-mobile-split-copy .ls-hero-button .elementor-button,
  body.home .ls-mobile-split-copy .elementor-button {
    min-height: 46px !important;
    padding: 12px 22px !important;
    font-size: 12px !important;
    letter-spacing: 0.09em !important;
    box-shadow:
      0 14px 30px rgba(232, 93, 74, 0.32),
      0 5px 0 rgba(147, 42, 32, 0.18) !important;
  }

  body.home .ls-mobile-split-copy .ls-hero-button .elementor-button::after,
  body.home .ls-mobile-split-copy .elementor-button::after {
    width: 22px;
    height: 22px;
    font-size: 14px;
  }

  body.home .ls-mobile-split-image {
    width: 100% !important;
    flex: 1 !important;
    min-height: 390px !important;
    margin-top: -145px !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    background: var(--ls-store-bg-soft, #FFF7F2) !important;
    overflow: hidden !important;
    clip-path: polygon(0 32%, 100% 0, 100% 100%, 0 100%) !important;
    position: relative !important;
    z-index: 2 !important;
    line-height: 0 !important;
  }

  body.home .ls-mobile-split-image .elementor-widget,
  body.home .ls-mobile-split-image .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    gap: 0 !important;
    line-height: 0 !important;
  }

  body.home .ls-mobile-split-image img {
    width: 100% !important;
    height: 100% !important;
    min-height: 390px !important;
    object-fit: cover !important;
    object-position: center center !important;
    display: block !important;
    margin-bottom: -2px !important;
  }
}


/* =========================================================
   05. NEW ARRIVALS
   Desktop: champagne panel
   Mobile: premium heading + premium EAEL product card board
========================================================= */


/* =========================
   DESKTOP NEW ARRIVALS PANEL + HEADING
========================= */

.ls-arrivals-showcase {
  position: relative !important;
  overflow: visible !important;
  min-height: 420px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.ls-arrivals-showcase::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 365px;
  z-index: 6;
  background: linear-gradient(135deg, #fff8ef 0%, #f3e2cb 42%, #d9b98c 100%);
  clip-path: polygon(0 0, 100% 0, 82% 100%, 0 100%);
  box-shadow: 20px 0 45px rgba(120, 84, 34, 0.16);
  pointer-events: none;
}

.ls-arrivals-showcase::after {
  content: "";
  position: absolute;
  left: 0;
  top: 88px;
  width: 5px;
  height: 96px;
  z-index: 8;
  background: var(--ls-store-primary, #E85D4A);
  border-radius: 0 20px 20px 0;
  pointer-events: none;
}

.ls-arrivals-heading {
  position: absolute !important;
  top: 102px !important;
  left: 42px !important;
  z-index: 9 !important;
  width: 250px !important;
  pointer-events: none !important;
}

.ls-arrivals-heading .elementor-heading-title {
  color: var(--ls-store-heading, #111827) !important;
  font-size: 34px !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  margin: 0 !important;
}

.ls-arrivals-heading::after {
  display: none !important;
  content: none !important;
}

.ls-arrivals-copy {
  position: absolute !important;
  top: 258px !important;
  left: 42px !important;
  z-index: 9 !important;
  width: 245px !important;
  pointer-events: none !important;
}

.ls-arrivals-copy,
.ls-arrivals-copy p {
  color: var(--ls-store-text, #4B5563) !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  font-weight: 500 !important;
  margin: 0 !important;
}

/* Existing coral underline */
.ls-arrivals-copy::after {
  content: "";
  display: block;
  width: 68px;
  height: 4px;
  background: var(--ls-store-primary, #E85D4A);
  border-radius: 30px;
  margin-top: 18px;
}

/* Desktop swipe hint because New Arrivals autoplay is OFF */
@media (min-width: 768px) {
  body.home .ls-arrivals-copy p::after {
    content: "Swipe for more →";
    display: block;
    margin-top: 16px;

    color: var(--ls-store-primary, #E85D4A);
    font-size: 10px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: 0.14em;
    text-transform: uppercase;
  }
}


/* =========================
   MOBILE NEW ARRIVALS HEADING ONLY
========================= */

@media (max-width: 767px) {

  .ls-arrivals-showcase {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    min-height: auto !important;
    margin: 0 auto !important;
    padding-top: 38px !important;
    padding-bottom: 42px !important;
    background: var(--ls-store-bg-inner, #FFFCF8) !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  .ls-arrivals-showcase::before,
  .ls-arrivals-showcase::after {
    display: none !important;
    content: none !important;
  }

  .ls-arrivals-showcase.elementor-invisible,
  .ls-arrivals-showcase .elementor-invisible,
  .ls-arrivals-showcase.animated,
  .ls-arrivals-showcase .animated {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    animation: none !important;
    transition: none !important;
  }

  .ls-arrivals-heading,
  .ls-arrivals-showcase .ls-arrivals-heading,
  .ls-arrivals-heading.elementor-widget-heading {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;

    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto 34px !important;
    padding: 0 22px !important;

    background: transparent !important;
    clip-path: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    text-align: center !important;
    z-index: 3 !important;
    transform: none !important;
    pointer-events: none !important;
  }

  .ls-arrivals-heading .elementor-widget-container {
    position: relative !important;
  }

  .ls-arrivals-heading::before {
    content: "FRESH PICKS";
    display: block !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 0 8px !important;
    padding: 0 !important;

    background: transparent !important;
    color: var(--ls-store-primary, #E85D4A) !important;

    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: 2.8px !important;
    text-transform: uppercase !important;
    text-align: center !important;
  }

  .ls-arrivals-heading::after {
    content: "";
    display: block !important;
    position: static !important;
    width: 54px !important;
    height: 3px !important;
    margin: 12px auto 0 !important;
    background: var(--ls-store-primary, #E85D4A) !important;
    border-radius: 999px !important;
    transform: none !important;
  }

  .ls-arrivals-heading .elementor-heading-title {
    color: var(--ls-store-heading, #111827) !important;
    font-size: 26px !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .ls-arrivals-heading .elementor-widget-container::after {
    content: "Swipe for more →";
    position: absolute !important;
    right: 0;
    bottom: -36px;

    display: block !important;
    color: var(--ls-store-primary, #E85D4A) !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;

    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;

    z-index: 5 !important;
    pointer-events: none !important;
  }

  .ls-arrivals-copy,
  .ls-arrivals-copy::after {
    display: none !important;
  }
}


/* =========================================================
   NEW ARRIVALS PRODUCT CAROUSEL POLISH ONLY
   EAEL Product Carousel
   Desktop + Mobile
========================================================= */


/* =========================
   DESKTOP PRODUCT CAROUSEL
========================= */

body.home .ls-arrivals-carousel {
  position: relative !important;
  z-index: 1 !important;
}

/* EA product card outer */
body.home .ls-arrivals-carousel .eael-product-carousel .product,
body.home .ls-arrivals-carousel .eael-product-carousel li.product {
  background: transparent !important;
}

/* Product card inner */
body.home .ls-arrivals-carousel .eael-product-carousel .product {
  border-radius: 22px !important;
  overflow: hidden !important;
  background: #FFFFFF !important;
  border: 1px solid #F1E3D5 !important;
  box-shadow: 0 14px 30px rgba(120, 84, 34, 0.08) !important;
  transition: transform 0.28s ease, box-shadow 0.28s ease !important;
}

body.home .ls-arrivals-carousel .eael-product-carousel .product:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 22px 46px rgba(120, 84, 34, 0.13) !important;
}

/* Product image area */
body.home .ls-arrivals-carousel .eael-product-carousel .product-image-wrap {
  background:
    radial-gradient(circle at center, rgba(255,255,255,0.86), transparent 58%),
    #F8F5F0 !important;
  min-height: 340px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

body.home .ls-arrivals-carousel .eael-product-carousel .product-image-wrap img {
  width: 100% !important;
  height: 340px !important;
  object-fit: contain !important;
  padding: 18px !important;
  transform: scale(1.04) !important;
  transition: transform 0.42s ease !important;
}

body.home .ls-arrivals-carousel .eael-product-carousel .product:hover .product-image-wrap img {
  transform: scale(1.10) !important;
}

/* Action strip */
body.home .ls-arrivals-carousel .eael-product-carousel .icons-wrap,
body.home .ls-arrivals-carousel .eael-product-carousel .eael-product-actions {
  background: rgba(30, 26, 24, 0.90) !important;
}

body.home .ls-arrivals-carousel .eael-product-carousel .icons-wrap a,
body.home .ls-arrivals-carousel .eael-product-carousel .eael-product-actions a {
  color: #ffffff !important;
}

body.home .ls-arrivals-carousel .eael-product-carousel .icons-wrap a:hover,
body.home .ls-arrivals-carousel .eael-product-carousel .eael-product-actions a:hover {
  background: var(--ls-store-primary, #E85D4A) !important;
  color: #ffffff !important;
}

/* Product details */
body.home .ls-arrivals-carousel .eael-product-carousel .product-details-wrap {
  background: var(--ls-store-bg-soft, #FFF7F2) !important;
  padding: 16px 18px 18px !important;
  border-top: 1px solid #F1E3D5 !important;
  text-align: left !important;
}

/* Product title */
body.home .ls-arrivals-carousel .eael-product-carousel .eael-product-title,
body.home .ls-arrivals-carousel .eael-product-carousel .eael-product-title h2,
body.home .ls-arrivals-carousel .eael-product-carousel .eael-product-title a {
  color: var(--ls-store-heading, #101827) !important;
  font-size: 15px !important;
  line-height: 1.28 !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  text-align: left !important;
  margin: 0 0 8px !important;
  text-decoration: none !important;
}

/* Product price */
body.home .ls-arrivals-carousel .eael-product-carousel .eael-product-price {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  width: auto !important;

  padding: 7px 12px !important;

  color: var(--ls-store-primary, #E85D4A) !important;
  font-size: 17px !important;
  font-weight: 750 !important;
  line-height: 1.15 !important;
}

body.home .ls-arrivals-carousel .eael-product-carousel .eael-product-price *,
body.home .ls-arrivals-carousel .eael-product-carousel .eael-product-price bdi,
body.home .ls-arrivals-carousel .eael-product-carousel .eael-product-price .amount {
  color: var(--ls-store-primary, #E85D4A) !important;
  font-weight: 750 !important;
}

body.home .ls-arrivals-carousel .eael-product-carousel .eael-product-price del,
body.home .ls-arrivals-carousel .eael-product-carousel .eael-product-price del * {
  color: #9CA3AF !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

/* Sale / out of stock badges */
body.home .ls-arrivals-carousel .eael-product-carousel .onsale,
body.home .ls-arrivals-carousel .eael-product-carousel .outofstock-badge,
body.home .ls-arrivals-carousel .eael-product-carousel .eael-onsale {
  background: var(--ls-store-primary, #E85D4A) !important;
  color: #ffffff !important;
  font-weight: 900 !important;
  box-shadow: 0 10px 22px rgba(232, 93, 74, 0.25) !important;
}

/* Carousel arrows */
body.home .ls-arrivals-carousel .swiper-button-prev,
body.home .ls-arrivals-carousel .swiper-button-next,
body.home .ls-arrivals-carousel .slick-arrow,
body.home .ls-arrivals-carousel .owl-prev,
body.home .ls-arrivals-carousel .owl-next,
body.home .ls-arrivals-carousel button[class*="prev"],
body.home .ls-arrivals-carousel button[class*="next"] {
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;

  background: rgba(255, 252, 248, 0.96) !important;
  border: 1px solid rgba(232, 93, 74, 0.20) !important;
  color: var(--ls-store-primary, #E85D4A) !important;

  box-shadow: 0 14px 30px rgba(23, 23, 23, 0.12) !important;
  z-index: 20 !important;
}


/* =========================
   MOBILE PRODUCT CAROUSEL
========================= */

@media (max-width: 767px) {

  /* Carousel premium board */
  body.home .ls-arrivals-carousel {
    position: relative !important;
    width: calc(100% - 28px) !important;
    max-width: 430px !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 14px !important;

    background: var(--ls-store-bg-inner, #FFFCF8) !important;
    border: 1px solid #F1E3D5 !important;
    border-radius: 28px !important;
    box-shadow: 0 16px 34px rgba(120, 84, 34, 0.08) !important;

    z-index: 1 !important;
    transform: none !important;
    overflow: visible !important;
  }

  body.home .ls-arrivals-carousel .eael-product-carousel .product,
  body.home .ls-arrivals-carousel .eael-product-carousel li.product {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    border-radius: 20px !important;
  }

  /* Mobile image area */
  body.home .ls-arrivals-carousel .eael-product-carousel .product-image-wrap {
    height: 300px !important;
    min-height: 300px !important;
  }

  body.home .ls-arrivals-carousel .eael-product-carousel .product-image-wrap img {
    height: 300px !important;
    max-height: 300px !important;
    object-fit: contain !important;
    padding: 10px !important;
    transform: scale(1.12) !important;
  }

  /* Mobile action strip */
  body.home .ls-arrivals-carousel .eael-product-carousel .icons-wrap,
  body.home .ls-arrivals-carousel .eael-product-carousel .eael-product-actions {
    min-height: 38px !important;
    background: rgba(30, 26, 24, 0.92) !important;
  }

  /* Mobile product details */
  body.home .ls-arrivals-carousel .eael-product-carousel .product-details-wrap {
    background: var(--ls-store-bg-soft, #FFF7F2) !important;
    padding: 16px 18px 22px !important;
    min-height: 118px !important;
    text-align: left !important;
  }

  body.home .ls-arrivals-carousel .eael-product-carousel .eael-product-title,
  body.home .ls-arrivals-carousel .eael-product-carousel .eael-product-title h2,
  body.home .ls-arrivals-carousel .eael-product-carousel .eael-product-title a {
    font-size: 18px !important;
    line-height: 1.22 !important;
    font-weight: 950 !important;
    margin: 0 0 12px !important;
  }

  body.home .ls-arrivals-carousel .eael-product-carousel .eael-product-price {
    padding: 8px 14px !important;
    background: rgba(232, 93, 74, 0.11) !important;
    border: 1px solid rgba(232, 93, 74, 0.16) !important;
    border-radius: 999px !important;
    font-size: 20px !important;
    font-weight: 950 !important;
  }

  body.home .ls-arrivals-carousel .eael-product-carousel .eael-product-price *,
  body.home .ls-arrivals-carousel .eael-product-carousel .eael-product-price bdi,
  body.home .ls-arrivals-carousel .eael-product-carousel .eael-product-price .amount {
    color: var(--ls-store-primary, #E85D4A) !important;
    font-size: 20px !important;
    font-weight: 950 !important;
  }

  /* Mobile arrows */
  body.home .ls-arrivals-carousel .swiper-button-prev,
  body.home .ls-arrivals-carousel .swiper-button-next,
  body.home .ls-arrivals-carousel .slick-arrow,
  body.home .ls-arrivals-carousel .owl-prev,
  body.home .ls-arrivals-carousel .owl-next,
  body.home .ls-arrivals-carousel button[class*="prev"],
  body.home .ls-arrivals-carousel button[class*="next"] {
    width: 34px !important;
    height: 34px !important;
  }

  body.home .ls-arrivals-carousel .swiper-button-prev,
  body.home .ls-arrivals-carousel .slick-prev,
  body.home .ls-arrivals-carousel .owl-prev,
  body.home .ls-arrivals-carousel button[class*="prev"] {
    left: -11px !important;
  }

  body.home .ls-arrivals-carousel .swiper-button-next,
  body.home .ls-arrivals-carousel .slick-next,
  body.home .ls-arrivals-carousel .owl-next,
  body.home .ls-arrivals-carousel button[class*="next"] {
    right: -11px !important;
  }
}


/* =========================
   ELEMENTOR EDITOR SAFETY
========================= */

body.elementor-editor-active .ls-arrivals-showcase,
body.elementor-editor-active .ls-arrivals-showcase * {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  animation: none !important;
}

body.elementor-editor-active .ls-arrivals-showcase {
  min-height: 420px !important;
  overflow: visible !important;
}

body.elementor-editor-active .ls-arrivals-heading,
body.elementor-editor-active .ls-arrivals-copy {
  pointer-events: auto !important;
}
/* =========================================================
   06. COLLECTION SHOWCASE
   Desktop: big storyboard + 3-card category slider
   Mobile: storyboard top + 1 wide card + 2 cards slider
========================================================= */

/* Tablet: hide custom collection to avoid broken middle layout */
@media (min-width: 768px) and (max-width: 1024px) {
  .ls-collection-showcase {
    display: none !important;
  }
}

/* Desktop Collection */
@media (min-width: 1025px) {

  .ls-collection-shortcode-section,
  .ls-collection-shortcode-section > .e-con-inner,
  .ls-collection-shortcode-section > .elementor-container,
  .ls-collection-shortcode-section .elementor-widget-shortcode,
  .ls-collection-shortcode-section .elementor-widget-container,
  .ls-collection-shortcode-section .elementor-shortcode {
    width: 100% !important;
    max-width: none !important;
  }

  body.home .ls-collection-showcase {
    width: calc(100vw - 120px) !important;
    max-width: 1560px !important;
    margin-left: 50% !important;
    margin-right: 0 !important;
    transform: translateX(-50%) !important;
    margin-top: 54px !important;
    margin-bottom: 68px !important;
    display: grid !important;
    grid-template-columns: 45% 55% !important;
    gap: 28px !important;
    align-items: stretch !important;
    background: var(--ls-store-bg-inner, #FFFCF8) !important;
  }

  body.home .ls-collection-copy {
    height: 440px !important;
    min-height: 440px !important;
    padding: 48px 56px !important;
    border-radius: 26px !important;
    border: 1px solid #F1E3D5 !important;
    background:
      radial-gradient(circle at 12% 16%, rgba(232, 93, 74, 0.11), transparent 34%),
      linear-gradient(145deg, var(--ls-store-bg-soft, #FFF7F2) 0%, var(--ls-store-bg-inner, #FFFCF8) 100%) !important;
    box-shadow: 0 18px 42px rgba(120, 84, 34, 0.08) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    position: relative !important;
    overflow: hidden !important;
  }

  body.home .ls-collection-copy::before {
    content: "";
    position: absolute;
    left: -85px;
    top: -70px;
    width: 220px;
    height: 150%;
    background: linear-gradient(180deg, rgba(232, 93, 74, 0.12), rgba(255, 247, 242, 0.02));
    transform: rotate(-10deg);
    z-index: 0;
    pointer-events: none;
  }

  body.home .ls-collection-copy::after {
    content: "";
    position: absolute;
    right: -45px !important;
    bottom: -58px !important;
    width: 180px !important;
    height: 180px !important;
    border-radius: 50% !important;
    background: rgba(232, 93, 74, 0.075) !important;
    z-index: 0 !important;
    pointer-events: none;
  }

  body.home .ls-collection-kicker {
    position: relative !important;
    z-index: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    color: var(--ls-store-primary, #E85D4A) !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    margin-bottom: 18px !important;
  }

  body.home .ls-collection-kicker::before {
    content: "";
    width: 34px;
    height: 2px;
    background: var(--ls-store-primary, #E85D4A);
    border-radius: 999px;
    display: inline-block;
  }

  body.home .ls-collection-copy h2 {
    position: relative !important;
    z-index: 2 !important;
    max-width: 500px !important;
    color: var(--ls-store-heading, #101827) !important;
    font-size: clamp(46px, 3.2vw, 62px) !important;
    line-height: 0.96 !important;
    font-weight: 950 !important;
    letter-spacing: -0.055em !important;
    margin: 0 0 24px 0 !important;
  }

  body.home .ls-collection-copy h2::after {
    content: "";
    display: block;
    width: 74px;
    height: 4px;
    background: linear-gradient(90deg, var(--ls-store-primary, #E85D4A), rgba(232, 93, 74, 0.18));
    border-radius: 999px;
    margin-top: 22px;
  }

  body.home .ls-collection-copy p {
    position: relative !important;
    z-index: 2 !important;
    max-width: 455px !important;
    color: rgba(16, 24, 39, 0.68) !important;
    font-size: 16px !important;
    line-height: 1.78 !important;
    font-weight: 500 !important;
    letter-spacing: 0.01em !important;
    margin: 0 !important;
  }

  body.home .ls-collection-copy p::after {
    content: "Curated category picks for easy shopping";
    display: block;
    margin-top: 24px;
    color: rgba(16, 24, 39, 0.46);
    font-size: 12px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
  }

  body.home .ls-collection-slider {
    position: relative !important;
    min-width: 0 !important;
    border-radius: 28px !important;
  }

  body.home .ls-collection-window {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    border-radius: 28px !important;
  }

  body.home .ls-collection-track {
    display: flex !important;
    width: 100% !important;
    height: 100% !important;
    transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1) !important;
  }

  body.home .ls-collection-slide {
    min-width: 100% !important;
    display: grid !important;
    grid-template-columns: 54% 43% !important;
    gap: 22px !important;
    align-items: stretch !important;
  }

  body.home .ls-collection-stack {
    display: grid !important;
    grid-template-rows: 1fr 1fr !important;
    gap: 22px !important;
  }

  body.home .ls-collection-card {
    position: relative !important;
    display: block !important;
    overflow: hidden !important;
    background: #F8F5F0 !important;
    border: 1px solid #F1E3D5 !important;
    border-radius: 26px !important;
    text-decoration: none !important;
    box-shadow: 0 16px 36px rgba(120, 84, 34, 0.09) !important;
    transition: transform 0.28s ease, box-shadow 0.28s ease !important;
  }

  body.home .ls-collection-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 24px 48px rgba(120, 84, 34, 0.14) !important;
  }

  body.home .ls-collection-card-large {
    height: 440px !important;
    min-height: 440px !important;
  }

  body.home .ls-collection-card-small {
    height: 209px !important;
    min-height: 209px !important;
  }

  body.home .ls-collection-img {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    background:
      radial-gradient(circle at center, rgba(255, 255, 255, 0.8), transparent 58%),
      #F8F5F0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  body.home .ls-collection-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    padding: 8px !important;
    transform: scale(1.20) !important;
    transition: transform 0.45s ease !important;
  }

  body.home .ls-collection-card-small .ls-collection-img img {
    padding: 6px !important;
    transform: scale(1.24) !important;
  }

  body.home .ls-collection-card:hover .ls-collection-img img {
    transform: scale(1.28) !important;
  }

  body.home .ls-collection-card-small:hover .ls-collection-img img {
    transform: scale(1.32) !important;
  }

  body.home .ls-collection-info {
    position: absolute !important;
    left: 16px !important;
    right: 16px !important;
    bottom: 14px !important;
    background: rgba(255, 252, 248, 0.95) !important;
    border: 1px solid rgba(232, 93, 74, 0.14) !important;
    border-radius: 999px !important;
    padding: 10px 15px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    box-shadow: 0 12px 28px rgba(23, 23, 23, 0.10) !important;
  }

  body.home .ls-collection-info strong {
    color: var(--ls-store-heading, #111827) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
  }

  body.home .ls-collection-info span {
    color: var(--ls-store-primary, #E85D4A) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  body.home .ls-collection-arrow {
    position: absolute !important;
    top: 50% !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(232, 93, 74, 0.20) !important;
    background: rgba(255, 252, 248, 0.96) !important;
    color: var(--ls-store-primary, #E85D4A) !important;
    font-size: 34px !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 5 !important;
    cursor: pointer !important;
    box-shadow: 0 14px 32px rgba(23, 23, 23, 0.12) !important;
    transform: translateY(-50%) !important;
    transition: transform 0.22s ease, background 0.22s ease, color 0.22s ease !important;
  }

  body.home .ls-collection-arrow:hover {
    background: var(--ls-store-primary, #E85D4A) !important;
    color: #ffffff !important;
    transform: translateY(-50%) scale(1.06) !important;
  }

  body.home .ls-collection-prev {
    left: -21px !important;
  }

  body.home .ls-collection-next {
    right: -21px !important;
  }

  body.home .ls-collection-slider.single-slide .ls-collection-arrow {
    display: none !important;
  }
}

/* Mobile Collection */
@media (max-width: 767px) {

  body.home .ls-collection-showcase {
    display: block !important;
    width: calc(100% - 28px) !important;
    max-width: 100% !important;
    margin: 42px auto 52px !important;
    padding: 0 !important;
    background: transparent !important;
    transform: none !important;
    overflow: visible !important;
  }

  body.home .ls-collection-copy {
    width: 100% !important;
    height: auto !important;
    min-height: auto !important;
    margin: 0 0 16px 0 !important;
    padding: 24px 22px 22px !important;
    background:
      radial-gradient(circle at 12% 16%, rgba(232, 93, 74, 0.12), transparent 34%),
      linear-gradient(145deg, var(--ls-store-bg-soft, #FFF7F2) 0%, var(--ls-store-bg-inner, #FFFCF8) 100%) !important;
    border: 1px solid #F1E3D5 !important;
    border-radius: 28px !important;
    box-shadow: 0 14px 32px rgba(120, 84, 34, 0.08) !important;
    text-align: left !important;
    overflow: hidden !important;
  }

  body.home .ls-collection-copy::before {
    display: none !important;
  }

  body.home .ls-collection-copy::after {
    right: -45px !important;
    bottom: -55px !important;
    width: 130px !important;
    height: 130px !important;
    background: rgba(232, 93, 74, 0.07) !important;
  }

  body.home .ls-collection-kicker {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    color: var(--ls-store-primary, #E85D4A) !important;
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: 0.17em !important;
    text-transform: uppercase !important;
    margin: 0 0 10px !important;
  }

  body.home .ls-collection-kicker::before {
    content: "";
    width: 24px !important;
    height: 2px !important;
    background: var(--ls-store-primary, #E85D4A) !important;
    border-radius: 999px !important;
    display: inline-block !important;
  }

  body.home .ls-collection-copy h2 {
    color: var(--ls-store-heading, #101827) !important;
    font-size: 30px !important;
    line-height: 1.02 !important;
    font-weight: 950 !important;
    letter-spacing: -0.05em !important;
    margin: 0 0 10px !important;
  }

  body.home .ls-collection-copy h2::after {
    content: "";
    display: block !important;
    width: 52px !important;
    height: 3px !important;
    background: linear-gradient(90deg, var(--ls-store-primary, #E85D4A), rgba(232, 93, 74, 0.18)) !important;
    border-radius: 999px !important;
    margin-top: 13px !important;
  }

  body.home .ls-collection-copy p {
    color: rgba(16, 24, 39, 0.68) !important;
    font-size: 13.5px !important;
    line-height: 1.55 !important;
    font-weight: 500 !important;
    margin: 0 !important;
  }

  body.home .ls-collection-copy p::after {
    display: none !important;
  }

  body.home .ls-collection-slider {
    width: 100% !important;
    position: relative !important;
    overflow: visible !important;
    border-radius: 28px !important;
  }

  body.home .ls-collection-window {
    width: 100% !important;
    overflow: hidden !important;
    border-radius: 28px !important;
    padding: 14px !important;
    background: var(--ls-store-bg-inner, #FFFCF8) !important;
    border: 1px solid #F1E3D5 !important;
    box-shadow: 0 16px 34px rgba(120, 84, 34, 0.08) !important;
  }

  body.home .ls-collection-track {
    display: flex !important;
    width: 100% !important;
    height: auto !important;
    transition: transform 0.55s cubic-bezier(0.22, 1, 0.36, 1) !important;
  }

  body.home .ls-collection-slide {
    min-width: 100% !important;
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  body.home .ls-collection-stack {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
  }

  body.home .ls-collection-card,
  body.home .ls-collection-card-large,
  body.home .ls-collection-card-small {
    width: 100% !important;
    display: block !important;
    position: relative !important;
    overflow: hidden !important;
    background: #F8F5F0 !important;
    border: 1px solid #F1E3D5 !important;
    border-radius: 20px !important;
    box-shadow: 0 12px 26px rgba(120, 84, 34, 0.08) !important;
    text-decoration: none !important;
  }

  body.home .ls-collection-card-large {
    height: 185px !important;
    min-height: 185px !important;
  }

  body.home .ls-collection-card-small {
    height: 165px !important;
    min-height: 165px !important;
  }

  body.home .ls-collection-img {
    width: 100% !important;
    height: 100% !important;
    background:
      radial-gradient(circle at center, rgba(255,255,255,0.86), transparent 58%),
      #F8F5F0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

  body.home .ls-collection-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    padding: 8px !important;
    transform: scale(1.16) !important;
  }

  body.home .ls-collection-card-small .ls-collection-img img {
    padding: 7px !important;
    transform: scale(1.18) !important;
  }

  body.home .ls-collection-info {
    position: absolute !important;
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    background: rgba(255, 252, 248, 0.96) !important;
    border: 1px solid rgba(232, 93, 74, 0.14) !important;
    border-radius: 999px !important;
    padding: 9px 11px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-shadow: 0 10px 22px rgba(23, 23, 23, 0.10) !important;
  }

  body.home .ls-collection-info strong {
    color: var(--ls-store-heading, #101827) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
  }

  body.home .ls-collection-info span {
    color: var(--ls-store-primary, #E85D4A) !important;
    font-size: 0 !important;
    font-weight: 850 !important;
    white-space: nowrap !important;
  }

  body.home .ls-collection-info span::after {
    content: "→";
    font-size: 13px !important;
    color: var(--ls-store-primary, #E85D4A) !important;
  }

  body.home .ls-collection-arrow {
    display: flex !important;
    position: absolute !important;
    top: 58% !important;
    transform: translateY(-50%) !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    background: rgba(255, 252, 248, 0.96) !important;
    border: 1px solid rgba(232, 93, 74, 0.20) !important;
    color: var(--ls-store-primary, #E85D4A) !important;
    font-size: 26px !important;
    line-height: 1 !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 10 !important;
    box-shadow: 0 12px 24px rgba(23, 23, 23, 0.12) !important;
  }

  body.home .ls-collection-prev {
    left: -11px !important;
  }

  body.home .ls-collection-next {
    right: -11px !important;
  }
}



/* =========================================================
   07. SCROLL REVEAL + EDITOR SAFETY
========================================================= */

@media (max-width: 767px) {
  .ls-scroll-reveal {
    opacity: 0 !important;
    visibility: visible !important;
    transform: translateY(46px) !important;
    transition:
      opacity 1.05s cubic-bezier(0.22, 1, 0.36, 1),
      transform 1.05s cubic-bezier(0.22, 1, 0.36, 1) !important;
    will-change: opacity, transform;
  }

  .ls-scroll-reveal.is-visible {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }

  .ls-arrivals-showcase.ls-scroll-reveal {
    animation: none !important;
  }

  .ls-arrivals-showcase.ls-scroll-reveal.is-visible {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }
}

@media (min-width: 768px) {
  .ls-scroll-reveal {
    opacity: 0 !important;
    visibility: visible !important;
    transform: translateY(42px) !important;
    transition:
      opacity 1s cubic-bezier(0.22, 1, 0.36, 1),
      transform 1s cubic-bezier(0.22, 1, 0.36, 1) !important;
    will-change: opacity, transform;
  }

  .ls-scroll-reveal.is-visible {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }
}

/* Editor safety */
body.elementor-editor-active .ls-scroll-reveal,
body.elementor-editor-active .ls-arrivals-showcase,
body.elementor-editor-active .ls-arrivals-showcase *,
body.elementor-editor-active .elementor-invisible,
body.elementor-editor-active .animated {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  animation: none !important;
}

body.elementor-editor-active .ls-arrivals-showcase {
  min-height: 420px !important;
  overflow: visible !important;
}

body.elementor-editor-active .ls-arrivals-heading,
body.elementor-editor-active .ls-arrivals-copy {
  pointer-events: auto !important;
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
  .ls-editorial-hero-content,
  .ls-editorial-hero-image,
  .ls-hero-kicker,
  .ls-hero-title,
  .ls-hero-copy,
  .ls-hero-button,
  .ls-scroll-reveal {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    transition: none !important;
  }

  .ls-hero-button a,
  .ls-hero-button .elementor-button {
    transition: none !important;
  }
}


/* =====================================================
   NEW ARRIVALS MOBILE - EAEL EXACT TITLE + PRICE PREMIUM FIX
   Widget: Essential Addons Product Carousel
===================================================== */

@media (max-width: 767px) {

  /* Product details area */
  body.home .ls-arrivals-carousel .eael-product-carousel .product-details-wrap {
    background: var(--ls-store-bg-soft, #FFF7F2) !important;
    padding: 16px 18px 18px !important;
    border-top: 1px solid #F1E3D5 !important;
    text-align: left !important;
  }

  
  /* Product title wrapper */
  body.home .ls-arrivals-carousel .eael-product-carousel .eael-product-title {
    margin: 0 0 8px !important;
    padding: 0 !important;
    text-align: left !important;
  }

  /* Product title text */
  body.home .ls-arrivals-carousel .eael-product-carousel .eael-product-title h2,
  body.home .ls-arrivals-carousel .eael-product-carousel .eael-product-title a,
  body.home .ls-arrivals-carousel .eael-product-carousel .eael-product-title a h2 {
    color: var(--ls-store-heading, #101827) !important;
    font-size: 18px !important;
    line-height: 1.22 !important;
    font-weight: 650 !important;
    letter-spacing: -0.02em !important;
    text-align: left !important;
    margin: 0 !important;
    padding: 0 !important;
    text-decoration: none !important;
  }

  /* Price wrapper */
  body.home .ls-arrivals-carousel .eael-product-carousel .eael-product-price {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;

    width: auto !important;
    margin: 0 !important;
    padding: 8px 14px !important;

    

    color: var(--ls-store-primary, #E85D4A) !important;
    text-align: left !important;
  }

  /* Price text */
  body.home .ls-arrivals-carousel .eael-product-carousel .eael-product-price,
  body.home .ls-arrivals-carousel .eael-product-carousel .eael-product-price *,
  body.home .ls-arrivals-carousel .eael-product-carousel .eael-product-price .amount,
  body.home .ls-arrivals-carousel .eael-product-carousel .eael-product-price bdi {
    color: var(--ls-store-primary, #E85D4A) !important;
    font-size: 20px !important;
    line-height: 1.15 !important;
    font-weight: 950 !important;
    letter-spacing: -0.02em !important;
  }

  /* Old price if product has sale */
  body.home .ls-arrivals-carousel .eael-product-carousel .eael-product-price del,
  body.home .ls-arrivals-carousel .eael-product-carousel .eael-product-price del *,
  body.home .ls-arrivals-carousel .eael-product-carousel .eael-product-price del bdi {
    color: #9CA3AF !important;
    font-size: 13px !important;
    font-weight: 700 !important;
  }

  /* Slightly reduce action strip height so title/price gets more attention */
  body.home .ls-arrivals-carousel .eael-product-carousel .icons-wrap,
  body.home .ls-arrivals-carousel .eael-product-carousel .eael-product-actions {
    min-height: 34px !important;
  }
}

/* =====================================================
   MOBILE GAP FIX - NEW ARRIVALS TO COLLECTION
===================================================== */

@media (max-width: 767px) {

  body.home .ls-arrivals-showcase {
    padding-bottom: 12px !important;
    margin-bottom: 0 !important;
  }

  body.home .ls-arrivals-carousel {
    margin-bottom: 0 !important;
    padding-bottom: 10px !important;
  }

  body.home .ls-collection-showcase {
    margin-top: 14px !important;
  }
}
/* =====================================================
   BEST SELLERS - PREMIUM EDITORIAL PRODUCT CAROUSEL
   EA Woo Product Carousel
   Desktop + Mobile final clubbed version
===================================================== */


/* =========================
   BEST SELLERS SECTION
========================= */

body.home .ls-bestsellers-showcase {
  position: relative !important;
  padding: 62px 0 72px !important;
  background:
    radial-gradient(circle at 8% 8%, rgba(232, 93, 74, 0.08), transparent 30%),
    var(--ls-store-bg-inner, #FFFCF8) !important;
  overflow: hidden !important;
}


/* =========================
   BEST SELLERS HEADING
========================= */

body.home .ls-bestsellers-heading {
  position: relative !important;
  width: calc(100% - 64px) !important;
  max-width: 1480px !important;
  margin: 0 auto 30px !important;
  padding: 0 !important;
}

body.home .ls-bestsellers-heading::before {
  content: "Customer favourites";
  display: block;
  color: var(--ls-store-primary, #E85D4A);
  font-size: 12px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0.20em;
  text-transform: uppercase;
  margin-bottom: 12px;
}

body.home .ls-bestsellers-heading .elementor-heading-title {
  color: var(--ls-store-heading, #111827) !important;
  font-size: clamp(32px, 2.8vw, 48px) !important;
  line-height: 1.02 !important;
  font-weight: 950 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;
  margin: 0 !important;
}

body.home .ls-bestsellers-heading::after {
  content: "";
  display: block;
  width: 74px;
  height: 4px;
  background: linear-gradient(90deg, var(--ls-store-primary, #E85D4A), rgba(232, 93, 74, 0.18));
  border-radius: 999px;
  margin-top: 18px;
}


/* =========================
   BEST SELLERS CAROUSEL BOARD
========================= */

body.home .ls-bestsellers-carousel {
  width: calc(100% - 64px) !important;
  max-width: 1480px !important;
  margin: 0 auto !important;
  position: relative !important;
}


/* =========================
   EA PRODUCT CARD - DESKTOP
========================= */

body.home .ls-bestsellers-carousel .eael-product-carousel .product,
body.home .ls-bestsellers-carousel .eael-product-carousel li.product {
  background: transparent !important;
}

body.home .ls-bestsellers-carousel .eael-product-carousel .product {
  border-radius: 22px !important;
  overflow: hidden !important;
  background: #FFFFFF !important;
  border: 1px solid #F1E3D5 !important;
  box-shadow: 0 14px 30px rgba(120, 84, 34, 0.08) !important;
  transition: transform 0.28s ease, box-shadow 0.28s ease !important;
}

body.home .ls-bestsellers-carousel .eael-product-carousel .product:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 22px 46px rgba(120, 84, 34, 0.13) !important;
}


/* Product image area */

body.home .ls-bestsellers-carousel .eael-product-carousel .product-image-wrap {
  background:
    radial-gradient(circle at center, rgba(255,255,255,0.86), transparent 58%),
    #F8F5F0 !important;
  min-height: 340px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

body.home .ls-bestsellers-carousel .eael-product-carousel .product-image-wrap img {
  width: 100% !important;
  height: 340px !important;
  object-fit: contain !important;
  padding: 18px !important;
  transform: scale(1.04) !important;
  transition: transform 0.42s ease !important;
}

body.home .ls-bestsellers-carousel .eael-product-carousel .product:hover .product-image-wrap img {
  transform: scale(1.10) !important;
}


/* Action strip */

body.home .ls-bestsellers-carousel .eael-product-carousel .icons-wrap,
body.home .ls-bestsellers-carousel .eael-product-carousel .eael-product-actions {
  background: rgba(30, 26, 24, 0.90) !important;
}

body.home .ls-bestsellers-carousel .eael-product-carousel .icons-wrap a,
body.home .ls-bestsellers-carousel .eael-product-carousel .eael-product-actions a {
  color: #ffffff !important;
}

body.home .ls-bestsellers-carousel .eael-product-carousel .icons-wrap a:hover,
body.home .ls-bestsellers-carousel .eael-product-carousel .eael-product-actions a:hover {
  background: var(--ls-store-primary, #E85D4A) !important;
  color: #ffffff !important;
}


/* Product details */

body.home .ls-bestsellers-carousel .eael-product-carousel .product-details-wrap {
  background: var(--ls-store-bg-soft, #FFF7F2) !important;
  padding: 15px 16px 17px !important;
  border-top: 1px solid #F1E3D5 !important;
  text-align: left !important;
}


/* Product title */

body.home .ls-bestsellers-carousel .eael-product-carousel .eael-product-title,
body.home .ls-bestsellers-carousel .eael-product-carousel .eael-product-title h2,
body.home .ls-bestsellers-carousel .eael-product-carousel .eael-product-title a {
  color: var(--ls-store-heading, #101827) !important;
  font-size: 15px !important;
  line-height: 1.28 !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  text-align: left !important;
  margin: 0 0 8px !important;
}


/* Product price */

body.home .ls-bestsellers-carousel .eael-product-carousel .eael-product-price {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  width: auto !important;

  padding: 7px 12px !important;

  color: var(--ls-store-primary, #E85D4A) !important;
  font-size: 17px !important;
  font-weight: 750 !important;
  line-height: 1.15 !important;
}

body.home .ls-bestsellers-carousel .eael-product-carousel .eael-product-price *,
body.home .ls-bestsellers-carousel .eael-product-carousel .eael-product-price bdi,
body.home .ls-bestsellers-carousel .eael-product-carousel .eael-product-price .amount {
  color: var(--ls-store-primary, #E85D4A) !important;
  font-weight: 750 !important;
}

body.home .ls-bestsellers-carousel .eael-product-carousel .eael-product-price del,
body.home .ls-bestsellers-carousel .eael-product-carousel .eael-product-price del * {
  color: #9CA3AF !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}


/* Sale / out of stock badges */

body.home .ls-bestsellers-carousel .eael-product-carousel .onsale,
body.home .ls-bestsellers-carousel .eael-product-carousel .outofstock-badge,
body.home .ls-bestsellers-carousel .eael-product-carousel .eael-onsale {
  background: var(--ls-store-primary, #E85D4A) !important;
  color: #ffffff !important;
  font-weight: 900 !important;
  box-shadow: 0 10px 22px rgba(232, 93, 74, 0.25) !important;
}


/* Carousel arrows */

body.home .ls-bestsellers-carousel .swiper-button-prev,
body.home .ls-bestsellers-carousel .swiper-button-next,
body.home .ls-bestsellers-carousel .slick-arrow,
body.home .ls-bestsellers-carousel .owl-prev,
body.home .ls-bestsellers-carousel .owl-next {
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  background: rgba(255, 252, 248, 0.96) !important;
  border: 1px solid rgba(232, 93, 74, 0.20) !important;
  color: var(--ls-store-primary, #E85D4A) !important;
  box-shadow: 0 14px 30px rgba(23, 23, 23, 0.12) !important;
}


/* =========================
   BEST SELLERS MOBILE FINAL
   Product count = 1
========================= */

@media (max-width: 767px) {

  body.home .ls-bestsellers-showcase {
    padding: 44px 0 48px !important;
  }

  /* Mobile heading */
  body.home .ls-bestsellers-heading {
    width: calc(100% - 28px) !important;
    margin-bottom: 26px !important;
    text-align: center !important;
  }

  body.home .ls-bestsellers-heading::before {
    font-size: 10px !important;
    letter-spacing: 0.18em !important;
    text-align: center !important;
  }

  body.home .ls-bestsellers-heading .elementor-heading-title {
    font-size: 26px !important;
    line-height: 1.08 !important;
    letter-spacing: 3px !important;
    text-align: center !important;
  }

  body.home .ls-bestsellers-heading::after {
    width: 54px !important;
    height: 3px !important;
    margin: 13px auto 0 !important;
  }

  /* Mobile carousel board - narrower premium card */
  body.home .ls-bestsellers-carousel {
    width: calc(100% - 54px) !important;
    max-width: 340px !important;
    padding: 14px !important;
    margin-left: auto !important;
    margin-right: auto !important;

    background: var(--ls-store-bg-inner, #FFFCF8) !important;
    border: 1px solid #F1E3D5 !important;
    border-radius: 28px !important;
    box-shadow: 0 16px 34px rgba(120, 84, 34, 0.08) !important;
  }

  /* Center single product slide */
  body.home .ls-bestsellers-carousel .swiper-slide,
  body.home .ls-bestsellers-carousel .slick-slide,
  body.home .ls-bestsellers-carousel .eael-product-carousel {
    text-align: center !important;
  }

  /* Mobile product card */
  body.home .ls-bestsellers-carousel .eael-product-carousel .product,
  body.home .ls-bestsellers-carousel .eael-product-carousel li.product {
    width: 100% !important;
    max-width: 310px !important;
    min-height: 355px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    border-radius: 20px !important;
  }

  /* Mobile image area */
  body.home .ls-bestsellers-carousel .eael-product-carousel .product-image-wrap {
    height: 255px !important;
    min-height: 255px !important;
  }

  body.home .ls-bestsellers-carousel .eael-product-carousel .product-image-wrap img {
    height: 255px !important;
    max-height: 255px !important;
    object-fit: contain !important;
    padding: 6px !important;
    transform: scale(1.24) !important;
  }

  /* Mobile details */
  body.home .ls-bestsellers-carousel .eael-product-carousel .product-details-wrap {
    min-height: 108px !important;
    padding: 15px 14px 17px !important;
  }

  body.home .ls-bestsellers-carousel .eael-product-carousel .eael-product-title,
  body.home .ls-bestsellers-carousel .eael-product-carousel .eael-product-title h2,
  body.home .ls-bestsellers-carousel .eael-product-carousel .eael-product-title a {
    font-size: 12.5px !important;
    line-height: 1.25 !important;
    margin-bottom: 7px !important;
  }

  body.home .ls-bestsellers-carousel .eael-product-carousel .eael-product-price {
    padding: 6px 10px !important;
    font-size: 14px !important;
  }

  /* Mobile arrows */
  body.home .ls-bestsellers-carousel .swiper-button-prev,
  body.home .ls-bestsellers-carousel .swiper-button-next,
  body.home .ls-bestsellers-carousel .slick-arrow,
  body.home .ls-bestsellers-carousel .owl-prev,
  body.home .ls-bestsellers-carousel .owl-next {
    width: 34px !important;
    height: 34px !important;
  }
}

/* =====================================================
   SALE PRODUCTS SHOWCASE - PREMIUM CUSTOM SECTION
   Shortcode: [letzshopy_sale_showcase]
===================================================== */

body.home .ls-sale-showcase {
  position: relative !important;
  padding: 64px 0 76px !important;
  background:
    radial-gradient(circle at 10% 8%, rgba(232, 93, 74, 0.08), transparent 30%),
    linear-gradient(180deg, var(--ls-store-bg-inner, #FFFCF8) 0%, var(--ls-store-bg-soft, #FFF7F2) 100%) !important;
  overflow: hidden !important;
}

/* Heading story strip */
body.home .ls-sale-heading {
  width: calc(100% - 96px) !important;
  max-width: 1500px !important;
  margin: 0 auto 34px !important;
  padding: 30px 38px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 28px !important;

  background:
    radial-gradient(circle at 8% 18%, rgba(232, 93, 74, 0.11), transparent 32%),
    rgba(255, 252, 248, 0.92) !important;

  border: 1px solid #F1E3D5 !important;
  border-radius: 999px !important;
  box-shadow: 0 18px 44px rgba(120, 84, 34, 0.08) !important;
}

body.home .ls-sale-heading-kicker {
  display: block !important;
  color: var(--ls-store-primary, #E85D4A) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.20em !important;
  text-transform: uppercase !important;
  margin-bottom: 10px !important;
}

body.home .ls-sale-heading h2 {
  color: var(--ls-store-heading, #101827) !important;
  font-size: clamp(30px, 2.5vw, 46px) !important;
  line-height: 1.02 !important;
  font-weight: 950 !important;
  letter-spacing: -0.04em !important;
  margin: 0 0 10px !important;
}

body.home .ls-sale-heading p {
  color: rgba(16, 24, 39, 0.66) !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  font-weight: 500 !important;
  max-width: 620px !important;
  margin: 0 !important;
}

body.home .ls-sale-view-all {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-height: 44px !important;
  padding: 0 22px !important;

  background: var(--ls-store-primary, #E85D4A) !important;
  color: #FFFFFF !important;

  border-radius: 999px !important;
  text-decoration: none !important;

  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.10em !important;
  text-transform: uppercase !important;

  box-shadow: 0 16px 30px rgba(232, 93, 74, 0.24) !important;
  transition: transform 0.24s ease, background 0.24s ease !important;
}

body.home .ls-sale-view-all:hover {
  background: var(--ls-store-primary-hover, #C93F31) !important;
  transform: translateY(-2px) !important;
}

/* Slider board */
body.home .ls-sale-slider {
  position: relative !important;
  width: calc(100% - 96px) !important;
  max-width: 1500px !important;
  margin: 0 auto !important;
}

body.home .ls-sale-window {
  overflow: hidden !important;
  border-radius: 34px !important;
  background: rgba(255, 252, 248, 0.88) !important;
  border: 1px solid #F1E3D5 !important;
  box-shadow: 0 22px 54px rgba(120, 84, 34, 0.10) !important;
  padding: 18px !important;
}

body.home .ls-sale-track {
  display: flex !important;
  transition: transform 0.62s cubic-bezier(0.22, 1, 0.36, 1) !important;
  will-change: transform !important;
}

body.home .ls-sale-slide {
  min-width: 100% !important;
  width: 100% !important;
}

/* Desktop mixed layout */
body.home .ls-sale-desktop-slide {
  display: grid !important;
  grid-template-columns: 38% 24% 38% !important;
  gap: 18px !important;
}

body.home .ls-sale-stack {
  display: grid !important;
  grid-template-rows: 1fr 1fr !important;
  gap: 18px !important;
}

body.home .ls-sale-feature {
  min-height: 448px !important;
}

/* Product cards */
body.home .ls-sale-card {
  position: relative !important;
  overflow: hidden !important;

  background: #FFFFFF !important;
  border: 1px solid #F1E3D5 !important;
  border-radius: 24px !important;
  box-shadow: 0 14px 30px rgba(120, 84, 34, 0.08) !important;

  transition: transform 0.28s ease, box-shadow 0.28s ease !important;
}

body.home .ls-sale-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 22px 46px rgba(120, 84, 34, 0.13) !important;
}

/* Horizontal cards */
body.home .ls-sale-card-wide {
  min-height: 215px !important;
  display: grid !important;
  grid-template-columns: 34% 66% !important;
}

body.home .ls-sale-card-wide.reverse {
  grid-template-columns: 66% 34% !important;
}

body.home .ls-sale-card-wide.reverse .ls-sale-image {
  order: 2 !important;
}

body.home .ls-sale-card-wide.reverse .ls-sale-info {
  order: 1 !important;
}

/* Feature card */
body.home .ls-sale-card-feature {
  height: 100% !important;
  min-height: 448px !important;
  display: grid !important;
  grid-template-rows: 58% 42% !important;
}

body.home .ls-sale-image {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  background:
    radial-gradient(circle at center, rgba(255,255,255,0.90), transparent 58%),
    #F8F5F0 !important;

  overflow: hidden !important;
  text-decoration: none !important;
}

body.home .ls-sale-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  padding: 14px !important;
  transform: scale(1.06) !important;
  transition: transform 0.42s ease !important;
}

body.home .ls-sale-card:hover .ls-sale-image img {
  transform: scale(1.13) !important;
}

/* Badges */
body.home .ls-sale-discount-badge,
body.home .ls-sale-stock-badge {
  position: absolute !important;
  top: 14px !important;
  left: 14px !important;
  z-index: 2 !important;

  background: var(--ls-store-primary, #E85D4A) !important;
  color: #FFFFFF !important;
  border-radius: 999px !important;
  padding: 7px 10px !important;

  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;

  box-shadow: 0 10px 22px rgba(232, 93, 74, 0.24) !important;
}

body.home .ls-sale-stock-badge {
  background: var(--ls-store-dark-soft, #1E1A18) !important;
}

/* Info */
body.home .ls-sale-info {
  position: relative !important;
  background: var(--ls-store-bg-soft, #FFF7F2) !important;
  padding: 20px 20px 18px !important;
  border-left: 1px solid #F1E3D5 !important;
}

body.home .ls-sale-card-feature .ls-sale-info {
  border-left: none !important;
  border-top: 1px solid #F1E3D5 !important;
}

body.home .ls-sale-card-wide.reverse .ls-sale-info {
  border-left: none !important;
  border-right: 1px solid #F1E3D5 !important;
}

body.home .ls-sale-kicker {
  display: block !important;
  color: var(--ls-store-primary, #E85D4A) !important;
  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  margin-bottom: 8px !important;
}

body.home .ls-sale-title {
  margin: 0 0 10px !important;
}

body.home .ls-sale-title a {
  color: var(--ls-store-heading, #101827) !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
  text-decoration: none !important;
}

body.home .ls-sale-feature .ls-sale-title a {
  font-size: 18px !important;
}

/* Price */
body.home .ls-sale-price-row {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-bottom: 14px !important;
}

body.home .ls-sale-price {
  display: inline-flex !important;
  align-items: center !important;

  color: var(--ls-store-primary, #E85D4A) !important;
  font-size: 20px !important;
  line-height: 1.1 !important;
  font-weight: 950 !important;
}

body.home .ls-sale-regular {
  color: #9CA3AF !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

body.home .ls-sale-save {
  display: inline-flex !important;
  align-items: center !important;
  padding: 5px 9px !important;

  background: rgba(232, 93, 74, 0.10) !important;
  color: var(--ls-store-primary, #E85D4A) !important;
  border-radius: 999px !important;

  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

/* Actions */
body.home .ls-sale-actions {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
}

body.home .ls-sale-action {
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: rgba(30, 26, 24, 0.92) !important;
  color: #FFFFFF !important;

  text-decoration: none !important;
  font-size: 14px !important;

  border: 1px solid rgba(255,255,255,0.12) !important;
  box-shadow: 0 10px 22px rgba(23, 23, 23, 0.14) !important;
}

body.home .ls-sale-action:hover {
  background: var(--ls-store-primary, #E85D4A) !important;
  color: #FFFFFF !important;
}

/* Arrows */
body.home .ls-sale-arrow {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 10 !important;

  width: 44px !important;
  height: 44px !important;

  border-radius: 50% !important;
  border: 1px solid rgba(232, 93, 74, 0.20) !important;
  background: rgba(255, 252, 248, 0.96) !important;
  color: var(--ls-store-primary, #E85D4A) !important;

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

  font-size: 34px !important;
  line-height: 1 !important;
  cursor: pointer !important;

  box-shadow: 0 14px 30px rgba(23, 23, 23, 0.12) !important;
}

body.home .ls-sale-prev {
  left: -22px !important;
}

body.home .ls-sale-next {
  right: -22px !important;
}

/* Hide mobile slider on desktop */
body.home .ls-sale-mobile-slider {
  display: none !important;
}


/* =====================================================
   SALE PRODUCTS MOBILE
===================================================== */

@media (max-width: 767px) {

  body.home .ls-sale-showcase {
    padding: 48px 0 54px !important;
  }

  body.home .ls-sale-heading {
    width: calc(100% - 40px) !important;
    max-width: 360px !important;
    margin: 0 auto 18px !important;
    padding: 24px 22px !important;

    display: block !important;
    text-align: center !important;

    border-radius: 24px !important;
  }

  body.home .ls-sale-heading-kicker {
    font-size: 10px !important;
    letter-spacing: 0.18em !important;
    margin-bottom: 10px !important;
  }

  body.home .ls-sale-heading h2 {
    font-size: 28px !important;
    line-height: 1.04 !important;
    letter-spacing: -0.04em !important;
    margin-bottom: 12px !important;
  }

  body.home .ls-sale-heading p {
    font-size: 13.5px !important;
    line-height: 1.55 !important;
    margin: 0 auto 16px !important;
  }

  body.home .ls-sale-view-all {
    min-height: 38px !important;
    padding: 0 18px !important;
    font-size: 10px !important;
  }

  body.home .ls-sale-desktop-slider {
    display: none !important;
  }

  body.home .ls-sale-mobile-slider {
    display: block !important;
    width: calc(100% - 42px) !important;
    max-width: 360px !important;
    margin: 0 auto !important;
  }

  body.home .ls-sale-window {
    border-radius: 28px !important;
    padding: 14px !important;
  }

  body.home .ls-sale-mobile-slide {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  body.home .ls-sale-card-mobile {
    min-height: 172px !important;
    display: grid !important;
    grid-template-columns: 38% 62% !important;
    border-radius: 20px !important;
  }

  body.home .ls-sale-card-mobile:nth-child(even) {
    grid-template-columns: 62% 38% !important;
  }

  body.home .ls-sale-card-mobile:nth-child(even) .ls-sale-image {
    order: 2 !important;
  }

  body.home .ls-sale-card-mobile:nth-child(even) .ls-sale-info {
    order: 1 !important;
    border-left: none !important;
    border-right: 1px solid #F1E3D5 !important;
  }

  body.home .ls-sale-card-mobile .ls-sale-image img {
    padding: 8px !important;
    transform: scale(1.15) !important;
  }

  body.home .ls-sale-card-mobile .ls-sale-info {
    padding: 16px 14px !important;
  }

  body.home .ls-sale-card-mobile .ls-sale-title a {
    font-size: 14px !important;
    line-height: 1.22 !important;
  }

  body.home .ls-sale-price {
    font-size: 17px !important;
  }

  body.home .ls-sale-regular {
    font-size: 12px !important;
  }

  body.home .ls-sale-save {
    font-size: 9px !important;
    padding: 5px 8px !important;
  }

  body.home .ls-sale-price-row {
    gap: 6px !important;
    margin-bottom: 12px !important;
  }

  body.home .ls-sale-action {
    width: 31px !important;
    height: 31px !important;
    font-size: 13px !important;
  }

  body.home .ls-sale-arrow {
    width: 34px !important;
    height: 34px !important;
    font-size: 28px !important;
  }

  body.home .ls-sale-prev {
    left: -13px !important;
  }

  body.home .ls-sale-next {
    right: -13px !important;
  }
}

/* =====================================================
   SALE PRODUCTS MOBILE POLISH V2
   Left aligned heading + link style CTA + bigger product image cards
===================================================== */

@media (max-width: 767px) {

  /* Heading box - reduce height and align text left */
  body.home .ls-sale-heading {
    width: calc(100% - 34px) !important;
    max-width: 370px !important;
    margin: 0 auto 18px !important;
    padding: 22px 22px 20px !important;

    text-align: left !important;
    border-radius: 24px !important;
  }

  body.home .ls-sale-heading-copy {
    text-align: left !important;
  }

  body.home .ls-sale-heading-kicker {
    text-align: left !important;
    font-size: 10px !important;
    letter-spacing: 0.18em !important;
    margin-bottom: 10px !important;
  }

  body.home .ls-sale-heading h2 {
    text-align: left !important;
    font-size: 28px !important;
    line-height: 1.04 !important;
    margin: 0 0 10px !important;
  }

  body.home .ls-sale-heading p {
    text-align: left !important;
    font-size: 13.5px !important;
    line-height: 1.48 !important;
    margin: 0 0 12px !important;
    max-width: 100% !important;
  }

  /* View all sale - make it premium text link, not button */
  body.home .ls-sale-view-all {
    min-height: auto !important;
    padding: 0 !important;

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;

    color: var(--ls-store-primary, #E85D4A) !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: 0.13em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  body.home .ls-sale-view-all:hover {
    background: transparent !important;
    color: var(--ls-store-primary-hover, #C93F31) !important;
    transform: none !important;
  }

  body.home .ls-sale-view-all::after {
    content: "";
    width: 44px;
    height: 2px;
    background: var(--ls-store-primary, #E85D4A);
    border-radius: 999px;
    margin-left: 10px;
  }

  /* Sale mobile board */
  body.home .ls-sale-mobile-slider {
    width: calc(100% - 34px) !important;
    max-width: 380px !important;
  }

  body.home .ls-sale-window {
    padding: 12px !important;
    border-radius: 28px !important;
  }

  body.home .ls-sale-mobile-slide {
    gap: 14px !important;
  }

  /* Bigger mobile product cards */
  body.home .ls-sale-card-mobile {
    min-height: 222px !important;
    grid-template-columns: 48% 52% !important;
    border-radius: 22px !important;
  }

  body.home .ls-sale-card-mobile:nth-child(even) {
    grid-template-columns: 52% 48% !important;
  }

  /* Bigger image area */
  body.home .ls-sale-card-mobile .ls-sale-image {
    min-height: 222px !important;
  }

  body.home .ls-sale-card-mobile .ls-sale-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    padding: 4px !important;
    transform: scale(1.28) !important;
  }

  body.home .ls-sale-card-mobile:hover .ls-sale-image img {
    transform: scale(1.34) !important;
  }

  /* Product info spacing balanced with bigger image */
  body.home .ls-sale-card-mobile .ls-sale-info {
    padding: 18px 15px 16px !important;
  }

  body.home .ls-sale-card-mobile .ls-sale-kicker {
    font-size: 9px !important;
    margin-bottom: 9px !important;
  }

  body.home .ls-sale-card-mobile .ls-sale-title {
    margin-bottom: 10px !important;
  }

  body.home .ls-sale-card-mobile .ls-sale-title a {
    font-size: 15px !important;
    line-height: 1.22 !important;
  }

  body.home .ls-sale-card-mobile .ls-sale-price-row {
    gap: 7px !important;
    margin-bottom: 14px !important;
  }

  body.home .ls-sale-card-mobile .ls-sale-price {
    font-size: 19px !important;
  }

  body.home .ls-sale-card-mobile .ls-sale-save {
    font-size: 9px !important;
    padding: 5px 8px !important;
  }

  body.home .ls-sale-card-mobile .ls-sale-actions {
    gap: 9px !important;
  }

  body.home .ls-sale-card-mobile .ls-sale-action {
    width: 34px !important;
    height: 34px !important;
  }
}


/* =====================================================
   CUSTOMER FEEDBACK SHOWCASE
   Shortcode: [letzshopy_customer_feedback]
===================================================== */

body.home .ls-feedback-showcase {
  position: relative !important;
  padding: 76px 0 84px !important;
  background:
    radial-gradient(circle at 10% 12%, rgba(232, 93, 74, 0.08), transparent 28%),
    radial-gradient(circle at 90% 20%, rgba(232, 93, 74, 0.05), transparent 26%),
    var(--ls-store-bg-inner, #FFFCF8) !important;
  overflow: hidden !important;
}

body.home .ls-feedback-grid {
  width: calc(100% - 90px) !important;
  max-width: 1320px !important;
  margin: 0 auto !important;

  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  grid-template-areas:
    "q1 q2 q3"
    "q4 center q5"
    "q6 q7 q8" !important;
  gap: 18px !important;
  align-items: stretch !important;
}

/* Grid positions */
body.home .ls-feedback-item-1 { grid-area: q1 !important; }
body.home .ls-feedback-item-2 { grid-area: q2 !important; }
body.home .ls-feedback-item-3 { grid-area: q3 !important; }
body.home .ls-feedback-item-4 { grid-area: q4 !important; }
body.home .ls-feedback-item-5 { grid-area: q5 !important; }
body.home .ls-feedback-item-6 { grid-area: q6 !important; }
body.home .ls-feedback-item-7 { grid-area: q7 !important; }
body.home .ls-feedback-item-8 { grid-area: q8 !important; }

body.home .ls-feedback-card,
body.home .ls-feedback-center-card {
  position: relative !important;
  min-height: 215px !important;
  padding: 26px 26px 24px !important;

  background:
    radial-gradient(circle at 12% 10%, rgba(232, 93, 74, 0.08), transparent 30%),
    rgba(255, 252, 248, 0.94) !important;

  border: 1px solid #F1E3D5 !important;
  border-radius: 28px !important;
  box-shadow: 0 16px 36px rgba(120, 84, 34, 0.08) !important;

  overflow: hidden !important;
  transition: transform 0.28s ease, box-shadow 0.28s ease !important;
}

body.home .ls-feedback-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 24px 52px rgba(120, 84, 34, 0.13) !important;
}

body.home .ls-feedback-wide-card {
  background:
    radial-gradient(circle at 82% 18%, rgba(232, 93, 74, 0.10), transparent 30%),
    var(--ls-store-bg-soft, #FFF7F2) !important;
}

body.home .ls-feedback-stars {
  color: var(--ls-store-primary, #E85D4A) !important;
  font-size: 17px !important;
  line-height: 1 !important;
  letter-spacing: 2px !important;
  margin-bottom: 16px !important;
}

body.home .ls-feedback-card blockquote {
  color: var(--ls-store-heading, #101827) !important;
  font-size: 19px !important;
  line-height: 1.38 !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  margin: 0 0 22px !important;
  padding: 0 !important;
  border: none !important;
}

body.home .ls-feedback-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin-top: auto !important;
}

body.home .ls-feedback-footer cite {
  color: var(--ls-store-text, #4B5563) !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}

body.home .ls-feedback-image-btn {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  border-radius: 50% !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: rgba(232, 93, 74, 0.10) !important;
  color: var(--ls-store-primary, #E85D4A) !important;
  border: 1px solid rgba(232, 93, 74, 0.18) !important;
  box-shadow: 0 10px 22px rgba(232, 93, 74, 0.12) !important;

  font-size: 20px !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

body.home .ls-feedback-image-btn:hover {
  background: var(--ls-store-primary, #E85D4A) !important;
  color: #FFFFFF !important;
}

/* Center heading card */
body.home .ls-feedback-center-card {
  grid-area: center !important;
  min-height: 245px !important;

  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;

  background:
    linear-gradient(135deg, #fff8ef 0%, #f7e8d7 48%, var(--ls-store-bg-soft, #FFF7F2) 100%) !important;
  box-shadow: 0 20px 46px rgba(120, 84, 34, 0.11) !important;
}

body.home .ls-feedback-center-card span {
  display: block !important;
  color: var(--ls-store-primary, #E85D4A) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.20em !important;
  text-transform: uppercase !important;
  margin-bottom: 14px !important;
}

body.home .ls-feedback-center-card h2 {
  color: var(--ls-store-heading, #101827) !important;
  font-size: clamp(30px, 2.4vw, 42px) !important;
  line-height: 1.04 !important;
  font-weight: 950 !important;
  letter-spacing: -0.04em !important;
  margin: 0 0 14px !important;
}

body.home .ls-feedback-center-card p {
  color: rgba(16, 24, 39, 0.66) !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  font-weight: 500 !important;
  margin: 0 !important;
}

/* Lightbox */
html.ls-feedback-lock {
  overflow: hidden !important;
}

body.home .ls-feedback-lightbox {
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;

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

  padding: 24px !important;
}

body.home .ls-feedback-lightbox.is-open {
  display: flex !important;
}

body.home .ls-feedback-lightbox-backdrop {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(17, 24, 39, 0.72) !important;
  backdrop-filter: blur(8px) !important;
}

body.home .ls-feedback-lightbox-dialog {
  position: relative !important;
  z-index: 2 !important;

  width: min(92vw, 820px) !important;
  max-height: 88vh !important;

  background: var(--ls-store-bg-inner, #FFFCF8) !important;
  border: 1px solid rgba(255,255,255,0.20) !important;
  border-radius: 24px !important;
  padding: 14px !important;

  box-shadow: 0 30px 80px rgba(0,0,0,0.35) !important;
}

body.home .ls-feedback-lightbox-dialog img {
  display: block !important;
  width: 100% !important;
  max-height: calc(88vh - 28px) !important;
  object-fit: contain !important;
  border-radius: 18px !important;
}

body.home .ls-feedback-lightbox-close {
  position: absolute !important;
  top: -16px !important;
  right: -16px !important;

  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;

  background: var(--ls-store-primary, #E85D4A) !important;
  color: #FFFFFF !important;
  border: none !important;

  font-size: 30px !important;
  line-height: 1 !important;
  cursor: pointer !important;

  box-shadow: 0 14px 30px rgba(0,0,0,0.24) !important;
}

/* =====================================================
   CUSTOMER FEEDBACK MOBILE
===================================================== */

@media (max-width: 767px) {

  body.home .ls-feedback-showcase {
    padding: 52px 0 60px !important;
  }

  body.home .ls-feedback-grid {
    width: calc(100% - 34px) !important;
    max-width: 390px !important;

    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
  }

  body.home .ls-feedback-center-card {
    order: -1 !important;
    min-height: auto !important;
    padding: 26px 22px !important;
    border-radius: 26px !important;
    text-align: left !important;
  }

  body.home .ls-feedback-center-card span {
    font-size: 10px !important;
    letter-spacing: 0.18em !important;
    margin-bottom: 12px !important;
  }

  body.home .ls-feedback-center-card h2 {
    font-size: 28px !important;
    line-height: 1.05 !important;
    margin-bottom: 12px !important;
  }

  body.home .ls-feedback-center-card p {
    font-size: 13.5px !important;
    line-height: 1.55 !important;
  }

  body.home .ls-feedback-card {
    min-height: auto !important;
    padding: 22px 22px 20px !important;
    border-radius: 24px !important;
  }

  body.home .ls-feedback-stars {
    font-size: 15px !important;
    margin-bottom: 14px !important;
  }

  body.home .ls-feedback-card blockquote {
    font-size: 17px !important;
    line-height: 1.38 !important;
    margin-bottom: 20px !important;
  }

  body.home .ls-feedback-footer cite {
    font-size: 13.5px !important;
  }

  body.home .ls-feedback-image-btn {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
  }

  body.home .ls-feedback-lightbox-dialog {
    width: 94vw !important;
    border-radius: 22px !important;
  }

  body.home .ls-feedback-lightbox-close {
    top: -12px !important;
    right: -8px !important;
  }
}
/* =====================================================
   CUSTOMER FEEDBACK - IMAGE PROOF BUTTON LABEL
   Makes optional proof image button understandable
===================================================== */

body.home .ls-feedback-image-btn {
  width: auto !important;
  min-width: auto !important;
  height: 38px !important;
  padding: 0 13px !important;

  border-radius: 999px !important;
  gap: 7px !important;

  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

body.home .ls-feedback-image-btn::before {
  content: "View image";
  display: inline-block !important;

  color: inherit !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
}

body.home .ls-feedback-image-btn span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 16px !important;
  line-height: 1 !important;
}

/* Mobile: keep it compact */
@media (max-width: 767px) {
  body.home .ls-feedback-image-btn {
    height: 36px !important;
    padding: 0 11px !important;
    gap: 6px !important;
  }

  body.home .ls-feedback-image-btn::before {
    font-size: 9px !important;
    letter-spacing: 0.08em !important;
  }

  body.home .ls-feedback-image-btn span {
    font-size: 15px !important;
  }
}

/* =====================================================
   LETZSHOPY ABOUT PAGE - FINAL PREMIUM VERSION
   Page: /about/ | Page ID: 1009
   Matches LetzShopy homepage warm ecommerce theme
===================================================== */

body.page-id-1009 {
  background: var(--ls-store-bg-inner, #FFFCF8) !important;
}

/* Hide default theme page title/breadcrumb if OceanWP prints it */
body.page-id-1009 .page-header,
body.page-id-1009 .entry-header,
body.page-id-1009 .page-title {
  display: none !important;
}

/* Keep page clean */
body.page-id-1009 .site-main,
body.page-id-1009 #main,
body.page-id-1009 #content {
  background: var(--ls-store-bg-inner, #FFFCF8) !important;
}

/* =====================================================
   COMMON TYPOGRAPHY
===================================================== */

body.page-id-1009 .ls-about-kicker,
body.page-id-1009 .ls-about-kicker .elementor-heading-title,
body.page-id-1009 .ls-about-kicker.center,
body.page-id-1009 .ls-about-kicker.center .elementor-heading-title {
  color: var(--ls-store-primary, #E85D4A) !important;
  font-size: 11px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  margin: 0 0 14px !important;
}

body.page-id-1009 .ls-about-kicker.center,
body.page-id-1009 .ls-about-kicker.center .elementor-heading-title {
  text-align: center !important;
}

body.page-id-1009 .ls-about-section-title,
body.page-id-1009 .ls-about-section-title .elementor-heading-title {
  color: var(--ls-store-heading, #111827) !important;
  font-size: clamp(34px, 3.2vw, 50px) !important;
  line-height: 1.04 !important;
  font-weight: 950 !important;
  letter-spacing: -0.055em !important;
  margin: 0 !important;
}

body.page-id-1009 .ls-about-section-title.center,
body.page-id-1009 .ls-about-section-title.center .elementor-heading-title {
  text-align: center !important;
  max-width: 780px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.page-id-1009 .ls-about-section-text,
body.page-id-1009 .ls-about-section-text p,
body.page-id-1009 .ls-about-card-text,
body.page-id-1009 .ls-about-card-text p {
  color: #5B6472 !important;
  font-size: 16px !important;
  line-height: 1.72 !important;
  font-weight: 500 !important;
  margin: 0 !important;
}

body.page-id-1009 .ls-about-section-text.center,
body.page-id-1009 .ls-about-section-text.center p {
  text-align: center !important;
  max-width: 700px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* =====================================================
   1. ABOUT HERO
===================================================== */

body.page-id-1009 .ls-about-hero {
  position: relative !important;
  min-height: 520px !important;
  background-color: var(--ls-store-dark, #171717) !important;
  overflow: hidden !important;
}

body.page-id-1009 .ls-about-hero::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgba(23,23,23,0.74) 0%, rgba(23,23,23,0.48) 46%, rgba(23,23,23,0.14) 100%) !important;
}

body.page-id-1009 .ls-about-hero-inner {
  position: relative !important;
  z-index: 2 !important;
  min-height: 520px !important;
  padding: 84px 24px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
}

body.page-id-1009 .ls-about-hero .ls-about-kicker,
body.page-id-1009 .ls-about-hero .ls-about-kicker .elementor-heading-title {
  color: #FFFFFF !important;
  opacity: 0.92 !important;
}

body.page-id-1009 .ls-about-hero-title,
body.page-id-1009 .ls-about-hero-title .elementor-heading-title {
  color: #FFFFFF !important;
  font-size: clamp(46px, 6vw, 80px) !important;
  line-height: 0.98 !important;
  font-weight: 950 !important;
  letter-spacing: -0.065em !important;
  max-width: 720px !important;
  margin: 0 !important;
}

body.page-id-1009 .ls-about-hero-text,
body.page-id-1009 .ls-about-hero-text p {
  color: rgba(255,255,255,0.84) !important;
  font-size: 18px !important;
  line-height: 1.65 !important;
  font-weight: 500 !important;
  max-width: 580px !important;
  margin: 20px 0 30px !important;
}

body.page-id-1009 .ls-about-hero-btn .elementor-button {
  background: var(--ls-store-primary, #E85D4A) !important;
  color: #FFFFFF !important;
  border-radius: 999px !important;
  padding: 15px 30px !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  border: none !important;
  box-shadow: 0 18px 38px rgba(232,93,74,0.32) !important;
}

body.page-id-1009 .ls-about-hero-btn .elementor-button:hover {
  background: var(--ls-store-primary-hover, #C93F31) !important;
}

/* =====================================================
   2. BRAND STORY
===================================================== */

body.page-id-1009 .ls-about-story {
  background:
    radial-gradient(circle at 8% 12%, rgba(232,93,74,0.06), transparent 28%),
    var(--ls-store-bg-inner, #FFFCF8) !important;
  padding: 92px 24px !important;
  gap: 64px !important;
  align-items: center !important;
}

body.page-id-1009 .ls-about-story-media,
body.page-id-1009 .ls-about-story-content {
  min-width: 0 !important;
}

body.page-id-1009 .ls-about-founder-img img {
  width: 100% !important;
  display: block !important;
  border-radius: 34px !important;
  border: 1px solid #F1E3D5 !important;
  box-shadow: 0 28px 72px rgba(120,84,34,0.16) !important;
}

/* Hide logo card if still present */
body.page-id-1009 .ls-about-logo-card {
  display: none !important;
}

body.page-id-1009 .ls-about-story-text,
body.page-id-1009 .ls-about-story-text p {
  color: #5B6472 !important;
  font-size: 16px !important;
  line-height: 1.84 !important;
  font-weight: 500 !important;
}

body.page-id-1009 .ls-about-story-text p {
  margin: 0 0 18px !important;
}

/* Story compact chips */
body.page-id-1009 .ls-about-story-points {
  margin-top: 26px !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

body.page-id-1009 .ls-about-point {
  min-height: 44px !important;
  padding: 10px 15px !important;
  border-radius: 999px !important;
  background: var(--ls-store-bg-soft, #FFF7F2) !important;
  border: 1px solid #F1E3D5 !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 9px !important;
  color: #273142 !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

body.page-id-1009 .ls-about-point i,
body.page-id-1009 .ls-about-point svg {
  color: var(--ls-store-primary, #E85D4A) !important;
  fill: var(--ls-store-primary, #E85D4A) !important;
  font-size: 15px !important;
}

/* =====================================================
   3. WHAT WE OFFER - MANUAL CARDS
===================================================== */

body.page-id-1009 .ls-about-offer {
  background:
    radial-gradient(circle at 86% 10%, rgba(232,93,74,0.06), transparent 28%),
    var(--ls-store-bg-soft, #FFF7F2) !important;
  padding: 88px 24px !important;
}

body.page-id-1009 .ls-about-offer-inner {
  gap: 18px !important;
}

body.page-id-1009 .ls-about-offer-grid {
  width: 100% !important;
  margin-top: 32px !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
}

body.page-id-1009 .ls-about-offer-card {
  position: relative !important;
  overflow: hidden !important;
  background: var(--ls-store-bg-inner, #FFFCF8) !important;
  border: 1px solid #F1E3D5 !important;
  border-radius: 30px !important;
  box-shadow: 0 18px 44px rgba(120,84,34,0.10) !important;
  transition: all 0.28s ease !important;
}

body.page-id-1009 .ls-about-offer-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 26px 58px rgba(120,84,34,0.14) !important;
}

body.page-id-1009 .ls-about-offer-img,
body.page-id-1009 .ls-about-offer-img .elementor-widget-container {
  width: 100% !important;
}

body.page-id-1009 .ls-about-offer-img img {
  width: 100% !important;
  aspect-ratio: 4 / 3.25 !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 28px 28px 0 0 !important;
  background: #FFFFFF !important;
  transition: transform 0.35s ease !important;
}

body.page-id-1009 .ls-about-offer-card:hover .ls-about-offer-img img {
  transform: scale(1.04) !important;
}

body.page-id-1009 .ls-about-offer-card .ls-about-card-title,
body.page-id-1009 .ls-about-offer-card .ls-about-card-text,
body.page-id-1009 .ls-about-offer-card .ls-about-card-link {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

body.page-id-1009 .ls-about-card-title,
body.page-id-1009 .ls-about-card-title .elementor-heading-title {
  color: var(--ls-store-heading, #111827) !important;
  font-size: 22px !important;
  line-height: 1.15 !important;
  font-weight: 950 !important;
  letter-spacing: -0.03em !important;
  margin: 0 !important;
}

body.page-id-1009 .ls-about-offer-card .ls-about-card-title {
  margin-top: 22px !important;
}

body.page-id-1009 .ls-about-offer-card .ls-about-card-text,
body.page-id-1009 .ls-about-offer-card .ls-about-card-text p {
  margin-top: 10px !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}

body.page-id-1009 .ls-about-card-link {
  margin: 22px 0 24px !important;
}

body.page-id-1009 .ls-about-card-link .elementor-button {
  background: transparent !important;
  color: var(--ls-store-primary, #E85D4A) !important;
  border: 1px solid rgba(232,93,74,0.28) !important;
  border-radius: 999px !important;
  padding: 11px 18px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}

body.page-id-1009 .ls-about-card-link .elementor-button:hover {
  background: var(--ls-store-primary, #E85D4A) !important;
  color: #FFFFFF !important;
}

/* =====================================================
   4. SOCIAL PRESENCE - MANUAL CARDS
===================================================== */

body.page-id-1009 .ls-about-social {
  background:
    radial-gradient(circle at 8% 20%, rgba(232,93,74,0.06), transparent 28%),
    var(--ls-store-bg-inner, #FFFCF8) !important;
  padding: 88px 24px !important;
  gap: 54px !important;
  align-items: center !important;
}

body.page-id-1009 .ls-about-social-content,
body.page-id-1009 .ls-about-social-grid {
  min-width: 0 !important;
}

body.page-id-1009 .ls-about-social-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  padding: 28px !important;
  border-radius: 34px !important;
  border: 1px solid #F1E3D5 !important;
  background:
    linear-gradient(135deg, #fff8ef 0%, #f7e8d7 52%, var(--ls-store-bg-soft, #FFF7F2) 100%) !important;
  box-shadow: 0 22px 56px rgba(120,84,34,0.12) !important;
}

body.page-id-1009 .ls-about-social-card {
  min-height: 210px !important;
  padding: 26px 20px !important;
  border-radius: 26px !important;
  background: rgba(255,252,248,0.92) !important;
  border: 1px solid rgba(232,93,74,0.12) !important;
  box-shadow: 0 14px 30px rgba(120,84,34,0.08) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  transition: all 0.25s ease !important;
}

body.page-id-1009 .ls-about-social-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 22px 46px rgba(120,84,34,0.12) !important;
}

body.page-id-1009 .ls-social-icon {
  width: 62px !important;
  height: 62px !important;
  border-radius: 20px !important;
  background: rgba(232,93,74,0.10) !important;
  color: var(--ls-store-primary, #E85D4A) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 0 16px !important;
}

body.page-id-1009 .ls-social-icon i,
body.page-id-1009 .ls-social-icon svg {
  color: var(--ls-store-primary, #E85D4A) !important;
  fill: var(--ls-store-primary, #E85D4A) !important;
  font-size: 28px !important;
}

body.page-id-1009 .ls-social-username,
body.page-id-1009 .ls-social-username p {
  color: #6B7280 !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
  margin: 8px 0 0 !important;
}

body.page-id-1009 .ls-about-social-btn {
  margin-top: 18px !important;
}

body.page-id-1009 .ls-about-social-btn .elementor-button {
  background: var(--ls-store-primary, #E85D4A) !important;
  color: #FFFFFF !important;
  border-radius: 999px !important;
  padding: 10px 16px !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  border: none !important;
  box-shadow: 0 10px 22px rgba(232,93,74,0.18) !important;
}

body.page-id-1009 .ls-about-social-btn .elementor-button:hover {
  background: var(--ls-store-primary-hover, #C93F31) !important;
}

/* =====================================================
   5. WHY CHOOSE US
===================================================== */

body.page-id-1009 .ls-about-trust {
  background:
    radial-gradient(circle at 86% 8%, rgba(232,93,74,0.05), transparent 28%),
    var(--ls-store-bg-soft, #FFF7F2) !important;
  padding: 88px 24px !important;
}

body.page-id-1009 .ls-about-trust-inner {
  gap: 18px !important;
}

body.page-id-1009 .ls-about-trust-grid {
  width: 100% !important;
  margin-top: 32px !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
}

body.page-id-1009 .ls-about-trust-card {
  min-height: 230px !important;
  padding: 28px 26px !important;
  background: var(--ls-store-bg-inner, #FFFCF8) !important;
  border: 1px solid #F1E3D5 !important;
  border-radius: 30px !important;
  box-shadow: 0 18px 44px rgba(120,84,34,0.10) !important;
  transition: all 0.25s ease !important;
}

body.page-id-1009 .ls-about-trust-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 26px 58px rgba(120,84,34,0.14) !important;
}

body.page-id-1009 .ls-trust-icon {
  width: 54px !important;
  height: 54px !important;
  min-width: 54px !important;
  border-radius: 17px !important;
  background: rgba(232,93,74,0.10) !important;
  color: var(--ls-store-primary, #E85D4A) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 0 20px !important;
  border: none !important;
}

body.page-id-1009 .ls-trust-icon i,
body.page-id-1009 .ls-trust-icon svg {
  color: var(--ls-store-primary, #E85D4A) !important;
  fill: var(--ls-store-primary, #E85D4A) !important;
  font-size: 24px !important;
}

body.page-id-1009 .ls-about-trust-card .ls-about-card-text,
body.page-id-1009 .ls-about-trust-card .ls-about-card-text p {
  margin-top: 14px !important;
  font-size: 15px !important;
  line-height: 1.68 !important;
}

/* =====================================================
   6. CTA
===================================================== */

body.page-id-1009 .ls-about-cta {
  background: var(--ls-store-bg-inner, #FFFCF8) !important;
  padding: 88px 24px 104px !important;
}

body.page-id-1009 .ls-about-cta-card {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 38px !important;
  padding: 60px 40px !important;
  background:
    radial-gradient(circle at 90% 0%, rgba(232,93,74,0.28), transparent 34%),
    linear-gradient(135deg, var(--ls-store-dark, #171717) 0%, var(--ls-store-dark-soft, #1E1A18) 100%) !important;
  box-shadow: 0 28px 76px rgba(23,23,23,0.20) !important;
}

body.page-id-1009 .ls-about-cta .ls-about-kicker,
body.page-id-1009 .ls-about-cta .ls-about-kicker .elementor-heading-title {
  color: var(--ls-store-primary, #E85D4A) !important;
}

body.page-id-1009 .ls-about-cta-title,
body.page-id-1009 .ls-about-cta-title .elementor-heading-title {
  color: #FFFFFF !important;
  font-size: clamp(34px, 3.6vw, 54px) !important;
  line-height: 1.04 !important;
  font-weight: 950 !important;
  letter-spacing: -0.055em !important;
  text-align: center !important;
  margin: 0 !important;
}

body.page-id-1009 .ls-about-cta-text,
body.page-id-1009 .ls-about-cta-text p {
  color: rgba(255,255,255,0.72) !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
  font-weight: 500 !important;
  text-align: center !important;
  max-width: 680px !important;
  margin: 18px auto 30px !important;
}

body.page-id-1009 .ls-about-cta-actions {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 14px !important;
}

body.page-id-1009 .ls-about-primary-btn .elementor-button,
body.page-id-1009 .ls-about-secondary-btn .elementor-button {
  border-radius: 999px !important;
  padding: 15px 30px !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

body.page-id-1009 .ls-about-primary-btn .elementor-button {
  background: var(--ls-store-primary, #E85D4A) !important;
  color: #FFFFFF !important;
  border: 1px solid var(--ls-store-primary, #E85D4A) !important;
  box-shadow: 0 16px 34px rgba(232,93,74,0.24) !important;
}

body.page-id-1009 .ls-about-secondary-btn .elementor-button {
  background: transparent !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(255,255,255,0.38) !important;
}

body.page-id-1009 .ls-about-primary-btn .elementor-button:hover {
  background: var(--ls-store-primary-hover, #C93F31) !important;
  border-color: var(--ls-store-primary-hover, #C93F31) !important;
}

body.page-id-1009 .ls-about-secondary-btn .elementor-button:hover {
  background: rgba(255,255,255,0.10) !important;
}

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

@media (min-width: 768px) and (max-width: 1024px) {
  body.page-id-1009 .ls-about-story,
  body.page-id-1009 .ls-about-social {
    gap: 42px !important;
  }

  body.page-id-1009 .ls-about-offer-grid,
  body.page-id-1009 .ls-about-social-grid,
  body.page-id-1009 .ls-about-trust-grid {
    gap: 18px !important;
  }

  body.page-id-1009 .ls-about-card-title,
  body.page-id-1009 .ls-about-card-title .elementor-heading-title {
    font-size: 20px !important;
  }
}

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

@media (max-width: 767px) {

  body.page-id-1009 .ls-about-hero {
    min-height: 500px !important;
  }

  body.page-id-1009 .ls-about-hero::before {
    background:
      linear-gradient(180deg, rgba(23,23,23,0.20) 0%, rgba(23,23,23,0.76) 100%) !important;
  }

  body.page-id-1009 .ls-about-hero-inner {
    min-height: 500px !important;
    padding: 70px 20px !important;
    justify-content: flex-end !important;
  }

  body.page-id-1009 .ls-about-hero-title,
  body.page-id-1009 .ls-about-hero-title .elementor-heading-title {
    font-size: 42px !important;
    line-height: 1.02 !important;
    max-width: 340px !important;
  }

  body.page-id-1009 .ls-about-hero-text,
  body.page-id-1009 .ls-about-hero-text p {
    font-size: 15px !important;
    line-height: 1.62 !important;
    margin: 16px 0 24px !important;
    max-width: 340px !important;
  }

  body.page-id-1009 .ls-about-story,
  body.page-id-1009 .ls-about-offer,
  body.page-id-1009 .ls-about-social,
  body.page-id-1009 .ls-about-trust,
  body.page-id-1009 .ls-about-cta {
    padding-left: 18px !important;
    padding-right: 18px !important;
    overflow: hidden !important;
  }

  body.page-id-1009 .ls-about-story {
    padding-top: 58px !important;
    padding-bottom: 58px !important;
    gap: 34px !important;
    flex-direction: column !important;
  }

  body.page-id-1009 .ls-about-story-media,
  body.page-id-1009 .ls-about-story-content,
  body.page-id-1009 .ls-about-social-content,
  body.page-id-1009 .ls-about-social-grid {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  body.page-id-1009 .ls-about-founder-img img {
    border-radius: 26px !important;
  }

  body.page-id-1009 .ls-about-kicker,
  body.page-id-1009 .ls-about-kicker .elementor-heading-title,
  body.page-id-1009 .ls-about-kicker.center,
  body.page-id-1009 .ls-about-kicker.center .elementor-heading-title {
    font-size: 10px !important;
    letter-spacing: 0.20em !important;
    line-height: 1.25 !important;
  }

  body.page-id-1009 .ls-about-section-title,
  body.page-id-1009 .ls-about-section-title .elementor-heading-title {
    font-size: 31px !important;
    line-height: 1.08 !important;
    letter-spacing: -0.045em !important;
  }

  body.page-id-1009 .ls-about-section-text,
  body.page-id-1009 .ls-about-section-text p,
  body.page-id-1009 .ls-about-story-text,
  body.page-id-1009 .ls-about-story-text p {
    font-size: 14.8px !important;
    line-height: 1.72 !important;
  }

  /* Mobile story chips: compact, no big boxes */
  body.page-id-1009 .ls-about-story-points {
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    margin-top: 22px !important;
  }

  body.page-id-1009 .ls-about-point {
    min-height: 40px !important;
    padding: 9px 11px !important;
    border-radius: 999px !important;
    font-size: 12.5px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.page-id-1009 .ls-about-offer {
    padding-top: 58px !important;
    padding-bottom: 58px !important;
  }

  body.page-id-1009 .ls-about-offer-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    margin-top: 26px !important;
  }

  body.page-id-1009 .ls-about-offer-card {
    border-radius: 26px !important;
  }

  body.page-id-1009 .ls-about-offer-img img {
    aspect-ratio: 4 / 3.1 !important;
    border-radius: 24px 24px 0 0 !important;
  }

  body.page-id-1009 .ls-about-offer-card .ls-about-card-title,
  body.page-id-1009 .ls-about-offer-card .ls-about-card-text,
  body.page-id-1009 .ls-about-offer-card .ls-about-card-link {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  body.page-id-1009 .ls-about-offer-card .ls-about-card-title {
    margin-top: 18px !important;
  }

  body.page-id-1009 .ls-about-card-title,
  body.page-id-1009 .ls-about-card-title .elementor-heading-title {
    font-size: 20px !important;
    color: var(--ls-store-heading, #111827) !important;
  }

  body.page-id-1009 .ls-about-card-text,
  body.page-id-1009 .ls-about-card-text p {
    font-size: 14.5px !important;
    line-height: 1.62 !important;
  }

  body.page-id-1009 .ls-about-social {
    padding-top: 58px !important;
    padding-bottom: 58px !important;
    gap: 28px !important;
    flex-direction: column !important;
  }

  body.page-id-1009 .ls-about-social-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 18px !important;
    border-radius: 28px !important;
  }

  /* Mobile social cards become modern stripes */
  body.page-id-1009 .ls-about-social-card {
    min-height: auto !important;
    padding: 15px 16px !important;
    border-radius: 20px !important;
    display: grid !important;
    grid-template-columns: 48px 1fr auto !important;
    grid-template-rows: auto auto !important;
    column-gap: 12px !important;
    row-gap: 2px !important;
    align-items: center !important;
    text-align: left !important;
  }

  body.page-id-1009 .ls-about-social-card .ls-social-icon {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
  }

  body.page-id-1009 .ls-social-icon {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    border-radius: 16px !important;
    margin: 0 !important;
  }

  body.page-id-1009 .ls-social-icon i,
  body.page-id-1009 .ls-social-icon svg {
    font-size: 22px !important;
  }

  body.page-id-1009 .ls-about-social-card .ls-about-card-title {
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin: 0 !important;
  }

  body.page-id-1009 .ls-about-social-card .ls-social-username {
    grid-column: 2 !important;
    grid-row: 2 !important;
    margin: 0 !important;
  }

  body.page-id-1009 .ls-social-username,
  body.page-id-1009 .ls-social-username p {
    font-size: 13px !important;
    line-height: 1.25 !important;
    margin: 0 !important;
  }

  body.page-id-1009 .ls-about-social-card .ls-about-social-btn {
    grid-column: 3 !important;
    grid-row: 1 / span 2 !important;
    margin: 0 !important;
  }

  body.page-id-1009 .ls-about-social-btn .elementor-button {
    padding: 9px 12px !important;
    font-size: 10px !important;
  }

  body.page-id-1009 .ls-about-trust {
    padding-top: 58px !important;
    padding-bottom: 58px !important;
  }

  body.page-id-1009 .ls-about-trust-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    margin-top: 26px !important;
  }

  /* Trust card: compact icon + title row */
  body.page-id-1009 .ls-about-trust-card {
    min-height: auto !important;
    padding: 22px 20px !important;
    border-radius: 24px !important;
    display: grid !important;
    grid-template-columns: 48px 1fr !important;
    column-gap: 14px !important;
    align-items: center !important;
  }

  body.page-id-1009 .ls-trust-icon {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    margin: 0 !important;
    border-radius: 16px !important;
  }

  body.page-id-1009 .ls-about-trust-card .ls-about-card-title {
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin: 0 !important;
  }

  body.page-id-1009 .ls-about-trust-card .ls-about-card-text {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    margin-top: 14px !important;
  }

  body.page-id-1009 .ls-about-cta {
    padding-top: 58px !important;
    padding-bottom: 72px !important;
  }

  body.page-id-1009 .ls-about-cta-card {
    padding: 38px 22px !important;
    border-radius: 30px !important;
  }

  body.page-id-1009 .ls-about-cta-title,
  body.page-id-1009 .ls-about-cta-title .elementor-heading-title {
    font-size: 31px !important;
    line-height: 1.08 !important;
  }

  body.page-id-1009 .ls-about-cta-text,
  body.page-id-1009 .ls-about-cta-text p {
    font-size: 14.5px !important;
    line-height: 1.65 !important;
  }

  body.page-id-1009 .ls-about-cta-actions {
    flex-direction: column !important;
    width: 100% !important;
  }

  body.page-id-1009 .ls-about-primary-btn,
  body.page-id-1009 .ls-about-secondary-btn,
  body.page-id-1009 .ls-about-primary-btn .elementor-button,
  body.page-id-1009 .ls-about-secondary-btn .elementor-button {
    width: 100% !important;
    text-align: center !important;
  }
}

/* =====================================================
   ABOUT PAGE FINAL POLISH
   1. Brand social stripe
   2. Brand story chip alignment
===================================================== */

/* ---------- BRAND STORY CHIPS: compact aligned ---------- */

body.page-id-1009 .ls-about-story-points {
  width: 100% !important;
  max-width: 620px !important;
  margin-top: 30px !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

body.page-id-1009 .ls-about-point {
  min-height: 54px !important;
  padding: 0 18px !important;
  border-radius: 18px !important;
  background: var(--ls-store-bg-soft, #FFF7F2) !important;
  border: 1px solid #F1E3D5 !important;
  box-shadow: 0 12px 26px rgba(120, 84, 34, 0.06) !important;

  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;

  color: #273142 !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 850 !important;
  text-align: left !important;
  white-space: nowrap !important;
}

body.page-id-1009 .ls-about-point .elementor-widget-container {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

body.page-id-1009 .ls-about-point i,
body.page-id-1009 .ls-about-point svg {
  color: var(--ls-store-primary, #E85D4A) !important;
  fill: var(--ls-store-primary, #E85D4A) !important;
  font-size: 15px !important;
  width: 18px !important;
  min-width: 18px !important;
}

/* ---------- SOCIAL SECTION: reduce big blank feeling ---------- */

body.page-id-1009 .ls-about-social {
  padding-top: 66px !important;
  padding-bottom: 66px !important;
  gap: 44px !important;
}

/* Make social container flatter and stripe-like */
body.page-id-1009 .ls-about-social-grid {
  padding: 18px !important;
  border-radius: 28px !important;
  background: var(--ls-store-bg-inner, #FFFCF8) !important;
  border: 1px solid #F1E3D5 !important;
  box-shadow: 0 16px 42px rgba(120, 84, 34, 0.09) !important;

  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

/* Compact social cards */
body.page-id-1009 .ls-about-social-card {
  min-height: 118px !important;
  padding: 18px 18px !important;
  border-radius: 22px !important;
  background: #FFFFFF !important;
  border: 1px solid rgba(17, 24, 39, 0.06) !important;
  box-shadow: none !important;

  display: grid !important;
  grid-template-columns: 54px 1fr !important;
  grid-template-rows: auto auto auto !important;
  column-gap: 14px !important;
  row-gap: 2px !important;
  align-items: center !important;
  text-align: left !important;
}

/* Icon sits left, content right */
body.page-id-1009 .ls-about-social-card .ls-social-icon {
  grid-column: 1 !important;
  grid-row: 1 / span 3 !important;
}

body.page-id-1009 .ls-social-icon {
  width: 54px !important;
  height: 54px !important;
  min-width: 54px !important;
  border-radius: 18px !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
}

/* Brand-specific colors by card order */
body.page-id-1009 .ls-about-social-card:nth-child(1) .ls-social-icon {
  background: radial-gradient(circle at 30% 110%, #feda75 0%, #fa7e1e 28%, #d62976 55%, #962fbf 78%, #4f5bd5 100%) !important;
}

body.page-id-1009 .ls-about-social-card:nth-child(2) .ls-social-icon {
  background: #1877F2 !important;
}

body.page-id-1009 .ls-about-social-card:nth-child(3) .ls-social-icon {
  background: #FF0000 !important;
}

body.page-id-1009 .ls-social-icon i,
body.page-id-1009 .ls-social-icon svg {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
  font-size: 23px !important;
}

/* Social heading */
body.page-id-1009 .ls-about-social-card .ls-about-card-title {
  grid-column: 2 !important;
  grid-row: 1 !important;
  margin: 0 !important;
}

body.page-id-1009 .ls-about-social-card .ls-about-card-title,
body.page-id-1009 .ls-about-social-card .ls-about-card-title .elementor-heading-title {
  color: var(--ls-store-heading, #111827) !important;
  font-size: 18px !important;
  line-height: 1.15 !important;
  font-weight: 950 !important;
  letter-spacing: -0.025em !important;
}

/* Username */
body.page-id-1009 .ls-about-social-card .ls-social-username {
  grid-column: 2 !important;
  grid-row: 2 !important;
  margin: 4px 0 0 !important;
}

body.page-id-1009 .ls-social-username,
body.page-id-1009 .ls-social-username p {
  color: #6B7280 !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  margin: 0 !important;
}

/* Visit button becomes tiny text link */
body.page-id-1009 .ls-about-social-card .ls-about-social-btn {
  grid-column: 2 !important;
  grid-row: 3 !important;
  margin: 10px 0 0 !important;
  align-self: start !important;
}

body.page-id-1009 .ls-about-social-btn .elementor-button {
  background: transparent !important;
  color: var(--ls-store-primary, #E85D4A) !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

body.page-id-1009 .ls-about-social-card:nth-child(1) .ls-about-social-btn .elementor-button {
  color: #D62976 !important;
}

body.page-id-1009 .ls-about-social-card:nth-child(2) .ls-about-social-btn .elementor-button {
  color: #1877F2 !important;
}

body.page-id-1009 .ls-about-social-card:nth-child(3) .ls-about-social-btn .elementor-button {
  color: #FF0000 !important;
}

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

@media (max-width: 767px) {

  body.page-id-1009 .ls-about-story-points {
    max-width: 100% !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    margin-top: 22px !important;
  }

  body.page-id-1009 .ls-about-point {
    min-height: 42px !important;
    padding: 0 11px !important;
    border-radius: 999px !important;
    font-size: 12.2px !important;
    gap: 7px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.page-id-1009 .ls-about-point i,
  body.page-id-1009 .ls-about-point svg {
    font-size: 13px !important;
    width: 15px !important;
    min-width: 15px !important;
  }

  body.page-id-1009 .ls-about-social {
    padding-top: 54px !important;
    padding-bottom: 54px !important;
    gap: 28px !important;
  }

  body.page-id-1009 .ls-about-social-grid {
    padding: 12px !important;
    border-radius: 24px !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  body.page-id-1009 .ls-about-social-card {
    min-height: 78px !important;
    padding: 14px !important;
    border-radius: 18px !important;
    grid-template-columns: 48px 1fr auto !important;
    grid-template-rows: auto auto !important;
    column-gap: 12px !important;
  }

  body.page-id-1009 .ls-about-social-card .ls-social-icon {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
  }

  body.page-id-1009 .ls-social-icon {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    border-radius: 16px !important;
  }

  body.page-id-1009 .ls-social-icon i,
  body.page-id-1009 .ls-social-icon svg {
    font-size: 21px !important;
  }

  body.page-id-1009 .ls-about-social-card .ls-about-card-title {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  body.page-id-1009 .ls-about-social-card .ls-social-username {
    grid-column: 2 !important;
    grid-row: 2 !important;
    margin-top: 3px !important;
  }

  body.page-id-1009 .ls-about-social-card .ls-about-social-btn {
    grid-column: 3 !important;
    grid-row: 1 / span 2 !important;
    align-self: center !important;
    margin: 0 !important;
  }

  body.page-id-1009 .ls-about-social-btn .elementor-button {
    font-size: 0 !important;
  }

  body.page-id-1009 .ls-about-social-btn .elementor-button::after {
    content: "→" !important;
    font-size: 20px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
  }
}
/* =====================================================
   ABOUT PAGE - BRAND STORY DESKTOP BALANCE FIX
   Fix empty space under founder image + clean story chips
===================================================== */

@media (min-width: 1025px) {

  body.page-id-1009 .ls-about-story {
    align-items: stretch !important;
  }

  body.page-id-1009 .ls-about-story-media {
    display: flex !important;
    align-items: stretch !important;
    min-height: 640px !important;
  }

  body.page-id-1009 .ls-about-founder-img,
  body.page-id-1009 .ls-about-founder-img .elementor-widget-container {
    width: 100% !important;
    height: 100% !important;
  }

  body.page-id-1009 .ls-about-founder-img img {
    width: 100% !important;
    height: 100% !important;
    min-height: 640px !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 34px !important;
  }

  body.page-id-1009 .ls-about-story-content {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
  }

  body.page-id-1009 .ls-about-story-points {
    max-width: 620px !important;
    margin-top: 34px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  body.page-id-1009 .ls-about-point {
    min-height: 48px !important;
    padding: 0 18px !important;
    border-radius: 999px !important;
    background: var(--ls-store-bg-soft, #FFF7F2) !important;
    border: 1px solid #F1E3D5 !important;
    box-shadow: 0 10px 22px rgba(120, 84, 34, 0.055) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 9px !important;
  }

  body.page-id-1009 .ls-about-point,
  body.page-id-1009 .ls-about-point *,
  body.page-id-1009 .ls-about-point .elementor-heading-title,
  body.page-id-1009 .ls-about-point .elementor-icon-box-title,
  body.page-id-1009 .ls-about-point .elementor-icon-box-title span {
    color: #273142 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 850 !important;
  }

  body.page-id-1009 .ls-about-point i,
  body.page-id-1009 .ls-about-point svg {
    color: var(--ls-store-primary, #E85D4A) !important;
    fill: var(--ls-store-primary, #E85D4A) !important;
    font-size: 15px !important;
    width: 17px !important;
    min-width: 17px !important;
  }
}

/* Mobile should keep natural image height */
@media (max-width: 767px) {
  body.page-id-1009 .ls-about-story-media {
    min-height: auto !important;
  }

  body.page-id-1009 .ls-about-founder-img img {
    height: auto !important;
    min-height: auto !important;
    object-fit: cover !important;
  }
}


/* LetzShopy Performance: Hero must render immediately for LCP */
body.home .ls-editorial-hero,
body.home .ls-editorial-hero-content,
body.home .ls-editorial-hero-image,
body.home .ls-mobile-split-hero,
body.home .ls-mobile-split-copy,
body.home .ls-mobile-split-image {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
  will-change: auto !important;
}

/* Do not delay first-screen hero children */
body.home .ls-editorial-hero *,
body.home .ls-mobile-split-hero * {
  animation-delay: 0s !important;
}

/* LetzShopy Performance: system font fallback to avoid external font delay */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6,
.ls-hero-title,
.ls-arrivals-heading {
  font-family: Georgia, "Times New Roman", serif;
}

/* =========================================================
   CONTACT PAGE - FINAL CLEAN CSS
   Page ID: 1015
========================================================= */

body.page-id-1015 {
  background: var(--ls-store-bg-outer, #F6EFE8) !important;
}

/* Remove Elementor unwanted vertical height/gap */
body.page-id-1015 .ls-contact-intro,
body.page-id-1015 .ls-contact-grid {
  width: 100% !important;
  max-width: 1180px !important;
  min-height: auto !important;
  margin: 0 auto !important;
  background: var(--ls-store-bg-inner, #FFFCF8) !important;
  box-sizing: border-box !important;
}

body.page-id-1015 .ls-contact-intro > .e-con-inner,
body.page-id-1015 .ls-contact-grid > .e-con-inner {
  width: 100% !important;
  max-width: 1180px !important;
  min-height: auto !important;
  margin: 0 auto !important;
}

/* Intro heading area */
body.page-id-1015 .ls-contact-intro {
  padding: 46px 22px 18px !important;
}

body.page-id-1015 .ls-contact-intro > .e-con-inner {
  gap: 0 !important;
}

body.page-id-1015 .ls-contact-kicker .elementor-heading-title {
  color: var(--ls-store-primary, #E85D4A) !important;
  font-size: 22px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

body.page-id-1015 .ls-contact-divider {
  max-width: 150px !important;
  margin: 16px 0 0 !important;
}

body.page-id-1015 .ls-contact-divider .elementor-divider-separator {
  border-top-color: var(--ls-store-primary, #E85D4A) !important;
  border-top-width: 4px !important;
  border-radius: 999px !important;
}

/* Two column area */
body.page-id-1015 .ls-contact-grid {
  padding: 18px 22px 78px !important;
}

body.page-id-1015 .ls-contact-grid > .e-con-inner {
  display: grid !important;
  grid-template-columns: 330px minmax(560px, 1fr) !important;
  gap: 28px !important;
  align-items: stretch !important;
}

/* Cards */
body.page-id-1015 .ls-contact-info-card,
body.page-id-1015 .ls-contact-form-card {
  width: 100% !important;
  min-width: 0 !important;
  background: #FFFFFF !important;
  border: 1px solid #F1E3D5 !important;
  border-radius: 30px !important;
  box-shadow: 0 22px 55px rgba(120, 84, 34, 0.10) !important;
  box-sizing: border-box !important;
}

body.page-id-1015 .ls-contact-info-card {
  padding: 30px 28px !important;
}

body.page-id-1015 .ls-contact-form-card {
  padding: 30px !important;
}

body.page-id-1015 .ls-contact-info-card .elementor-heading-title {
  color: var(--ls-store-dark, #171717) !important;
  font-size: 24px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  letter-spacing: -0.03em !important;
}

/* Icon list */
body.page-id-1015 .ls-contact-icon-list .elementor-icon-list-items {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

body.page-id-1015 .ls-contact-icon-list .elementor-icon-list-item {
  display: grid !important;
  grid-template-columns: 54px minmax(0, 1fr) !important;
  gap: 16px !important;
  align-items: center !important;
  padding: 17px 0 !important;
  border-bottom: 1px solid #F1E3D5 !important;
}

body.page-id-1015 .ls-contact-icon-list .elementor-icon-list-item:last-child {
  border-bottom: none !important;
}

body.page-id-1015 .ls-contact-icon-list .elementor-icon-list-icon {
  width: 54px !important;
  height: 54px !important;
  border-radius: 18px !important;
  background: var(--ls-store-bg-soft, #FFF7F2) !important;
  border: 1px solid #F1E3D5 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.page-id-1015 .ls-contact-icon-list .elementor-icon-list-icon i,
body.page-id-1015 .ls-contact-icon-list .elementor-icon-list-icon svg {
  color: var(--ls-store-primary, #E85D4A) !important;
  fill: var(--ls-store-primary, #E85D4A) !important;
  font-size: 22px !important;
}

body.page-id-1015 .ls-contact-icon-list .elementor-icon-list-text {
  color: #273142 !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  font-weight: 750 !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

/* Fluent Form cleanup */
body.page-id-1015 .ls-contact-form,
body.page-id-1015 .ls-contact-form *,
body.page-id-1015 .ls-contact-form .fluentform,
body.page-id-1015 .ls-contact-form form,
body.page-id-1015 .ls-contact-form .ff-el-group,
body.page-id-1015 .ls-contact-form .ff-el-input--content,
body.page-id-1015 .ls-contact-form .ff-el-input--label {
  background-color: transparent !important;
}

body.page-id-1015 .ls-contact-form .ff-el-group {
  margin-bottom: 16px !important;
}

body.page-id-1015 .ls-contact-form label,
body.page-id-1015 .ls-contact-form .ff-el-input--label label {
  color: var(--ls-store-dark, #171717) !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  margin-bottom: 8px !important;
}

body.page-id-1015 .ls-contact-form input:not([type="submit"]),
body.page-id-1015 .ls-contact-form textarea,
body.page-id-1015 .ls-contact-form select {
  width: 100% !important;
  min-height: 52px !important;
  background: var(--ls-store-bg-inner, #FFFCF8) !important;
  border: 1px solid #F1E3D5 !important;
  border-radius: 18px !important;
  color: var(--ls-store-dark, #171717) !important;
  font-size: 15px !important;
  padding: 14px 16px !important;
  box-shadow: none !important;
}

body.page-id-1015 .ls-contact-form textarea {
  min-height: 130px !important;
}

body.page-id-1015 .ls-contact-form input:focus,
body.page-id-1015 .ls-contact-form textarea:focus,
body.page-id-1015 .ls-contact-form select:focus {
  border-color: var(--ls-store-primary, #E85D4A) !important;
  box-shadow: 0 0 0 4px rgba(232, 93, 74, 0.12) !important;
  outline: none !important;
}

body.page-id-1015 .ls-contact-form .ff-btn-submit,
body.page-id-1015 .ls-contact-form button,
body.page-id-1015 .ls-contact-form input[type="submit"] {
  background: var(--ls-store-primary, #E85D4A) !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 14px 30px !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  box-shadow: 0 14px 30px rgba(232, 93, 74, 0.26) !important;
}

body.page-id-1015 .ls-contact-form .ff-btn-submit:hover,
body.page-id-1015 .ls-contact-form button:hover,
body.page-id-1015 .ls-contact-form input[type="submit"]:hover {
  background: var(--ls-store-primary-hover, #C93F31) !important;
}

/* Mobile */
@media (max-width: 767px) {
  body.page-id-1015 .ls-contact-intro {
    padding: 36px 15px 12px !important;
  }

  body.page-id-1015 .ls-contact-grid {
    padding: 16px 15px 58px !important;
  }

  body.page-id-1015 .ls-contact-grid > .e-con-inner {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  body.page-id-1015 .ls-contact-info-card,
  body.page-id-1015 .ls-contact-form-card {
    border-radius: 24px !important;
    padding: 22px 18px !important;
  }

  body.page-id-1015 .ls-contact-kicker .elementor-heading-title {
    font-size: 18px !important;
  }
}
/* =========================================================
   HEADER MINI CART / CART DRAWER - LETZSHOPY THEME POLISH
========================================================= */

/* Mini cart dropdown panel */
#site-header .current-shop-items-dropdown,
#site-header .widget_shopping_cart_content,
.current-shop-items-dropdown,
.widget_shopping_cart_content {
  background: var(--ls-store-dark-soft, #1E1A18) !important;
  border-top: 3px solid var(--ls-store-primary, #E85D4A) !important;
  border-radius: 0 0 18px 18px !important;
  box-shadow: 0 22px 55px rgba(0, 0, 0, 0.28) !important;
}

/* Mini cart item text */
#site-header .current-shop-items-dropdown,
#site-header .current-shop-items-dropdown *,
.widget_shopping_cart_content,
.widget_shopping_cart_content * {
  font-family: inherit !important;
}

.widget_shopping_cart_content .woocommerce-mini-cart-item,
.widget_shopping_cart_content .woocommerce-mini-cart-item a,
.current-shop-items-dropdown .woocommerce-mini-cart-item,
.current-shop-items-dropdown .woocommerce-mini-cart-item a {
  color: #FFFFFF !important;
  font-weight: 800 !important;
}

/* Product price / quantity */
.widget_shopping_cart_content .quantity,
.current-shop-items-dropdown .quantity {
  color: #F7E7DC !important;
  font-weight: 700 !important;
}

.widget_shopping_cart_content .quantity .amount,
.current-shop-items-dropdown .quantity .amount {
  color: #7DE38B !important;
  font-weight: 900 !important;
}

/* Product image */
.widget_shopping_cart_content img,
.current-shop-items-dropdown img {
  border-radius: 12px !important;
  background: var(--ls-store-bg-soft, #FFF7F2) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

/* Remove item button */
.widget_shopping_cart_content a.remove,
.current-shop-items-dropdown a.remove {
  color: #FFFFFF !important;
  border: 1px solid rgba(255, 255, 255, 0.55) !important;
  background: transparent !important;
  border-radius: 999px !important;
}

.widget_shopping_cart_content a.remove:hover,
.current-shop-items-dropdown a.remove:hover {
  background: var(--ls-store-primary, #E85D4A) !important;
  border-color: var(--ls-store-primary, #E85D4A) !important;
  color: #FFFFFF !important;
}

/* Divider lines */
.widget_shopping_cart_content .woocommerce-mini-cart__total,
.current-shop-items-dropdown .woocommerce-mini-cart__total,
.widget_shopping_cart_content .total,
.current-shop-items-dropdown .total {
  border-top: 1px solid rgba(255, 247, 242, 0.22) !important;
  border-bottom: 1px solid rgba(255, 247, 242, 0.22) !important;
  color: #FFFFFF !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em !important;
}

/* Subtotal amount */
.widget_shopping_cart_content .woocommerce-mini-cart__total .amount,
.current-shop-items-dropdown .woocommerce-mini-cart__total .amount,
.widget_shopping_cart_content .total .amount,
.current-shop-items-dropdown .total .amount {
  color: #7DE38B !important;
  font-weight: 950 !important;
}

/* Buttons container */
.widget_shopping_cart_content .woocommerce-mini-cart__buttons,
.current-shop-items-dropdown .woocommerce-mini-cart__buttons,
.widget_shopping_cart_content .buttons,
.current-shop-items-dropdown .buttons {
  display: flex !important;
  gap: 12px !important;
}

/* View cart button */
.widget_shopping_cart_content .woocommerce-mini-cart__buttons a.button,
.current-shop-items-dropdown .woocommerce-mini-cart__buttons a.button,
.widget_shopping_cart_content .buttons a.button,
.current-shop-items-dropdown .buttons a.button {
  border-radius: 0 !important;
  border: 1px solid rgba(255, 247, 242, 0.75) !important;
  background: transparent !important;
  color: #FFFFFF !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  padding: 14px 18px !important;
}

/* Checkout button */
.widget_shopping_cart_content .woocommerce-mini-cart__buttons a.checkout,
.current-shop-items-dropdown .woocommerce-mini-cart__buttons a.checkout,
.widget_shopping_cart_content .buttons a.checkout,
.current-shop-items-dropdown .buttons a.checkout {
  background: var(--ls-store-primary, #E85D4A) !important;
  border-color: var(--ls-store-primary, #E85D4A) !important;
  color: #FFFFFF !important;
  box-shadow: 0 12px 28px rgba(232, 93, 74, 0.26) !important;
}

.widget_shopping_cart_content .woocommerce-mini-cart__buttons a.checkout:hover,
.current-shop-items-dropdown .woocommerce-mini-cart__buttons a.checkout:hover,
.widget_shopping_cart_content .buttons a.checkout:hover,
.current-shop-items-dropdown .buttons a.checkout:hover {
  background: var(--ls-store-primary-hover, #C93F31) !important;
  border-color: var(--ls-store-primary-hover, #C93F31) !important;
}

/* View cart hover */
.widget_shopping_cart_content .woocommerce-mini-cart__buttons a.button:not(.checkout):hover,
.current-shop-items-dropdown .woocommerce-mini-cart__buttons a.button:not(.checkout):hover,
.widget_shopping_cart_content .buttons a.button:not(.checkout):hover,
.current-shop-items-dropdown .buttons a.button:not(.checkout):hover {
  background: rgba(255, 247, 242, 0.08) !important;
  border-color: var(--ls-store-primary, #E85D4A) !important;
  color: #FFFFFF !important;
}

/* Cart count badge in header */
#site-header .wcmenucart-details.count,
#site-header .wcmenucart-count,
.oceanwp-mobile-menu-icon .wcmenucart-count,
.owp-cart-number {
  background: var(--ls-store-primary, #E85D4A) !important;
  color: #FFFFFF !important;
  border-color: var(--ls-store-primary, #E85D4A) !important;
}

/* Empty cart message */
.widget_shopping_cart_content .woocommerce-mini-cart__empty-message,
.current-shop-items-dropdown .woocommerce-mini-cart__empty-message {
  color: var(--ls-store-bg-soft, #FFF7F2) !important;
  font-weight: 700 !important;
}
/* =========================================================
   HEADER ICON BACKGROUND FIX
   Only cart count badge should have coral background
========================================================= */

/* Remove unwanted background from header icons */
#site-header .oceanwp-cart,
#site-header .wcmenucart,
#site-header .wcmenucart-details,
#site-header .wcmenucart-details.count,
#site-header .wcmenucart-icon,
#site-header .owp-icon,
#site-header .search-toggle-li,
#site-header .search-toggle-li a,
#site-header .wishlist_products_counter,
#site-header .wishlist_products_counter a {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Header icon color */
#site-header .oceanwp-cart i,
#site-header .wcmenucart i,
#site-header .wcmenucart-icon i,
#site-header .owp-icon,
#site-header .search-toggle-li a,
#site-header .wishlist_products_counter a {
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

/* Apply coral only to small cart number badge */
#site-header .owp-cart-number,
#site-header .wcmenucart-count,
#site-header .cart-counter,
#site-header .count {
  background: var(--ls-store-primary, #E85D4A) !important;
  color: #FFFFFF !important;
  border-radius: 6px !important;
  min-width: 18px !important;
  height: 18px !important;
  line-height: 18px !important;
  padding: 0 5px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  border: none !important;
}

/* But do not color the full cart link itself */
#site-header a.wcmenucart,
#site-header a.wcmenucart-details,
#site-header .oceanwp-cart a {
  background: transparent !important;
  background-color: transparent !important;
}
