/** Shopify CDN: Minification failed

Line 537:30 Unexpected "{"
Line 537:39 Expected ":"
Line 537:46 Unexpected "{"

**/
/* ============================================================
   VELOUXIA — World-Class Luxury Lingerie Boutique
   Premium Theme Overrides v2.0
   ============================================================ */

/* --- Design tokens --- */
:root {
  --vx-gold:        #C9A96E;
  --vx-gold-light:  rgba(201, 169, 110, 0.18);
  --vx-gold-rule:   rgba(201, 169, 110, 0.35);
  --vx-ivory:       #FDFAF7;
  --vx-blush:       #F5EDE3;
  --vx-near-black:  #1A1A1A;
  --vx-soft-black:  #2C2C2C;
  --vx-transition:  0.4s ease;
}

/* ============================================================
   GLOBAL — Smooth scroll, grain texture, transitions
   ============================================================ */

html {
  scroll-behavior: smooth;
}

/* Subtle grain overlay for depth */
body::after {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 9998;
  opacity: 0.028;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");
  background-repeat: repeat;
  background-size: 200px 200px;
}

/* Universal transition smoothing */
a,
button,
.button,
.card-wrapper,
.card__inner,
.quick-add,
.header__menu-item,
input,
textarea {
  transition-duration: var(--vx-transition) !important;
  transition-timing-function: ease !important;
}

/* ============================================================
   TYPOGRAPHY — Cormorant Garamond + Jost
   ============================================================ */

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.banner__heading,
.slideshow__text .banner__heading,
.title,
.card__heading,
.footer-block__heading {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 400;
  letter-spacing: 0.04em;
  line-height: 1.15;
}

body,
p,
li,
span,
label,
input,
textarea,
select {
  font-family: 'Jost', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
}

/* Section headings — elevated editorial feel */
.title-wrapper h2,
.title-wrapper .title,
.featured-collection .title,
.multicolumn .title {
  font-size: clamp(2.4rem, 3.5vw, 4rem) !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* Gold thin rule after major section headings */
.title-wrapper::after {
  content: '';
  display: block;
  width: 4rem;
  height: 1px;
  background: var(--vx-gold);
  margin: 1.6rem auto 0;
}
.title-wrapper--left::after {
  margin-left: 0;
}

/* ============================================================
   HERO SLIDESHOW — Dramatic, editorial
   ============================================================ */

.slideshow__text .banner__heading,
.banner__heading {
  font-size: clamp(4rem, 8vw, 9rem) !important;
  font-weight: 300 !important;
  letter-spacing: 0.06em !important;
  line-height: 1.0 !important;
  text-shadow: 0 2px 40px rgba(0, 0, 0, 0.15);
}

.banner__text,
.slideshow__text .banner__text {
  font-family: 'Jost', sans-serif;
  font-weight: 300;
  letter-spacing: 0.18em;
  font-size: clamp(1.2rem, 1.5vw, 1.6rem);
  text-transform: uppercase;
  position: relative;
  display: inline-block;
}

/* Gold decorative line under hero tagline */
.banner__text::after {
  content: '';
  display: block;
  width: 5rem;
  height: 1px;
  background: var(--vx-gold);
  margin: 1.6rem auto 0;
  opacity: 0.85;
}

/* Softer, more romantic overlay — warm tinted instead of pure black */
.banner::after,
.banner__media::after {
  background: linear-gradient(
    160deg,
    rgba(26, 18, 12, 0.55) 0%,
    rgba(15, 10, 5, 0.3) 60%,
    rgba(10, 5, 0, 0.15) 100%
  ) !important;
  opacity: 1 !important;
}

/* Override the per-section opacity that was set to 0 */
.slideshow__slide .banner::after,
.slideshow__slide .banner__media::after {
  opacity: 1 !important;
}

/* Hero button — refined */
.banner__box .button {
  margin-top: 2.4rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-size: 1.1rem;
  font-weight: 400;
  padding: 1.4rem 3.5rem;
  border-radius: 0 !important;
  border-width: 1px;
  transition: all var(--vx-transition);
}

.banner__box .button:hover {
  background-color: var(--vx-gold) !important;
  border-color: var(--vx-gold) !important;
  color: var(--vx-near-black) !important;
}

/* Hero spacing */
.banner__box > * + * {
  margin-top: 1.8rem;
}

@media screen and (max-width: 749px) {
  .slideshow__text .banner__heading,
  .banner__heading {
    font-size: clamp(3.2rem, 10vw, 5.5rem) !important;
    letter-spacing: 0.04em !important;
  }

  .banner__text,
  .slideshow__text .banner__text {
    font-size: 1.1rem;
    letter-spacing: 0.12em;
  }

  .banner__box .button {
    padding: 1.4rem 2.8rem;
    min-height: 5rem;
  }
}

/* ============================================================
   SECTION GOLD DIVIDERS
   ============================================================ */

section.section + section.section,
.spaced-section + .spaced-section {
  border-top: 1px solid var(--vx-gold-rule);
}

/* Explicit gold rule element for use in Liquid */
.vx-gold-rule {
  display: block;
  width: 100%;
  height: 1px;
  background: var(--vx-gold-rule);
  margin: 0;
}

/* ============================================================
   PRODUCT CARDS — Editorial hover
   ============================================================ */

.card-wrapper {
  transition: transform var(--vx-transition), box-shadow var(--vx-transition) !important;
  position: relative;
}

/* Lift + warm shadow on hover */
@media screen and (min-width: 750px) {
  .card-wrapper:hover {
    transform: translateY(-6px);
    box-shadow: 0 24px 60px rgba(44, 44, 44, 0.1), 0 2px 0 0 var(--vx-gold) !important;
    z-index: 2;
  }
}

/* Gold bottom border reveal on hover */
.card-wrapper::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--vx-gold);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform var(--vx-transition);
  z-index: 3;
}

.card-wrapper:hover::before {
  transform: scaleX(1);
}

/* Product title — Cormorant Garamond, larger */
.card__heading,
.card__heading a {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: clamp(1.6rem, 1.8vw, 2rem) !important;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1.3;
  color: var(--vx-soft-black);
  transition: color var(--vx-transition);
}

.card-wrapper:hover .card__heading,
.card-wrapper:hover .card__heading a {
  color: var(--vx-gold);
}

/* Price in gold */
.card-information .price,
.price__regular .price-item--regular,
.price__sale .price-item--sale,
.card-information .price .price-item {
  color: var(--vx-gold) !important;
  font-family: 'Jost', sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  font-size: 1.3rem !important;
}

.price__regular,
.price-item--regular {
  color: var(--vx-gold) !important;
}

/* More whitespace between cards */
.grid.grid--4-col-desktop,
.grid.grid--3-col-desktop {
  --grid-desktop-vertical-spacing: 32px !important;
  --grid-desktop-horizontal-spacing: 28px !important;
}

/* Quick Add — elegant reveal on hover */
.quick-add {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity var(--vx-transition), transform var(--vx-transition) !important;
  pointer-events: none;
}

@media screen and (min-width: 990px) {
  .card-wrapper:hover .quick-add {
    opacity: 1;
    transform: translateY(0);
    pointer-events: all;
  }
}

/* Always show quick-add on mobile (touch) */
@media screen and (max-width: 989px) {
  .quick-add {
    opacity: 1 !important;
    transform: none !important;
    pointer-events: all !important;
  }
}

/* Quick Add button styling */
.quick-add .button,
.quick-add .quick-add__submit {
  border-radius: 0 !important;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-size: 1rem;
  font-weight: 400;
  font-family: 'Jost', sans-serif;
  background-color: var(--vx-near-black);
  color: var(--vx-ivory);
  border: 1px solid var(--vx-near-black);
  transition: all var(--vx-transition) !important;
}

.quick-add .button:hover,
.quick-add .quick-add__submit:hover {
  background-color: var(--vx-gold) !important;
  border-color: var(--vx-gold) !important;
  color: var(--vx-near-black) !important;
}

/* ============================================================
   BUTTONS — Sharp, uppercase, gold hover
   ============================================================ */

.button,
.shopify-payment-button__button,
button[type="submit"] {
  border-radius: 0 !important;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-family: 'Jost', 'Helvetica Neue', Arial, sans-serif !important;
  font-weight: 400;
  font-size: 1.1rem;
  transition: all var(--vx-transition) !important;
  min-height: 4.8rem;
}

.button--primary {
  background-color: var(--vx-near-black);
  color: var(--vx-ivory);
  border-color: var(--vx-near-black);
}

.button--primary:hover {
  background-color: var(--vx-gold) !important;
  border-color: var(--vx-gold) !important;
  color: var(--vx-near-black) !important;
}

.button--secondary {
  border-color: var(--vx-near-black);
  color: var(--vx-near-black);
}

.button--secondary:hover {
  background-color: var(--vx-gold) !important;
  border-color: var(--vx-gold) !important;
  color: var(--vx-near-black) !important;
}

/* ============================================================
   NAVIGATION — Elegant animated underline
   ============================================================ */

.header__menu-item:hover span,
.header__menu-item:focus span {
  text-decoration: none !important;
}

.header__menu-item span {
  position: relative;
  display: inline-block;
  transition: color var(--vx-transition);
}

.header__menu-item span::after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0;
  height: 1px;
  background-color: var(--vx-gold);
  transition: width var(--vx-transition);
}

.header__menu-item:hover span::after,
details[open] > .header__menu-item span::after {
  width: 100%;
}

.header__active-menu-item {
  text-decoration: none !important;
  position: relative;
}

.header__active-menu-item::after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--vx-gold);
}

/* Nav font — clean, spaced, uppercase */
.header__menu-item,
.header__menu-item--link {
  font-family: 'Jost', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  font-size: 1.1rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  min-height: 4.4rem;
  display: flex;
  align-items: center;
}

/* ============================================================
   ANNOUNCEMENT BAR
   ============================================================ */

.announcement-bar__message,
.announcement-bar__message.h5 {
  font-family: 'Jost', sans-serif !important;
  font-weight: 300;
  letter-spacing: 0.2em;
  font-size: 1.1rem;
  text-transform: none;
}

/* ============================================================
   TRUST SECTION (multicolumn) — Premium styling
   ============================================================ */

/* The trust section is the multicolumn with no title */
.multicolumn.no-heading {
  border-top: 1px solid var(--vx-gold-rule);
  border-bottom: 1px solid var(--vx-gold-rule);
}

.multicolumn-card__info h3,
.multicolumn-card__info .inline-richtext {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 400;
  font-size: 2rem !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 1rem;
  color: var(--vx-soft-black);
}

.multicolumn-card__info .rte p {
  font-family: 'Jost', sans-serif !important;
  font-weight: 300;
  font-size: 1.35rem !important;
  letter-spacing: 0.04em;
  line-height: 1.75;
  opacity: 0.75;
}

/* Gold decorative dot above each trust column */
.multicolumn-list__item.center .multicolumn-card::before {
  content: '';
  display: block;
  width: 3rem;
  height: 1px;
  background: var(--vx-gold);
  margin: 0 auto 2.4rem;
}

/* ============================================================
   NEWSLETTER SECTION — Full-width blush, dramatic heading
   ============================================================ */

.newsletter .newsletter__wrapper,
.newsletter--full-width .newsletter__wrapper,
.newsletter .content-container--full-width {
  background-color: var(--vx-blush) !important;
  padding: 8rem 3rem !important;
}

.newsletter h2,
.newsletter .inline-richtext {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 400;
  font-size: clamp(3rem, 5vw, 5.5rem) !important;
  letter-spacing: 0.05em;
  line-height: 1.1;
  color: var(--vx-near-black);
}

.newsletter .newsletter__subheading,
.newsletter .rte p {
  font-family: 'Jost', sans-serif;
  font-weight: 300;
  font-size: 1.4rem;
  letter-spacing: 0.08em;
  opacity: 0.75;
  margin-top: 1.2rem;
  line-height: 1.8;
}

/* Newsletter input — gold focus */
.newsletter-form .field__input,
.newsletter #NewsletterForm--{{ section.id }} {
  border-radius: 0 !important;
  border-bottom: 1px solid rgba(44, 44, 44, 0.3);
  border-top: none;
  border-left: none;
  border-right: none;
  background: transparent;
  font-family: 'Jost', sans-serif;
  font-weight: 300;
  letter-spacing: 0.06em;
  font-size: 1.3rem;
  padding-left: 0;
  transition: border-color var(--vx-transition);
}

.newsletter-form .field__input:focus {
  border-color: var(--vx-gold) !important;
  box-shadow: none !important;
  outline: none !important;
}

.newsletter-form .field__label {
  font-family: 'Jost', sans-serif;
  font-weight: 300;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: 1rem;
  padding-left: 0;
}

/* Newsletter arrow button */
.newsletter-form__button.field__button {
  color: var(--vx-near-black);
  transition: color var(--vx-transition), transform var(--vx-transition);
}

.newsletter-form__button.field__button:hover {
  color: var(--vx-gold);
  transform: translateX(4px);
}

/* ============================================================
   RICH TEXT / BRAND TEXT SECTION
   ============================================================ */

.rich-text .rich-text__heading,
.rich-text h1,
.rich-text h2 {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: clamp(2.8rem, 4vw, 4.5rem) !important;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1.2;
}

.rich-text .rich-text__text,
.rich-text p {
  font-family: 'Jost', sans-serif;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 1.9;
  letter-spacing: 0.03em;
  opacity: 0.8;
  max-width: 72rem;
  margin-left: auto;
  margin-right: auto;
}

/* ============================================================
   FORM INPUTS — Gold focus, sharp
   ============================================================ */

.field__input,
.select__select,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
textarea {
  border-radius: 0 !important;
  font-family: 'Jost', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  letter-spacing: 0.05em;
  transition: border-color var(--vx-transition), box-shadow var(--vx-transition);
}

.field__input:focus,
.select__select:focus,
input:focus,
textarea:focus {
  border-color: var(--vx-gold) !important;
  box-shadow: 0 1px 0 0 var(--vx-gold) !important;
  outline: none !important;
}

.field__label {
  font-family: 'Jost', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 1.05rem;
}

/* ============================================================
   LINKS — Gold hover throughout
   ============================================================ */

a:hover,
.link:hover {
  color: var(--vx-gold) !important;
  opacity: 1;
}

a.link,
.link {
  transition: color var(--vx-transition);
}

/* ============================================================
   BADGES — Gold sale badge
   ============================================================ */

.badge {
  font-family: 'Jost', sans-serif;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.9rem;
  border-radius: 0 !important;
}

.color-scheme-4 .badge,
.badge--sale,
.badge.color-scheme-4 {
  background-color: var(--vx-gold) !important;
  color: var(--vx-near-black) !important;
}

/* ============================================================
   FOOTER — Elegant, spacious
   ============================================================ */

.footer {
  border-top: 1px solid var(--vx-gold-rule);
}

.footer__content-top {
  padding-top: 6rem !important;
  padding-bottom: 4rem !important;
}

.footer-block__heading,
.footer-block__heading.inline-richtext {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 1.6rem !important;
  margin-bottom: 2rem;
  color: var(--vx-soft-black);
}

.footer-block__details-content a,
.footer__list a,
.list-menu__item--link {
  font-family: 'Jost', sans-serif;
  font-weight: 300;
  letter-spacing: 0.08em;
  font-size: 1.3rem;
  line-height: 2.2;
  transition: color var(--vx-transition), padding-left var(--vx-transition);
}

.footer-block__details-content a:hover,
.footer__list a:hover,
.list-menu__item--link:hover {
  color: var(--vx-gold) !important;
  padding-left: 6px;
}

/* Footer copyright — VELOUXIA tagline */
.footer__copyright {
  border-top: 1px solid var(--vx-gold-rule);
  padding-top: 2rem;
  margin-top: 1rem;
}

.footer__copyright .copyright__content,
.footer__copyright small {
  font-family: 'Jost', sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  font-size: 1.1rem;
  opacity: 0.65;
}

.footer__copyright a {
  color: inherit;
  text-decoration: none;
  transition: color var(--vx-transition);
}

.footer__copyright a:hover {
  color: var(--vx-gold) !important;
}

/* Social icons row */
.footer__list-social .list-social {
  gap: 2rem;
}

.footer__list-social .list-social__item svg {
  width: 2rem;
  height: 2rem;
  transition: color var(--vx-transition), transform var(--vx-transition);
}

.footer__list-social .list-social__item:hover svg,
.footer__list-social .list-social__link:hover {
  color: var(--vx-gold) !important;
  transform: translateY(-2px);
}

/* ============================================================
   CART DRAWER — Premium
   ============================================================ */

.cart-drawer {
  font-family: 'Jost', sans-serif;
}

.cart-drawer__heading,
.cart__title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 400;
  letter-spacing: 0.08em;
  font-size: 2.4rem !important;
}

/* ============================================================
   BACK TO TOP BUTTON
   ============================================================ */

#vx-back-to-top {
  position: fixed;
  bottom: 3rem;
  right: 3rem;
  z-index: 9990;
  width: 4.8rem;
  height: 4.8rem;
  background: var(--vx-near-black);
  color: var(--vx-ivory);
  border: 1px solid var(--vx-gold);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.4s ease, transform 0.4s ease, background-color 0.4s ease, color 0.4s ease;
  pointer-events: none;
}

#vx-back-to-top.visible {
  opacity: 1;
  transform: translateY(0);
  pointer-events: all;
}

#vx-back-to-top:hover {
  background: var(--vx-gold);
  color: var(--vx-near-black);
}

#vx-back-to-top svg {
  width: 1.8rem;
  height: 1.8rem;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

@media screen and (max-width: 749px) {
  #vx-back-to-top {
    bottom: 2rem;
    right: 2rem;
    width: 4.4rem;
    height: 4.4rem;
  }
}

/* ============================================================
   SLIDESHOW CONTROLS — Gold tint
   ============================================================ */

.slideshow__controls .slider-button,
.slider-button {
  transition: background-color var(--vx-transition), color var(--vx-transition);
}

.slideshow__controls .slider-button:hover,
.slider-button:hover {
  color: var(--vx-gold);
}

/* ============================================================
   MOBILE — Touch targets, readable hero
   ============================================================ */

@media screen and (max-width: 749px) {
  /* Larger touch targets */
  .button,
  button,
  .link,
  a.header__menu-item {
    min-height: 4.8rem;
  }

  /* Card whitespace on mobile */
  .card__information {
    padding: 1.6rem 0.5rem;
  }

  /* Newsletter padding */
  .newsletter .newsletter__wrapper,
  .newsletter .content-container--full-width {
    padding: 5rem 2rem !important;
  }

  .newsletter h2 {
    font-size: clamp(2.8rem, 8vw, 4rem) !important;
  }

  /* Footer comfortable spacing */
  .footer__content-top {
    padding-top: 4rem !important;
  }

  /* Trust section */
  [class*="ai-trust-section-"] {
    padding: 5rem 0 !important;
  }
}

/* ============================================================
   SCROLL ANIMATION — Softer easing
   ============================================================ */

.animate--slide-in,
.animate--fade-in {
  animation-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1) !important;
  animation-duration: 0.7s !important;
}

/* ============================================================
   IMAGE HOVER — Subtle zoom on product images
   ============================================================ */

@media screen and (min-width: 990px) {
  .card .media.media--hover-effect > img:only-child {
    transition: transform 0.7s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
  }

  .card-wrapper:hover .media.media--hover-effect > img:first-child:only-child {
    transform: scale(1.06) !important;
  }
}