/* INDEX PAGE STYLES
   Page-specific styles extracted from index.html.
   Keep shared styles in style.css. */
/* LEO review/footer refinement */
.review-carousel,
.reviews-carousel,
#reviews-carousel,
.review-track  {
    position:relative;
}
.review-carousel .review-card,
.reviews-carousel .review-card,
#reviews-carousel .review-card,
.review-card  {
    margin-left:auto;
    margin-right:auto;
}
.review-carousel,
.reviews-carousel,
#reviews-carousel  {
    display:flex;
    justify-content:center;
    align-items:center;
}
.review-carousel .review-track,
.reviews-carousel .review-track,
#reviews-carousel .review-track  {
    display:flex;
    justify-content:center;
    align-items:center;
}
.review-card.active,
.review-card.is-active,
.review-card.selected  {
    margin-left:auto !important;
    margin-right:auto !important;
}
#back-to-leo,
.back-to-leo,
.backToLeo  {
    background: linear-gradient(135deg, #0f0f0f, #1c1710) !important;
    color:#f1d18a !important;
    border-color:rgba(241,209,138,.55) !important;
}
#back-to-leo *,
.back-to-leo *,
.backToLeo *  {
    color:#f1d18a !important;
}
/* Do not allow review animation controls to navigate away or jump to an anchor. */
.review-carousel a,
.reviews-carousel a,
#reviews-carousel a  {
    scroll-behavior:auto;
}
/* Light luxury Back to LEO section */
#back-to-leo,
.back-to-leo,
.backToLeo,
.back-leo-section,
[data-section="back-to-leo"]  {
    background: linear-gradient(135deg, #fffdf7 0%, #f7f0df 52%, #fffaf0 100%) !important;
    color: #5a4630 !important;
    border-color: rgba(177, 139, 70, .35) !important;
    box-shadow: 0 18px 50px rgba(95, 73, 35, .10) !important;
}
#back-to-leo h1,
#back-to-leo h2,
#back-to-leo h3,
#back-to-leo p,
#back-to-leo span,
.back-to-leo h1,
.back-to-leo h2,
.back-to-leo h3,
.back-to-leo p,
.back-to-leo span,
.backToLeo h1,
.backToLeo h2,
.backToLeo h3,
.backToLeo p,
.backToLeo span  {
    color: #5a4630 !important;
}
#back-to-leo a,
.back-to-leo a,
.backToLeo a  {
    color: #9a7435 !important;
}
#back-to-leo button,
.back-to-leo button,
.backToLeo button  {
    background: rgba(255,255,255,.72) !important;
    color: #6b512b !important;
    border: 1px solid rgba(177,139,70,.45) !important;
}
/* LEO Royal Typography */
:root {
    --leo-royal-font: "Cormorant Garamond", "Bodoni 72", "Didot", "Times New Roman", serif;
    --leo-body-font: "Cormorant Garamond", "Times New Roman", serif;
    --leo-dark-text: #3b2a1c;
}
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&display=swap');
body, body *  {
    font-family: var(--leo-body-font);
}
h1,h2,h3,h4,h5,h6,
.logo, .brand, .nav-logo,
.hero-title, .hero-subtitle,
button, .btn,
.section-title, .section-subtitle,
.product-title, .price,
.footer-title, .footer-text,
.review-card, .review-card *  {
    font-family: var(--leo-royal-font);
}
/* Dark, readable text at the bottom of the page */
footer, .footer, .site-footer,
.bottom-section, .bottom-footer,
.back-to-leo, #back-to-leo, .backToLeo  {
    color: var(--leo-dark-text) !important;
}
footer *, .footer *, .site-footer *,
.bottom-section *, .bottom-footer *,
.back-to-leo *, #back-to-leo *, .backToLeo *  {
    color: var(--leo-dark-text) !important;
}
/* Dark text inside review cards, including first and last cards */
.review-card,
.reviews-card,
[data-review-card],
.review-card *,
.reviews-card *,
[data-review-card] *  {
    color: var(--leo-dark-text) !important;
}
.review-card .stars,
.reviews-card .stars,
[data-review-card] .stars  {
    color: #9a7435 !important;
}
.featured-pagination {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  margin-top:24px;
  min-height:46px
}
.custom-perfume-button {
  display:flex;
  align-items:center;
  gap:14px;
  padding:16px 20px;
  border:1px solid rgba(214,164,88,.55);
  border-radius:12px;
  background:linear-gradient(110deg,rgba(214,164,88,.18),rgba(255,255,255,.04));
  color:#f5ead9;
  text-decoration:none;
  box-shadow:0 14px 30px rgba(0,0,0,.2);
  transition:transform .2s ease,border-color .2s ease
}
.custom-perfume-button:hover {
  transform:translateY(-2px);
  border-color:#e4bd75
}
.custom-perfume-button > span:nth-child(2) {
  display:grid;
  gap:3px;
  flex:1
}
.custom-perfume-button strong {
  font-size:18px;
  font-weight:600
}
.custom-perfume-icon,.custom-perfume-button > span:last-child {
  color:#d6a458;
  font-size:21px
}
.collection-tools {
  display:flex;
  align-items:center;
  gap:18px;
  margin-top:18px
}
.leo-discovery-section .custom-perfume-button {
  grid-column:1 / -1;
  width:100%;
  min-height:78px;
  margin:0 0 18px;
  max-width:none;
  position:relative;
  z-index:3;
  border:2px solid rgba(181,111,146,.58);
  border-radius:28px;
  background:linear-gradient(110deg,#fff3f7,#f5dce8)!important;
  color:#2d2027!important;
  box-shadow:0 16px 42px rgba(100,55,75,.16),inset 0 1px 0 rgba(255,255,255,.95)
}
.leo-discovery-section .custom-perfume-button strong {
  color:#2a1c23
}
.leo-discovery-section .custom-perfume-button small {
  display:block;
  color:#684b59;
  font-size:11px
}
.leo-discovery-section .custom-perfume-icon,
.leo-discovery-section .custom-perfume-button > span:last-child {
  color:#9b5b77
}
.collection-heading-row {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px
}
.collection-heading-row h2 {
  margin:0
}
.featured-sort {
  display:flex;
  align-items:center;
  gap:10px;
  color:#3b2345;
  font-size:12px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase
}
.featured-sort select {
  min-height:40px;
  border:1px solid rgba(80,45,90,.25);
  border-radius:8px;
  padding:0 34px 0 12px;
  background:rgba(255,255,255,.78);
  color:#3b2345;
  font:inherit;
  letter-spacing:0;
  text-transform:none;
  cursor:pointer
}
.featured-page-arrow {
  width:42px;
  height:42px;
  border:1px solid rgba(80,45,90,.25);
  border-radius:50%;
  background:rgba(255,255,255,.72);
  color:#3b2345;
  font-size:22px;
  cursor:pointer;
  display:grid;
  place-items:center;
  transition:transform .2s ease,opacity .2s ease
}
.featured-page-arrow:hover:not(:disabled) {
  transform:translateY(-1px)
}
.featured-page-arrow:disabled {
  opacity:.35;
  cursor:not-allowed
}
.featured-page-dots {
  display:flex;
  gap:7px;
  align-items:center
}
.featured-dot {
  width:8px;
  height:8px;
  border:0;
  border-radius:50%;
  background:rgba(80,45,90,.22);
  padding:0;
  cursor:pointer
}
.featured-dot.active {
  background:rgba(80,45,90,.72);
  transform:scale(1.25)
}
.featured-page-label {
  font-size:13px;
  font-weight:700;
  letter-spacing:.04em;
  color:#3b2345;
  min-width:82px;
  text-align:center
}
@media(max-width:700px) {
  .collection-tools {
    margin-top:18px
  }
  .collection-heading-row {
    align-items:flex-start;
    flex-direction:column;
    gap:18px
  }
  .featured-sort {
    justify-content:space-between
  }
  .featured-sort select {
    flex:1;
    max-width:220px
  }
  .featured-pagination {
    gap:9px
  }
  .featured-page-dots {
    gap:5px
  }
  .featured-dot {
    width:7px;
    height:7px
  }
  .featured-page-arrow {
    width:40px;
    height:40px
  }
  .featured-page-label {
    font-size:12px;
    min-width:74px
  }
}
@keyframes ripple {
  from {
    width:10px;
    height:10px;
    opacity:1
  }
  to {
    width:500px;
    height:500px;
    opacity:0
  }
}
.leo-about-carousel {
  position:relative;
  width:100%;
  height:560px;
  margin-top:42px;
  overflow:hidden;
  box-sizing:border-box;
  touch-action:pan-y;
  user-select:none
}
.leo-about-track {
  position:relative;
  width:100%;
  height:100%;
  display:block
}
.leo-about-slide {
  position:absolute;
  left:50%;
  top:50%;
  width:clamp(270px,38vw,390px);
  height:500px;
  box-sizing:border-box;
  padding:clamp(24px,3vw,34px) clamp(22px,3.2vw,38px);
  border:1px solid rgba(214,164,88,.72);
  border-radius:clamp(20px,2.4vw,28px);
  background:linear-gradient(145deg,rgba(28,20,13,.96),rgba(8,13,11,.98));
  box-shadow:0 18px 50px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06);
  overflow:hidden;
  opacity:0;
  visibility:hidden;
  transform:translate(-50%,-50%) scale(.86);
  transition:left .55s ease,opacity .45s ease,transform .55s ease,visibility 0s linear .55s;
  pointer-events:none
}
.leo-about-slide::after {
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 85% 15%,rgba(224,176,99,.14),transparent 32%);
  pointer-events:none
}
.leo-about-slide.is-active {
  left:50%;
  opacity:1;
  visibility:visible;
  transform:translate(-50%,-50%) scale(1);
  z-index:3;
  pointer-events:auto;
  box-shadow:0 22px 60px rgba(0,0,0,.38),0 0 0 1px rgba(214,164,88,.16),inset 0 1px 0 rgba(255,255,255,.08)
}
.leo-about-slide.is-prev,.leo-about-slide.is-next {
  opacity:.55;
  visibility:visible;
  z-index:2;
  pointer-events:none
}
.leo-about-slide.is-prev {
  left:calc(50% - min(43vw,470px));
  transform:translate(-50%,-50%) scale(.9)
}
.leo-about-slide.is-next {
  left:calc(50% + min(43vw,470px));
  transform:translate(-50%,-50%) scale(.9)
}
.leo-about-slide-number {
  position:absolute;
  right:26px;
  top:18px;
  font-family:Georgia,serif;
  font-size:52px;
  line-height:1;
  color:rgba(214,164,88,.20);
  font-weight:500
}
.leo-about-slide .about-kicker {
  position:relative;
  z-index:1;
  color:#d7a75e;
  font-size:12px;
  letter-spacing:2.2px;
  text-transform:uppercase;
  margin-bottom:14px
}
.leo-about-slide h3 {
  position:relative;
  z-index:1;
  font-family:Georgia,serif;
  font-size:clamp(23px,2.5vw,30px);
  font-weight:500;
  color:#f3d5a9!important;
  margin:0 0 14px;
  line-height:1.18
}
.leo-about-slide p {
  position:relative;
  z-index:1;
  font-size:clamp(13px,1.25vw,15px);
  line-height:1.8;
  color:#d5c4b6!important;
  margin:10px 0;
  overflow-wrap:anywhere
}
.leo-about-highlight {
  position:relative;
  z-index:1;
  margin-top:22px;
  padding:14px 16px;
  border-left:2px solid #d6a458;
  background:rgba(214,164,88,.07);
  color:#efd09f;
  font-size:13px;
  letter-spacing:.4px;
  border-radius:0 12px 12px 0
}
.leo-about-arrow {
  position:absolute;
  z-index:10;
  top:50%;
  transform:translateY(-50%);
  width:46px;
  height:46px;
  border-radius:50%;
  border:1px solid rgba(214,164,88,.7);
  background:rgba(9,12,10,.9);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  color:#f1d29f;
  font-size:34px;
  line-height:1;
  cursor:pointer;
  display:grid;
  place-items:center;
  transition:transform .2s ease,background .2s ease,box-shadow .2s ease;
  pointer-events:auto
}
.leo-about-arrow:hover {
  background:rgba(214,164,88,.16);
  box-shadow:0 0 24px rgba(214,164,88,.18)
}
.leo-about-prev {
  left:12px
}
.leo-about-next {
  right:12px
}
.leo-about-controls {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:16px;
  margin:6px 0 0
}
.leo-about-dots {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px
}
.leo-about-dot {
  width:7px;
  height:7px;
  border-radius:50%;
  padding:0;
  border:1px solid rgba(214,164,88,.72);
  background:transparent;
  cursor:pointer;
  transition:width .25s ease,background .25s ease,box-shadow .25s ease
}
.leo-about-dot.is-active {
  width:22px;
  border-radius:8px;
  background:#d6a458;
  box-shadow:0 0 12px rgba(214,164,88,.35)
}
@media(max-width:700px) {
  .leo-about-carousel {
    height:535px;
    margin-top:28px;
    padding:8px 0 18px
  }
  .leo-about-slide {
    width:min(78vw,360px);
    height:470px;
    padding:clamp(22px,6vw,28px) clamp(20px,6vw,25px);
    border-radius:24px
  }
  .leo-about-slide.is-prev {
    left:-28%
  }
  .leo-about-slide.is-next {
    left:128%
  }
  .leo-about-slide h3 {
    font-size:clamp(22px,6.2vw,25px)
  }
  .leo-about-slide p {
    font-size:clamp(13px,3.7vw,14px);
    line-height:1.68
  }
  .leo-about-highlight {
    font-size:clamp(12px,3.3vw,13px);
    padding:12px 13px
  }
  .leo-about-slide-number {
    font-size:42px;
    right:18px;
    top:15px
  }
  .leo-about-arrow {
    width:40px;
    height:40px;
    font-size:29px
  }
  .leo-about-prev {
    left:7px
  }
  .leo-about-next {
    right:7px
  }
  .leo-about-controls {
    gap:10px;
    flex-wrap:wrap
  }
  .leo-about-dots {
    max-width:calc(100vw - 80px);
    overflow:hidden
  }
  .leo-about-dot {
    flex:0 0 auto
  }
}
@media(max-width:390px) {
  .leo-about-carousel {
    height:515px
  }
  .leo-about-slide {
    width:calc(100vw - 48px);
    height:450px;
    padding:21px 18px
  }
  .leo-about-slide.is-prev {
    left:-35%
  }
  .leo-about-slide.is-next {
    left:135%
  }
  .leo-about-slide-number {
    font-size:36px;
    right:14px
  }
  .leo-about-arrow {
    width:36px;
    height:36px;
    font-size:26px
  }
  .leo-about-prev {
    left:4px
  }
  .leo-about-next {
    right:4px
  }
}
/* Targeted light theme: only the requested collection/legal areas are changed. */
.leo-category-card {
  background:linear-gradient(135deg,#fff9f6,#f8e8ef)!important;
  color:#2d2027!important;
  border-color:rgba(183,128,151,.30)!important;
  box-shadow:0 16px 45px rgba(100,55,75,.10),inset 0 1px 0 rgba(255,255,255,.8)!important
}
.leo-category-card:before {
  background:radial-gradient(circle at 15% 50%,rgba(215,145,172,.16),transparent 34%)!important
}
.leo-category-card:hover,.leo-category-card.is-active {
  border-color:rgba(155,91,119,.55)!important;
  box-shadow:0 24px 60px rgba(100,55,75,.16),0 0 0 1px rgba(155,91,119,.06)!important
}
.leo-category-card.is-active {
  background:linear-gradient(135deg,#fdf0f4,#f4dfe8)!important
}
.leo-category-copy small {
  color:#725360!important
}
.leo-category-copy strong {
  color:#2a1c23!important
}
.leo-category-copy em {
  color:#684b59!important
}
.leo-category-arrow {
  color:#2f2028!important;
  border-color:rgba(120,76,95,.28)!important;
  background:rgba(255,255,255,.55)!important
}
.leo-about-slide {
  background:linear-gradient(145deg,#fffaf8,#f7e9ef)!important;
  border-color:rgba(183,128,151,.40)!important;
  box-shadow:0 18px 50px rgba(100,55,75,.13),inset 0 1px 0 rgba(255,255,255,.9)!important;
  color:#2b2026!important
}
.leo-about-slide::after {
  background:radial-gradient(circle at 85% 15%,rgba(225,166,192,.18),transparent 32%)!important
}
.leo-about-slide.is-active {
  box-shadow:0 22px 60px rgba(100,55,75,.18),0 0 0 1px rgba(183,128,151,.18),inset 0 1px 0 rgba(255,255,255,.95)!important
}
.leo-about-slide-number {
  color:rgba(140,84,111,.18)!important
}
.leo-about-slide .about-kicker {
  color:#8b5270!important
}
.leo-about-slide h3 {
  color:#2a1c23!important
}
.leo-about-slide p {
  color:#4b3842!important
}
.leo-about-highlight {
  border-left-color:#b56f92!important;
  background:rgba(181,111,146,.08)!important;
  color:#573746!important
}
.leo-about-arrow {
  background:rgba(255,250,248,.94)!important;
  color:#4a2f3b!important;
  border-color:rgba(183,128,151,.50)!important;
  box-shadow:0 8px 24px rgba(100,55,75,.10)!important
}
.leo-about-arrow:hover {
  background:#f7e4eb!important;
  box-shadow:0 0 24px rgba(183,128,151,.18)!important
}
.leo-about-dot {
  border-color:rgba(183,128,151,.65)!important
}
.leo-about-dot.is-active {
  background:#b56f92!important;
  box-shadow:0 0 12px rgba(181,111,146,.28)!important
}

/* Collection cards use the same hero artwork as their category pages. */
.leo-category-card[data-category="best-sellers"] {
  background-image:linear-gradient(90deg,rgba(7,6,4,.62),rgba(7,6,4,.28)),url("../assets/images/bestseller-background.png")!important;
  background-size:cover!important;
  background-position:center!important;
}

.leo-category-card[data-category="mens"] {
  background-image:linear-gradient(90deg,rgba(4,10,24,.64),rgba(4,10,24,.28)),url("../assets/images/mens-background.jfif")!important;
  background-size:cover!important;
  background-position:center!important;
}

.leo-category-card[data-category="womens"] {
  background-image:linear-gradient(90deg,rgba(52,18,32,.58),rgba(255,192,214,.16)),url("../assets/images/womens-background.webp")!important;
  background-size:cover!important;
  background-position:center!important;
}

.leo-category-card[data-category="celebrity"] {
  background-image:linear-gradient(90deg,rgba(8,12,18,.66),rgba(8,12,18,.24)),url("../assets/images/celebrity-background.jfif")!important;
  background-size:cover!important;
  background-position:center!important;
}

/* The hero artwork replaces the small bottle on these four collection cards. */
.leo-category-card .leo-category-bottle {
  display:none!important;
}

.leo-category-card .leo-category-copy small,
.leo-category-card .leo-category-copy strong,
.leo-category-card .leo-category-copy em {
  color:#fff!important;
  text-shadow:0 2px 12px rgba(0,0,0,.65);
}

.leo-category-card .leo-category-copy strong {
  text-shadow:0 3px 16px rgba(0,0,0,.78);
}

.leo-category-card .leo-category-arrow {
  background:rgba(0,0,0,.34)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.48)!important;
  box-shadow:0 4px 14px rgba(0,0,0,.22);
}

/* Gesture support: horizontal swipes work without changing the existing visual design. */
#productGrid, #categoryProductGrid { touch-action: pan-y; }


/* =========================================================
   NEW ARRIVALS: product-card carousel
   Uses the same product-card markup, pricing and actions as the
   homepage collection while matching the About LEO swipe pattern.
========================================================= */
.new-arrivals-carousel {
  position:relative;
  width:100%;
  height:620px;
  margin-top:42px;
  overflow:hidden;
  box-sizing:border-box;
  touch-action:pan-y;
  user-select:none
}
.new-arrivals-track {
  position:relative;
  width:100%;
  height:100%
}
.new-arrival-slide {
  position:absolute!important;
  left:50%;
  top:50%;
  width:clamp(285px,34vw,390px);
  box-sizing:border-box;
  opacity:0;
  visibility:hidden;
  transform:translate(-50%,-50%) scale(.86);
  transition:left .55s ease,opacity .45s ease,transform .55s ease,visibility 0s linear .55s;
  pointer-events:none;
  z-index:1
}
.new-arrival-slide.is-active {
  left:50%;
  opacity:1;
  visibility:visible;
  transform:translate(-50%,-50%) scale(1);
  z-index:3;
  pointer-events:auto
}
.new-arrival-slide.is-prev,.new-arrival-slide.is-next {
  opacity:.55;
  visibility:visible;
  z-index:2;
  pointer-events:none
}
.new-arrival-slide.is-prev {
  left:calc(50% - min(43vw,470px));
  transform:translate(-50%,-50%) scale(.9)
}
.new-arrival-slide.is-next {
  left:calc(50% + min(43vw,470px));
  transform:translate(-50%,-50%) scale(.9)
}
.new-arrivals-arrow {
  position:absolute;
  z-index:10;
  top:50%;
  transform:translateY(-50%);
  width:46px;
  height:46px;
  border-radius:50%;
  border:1px solid rgba(183,128,151,.50);
  background:rgba(255,250,248,.94);
  color:#4a2f3b;
  font-size:34px;
  line-height:1;
  cursor:pointer;
  display:grid;
  place-items:center;
  box-shadow:0 8px 24px rgba(100,55,75,.10);
  transition:transform .2s ease,background .2s ease,box-shadow .2s ease;
  pointer-events:auto
}
.new-arrivals-arrow:hover {
  background:#f7e4eb;
  box-shadow:0 0 24px rgba(183,128,151,.18)
}
.new-arrivals-prev { left:12px }
.new-arrivals-next { right:12px }
.new-arrivals-controls {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:16px;
  margin:6px 0 0
}
.new-arrivals-dots {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px
}
.new-arrivals-dot {
  width:7px;
  height:7px;
  border-radius:50%;
  padding:0;
  border:1px solid rgba(183,128,151,.65);
  background:transparent;
  cursor:pointer;
  transition:width .25s ease,background .25s ease,box-shadow .25s ease
}
.new-arrivals-dot.is-active {
  width:22px;
  border-radius:8px;
  background:#b56f92;
  box-shadow:0 0 12px rgba(181,111,146,.28)
}
@media(max-width:700px) {
  .new-arrivals-carousel {
    height:600px;
    margin-top:28px;
    padding:8px 0 18px
  }
  .new-arrival-slide {
    width:min(78vw,360px)
  }
  .new-arrival-slide.is-prev { left:-28% }
  .new-arrival-slide.is-next { left:128% }
  .new-arrivals-arrow {
    width:40px;
    height:40px;
    font-size:29px
  }
  .new-arrivals-prev { left:7px }
  .new-arrivals-next { right:7px }
  .new-arrivals-controls { gap:10px; flex-wrap:wrap }
  .new-arrivals-dots {
    max-width:calc(100vw - 80px);
    overflow:hidden
  }
  .new-arrivals-dot { flex:0 0 auto }
}
@media(max-width:390px) {
  .new-arrivals-carousel { height:575px }
  .new-arrival-slide { width:calc(100vw - 48px) }
  .new-arrival-slide.is-prev { left:-35% }
  .new-arrival-slide.is-next { left:135% }
  .new-arrivals-arrow {
    width:36px;
    height:36px;
    font-size:26px
  }
  .new-arrivals-prev { left:4px }
  .new-arrivals-next { right:4px }
}

/* =========================================================
   NEW ARRIVALS — polished luxury carousel refinement
   Keeps the existing product-card design and swipe behavior,
   but gives the section a cleaner, balanced presentation.
========================================================= */
.new-arrivals-section {
  position:relative;
  padding-top:88px;
  padding-bottom:86px;
}
.new-arrivals-section .section-head {
  position:relative;
  z-index:2;
  max-width:760px;
  margin:0 auto 18px;
  text-align:center;
}
.new-arrivals-section .section-head .tag {
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
}
.new-arrivals-section .section-head .tag::before,
.new-arrivals-section .section-head .tag::after {
  content:"";
  width:28px;
  height:1px;
  background:rgba(181,111,146,.55);
}
.new-arrivals-section .section-head h2 {
  margin-bottom:12px;
  letter-spacing:.01em;
}
.new-arrivals-section .section-head p {
  max-width:620px;
  margin:0 auto;
}
.new-arrivals-carousel {
  height:600px;
  margin-top:8px;
  overflow:hidden;
  position:relative;
  isolation:isolate;
}
.new-arrivals-carousel::before {
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  top:7%;
  bottom:7%;
  border-radius:46px;
  background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(244,224,231,.10));
  border:1px solid rgba(183,128,151,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42);
  pointer-events:none;
  z-index:0;
}
.new-arrivals-track {
  position:relative;
  width:100%;
  height:100%;
  z-index:1;
}
.new-arrival-slide {
  width:clamp(300px,31vw,370px);
  top:50%;
  border-radius:30px;
  box-shadow:0 20px 55px rgba(77,42,58,.10);
}
.new-arrival-slide.is-active {
  left:50%;
  transform:translate(-50%,-50%) scale(1.02);
  box-shadow:0 28px 70px rgba(77,42,58,.16);
}
.new-arrival-slide.is-prev,
.new-arrival-slide.is-next {
  opacity:.72;
  transform:translate(-50%,-50%) scale(.94);
  filter:saturate(.88);
}
.new-arrival-slide.is-prev {
  left:17%;
}
.new-arrival-slide.is-next {
  left:83%;
}
.new-arrival-slide .product-image {
  min-height:280px;
}
.new-arrival-slide .product-info h3 {
  line-height:1.02;
}
.new-arrivals-arrow {
  width:48px;
  height:48px;
  font-size:31px;
  background:rgba(255,249,247,.96);
  backdrop-filter:blur(10px);
}
.new-arrivals-prev { left:22px; }
.new-arrivals-next { right:22px; }
.new-arrivals-controls {
  position:relative;
  z-index:3;
  margin-top:12px;
}
.new-arrivals-dot {
  width:8px;
  height:8px;
}
.new-arrivals-dot.is-active {
  width:26px;
}

@media (max-width:1050px) and (min-width:701px) {
  .new-arrival-slide { width:clamp(290px,34vw,350px); }
  .new-arrival-slide.is-prev { left:14%; }
  .new-arrival-slide.is-next { left:86%; }
  .new-arrivals-carousel::before { left:4%; right:4%; }
}

@media (max-width:700px) {
  .new-arrivals-section {
    padding-top:66px;
    padding-bottom:66px;
  }
  .new-arrivals-section .section-head {
    margin-bottom:8px;
    padding:0 12px;
  }
  .new-arrivals-carousel {
    height:585px;
    margin-top:2px;
    padding:0;
  }
  .new-arrivals-carousel::before {
    left:4px;
    right:4px;
    top:3%;
    bottom:3%;
    border-radius:32px;
  }
  .new-arrival-slide {
    width:min(84vw,370px);
  }
  .new-arrival-slide.is-active {
    left:50%;
    transform:translate(-50%,-50%) scale(1);
  }
  .new-arrival-slide.is-prev,
  .new-arrival-slide.is-next {
    opacity:0;
    visibility:hidden;
    pointer-events:none;
  }
  .new-arrivals-arrow {
    width:42px;
    height:42px;
    font-size:28px;
  }
  .new-arrivals-prev { left:10px; }
  .new-arrivals-next { right:10px; }
}

/* NEW ARRIVALS — final balanced presentation */
.new-arrivals-section{padding-top:76px;padding-bottom:78px}
.new-arrivals-section .section-head{max-width:820px;margin:0 auto 28px;text-align:center}
.new-arrivals-section .section-head .tag{font-size:12px;letter-spacing:.18em;text-transform:uppercase}
.new-arrivals-section .section-head h2{font-size:clamp(30px,4vw,46px);line-height:1.05;margin:4px 0 12px}
.new-arrivals-section .section-head p{max-width:600px;font-size:14px;line-height:1.7}
.new-arrivals-carousel{height:620px;max-width:1200px;margin:0 auto;overflow:hidden;border-radius:38px;background:linear-gradient(135deg,rgba(255,250,247,.88),rgba(248,231,237,.68));border:1px solid rgba(183,128,151,.20);box-shadow:0 24px 70px rgba(75,43,58,.09);}
.new-arrivals-carousel::before{left:3%;right:3%;top:4%;bottom:4%;border-radius:32px;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.75),transparent 45%),linear-gradient(135deg,rgba(255,255,255,.35),rgba(239,215,225,.18));border:1px solid rgba(183,128,151,.13);}
.new-arrivals-track{max-width:1200px;margin:0 auto}
.new-arrival-slide{width:330px;top:50%;border-radius:28px;box-shadow:0 16px 42px rgba(77,42,58,.12);transition:left .45s ease,transform .45s ease,opacity .45s ease,filter .45s ease;}
.new-arrival-slide.is-active{left:50%;transform:translate(-50%,-50%) scale(1.035);z-index:3;box-shadow:0 30px 72px rgba(77,42,58,.18),0 0 0 1px rgba(183,128,151,.18)}
.new-arrival-slide.is-prev{left:18%;opacity:.96;transform:translate(-50%,-50%) scale(.94);filter:none;z-index:2}
.new-arrival-slide.is-next{left:82%;opacity:.96;transform:translate(-50%,-50%) scale(.94);filter:none;z-index:2}
.new-arrival-slide::after{content:"NEW ARRIVAL";position:absolute;top:14px;left:14px;z-index:6;padding:7px 10px;border-radius:999px;background:rgba(255,250,247,.92);border:1px solid rgba(183,128,151,.24);font-size:9px;letter-spacing:.16em;color:#6d4255;box-shadow:0 6px 18px rgba(77,42,58,.08)}
.new-arrival-slide .product-image{min-height:265px}
.new-arrival-slide .product-info{padding-top:2px}
.new-arrival-slide .product-info h3{font-size:25px;line-height:1.08}
.new-arrivals-arrow{width:50px;height:50px;font-size:30px;z-index:5;background:rgba(255,250,248,.98);border:1px solid rgba(183,128,151,.38);box-shadow:0 10px 28px rgba(77,42,58,.12)}
.new-arrivals-prev{left:24px}.new-arrivals-next{right:24px}
.new-arrivals-controls{margin-top:18px}.new-arrivals-dot{width:8px;height:8px}.new-arrivals-dot.is-active{width:28px}
@media(max-width:1050px) and (min-width:701px){.new-arrival-slide{width:300px}.new-arrival-slide.is-prev{left:17%}.new-arrival-slide.is-next{left:83%}}
@media(max-width:700px){.new-arrivals-section{padding-top:58px;padding-bottom:60px}.new-arrivals-section .section-head{padding:0 18px;margin-bottom:18px}.new-arrivals-section .section-head h2{font-size:32px}.new-arrivals-carousel{height:590px;border-radius:30px;margin:0 8px}.new-arrivals-carousel::before{left:10px;right:10px;top:10px;bottom:10px;border-radius:24px}.new-arrival-slide{width:min(82vw,360px)}.new-arrival-slide.is-active{left:50%;transform:translate(-50%,-50%) scale(1)}.new-arrival-slide.is-prev,.new-arrival-slide.is-next{opacity:0;visibility:hidden;pointer-events:none}.new-arrivals-arrow{width:44px;height:44px;font-size:27px}.new-arrivals-prev{left:12px}.new-arrivals-next{right:12px}}