/* Reference-matched lower homepage sections. Loaded last so editor changes stay stable. */

/* Continuous announcement loop. Two equal groups remove the empty tail and reset jump. */
.fashion-announcement {
  direction: ltr !important;
}
.fashion-announcement .fashion-announcement__track {
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  direction: ltr !important;
  gap: 0 !important;
  width: max-content !important;
  max-width: none !important;
  padding: 0 !important;
  animation: fashion-announcement-loop var(--fashion-marquee-duration, 36s) linear infinite !important;
  will-change: transform;
}
.fashion-announcement .fashion-announcement__track > .fashion-announcement__group {
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  justify-content: space-around;
  flex: 0 0 auto !important;
  gap: 0 !important;
  min-width: 100vw;
  min-height: inherit;
  padding: 0 !important;
  color: inherit !important;
  direction: ltr !important;
  white-space: nowrap;
}
.fashion-announcement .fashion-announcement__track > .fashion-announcement__group::before { content: none !important; }
.fashion-announcement__unit {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 0 0 auto;
  min-height: inherit;
  direction: ltr;
}
.fashion-announcement__unit > a,
.fashion-announcement__unit > span:not(.fashion-announcement__separator) {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 10px;
  min-height: inherit;
  padding-inline: 24px;
  color: inherit !important;
  text-decoration: none;
  white-space: nowrap;
}
.fashion-announcement__text { unicode-bidi: plaintext; }
.fashion-announcement .fashion-announcement__separator,
.fashion-announcement .fashion-announcement__separator:last-child {
  display: inline-flex !important;
  align-items: center;
  flex: 0 0 auto;
  min-height: inherit;
  padding: 0;
  opacity: .62;
}
.fashion-announcement[data-mode="static"] .fashion-announcement__track {
  justify-content: center;
  width: 100% !important;
  padding-inline: var(--gutter-desktop) !important;
  animation: none !important;
  transform: none !important;
}
.fashion-announcement[data-mode="static"] .fashion-announcement__group { justify-content: center; min-width: 0; }
.fashion-announcement[data-mode="static"] .fashion-announcement__group + .fashion-announcement__group { display: none !important; }
.fashion-announcement[data-pause="false"]:hover .fashion-announcement__track,
.fashion-announcement[data-pause="false"]:focus-within .fashion-announcement__track,
.fashion-announcement[data-pause="0"]:hover .fashion-announcement__track,
.fashion-announcement[data-pause="0"]:focus-within .fashion-announcement__track { animation-play-state: running !important; }

@keyframes fashion-announcement-loop {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(var(--fashion-marquee-end, -50%), 0, 0); }
}

@media (max-width: 800px) {
  .fashion-announcement__unit > a,
  .fashion-announcement__unit > span:not(.fashion-announcement__separator) { gap: 7px; padding-inline: 16px; }
  .fashion-announcement[data-mode="static"] .fashion-announcement__track {
    justify-content: flex-start;
    padding-inline: var(--gutter-mobile) !important;
    overflow-x: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .fashion-announcement .fashion-announcement__track { animation: none !important; transform: none !important; }
}

/* Five-up Lybra product rail */
[ui-section="fashion-collection"].fashion-collection--rail {
  position: relative;
  overflow: hidden;
  padding: var(--rail-top, 22px) 0 var(--rail-bottom, 34px) !important;
  background: var(--rail-bg, #fffafa) !important;
}
[ui-section="fashion-collection"].fashion-collection--rail .fashion-wrap {
  width: 100% !important;
  max-width: none !important;
}
[ui-section="fashion-collection"].fashion-collection--rail .fashion-section-head {
  display: block !important;
  margin: 0 0 24px !important;
  padding: 0 24px;
  text-align: center;
}
[ui-section="fashion-collection"].fashion-collection--rail .fashion-section-head h2 {
  color: var(--rail-heading, #cc313c) !important;
  font-family: "DM Serif Display", Georgia, serif !important;
  font-size: 28px !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
}
[ui-section="fashion-collection"].fashion-collection--rail .fashion-section-head > a { display: none !important; }
[ui-section="fashion-collection"].fashion-collection--rail .fashion-collection__rail-shell { position: relative; width: 100%; }
[ui-section="fashion-collection"].fashion-collection--rail .fashion-grid {
  display: flex !important;
  grid-template-columns: none !important;
  gap: var(--rail-gap, 20px) !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 var(--rail-side-padding, 4px) 18px !important;
  overflow-x: auto !important;
  overflow-y: hidden;
  scroll-padding-inline: var(--rail-side-padding, 4px);
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
[ui-section="fashion-collection"].fashion-collection--rail .fashion-grid::-webkit-scrollbar { display: none; }
[ui-section="fashion-collection"].fashion-collection--rail .fashion-grid > * {
  flex: 0 0 min(var(--rail-card-width, 18vw), var(--rail-card-max, 350px)) !important;
  width: min(var(--rail-card-width, 18vw), var(--rail-card-max, 350px)) !important;
  min-width: 0;
  scroll-snap-align: start;
}
[ui-section="fashion-collection"].fashion-collection--rail [ui-block="product"],
[ui-section="fashion-collection"].fashion-collection--rail .fashion-demo-product {
  gap: 0 !important;
  color: var(--rail-product-text, #cc313c) !important;
}
[ui-section="fashion-collection"].fashion-collection--rail [ui-block="product"] .media,
[ui-section="fashion-collection"].fashion-collection--rail .fashion-demo-product .media {
  aspect-ratio: var(--rail-ratio, 9 / 16) !important;
  overflow: hidden;
  border-radius: var(--rail-radius, 7px) !important;
  background: #eee0d7 !important;
}
[ui-section="fashion-collection"].fashion-collection--rail [ui-block="product"] .media img,
[ui-section="fashion-collection"].fashion-collection--rail .fashion-demo-product .media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
[ui-section="fashion-collection"].fashion-collection--rail [ui-block="product"] .content,
[ui-section="fashion-collection"].fashion-collection--rail .fashion-demo-product .content {
  align-items: center !important;
  justify-items: center !important;
  gap: 3px !important;
  padding: 13px 4px 0 !important;
  background: transparent !important;
  text-align: center !important;
}
[ui-section="fashion-collection"].fashion-collection--rail [ui-block="product"] .content .title,
[ui-section="fashion-collection"].fashion-collection--rail .fashion-demo-product .title {
  color: var(--rail-product-text, #cc313c) !important;
  font-family: Poppins, sans-serif !important;
  font-size: var(--rail-title-size, 10px) !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  white-space: normal !important;
  text-transform: uppercase;
}
[ui-section="fashion-collection"].fashion-collection--rail [ui-block="product"] .content .title {
  display: -webkit-box !important;
  width: 100%;
  overflow: hidden;
  text-align: center;
  text-overflow: clip;
  background: none !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
[ui-section="fashion-collection"].fashion-collection--rail [ui-block="product"] .content .price {
  display: flex !important;
  align-items: baseline;
  justify-content: center;
  gap: 5px;
  width: 100%;
  color: var(--rail-product-text, #cc313c) !important;
  font-family: Poppins, sans-serif !important;
  font-size: var(--rail-price-size, 10px) !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  text-align: center;
}
[ui-section="fashion-collection"].fashion-collection--rail [ui-block="product"] .ruby-product-rating { display: none !important; }
[ui-section="fashion-collection"].fashion-collection--rail .fashion-card-swatches {
  display: flex !important;
  visibility: visible !important;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-height: var(--rail-swatch-size, 8px);
  margin-top: 2px;
  opacity: 1 !important;
}
[ui-section="fashion-collection"].fashion-collection--rail .fashion-card-swatch {
  width: var(--rail-swatch-size, 8px) !important;
  min-width: var(--rail-swatch-size, 8px) !important;
  height: var(--rail-swatch-size, 8px) !important;
  border-width: 1px;
}
[ui-section="fashion-collection"].fashion-collection--rail[data-show-quick-add="false"] .fashion-card-action,
[ui-section="fashion-collection"].fashion-collection--rail[data-show-discount-badge="false"] [ui-block="product"] > .badge { display: none !important; }
[ui-section="fashion-collection"].fashion-collection--rail .fashion-placeholder-product__note {
  margin: 4px 0 0;
  color: var(--rail-product-text, #cc313c) !important;
  font-size: 10px;
}
.fashion-collection__rail-arrow {
  position: absolute;
  z-index: 5;
  top: 43%;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  padding: 0;
  transform: translateY(-50%);
  border: 0;
  border-radius: 50%;
  background: rgb(255 255 255 / 94%);
  box-shadow: 0 1px 7px rgb(55 25 30 / 10%);
  color: var(--rail-product-text, #cc313c);
  font: 400 24px/1 Arial, sans-serif;
  cursor: pointer;
}
.fashion-collection__rail-arrow--prev { left: -14px; padding-left: 9px; }
.fashion-collection__rail-arrow--next { right: -14px; padding-right: 9px; }
.fashion-collection__rail-arrow[hidden] { display: none !important; }

/* Compact four-icon service row */
[ui-section="fashion-benefits-marquee"].fashion-benefits-reference {
  padding: var(--benefits-top, 44px) 24px var(--benefits-bottom, 50px) !important;
  background: var(--benefits-bg, #fffafa) !important;
  color: var(--benefits-text, #cc313c) !important;
}
.fashion-benefits-reference__heading {
  width: min(1160px, 100%);
  margin: 0 auto 28px;
  color: var(--benefits-text, #cc313c) !important;
  font-family: "DM Serif Display", Georgia, serif !important;
  font-size: 28px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  text-align: center !important;
}
.fashion-benefits-reference__grid {
  display: grid;
  grid-template-columns: repeat(var(--benefits-columns, 4), minmax(0, 1fr));
  gap: 28px;
  width: min(1160px, 100%);
  margin-inline: auto;
}
.fashion-benefits-reference__item {
  display: grid;
  justify-items: center;
  align-content: start;
  min-width: 0;
  text-align: center;
}
.fashion-benefits-reference__icon {
  display: grid;
  place-items: center;
  width: var(--benefits-icon-size, 52px);
  height: var(--benefits-icon-size, 52px);
  margin-bottom: 8px;
  color: var(--benefits-text, #cc313c);
}
.fashion-benefits-reference__icon svg { display: block; width: 100%; height: 100%; overflow: visible; }
.fashion-benefits-reference__item h3 {
  margin: 0;
  color: var(--benefits-text, #cc313c) !important;
  font-family: Poppins, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.35;
}
.fashion-benefits-reference__item p {
  margin: 5px 0 0;
  color: var(--benefits-muted, #cc313c) !important;
  font-size: 11px !important;
  line-height: 1.35;
}

/* App-style customer review carousel */
.fashion-reviews-reference {
  padding: var(--reviews-top, 14px) 0 var(--reviews-bottom, 28px);
  border-top: 1px solid rgb(204 49 60 / 7%);
  background: var(--reviews-bg, #fffafa);
  color: #40383a;
}
.fashion-reviews-reference__inner { width: min(1640px, calc(100% - 48px)); margin-inline: auto; }
.fashion-reviews-reference__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 12px;
}
.fashion-reviews-reference__head h2 {
  margin: 0;
  color: var(--reviews-heading, #cc313c) !important;
  font-family: "DM Serif Display", Georgia, serif !important;
  font-size: 28px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
}
.fashion-reviews-reference__head > span { color: #686063; font-size: 9px; font-weight: 600; }
.fashion-reviews-reference__viewport { position: relative; }
.fashion-reviews-reference__track {
  display: flex;
  gap: var(--reviews-gap, 14px);
  width: 100%;
  margin: 0;
  padding: 0 0 4px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.fashion-reviews-reference__track::-webkit-scrollbar { display: none; }
.fashion-review-reference {
  min-width: 0;
  scroll-snap-align: start;
}
.fashion-reviews-reference[data-desktop-cards="3"] .fashion-review-reference { flex: 0 0 calc((100% - (var(--reviews-gap, 14px) * 2)) / 3); }
.fashion-reviews-reference[data-desktop-cards="4"] .fashion-review-reference { flex: 0 0 calc((100% - (var(--reviews-gap, 14px) * 3)) / 4); }
.fashion-reviews-reference[data-desktop-cards="5"] .fashion-review-reference { flex: 0 0 calc((100% - (var(--reviews-gap, 14px) * 4)) / 5); }
.fashion-review-reference__card {
  min-height: 116px;
  padding: 13px 14px 11px;
  border-radius: var(--reviews-radius, 3px);
  background: var(--reviews-card-bg, #f7f7f7);
}
.fashion-review-reference__meta { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.fashion-review-reference__stars { color: var(--reviews-stars, #ffb000); font-size: 14px; letter-spacing: 0; white-space: nowrap; }
.fashion-review-reference__meta small { color: #8b8586; font-size: 9px; white-space: nowrap; }
.fashion-review-reference blockquote {
  display: -webkit-box;
  max-height: 54px;
  margin: 7px 0 0;
  overflow: hidden;
  color: var(--reviews-text, #5b5456) !important;
  font-family: Poppins, sans-serif !important;
  font-size: 10px !important;
  font-style: normal !important;
  line-height: 1.55 !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.fashion-review-reference__more { display: inline-block; margin-top: 4px; color: #b3adae !important; font-size: 9px; text-decoration: none; }
.fashion-review-reference__identity { display: flex; align-items: center; gap: 9px; padding: 9px 1px 0; }
.fashion-review-reference__identity img,
.fashion-review-reference__avatar {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  border-radius: 50%;
  object-fit: cover;
  background: #6ba446;
  color: #fff;
  font-size: 15px;
}
.fashion-review-reference__name { display: grid; gap: 1px; min-width: 0; }
.fashion-review-reference__name strong { color: #4f494b; font-size: 9px; font-weight: 600; }
.fashion-review-reference__name small { color: #8b8586; font-size: 8px; }
.fashion-review-reference__verified {
  display: inline-grid;
  place-items: center;
  width: 12px;
  height: 12px;
  margin-left: 3px;
  border-radius: 50%;
  background: #4c8ff7;
  color: #fff;
  font-size: 8px;
}
.fashion-reviews-reference__arrow {
  position: absolute;
  z-index: 2;
  top: 54px;
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #919191;
  color: #fff;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}
.fashion-reviews-reference__arrow--prev { left: -10px; }
.fashion-reviews-reference__arrow--next { right: -10px; }
.fashion-reviews-reference__dots { display: flex; justify-content: center; gap: 4px; min-height: 8px; margin-top: 4px; }
.fashion-reviews-reference__dots button { width: 4px; height: 4px; padding: 0; border: 0; border-radius: 50%; background: #d4d4d4; }
.fashion-reviews-reference__dots button.is-active { background: #737373; }

/* Red newsletter band */
.fashion-newsletter-band {
  min-height: 270px;
  display: grid;
  place-items: center;
  padding: var(--newsletter-top, 52px) 24px var(--newsletter-bottom, 52px) !important;
  background: var(--newsletter-bg, #cc313c) !important;
  color: var(--newsletter-text, #facace) !important;
  text-align: center;
}
.fashion-newsletter-band__inner { width: min(760px, 100%); margin-inline: auto; }
.fashion-newsletter-band h2 {
  margin: 0;
  color: inherit !important;
  font-family: "DM Serif Display", Georgia, serif !important;
  font-size: var(--newsletter-heading-size, 27px) !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
}
.fashion-newsletter-band p { max-width: 640px; margin: 20px auto 35px !important; color: inherit !important; font-size: 12px !important; line-height: 1.55 !important; }
.fashion-newsletter-band__form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 42px;
  width: min(var(--newsletter-field-width, 342px), 100%);
  margin-inline: auto;
  border: 0 !important;
  background: var(--newsletter-field, #fffafa);
}
.fashion-newsletter-band__form input {
  min-width: 0;
  height: 34px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #8a777a !important;
  font: 10px Poppins, sans-serif !important;
}
.fashion-newsletter-band__form button {
  width: 42px !important;
  height: 34px;
  padding: 0;
  border: 0;
  background: transparent !important;
  color: var(--newsletter-text, #facace) !important;
  font-size: 16px;
}

/* Structured four-column footer */
body [ui-layout="footer"].lybra-footer {
  display: block !important;
  padding: var(--top-spacing, 44px) max(24px, 5vw) var(--bottom-spacing, 44px) !important;
  background: var(--lybra-footer-bg, #facace) !important;
  color: var(--lybra-footer-text, #fff) !important;
}
.lybra-footer__inner { width: min(var(--lybra-footer-width, 920px), 100%); margin-inline: auto; }
.lybra-footer__groups {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--lybra-footer-gap, 50px);
}
.lybra-footer__group h2 {
  margin: 0 0 14px;
  color: inherit !important;
  font-family: Poppins, sans-serif !important;
  font-size: var(--lybra-footer-heading-size, 10px) !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  text-transform: uppercase;
}
.lybra-footer__group ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.lybra-footer__group a { color: inherit !important; font-size: var(--lybra-footer-link-size, 10px) !important; line-height: 1.3; text-decoration: none; }
.lybra-footer__group a:hover { text-decoration: underline; text-underline-offset: 3px; }
.lybra-footer__socials a { display: flex; align-items: center; gap: 9px; }
.lybra-footer__socials a > span { display: inline-grid; place-items: center; width: 12px; font-size: 12px; font-weight: 600; }
.lybra-footer__utility { display: flex; align-items: center; justify-content: space-between; gap: 32px; margin-top: 52px; }
.lybra-footer__localization { display: flex; gap: 10px; }
.lybra-footer__localization > span {
  min-width: 90px;
  padding: 8px 11px;
  border: 1px solid rgb(255 255 255 / 62%);
  color: inherit;
  font-size: 8px;
}
.lybra-footer__payments { display: flex; align-items: center; gap: 5px; margin: 0; padding: 0; list-style: none; }
.lybra-footer__payments li {
  display: grid;
  place-items: center;
  min-width: 25px;
  height: 16px;
  padding: 0 3px;
  border-radius: 2px;
  background: #fff;
  color: #172c7a;
  font: 700 6px/1 Arial, sans-serif;
}
.lybra-footer__payments .is-amex { background: #168dcc; color: #fff; }
.lybra-footer__payments .is-apple { color: #111; }
.lybra-footer__payments .is-bank { background: #f4f4f4; color: #4d64a2; }
.lybra-footer__payments .is-cb { background: #1469c4; color: #fff; }
.lybra-footer__payments .is-eps { color: #ce3a61; }
.lybra-footer__payments .is-mastercard { display: flex; justify-content: center; min-width: 28px; }
.lybra-footer__payments .is-mastercard span { width: 9px; height: 9px; border-radius: 50%; background: #e8342f; }
.lybra-footer__payments .is-mastercard span + span { margin-left: -3px; background: #f3a21b; }
.lybra-footer__payments .is-shop { background: #5a32ea; color: #fff; }
.lybra-footer__payments .is-visa { background: #173bc2; color: #fff; }
.lybra-footer__copyright { margin: 15px 0 0; color: inherit; font-size: 8px; opacity: .9; }

@media (max-width: 900px) {
  [ui-section="fashion-collection"].fashion-collection--rail .fashion-grid { gap: var(--rail-mobile-gap, 8px) !important; padding-inline: 8px !important; scroll-padding-inline: 8px; }
  [ui-section="fashion-collection"].fashion-collection--rail[data-mobile-cards="2"] .fashion-grid > * { flex-basis: calc((100% - var(--rail-mobile-gap, 8px)) / 2) !important; width: calc((100% - var(--rail-mobile-gap, 8px)) / 2) !important; }
  [ui-section="fashion-collection"].fashion-collection--rail[data-mobile-cards="1"] .fashion-grid > * { flex-basis: 100% !important; width: 100% !important; }
  .fashion-collection__rail-arrow { display: none !important; }
  .fashion-benefits-reference__grid { grid-template-columns: repeat(var(--benefits-mobile-columns, 2), minmax(0, 1fr)); gap: 34px 16px; }
  .fashion-review-reference { flex-basis: calc((100% - var(--reviews-gap, 14px)) / 2) !important; }
  .lybra-footer__groups { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 38px 24px; }
}

@media (max-width: 600px) {
  [ui-section="fashion-collection"].fashion-collection--rail { padding-top: 18px !important; }
  [ui-section="fashion-collection"].fashion-collection--rail .fashion-section-head h2 { font-size: 26px !important; }
  [ui-section="fashion-benefits-marquee"].fashion-benefits-reference { padding-inline: 16px !important; }
  .fashion-review-reference { flex-basis: var(--reviews-mobile-width, 90%) !important; }
  .fashion-reviews-reference__inner { width: calc(100% - 28px); }
  .fashion-reviews-reference__head { align-items: flex-end; }
  .fashion-reviews-reference__head h2 { max-width: 250px; font-size: 27px !important; }
  .fashion-newsletter-band { min-height: 260px; padding-inline: 18px !important; }
  body [ui-layout="footer"].lybra-footer { padding-inline: 24px !important; }
  .lybra-footer__groups { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lybra-footer__utility { align-items: flex-start; flex-direction: column; margin-top: 40px; }
  .lybra-footer__payments { flex-wrap: wrap; }
}

@media (prefers-reduced-motion: reduce) {
  .fashion-reviews-reference__track,
  [ui-section="fashion-collection"].fashion-collection--rail .fashion-grid { scroll-behavior: auto !important; }
}

/* Section headings remain mathematically centered in both LTR and RTL stores. */
body.fashion-home .fashion-section-head {
  position: relative;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  justify-items: center !important;
  width: 100%;
  text-align: center !important;
}
body.fashion-home .fashion-section-head h2,
body.fashion-home .fashion-social__heading h2,
body.fashion-home .fashion-boutique__intro,
body.fashion-home .fashion-benefits-reference__heading,
body.fashion-home .fashion-reviews-reference__head h2,
body.fashion-home .fashion-newsletter-band h2 {
  width: 100%;
  margin-inline: auto !important;
  text-align: center !important;
  direction: ltr;
}
body.fashion-home .fashion-section-head > a {
  position: absolute;
  inset-inline-end: 0;
  inset-block-end: 4px;
}
body.fashion-home .fashion-social__heading { width: 100%; text-align: center !important; }

/* Full-height creator video wall, matching the reference store. */
body.fashion-home .fashion-social--video-wall {
  direction: ltr;
  overflow: hidden;
  padding: 0 !important;
  background: var(--social-bg, #fffafa) !important;
}
body.fashion-home .fashion-social--video-wall .fashion-social__inner {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}
body.fashion-home .fashion-social--video-wall.fashion-social--heading-hidden .fashion-social__heading { display: none !important; }
body.fashion-home .fashion-social--video-wall .fashion-social__track {
  display: flex;
  flex-direction: row;
  direction: ltr;
  gap: var(--social-gap, 10px) !important;
  width: 100%;
  margin: 0;
  padding: 0 0 2px !important;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-padding-inline: 0;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
  overscroll-behavior-inline: contain;
}
body.fashion-home .fashion-social--video-wall .fashion-social__track::-webkit-scrollbar { display: none; }
body.fashion-home .fashion-social--video-wall .fashion-reel {
  flex: 0 0 min(var(--social-card-width, 20vw), 420px) !important;
  width: min(var(--social-card-width, 20vw), 420px) !important;
  min-width: 0;
  margin: 0;
  scroll-snap-align: start;
}
body.fashion-home .fashion-social--video-wall .fashion-reel__media {
  position: relative;
  width: 100%;
  aspect-ratio: 9 / 16 !important;
  overflow: hidden;
  border-radius: var(--social-radius, 0) !important;
  background: #111 !important;
}
body.fashion-home .fashion-social--video-wall .fashion-reel__media > video,
body.fashion-home .fashion-social--video-wall .fashion-reel__media > video.fashion-video-ready {
  position: absolute;
  z-index: 1;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 1;
  object-fit: cover;
}
body.fashion-home .fashion-social--video-wall .fashion-reel__play {
  z-index: 3;
  opacity: 0;
  transition: opacity 180ms ease;
}
body.fashion-home .fashion-social--video-wall .fashion-reel:hover .fashion-reel__play,
body.fashion-home .fashion-social--video-wall .fashion-reel__play:focus-visible { opacity: 1; }
body.fashion-home .fashion-social--video-wall .fashion-reel__details--overlay {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  left: 0;
  min-height: 76px;
  padding: 30px 16px 14px;
  background: linear-gradient(transparent, rgb(0 0 0 / 72%));
  color: #fff !important;
}
body.fashion-home .fashion-social--video-wall .fashion-reel__details--overlay span { color: rgb(255 255 255 / 82%); }

@media (max-width: 700px) {
  body.fashion-home .fashion-social--video-wall .fashion-reel {
    flex-basis: var(--social-mobile-card-width, 84vw) !important;
    width: var(--social-mobile-card-width, 84vw) !important;
  }
  body.fashion-home .fashion-social--video-wall .fashion-social__heading {
    width: calc(100% - 28px) !important;
    margin: 0 auto 22px !important;
    padding-top: 36px;
  }
}
body.fashion-home .fashion-reviews-reference__head {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-items: center;
  width: 100%;
  text-align: center;
}
body.fashion-home .fashion-reviews-reference__head > span {
  position: absolute;
  inset-inline-end: 0;
  inset-block-end: 4px;
}
body.fashion-home .fashion-collection--rail .fashion-grid,
body.fashion-home .fashion-benefits-reference__grid,
body.fashion-home .fashion-reviews-reference__track,
body.fashion-home .lybra-footer__groups { direction: ltr; }

/* Card styles remain section-scoped so every collection can be tuned in Customize. */
[ui-section="fashion-collection"].fashion-collection--cards-clean [ui-block="product"] .media,
[ui-section="fashion-collection"].fashion-collection--cards-clean .fashion-demo-product .media {
  border-radius: 0 !important;
  background: #f3eeea !important;
}
[ui-section="fashion-collection"].fashion-collection--cards-clean [ui-block="product"] .content,
[ui-section="fashion-collection"].fashion-collection--cards-clean .fashion-demo-product .content {
  padding-top: 10px !important;
}
[ui-section="fashion-collection"].fashion-collection--cards-clean [ui-block="product"] .content .title,
[ui-section="fashion-collection"].fashion-collection--cards-clean .fashion-demo-product .title {
  font-weight: 600 !important;
  letter-spacing: .02em;
}
[ui-section="fashion-collection"].fashion-collection--cards-soft [ui-block="product"] .media,
[ui-section="fashion-collection"].fashion-collection--cards-soft .fashion-demo-product .media {
  border-radius: 14px !important;
  background: #f3e2df !important;
  box-shadow: 0 8px 22px rgb(90 43 43 / 8%);
}
[ui-section="fashion-collection"].fashion-collection--cards-soft [ui-block="product"] .content,
[ui-section="fashion-collection"].fashion-collection--cards-soft .fashion-demo-product .content {
  padding-top: 14px !important;
}
[ui-section="fashion-collection"].fashion-collection--cards-soft [ui-block="product"] .content .title,
[ui-section="fashion-collection"].fashion-collection--cards-soft .fashion-demo-product .title {
  text-transform: none !important;
  font-weight: 500 !important;
}
[ui-section="fashion-collection"].fashion-collection--cards-compact [ui-block="product"] .media,
[ui-section="fashion-collection"].fashion-collection--cards-compact .fashion-demo-product .media {
  aspect-ratio: 4 / 5 !important;
  border-radius: 4px !important;
}
[ui-section="fashion-collection"].fashion-collection--cards-compact [ui-block="product"] .content,
[ui-section="fashion-collection"].fashion-collection--cards-compact .fashion-demo-product .content {
  gap: 1px !important;
  padding-top: 9px !important;
}
[ui-section="fashion-collection"].fashion-collection--cards-compact [ui-block="product"] .content .title,
[ui-section="fashion-collection"].fashion-collection--cards-compact .fashion-demo-product .title,
[ui-section="fashion-collection"].fashion-collection--cards-compact [ui-block="product"] .content .price {
  font-size: 9px !important;
}

/* Keep the remote hero video visible and correctly sized on phones while it loads. */
body.fashion-home .fashion-banner--video,
body.fashion-home .fashion-banner--video .fashion-banner__link {
  position: relative;
  width: 100% !important;
  height: var(--fashion-hero-desktop, 82svh) !important;
  min-height: var(--fashion-hero-desktop, 82svh) !important;
  overflow: hidden;
}
body.fashion-home .fashion-banner--video .fashion-banner__video {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  opacity: 1 !important;
  object-fit: cover !important;
  object-position: var(--fashion-hero-desktop-position, center center) !important;
}
body.fashion-home .fashion-banner--video .fashion-banner__video.is-failed {
  opacity: 0 !important;
}

@media (max-width: 800px) {
  body.fashion-home .fashion-banner--video,
  body.fashion-home .fashion-banner--video .fashion-banner__link {
    height: var(--fashion-hero-mobile, 78svh) !important;
    min-height: var(--fashion-hero-mobile, 78svh) !important;
  }
  body.fashion-home .fashion-banner--video .fashion-banner__video {
    object-position: var(--fashion-hero-mobile-position, center center) !important;
  }
}

@media (max-width: 600px) {
  body.fashion-home .fashion-section-head > a {
    position: static;
    margin-top: 8px;
  }
  body.fashion-home .fashion-reviews-reference__head > span {
    inset-block-end: 2px;
  }
  body.fashion-home .fashion-benefits-reference__heading { font-size: 26px !important; }
}
