/*
 * LetzShopy Store Design CSS — Batch 2 Split
 * File: letzshopy-about.css
 *
 * Source:
 * - Derived from tested letzshopy-store-design-batch1-clean.css
 *
 * Load scope:
 * - About page only
 *
 * IMPORTANT:
 * - Keep Customizer > Additional CSS only for :root colour variables.
 * - Shared motif SVG variables live in letzshopy-store-core.css.
 * - This file is intentionally not minified yet.
 */

/* =========================================================
   LETZSHOPY ABOUT PAGE — FINAL CLEAN OWNER
   Scope: .ls-about-page
   Hero removed. Old page-id-1009 About CSS removed.
   Existing owners retained:
   - Brand Story
   - [ls_collection_showcase]
   - Social Ribbon
   - Why Choose Us
   - CTA
========================================================= */

.ls-about-page{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  background:var(--ls-store-bg-inner);
  color:var(--ls-store-text);
}

.ls-about-page,
.ls-about-page *{
  box-sizing:border-box;
}

/* ---------- Shared About typography ---------- */

.ls-about-page .ls-about-kicker,
.ls-about-page .ls-about-kicker .elementor-heading-title{
  color:var(--ls-store-primary)!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:900!important;
  letter-spacing:.22em!important;
  text-transform:uppercase!important;
  margin:0 0 14px!important;
}

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

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

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

.ls-about-page .ls-about-section-text,
.ls-about-page .ls-about-section-text p{
  color:var(--ls-store-text)!important;
  font-size:16px!important;
  line-height:1.72!important;
  font-weight:500!important;
  margin:0!important;
}

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

/* =========================================================
   1. BRAND STORY
   Elementor controls final vertical padding.
========================================================= */

.ls-about-page .ls-about-story{
  width:100%!important;
  max-width:1200px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  align-items:center!important;
  background:
    radial-gradient(circle at 8% 12%,rgba(var(--ls-store-primary-rgb),.06),transparent 28%),
    var(--ls-store-bg-inner)!important;
}

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

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

.ls-about-page .ls-about-founder-img img{
  width:100%!important;
  height:auto!important;
  display:block!important;
  border-radius:34px!important;
  border:1px solid var(--ls-store-border-soft)!important;
  box-shadow:0 28px 72px rgba(var(--ls-store-shadow-rgb),.16)!important;
  object-fit:cover!important;
}

.ls-about-page .ls-about-story-text,
.ls-about-page .ls-about-story-text p{
  color:var(--ls-store-text)!important;
  font-size:16px!important;
  line-height:1.84!important;
  font-weight:500!important;
}

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


/* =========================================================
   2. SOCIAL RIBBON
   Grid belongs to Elementor boxed container > .e-con-inner.
========================================================= */

.ls-about-page .ls-about-social-ribbon{
  display:block!important;
  width:calc(100% - 48px)!important;
  max-width:1200px!important;
  margin:64px auto!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:34px!important;
  background:
    radial-gradient(circle at 92% 12%,rgba(var(--ls-store-primary-rgb),.28),transparent 30%),
    linear-gradient(135deg,var(--ls-store-dark) 0%,var(--ls-store-dark-soft) 100%)!important;
  box-shadow:0 26px 70px rgba(var(--ls-store-black-rgb),.20)!important;
}

.ls-about-page .ls-about-social-ribbon > .e-con-inner{
  width:100%!important;
  max-width:none!important;
  min-height:320px!important;
  padding:46px!important;
  display:grid!important;
  grid-template-columns:minmax(0,38%) minmax(0,62%)!important;
  gap:40px!important;
  align-items:center!important;
}

.ls-about-page .ls-about-social-ribbon-copy,
.ls-about-page .ls-about-social-ribbon-links{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}

.ls-about-page .ls-about-social-ribbon-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
}

.ls-about-page .ls-about-social-ribbon-copy .ls-about-kicker,
.ls-about-page .ls-about-social-ribbon-copy .ls-about-kicker .elementor-heading-title,
.ls-about-page .ls-about-social-ribbon-copy .ls-about-section-title,
.ls-about-page .ls-about-social-ribbon-copy .ls-about-section-title .elementor-heading-title,
.ls-about-page .ls-about-social-ribbon-copy .ls-about-section-text,
.ls-about-page .ls-about-social-ribbon-copy .ls-about-section-text p{
  width:100%!important;
  max-width:none!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
  text-align:left!important;
}

.ls-about-page .ls-about-social-ribbon .ls-about-kicker,
.ls-about-page .ls-about-social-ribbon .ls-about-kicker .elementor-heading-title{
  color:var(--ls-store-primary)!important;
}

.ls-about-page .ls-about-social-ribbon-copy .ls-about-section-title,
.ls-about-page .ls-about-social-ribbon-copy .ls-about-section-title .elementor-heading-title{
  color:var(--ls-store-white)!important;
  font-size:clamp(34px,3vw,48px)!important;
  line-height:1.03!important;
  letter-spacing:-.05em!important;
}

.ls-about-page .ls-about-social-ribbon-copy .ls-about-section-text,
.ls-about-page .ls-about-social-ribbon-copy .ls-about-section-text p{
  color:rgba(var(--ls-store-white-rgb),.72)!important;
  font-size:15px!important;
  line-height:1.65!important;
  margin-top:16px!important;
}

.ls-about-page .ls-about-social-ribbon-links{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
  align-content:center!important;
}

.ls-about-page .ls-about-social-link{
  width:100%!important;
  min-width:0!important;
  min-height:74px!important;
  padding:12px 14px!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) 38px!important;
  gap:13px!important;
  align-items:center!important;
  border:1px solid rgba(var(--ls-store-white-rgb),.13)!important;
  border-radius:20px!important;
  background:rgba(var(--ls-store-white-rgb),.055)!important;
  transition:background .24s ease,border-color .24s ease,transform .24s ease!important;
}

.ls-about-page .ls-about-social-link:hover{
  transform:translateX(4px)!important;
  background:rgba(var(--ls-store-white-rgb),.09)!important;
  border-color:rgba(var(--ls-store-primary-rgb),.48)!important;
}



.ls-about-page .ls-about-social-link-icon i,
.ls-about-page .ls-about-social-link-icon svg{
  color:var(--ls-store-white)!important;
  fill:var(--ls-store-white)!important;
  font-size:21px!important;
}

.ls-about-page .ls-about-social-link-title{
  grid-column:2!important;
  margin:0!important;
}

.ls-about-page .ls-about-social-link-title,
.ls-about-page .ls-about-social-link-title .elementor-heading-title{
  min-width:0!important;
  color:var(--ls-store-white)!important;
  font-size:16px!important;
  line-height:1.15!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
  margin:0!important;
  white-space:normal!important;
  word-break:normal!important;
}

.ls-about-page .ls-about-social-link-arrow{
  grid-column:3!important;
  margin:0!important;
}

.ls-about-page .ls-about-social-link-arrow .elementor-button{
  width:36px!important;
  height:36px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  background:var(--ls-store-primary)!important;
  color:var(--ls-store-white)!important;
  border:0!important;
  box-shadow:none!important;
  font-size:0!important;
}

.ls-about-page .ls-about-social-link-arrow .elementor-button::after{
  content:"→"!important;
  font-size:17px!important;
  line-height:1!important;
  font-weight:900!important;
}

/* =========================================================
   3. WHY CHOOSE US
========================================================= */

.ls-about-page .ls-about-trust{
  width:100%!important;
  padding:88px 24px!important;
  background:
    radial-gradient(circle at 86% 8%,rgba(var(--ls-store-primary-rgb),.05),transparent 28%),
    var(--ls-store-bg-soft)!important;
}

.ls-about-page .ls-about-trust-inner{
  width:100%!important;
  max-width:1200px!important;
  margin:0 auto!important;
  gap:18px!important;
}

.ls-about-page .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;
}

.ls-about-page .ls-about-trust-card{
  min-height:230px!important;
  padding:28px 26px!important;
  background:var(--ls-store-bg-inner)!important;
  border:1px solid var(--ls-store-border-soft)!important;
  border-radius:30px!important;
  box-shadow:0 18px 44px rgba(var(--ls-store-shadow-rgb),.10)!important;
}



.ls-about-page .ls-trust-icon i,
.ls-about-page .ls-trust-icon svg{
  color:var(--ls-store-primary)!important;
  fill:var(--ls-store-primary)!important;
  font-size:34px!important;
}

.ls-about-page .ls-about-card-title,
.ls-about-page .ls-about-card-title .elementor-heading-title{
  color:var(--ls-store-heading)!important;
  font-size:22px!important;
  line-height:1.15!important;
  font-weight:950!important;
  align-items:center!important;
  letter-spacing:-.03em!important;
  margin:0!important;
}

.ls-about-page .ls-about-card-text,
.ls-about-page .ls-about-card-text p{
  color:var(--ls-store-text)!important;
  font-size:15px!important;
  line-height:1.68!important;
  font-weight:500!important;
  margin:14px 0 0!important;
}

/* =========================================================
   4. CTA
========================================================= */

.ls-about-page .ls-about-cta{
  width:100%!important;
  max-width:1200px!important;
  margin:0 auto!important;
  padding:88px 24px 76px!important;
  background:var(--ls-store-bg-inner)!important;
}

.ls-about-page .ls-about-cta-card{
  position:relative!important;
  overflow:hidden!important;
  width:100%!important;
  border-radius:38px!important;
  padding:60px 40px!important;
  background:
    radial-gradient(circle at 90% 0%,rgba(var(--ls-store-primary-rgb),.28),transparent 34%),
    linear-gradient(135deg,var(--ls-store-dark) 0%,var(--ls-store-dark-soft) 100%)!important;
  box-shadow:0 28px 76px rgba(var(--ls-store-black-rgb),.20)!important;
}

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

.ls-about-page .ls-about-cta-text,
.ls-about-page .ls-about-cta-text p{
  max-width:680px!important;
  margin:18px auto 30px!important;
  color:rgba(var(--ls-store-white-rgb),.72)!important;
  font-size:16px!important;
  line-height:1.75!important;
  font-weight:500!important;
  text-align:center!important;
}

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

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

.ls-about-page .ls-about-primary-btn .elementor-button{
  background:var(--ls-store-primary)!important;
  color:var(--ls-store-white)!important;
  border:1px solid var(--ls-store-primary)!important;
}

.ls-about-page .ls-about-secondary-btn .elementor-button{
  background:transparent!important;
  color:var(--ls-store-white)!important;
  border:1px solid rgba(var(--ls-store-white-rgb),.38)!important;
}

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

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

  .ls-about-page .ls-about-social-ribbon{
    width:calc(100% - 48px)!important;
    margin:54px auto!important;
  }

  .ls-about-page .ls-about-social-ribbon > .e-con-inner{
    min-height:0!important;
    padding:38px 32px!important;
    grid-template-columns:1fr!important;
    gap:26px!important;
  }

  .ls-about-page .ls-about-social-ribbon-links{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:12px!important;
  }

  .ls-about-page .ls-about-social-link{
    min-height:120px!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto auto!important;
    justify-items:center!important;
    text-align:center!important;
  }

  .ls-about-page .ls-about-social-link-icon,
  .ls-about-page .ls-about-social-link-title,
  .ls-about-page .ls-about-social-link-arrow{
    grid-column:1!important;
  }
}

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

@media (max-width:767px){
  .ls-about-page .ls-about-story,
  .ls-about-page .ls-about-trust,
  .ls-about-page .ls-about-cta{
    padding-left:18px!important;
    padding-right:18px!important;
    overflow:hidden!important;
  }

  .ls-about-page .ls-about-story{
    gap:34px!important;
    flex-direction:column!important;
  }

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

  .ls-about-page .ls-about-founder-img img{
    height:auto!important;
    min-height:auto!important;
    border-radius:26px!important;
  }

  .ls-about-page .ls-about-kicker,
  .ls-about-page .ls-about-kicker .elementor-heading-title{
    font-size:10px!important;
    letter-spacing:.20em!important;
  }

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

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

  .ls-about-page .ls-about-point{
    min-height:42px!important;
    padding:0 11px!important;
    font-size:12.2px!important;
    overflow:hidden!important;
  }

  .ls-about-page .ls-about-social-ribbon{
    width:calc(100% - 36px)!important;
    margin:42px auto!important;
    border-radius:28px!important;
  }

  .ls-about-page .ls-about-social-ribbon > .e-con-inner{
    min-height:0!important;
    padding:30px 20px!important;
    grid-template-columns:1fr!important;
    gap:24px!important;
  }

  .ls-about-page .ls-about-social-ribbon-copy .ls-about-section-title,
  .ls-about-page .ls-about-social-ribbon-copy .ls-about-section-title .elementor-heading-title{
    font-size:30px!important;
    line-height:1.07!important;
  }

  .ls-about-page .ls-about-social-ribbon-links{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  .ls-about-page .ls-about-social-link{
    min-height:66px!important;
    grid-template-columns:46px minmax(0,1fr) 34px!important;
    gap:11px!important;
  }

  .ls-about-page .ls-about-social-link-icon{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    border-radius:15px!important;
  }

  .ls-about-page .ls-about-social-link-title,
  .ls-about-page .ls-about-social-link-title .elementor-heading-title{
    font-size:15px!important;
  }

  .ls-about-page .ls-about-social-link-arrow .elementor-button{
    width:34px!important;
    height:34px!important;
  }

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

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

  .ls-about-page .ls-about-trust-card{
    min-height:auto!important;
    padding:22px 20px!important;
    border-radius:24px!important;
  }

  .ls-about-page .ls-about-cta{
    padding-top:48px!important;
    padding-bottom:54px!important;
  }

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

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

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

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

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

@media (prefers-reduced-motion:reduce){
  .ls-about-page .ls-about-social-link{
    transition:none!important;
  }
}

/* =========================================================
   LETZSHOPY ABOUT PAGE — EXISTING COLLECTION SHORTCODE BRIDGE
   Uses existing [ls_collection_showcase] owner.
   No new PHP owner introduced.
========================================================= */

/* =========================================================
   ABOUT PAGE BRIDGE — EXISTING COLLECTION SHOWCASE SHORTCODE
   Desktop: big storyboard + 3-card category slider
   Mobile: storyboard top + 1 wide card + 2 cards slider
========================================================= */

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

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

  .ls-about-page .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) !important;
  }

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

  .ls-about-page .ls-collection-copy::before {
    content: "";
    position: absolute;
    left: -85px;
    top: -70px;
    width: 220px;
    height: 150%;
    background: linear-gradient(180deg, rgba(var(--ls-store-primary-rgb), 0.12), rgba(var(--ls-store-card-soft-rgb), 0.02));
    transform: rotate(-10deg);
    z-index: 0;
    pointer-events: none;
  }

  .ls-about-page .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(var(--ls-store-primary-rgb), 0.075) !important;
    z-index: 0 !important;
    pointer-events: none;
  }

  .ls-about-page .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) !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;
  }

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

  .ls-about-page .ls-collection-copy h2 {
    position: relative !important;
    z-index: 2 !important;
    max-width: 500px !important;
    color: var(--ls-store-heading) !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;
  }

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

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

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

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

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

  .ls-about-page .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;
  }

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

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

  .ls-about-page .ls-collection-card {
    position: relative !important;
    display: block !important;
    overflow: hidden !important;
    background: var(--ls-store-card-muted) !important;
    border: 1px solid var(--ls-store-border-soft) !important;
    border-radius: 26px !important;
    text-decoration: none !important;
    box-shadow: 0 16px 36px rgba(var(--ls-store-shadow-rgb), 0.09) !important;
    transition: transform 0.28s ease, box-shadow 0.28s ease !important;
  }

  .ls-about-page .ls-collection-card:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 24px 48px rgba(var(--ls-store-shadow-rgb), 0.14) !important;
  }

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

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

  .ls-about-page .ls-collection-img {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    background:
      radial-gradient(circle at center, rgba(var(--ls-store-white-rgb), 0.8), transparent 58%),
      var(--ls-store-card-muted) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .ls-about-page .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;
  }

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

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

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

  .ls-about-page .ls-collection-info {
    position: absolute !important;
    left: 16px !important;
    right: 16px !important;
    bottom: 14px !important;
    background: rgba(var(--ls-store-bg-inner-rgb), 0.95) !important;
    border: 1px solid rgba(var(--ls-store-primary-rgb), 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(var(--ls-store-black-rgb), 0.10) !important;
  }

  .ls-about-page .ls-collection-info strong {
    color: var(--ls-store-heading) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
  }

  .ls-about-page .ls-collection-info span {
    color: var(--ls-store-primary) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  .ls-about-page .ls-collection-arrow {
    position: absolute !important;
    top: 50% !important;
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(var(--ls-store-primary-rgb), 0.20) !important;
    background: rgba(var(--ls-store-white-rgb), 0.96) !important;
    color: var(--ls-store-primary) !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(var(--ls-store-black-rgb), 0.12) !important;
    transform: translateY(-50%) !important;
    transition: transform 0.22s ease, background 0.22s ease, color 0.22s ease !important;
  }

  .ls-about-page .ls-collection-arrow:hover {
    background: var(--ls-store-primary) !important;
    color: var(--ls-store-white) !important;
    transform: translateY(-50%) scale(1.06) !important;
  }

  .ls-about-page .ls-collection-prev {
    left: -21px !important;
  }

  .ls-about-page .ls-collection-next {
    right: -21px !important;
  }

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

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

  .ls-about-page .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;
  }

  .ls-about-page .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(var(--ls-store-primary-rgb), 0.12), transparent 34%),
      linear-gradient(145deg, var(--ls-store-bg-soft) 0%, var(--ls-store-bg-inner) 100%) !important;
    border: 1px solid var(--ls-store-border-soft) !important;
    border-radius: 28px !important;
    box-shadow: 0 14px 32px rgba(var(--ls-store-shadow-rgb), 0.08) !important;
    text-align: left !important;
    overflow: hidden !important;
  }

  .ls-about-page .ls-collection-copy::before {
    display: none !important;
  }

  .ls-about-page .ls-collection-copy::after {
    right: -45px !important;
    bottom: -55px !important;
    width: 130px !important;
    height: 130px !important;
    background: rgba(var(--ls-store-primary-rgb), 0.07) !important;
  }

  .ls-about-page .ls-collection-kicker {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    color: var(--ls-store-primary) !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;
  }

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

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

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

  .ls-about-page .ls-collection-copy p {
    color: rgba(var(--ls-store-heading-rgb), 0.68) !important;
    font-size: 13.5px !important;
    line-height: 1.55 !important;
    font-weight: 500 !important;
    margin: 0 !important;
  }

  .ls-about-page .ls-collection-copy p::after {
    display: none !important;
  }

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

  .ls-about-page .ls-collection-window {
    width: 100% !important;
    overflow: hidden !important;
    border-radius: 28px !important;
    padding: 14px !important;
    background: var(--ls-store-bg-inner) !important;
    border: 1px solid var(--ls-store-border-soft) !important;
    box-shadow: 0 16px 34px rgba(var(--ls-store-shadow-rgb), 0.08) !important;
  }

  .ls-about-page .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;
  }

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

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

  .ls-about-page .ls-collection-card,
  .ls-about-page .ls-collection-card-large,
  .ls-about-page .ls-collection-card-small {
    width: 100% !important;
    display: block !important;
    position: relative !important;
    overflow: hidden !important;
    background: var(--ls-store-card-muted) !important;
    border: 1px solid var(--ls-store-border-soft) !important;
    border-radius: 20px !important;
    box-shadow: 0 12px 26px rgba(var(--ls-store-shadow-rgb), 0.08) !important;
    text-decoration: none !important;
  }

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

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

  .ls-about-page .ls-collection-img {
    width: 100% !important;
    height: 100% !important;
    background:
      radial-gradient(circle at center, rgba(var(--ls-store-white-rgb), 0.86), transparent 58%),
      var(--ls-store-card-muted) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
  }

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

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

  .ls-about-page .ls-collection-info {
    position: absolute !important;
    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;
    background: rgba(var(--ls-store-white-rgb), 0.96) !important;
    border: 1px solid rgba(var(--ls-store-primary-rgb), 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(var(--ls-store-black-rgb), 0.10) !important;
  }

  .ls-about-page .ls-collection-info strong {
    color: var(--ls-store-heading) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
  }

  .ls-about-page .ls-collection-info span {
    color: var(--ls-store-primary) !important;
    font-size: 0 !important;
    font-weight: 850 !important;
    white-space: nowrap !important;
  }

  .ls-about-page .ls-collection-info span::after {
    content: "→";
    font-size: 13px !important;
    color: var(--ls-store-primary) !important;
  }

  .ls-about-page .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(var(--ls-store-white-rgb), 0.96) !important;
    border: 1px solid rgba(var(--ls-store-primary-rgb), 0.20) !important;
    color: var(--ls-store-primary) !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(var(--ls-store-black-rgb), 0.12) !important;
  }

  .ls-about-page .ls-collection-prev {
    left: -11px !important;
  }

  .ls-about-page .ls-collection-next {
    right: -11px !important;
  }
}

/* =========================================================
   ABOUT PAGE — EXISTING COLLECTION SHORTCODE TABLET BRIDGE
   768px–1024px
   Keeps homepage tablet behavior untouched.
========================================================= */

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

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

  .ls-about-page .ls-collection-showcase{
    display:block!important;
    width:calc(100% - 48px)!important;
    max-width:920px!important;
    margin:48px auto 58px!important;
    padding:0!important;
    background:transparent!important;
    transform:none!important;
    overflow:visible!important;
  }

  .ls-about-page .ls-collection-copy{
    width:100%!important;
    height:auto!important;
    min-height:auto!important;
    margin:0 0 18px!important;
    padding:34px 34px 32px!important;
    border-radius:28px!important;
    border:1px solid var(--ls-store-border-soft)!important;
    background:
      radial-gradient(circle at 12% 16%,rgba(var(--ls-store-primary-rgb),.11),transparent 34%),
      linear-gradient(145deg,var(--ls-store-bg-soft) 0%,var(--ls-store-bg-inner) 100%)!important;
    box-shadow:0 16px 36px rgba(var(--ls-store-shadow-rgb),.08)!important;
    overflow:hidden!important;
  }

  .ls-about-page .ls-collection-kicker{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    margin:0 0 12px!important;
    color:var(--ls-store-primary)!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.18em!important;
    text-transform:uppercase!important;
  }

  .ls-about-page .ls-collection-kicker::before{
    content:"";
    width:28px!important;
    height:2px!important;
    display:inline-block!important;
    background:var(--ls-store-primary)!important;
    border-radius:999px!important;
  }

  .ls-about-page .ls-collection-copy h2{
    color:var(--ls-store-heading)!important;
    font-size:40px!important;
    line-height:1.02!important;
    font-weight:950!important;
    letter-spacing:-.05em!important;
    margin:0 0 14px!important;
  }

  .ls-about-page .ls-collection-copy p{
    max-width:680px!important;
    color:rgba(var(--ls-store-heading-rgb),.68)!important;
    font-size:15px!important;
    line-height:1.65!important;
    font-weight:500!important;
    margin:0!important;
  }

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

  .ls-about-page .ls-collection-window{
    width:100%!important;
    overflow:hidden!important;
    padding:14px!important;
    border-radius:28px!important;
    background:var(--ls-store-bg-inner)!important;
    border:1px solid var(--ls-store-border-soft)!important;
    box-shadow:0 16px 36px rgba(var(--ls-store-shadow-rgb),.08)!important;
  }

  .ls-about-page .ls-collection-track{
    display:flex!important;
    width:100%!important;
    transition:transform .55s cubic-bezier(.22,1,.36,1)!important;
  }

  .ls-about-page .ls-collection-slide{
    min-width:100%!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:1.18fr .82fr!important;
    gap:14px!important;
    align-items:stretch!important;
  }

  .ls-about-page .ls-collection-stack{
    display:grid!important;
    grid-template-rows:1fr 1fr!important;
    gap:14px!important;
  }

  .ls-about-page .ls-collection-card{
    position:relative!important;
    display:block!important;
    overflow:hidden!important;
    background:var(--ls-store-card-muted)!important;
    border:1px solid var(--ls-store-border-soft)!important;
    border-radius:22px!important;
    box-shadow:0 14px 30px rgba(var(--ls-store-shadow-rgb),.08)!important;
    text-decoration:none!important;
  }

  .ls-about-page .ls-collection-card-large{
    height:360px!important;
    min-height:360px!important;
  }

  .ls-about-page .ls-collection-card-small{
    height:173px!important;
    min-height:173px!important;
  }

  .ls-about-page .ls-collection-img{
    width:100%!important;
    height:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
    background:
      radial-gradient(circle at center,rgba(var(--ls-store-white-rgb),.84),transparent 58%),
      var(--ls-store-card-muted)!important;
  }

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

  .ls-about-page .ls-collection-card-small .ls-collection-img img{
    padding:6px!important;
    transform:scale(1.18)!important;
  }

  .ls-about-page .ls-collection-info{
    position:absolute!important;
    left:12px!important;
    right:12px!important;
    bottom:12px!important;
    padding:9px 12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    border-radius:999px!important;
    background:rgba(var(--ls-store-bg-inner-rgb),.96)!important;
    border:1px solid rgba(var(--ls-store-primary-rgb),.14)!important;
    box-shadow:0 10px 22px rgba(var(--ls-store-black-rgb),.10)!important;
  }

  .ls-about-page .ls-collection-info strong{
    color:var(--ls-store-heading)!important;
    font-size:12px!important;
    line-height:1.1!important;
    font-weight:850!important;
  }

  .ls-about-page .ls-collection-info span{
    color:var(--ls-store-primary)!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:850!important;
    white-space:nowrap!important;
  }

  .ls-about-page .ls-collection-arrow{
    display:flex!important;
    position:absolute!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    z-index:10!important;
    width:38px!important;
    height:38px!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:50%!important;
    border:1px solid rgba(var(--ls-store-primary-rgb),.20)!important;
    background:rgba(var(--ls-store-white-rgb),.96)!important;
    color:var(--ls-store-primary)!important;
    font-size:29px!important;
    line-height:1!important;
    box-shadow:0 12px 26px rgba(var(--ls-store-black-rgb),.12)!important;
  }

  .ls-about-page .ls-collection-prev{left:-13px!important;}
  .ls-about-page .ls-collection-next{right:-13px!important;}
}



/* =========================================================
   ABOUT PAGE — SEO SUPPORT SECTION
========================================================= */
body.ls-about-seo-page .ls-static-seo-block{
  width:min(1160px,calc(100% - 36px));
  margin:18px auto 58px;
  padding:38px 42px;
  border:1px solid rgba(var(--ls-store-primary-rgb),.16);
  border-radius:28px;
  background:var(--ls-store-bg-inner);
  box-shadow:0 20px 48px rgba(var(--ls-store-black-rgb),.08);
}
body.ls-about-seo-page .ls-static-seo-block__kicker{display:block;margin:0 0 10px;color:var(--ls-store-primary);font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;}
body.ls-about-seo-page .ls-static-seo-block h2{margin:0 0 15px;color:var(--ls-store-heading);font-family:Georgia,"Times New Roman",serif;font-size:clamp(31px,3.5vw,46px);line-height:1.08;}
body.ls-about-seo-page .ls-static-seo-block p{max-width:1000px;margin:0 0 13px;color:var(--ls-store-text);font-size:14px;line-height:1.72;}
body.ls-about-seo-page .ls-static-seo-block__lead{font-size:15.5px!important;color:var(--ls-store-heading)!important;}
body.ls-about-seo-page .ls-static-seo-block__links{margin-top:20px;padding-top:18px;display:flex;flex-wrap:wrap;gap:10px 22px;border-top:1px solid rgba(var(--ls-store-primary-rgb),.12);}
body.ls-about-seo-page .ls-static-seo-block__links a{color:var(--ls-store-primary);font-size:11px;font-weight:850;text-decoration:none;}
@media(max-width:767px){body.ls-about-seo-page .ls-static-seo-block{width:calc(100% - 24px);margin-bottom:42px;padding:28px 20px;border-radius:22px;}body.ls-about-seo-page .ls-static-seo-block h2{font-size:31px;}}

/* =========================================================
   END FILE: LETZSHOPY ABOUT
========================================================= */