/** Shopify CDN: Minification failed

Line 197:8 Unexpected "{"
Line 197:17 Expected ":"
Line 197:24 Unexpected "{"

**/
/* ============================================================
   LUXERIA BEAUTY — LUXURY PRODUCT PAGE OVERRIDES
   Target: Refresh theme / Copia de Refresh
   Design inspiration: La Mer, Charlotte Tilbury, Augustinus Bader
   ============================================================ */

/* --- IMPORT ELEGANT FONTS --- */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Jost:wght@300;400;500&display=swap');

/* --- ROOT LUXURY VARIABLES --- */
:root {
  --luxeria-gold: #C9A96E;
  --luxeria-gold-light: #E8D5A3;
  --luxeria-gold-dark: #A0824A;
  --luxeria-cream: #FAF7F2;
  --luxeria-ivory: #F5F0E8;
  --luxeria-charcoal: #1A1A1A;
  --luxeria-warm-grey: #6B6259;
  --luxeria-border: rgba(201, 169, 110, 0.25);
  --luxeria-shadow: 0 8px 40px rgba(26, 26, 26, 0.08);
  --luxeria-shadow-hover: 0 16px 60px rgba(26, 26, 26, 0.14);
  --font-heading: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Jost', system-ui, sans-serif;
  --transition-luxury: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* ============================================================
   PRODUCT PAGE — GLOBAL RESET FOR LUXURY
   ============================================================ */

product-info.section-main-product,
product-info[data-section] {
  background: #fff;
  font-family: var(--font-body);
}

/* Full-bleed cream top banner */
product-info .page-width {
  max-width: 1440px;
  padding: 0 40px;
  margin: 0 auto;
}

@media (max-width: 749px) {
  product-info .page-width {
    padding: 0 16px;
  }
}

/* ============================================================
   PRODUCT GRID — LUXURY 55/45 SPLIT
   ============================================================ */

product-info .product.grid {
  gap: 0;
  align-items: flex-start;
}

product-info .product__media-wrapper {
  position: relative;
  background: var(--luxeria-cream);
}

@media screen and (min-width: 750px) {
  product-info .product--left .grid__item:first-child {
    padding-right: 48px;
  }
  product-info .product--left .grid__item:last-child {
    padding-left: 48px;
    padding-right: 0;
    border-left: 1px solid var(--luxeria-border);
  }
}

/* ============================================================
   PRODUCT MEDIA — PREMIUM GALLERY
   ============================================================ */

.product__media-item {
  background: var(--luxeria-cream);
  border-radius: 2px;
  overflow: hidden;
  transition: var(--transition-luxury);
}

.product__media-item img {
  transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.product__media-item:hover img {
  transform: scale(1.03);
}

/* Thumbnail strip luxury */
.thumbnail-slider__button {
  border: 1px solid transparent !important;
  border-radius: 2px !important;
  opacity: 0.6;
  transition: var(--transition-luxury);
}

.thumbnail-slider__button.is-active,
.thumbnail-slider__button:hover {
  border-color: var(--luxeria-gold) !important;
  opacity: 1;
}

/* ============================================================
   BRAND BADGE — above title
   ============================================================ */

.luxeria-brand-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  letter-spacing: 0.2em;
  font-size: 0.7rem;
  font-weight: 400;
  color: var(--luxeria-gold);
  text-transform: uppercase;
  font-family: var(--font-body);
}

.luxeria-brand-badge::before,
.luxeria-brand-badge::after {
  content: '';
  display: block;
  width: 28px;
  height: 1px;
  background: var(--luxeria-gold);
  opacity: 0.6;
}

/* ============================================================
   PRODUCT TITLE — EDITORIAL SERIF
   ============================================================ */

.product__title h1,
.product__title h2 {
  font-family: var(--font-heading) !important;
  font-size: clamp(2rem, 3.5vw, 3.2rem) !important;
  font-weight: 300 !important;
  line-height: 1.15 !important;
  letter-spacing: 0.01em !important;
  color: var(--luxeria-charcoal) !important;
  margin-bottom: 0 !important;
}

.product__title h1 em,
.product__title h2 em {
  font-style: italic;
  font-weight: 300;
  color: var(--luxeria-gold);
}

/* Subtle title underline ornament */
.product__title::after {
  content: '';
  display: block;
  width: 40px;
  height: 1px;
  background: var(--luxeria-gold);
  margin-top: 16px;
  margin-bottom: 20px;
}

/* ============================================================
   PRICE — PRESTIGE DISPLAY
   ============================================================ */

.price--large .price-item,
.price--large .price__regular,
.price.price--large {
  font-family: var(--font-body) !important;
  font-size: 1.75rem !important;
  font-weight: 300 !important;
  letter-spacing: 0.04em !important;
  color: var(--luxeria-charcoal) !important;
}

.price__compare {
  font-size: 1.1rem !important;
  color: var(--luxeria-warm-grey) !important;
  text-decoration: line-through !important;
  margin-right: 8px !important;
}

/* Subtle price container */
#price-{{ section.id }} {
  padding: 16px 0;
  border-top: 1px solid var(--luxeria-border);
  border-bottom: 1px solid var(--luxeria-border);
  margin: 20px 0;
}

/* ============================================================
   RATING STARS — GOLD LUXURY
   ============================================================ */

.rating-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}

.rating-star {
  --star-color: var(--luxeria-gold) !important;
}

.rating-text,
.rating-count {
  font-family: var(--font-body) !important;
  font-size: 0.75rem !important;
  color: var(--luxeria-warm-grey) !important;
  letter-spacing: 0.08em !important;
}

/* ============================================================
   QUANTITY SELECTOR — MINIMAL LUXURY
   ============================================================ */

.quantity {
  border: 1px solid var(--luxeria-border) !important;
  border-radius: 0 !important;
  background: transparent !important;
  height: 48px !important;
}

.quantity__input {
  font-family: var(--font-body) !important;
  font-size: 0.9rem !important;
  font-weight: 400 !important;
  color: var(--luxeria-charcoal) !important;
  letter-spacing: 0.12em !important;
}

.quantity__button {
  color: var(--luxeria-gold) !important;
  background: transparent !important;
  border: none !important;
  transition: var(--transition-luxury) !important;
}

.quantity__button:hover {
  color: var(--luxeria-gold-dark) !important;
}

.quantity__label {
  font-family: var(--font-body) !important;
  font-size: 0.7rem !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--luxeria-warm-grey) !important;
  font-weight: 400 !important;
}

/* ============================================================
   CTA BUTTONS — LUXE BLACK & GOLD
   ============================================================ */

/* Primary — Add to Cart */
.product-form__submit,
.product-form__submit.button {
  background: var(--luxeria-charcoal) !important;
  color: #fff !important;
  border: 1px solid var(--luxeria-charcoal) !important;
  border-radius: 0 !important;
  font-family: var(--font-body) !important;
  font-size: 0.75rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  height: 56px !important;
  min-height: 56px !important;
  padding: 0 40px !important;
  transition: var(--transition-luxury) !important;
  position: relative;
  overflow: hidden;
}

.product-form__submit::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--luxeria-gold);
  transition: width 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.product-form__submit:hover::before {
  width: 100%;
}

.product-form__submit:hover {
  background: #2a2a2a !important;
  transform: translateY(-1px) !important;
  box-shadow: var(--luxeria-shadow) !important;
}

/* Dynamic checkout buttons */
.shopify-payment-button__button {
  border-radius: 0 !important;
  font-family: var(--font-body) !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  min-height: 50px !important;
  transition: var(--transition-luxury) !important;
}

.shopify-payment-button__button--unbranded {
  background: transparent !important;
  color: var(--luxeria-charcoal) !important;
  border: 1px solid var(--luxeria-charcoal) !important;
}

.shopify-payment-button__button--unbranded:hover {
  background: var(--luxeria-charcoal) !important;
  color: #fff !important;
}

/* ============================================================
   VARIANT PICKER — LUXURY BUTTONS
   ============================================================ */

.swatch-input__input + label,
.product-form__input .button-swatch {
  border: 1px solid var(--luxeria-border) !important;
  border-radius: 0 !important;
  font-family: var(--font-body) !important;
  font-size: 0.72rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  transition: var(--transition-luxury) !important;
  color: var(--luxeria-charcoal) !important;
  background: transparent !important;
}

.swatch-input__input:checked + label,
.swatch-input__input + label:hover {
  border-color: var(--luxeria-charcoal) !important;
  background: var(--luxeria-charcoal) !important;
  color: #fff !important;
}

/* ============================================================
   TRUST BADGES — LUXURY STRIP
   ============================================================ */

.luxeria-trust-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 20px 0;
  border-top: 1px solid var(--luxeria-border);
  border-bottom: 1px solid var(--luxeria-border);
  margin: 24px 0;
  flex-wrap: wrap;
}

.luxeria-trust-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  flex: 1;
  min-width: 80px;
  text-align: center;
}

.luxeria-trust-icon {
  width: 22px;
  height: 22px;
  color: var(--luxeria-gold);
  stroke: var(--luxeria-gold);
}

.luxeria-trust-label {
  font-family: var(--font-body);
  font-size: 0.6rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--luxeria-warm-grey);
  font-weight: 400;
  line-height: 1.4;
}

.luxeria-trust-divider {
  width: 1px;
  height: 32px;
  background: var(--luxeria-border);
  flex-shrink: 0;
}

/* ============================================================
   DESCRIPTION — EDITORIAL TYPOGRAPHY
   ============================================================ */

.product__description {
  font-family: var(--font-body) !important;
  font-size: 0.9rem !important;
  line-height: 1.85 !important;
  color: var(--luxeria-warm-grey) !important;
  font-weight: 300 !important;
  letter-spacing: 0.02em !important;
  border-top: 1px solid var(--luxeria-border);
  padding-top: 24px;
  margin-top: 8px;
}

.product__description p {
  margin-bottom: 1em;
}

.product__description strong {
  color: var(--luxeria-charcoal);
  font-weight: 500;
}

/* ============================================================
   ACCORDION / COLLAPSIBLE — MINIMAL LUXURY
   ============================================================ */

.product__accordion.accordion details {
  border: none !important;
  border-bottom: 1px solid var(--luxeria-border) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.product__accordion.accordion summary {
  padding: 18px 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
}

.product__accordion .accordion__title {
  font-family: var(--font-body) !important;
  font-size: 0.7rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: var(--luxeria-charcoal) !important;
}

.product__accordion .accordion__content {
  font-family: var(--font-body) !important;
  font-size: 0.875rem !important;
  line-height: 1.9 !important;
  color: var(--luxeria-warm-grey) !important;
  font-weight: 300 !important;
  padding-bottom: 18px !important;
  padding-top: 0 !important;
}

/* Gold caret */
.product__accordion .icon-caret {
  color: var(--luxeria-gold) !important;
}

/* ============================================================
   LUXURY KEY BENEFITS SECTION
   ============================================================ */

.luxeria-benefits {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background: var(--luxeria-border);
  border: 1px solid var(--luxeria-border);
  margin: 28px 0;
}

.luxeria-benefit-card {
  background: #fff;
  padding: 24px 16px;
  text-align: center;
  transition: var(--transition-luxury);
}

.luxeria-benefit-card:hover {
  background: var(--luxeria-cream);
}

.luxeria-benefit-number {
  font-family: var(--font-heading);
  font-size: 1.8rem;
  font-weight: 300;
  color: var(--luxeria-gold);
  line-height: 1;
  font-style: italic;
  margin-bottom: 4px;
}

.luxeria-benefit-text {
  font-family: var(--font-body);
  font-size: 0.6rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--luxeria-warm-grey);
  line-height: 1.5;
}

/* ============================================================
   ICON-WITH-TEXT BLOCK — PREMIUM REDESIGN
   ============================================================ */

.icon-with-text {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px 0;
  border-top: 1px solid var(--luxeria-border);
}

.icon-with-text__item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.icon-with-text__icon {
  color: var(--luxeria-gold) !important;
  flex-shrink: 0;
  margin-top: 2px;
}

.icon-with-text__body {
  font-family: var(--font-body) !important;
  font-size: 0.8rem !important;
  color: var(--luxeria-warm-grey) !important;
  letter-spacing: 0.04em !important;
  line-height: 1.6 !important;
  font-weight: 300 !important;
}

/* ============================================================
   RELATED PRODUCTS — LUXURY CARD REDESIGN
   ============================================================ */

.related-products {
  background: var(--luxeria-cream);
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.related-products .title-wrapper h2,
.related-products .collection__title {
  font-family: var(--font-heading) !important;
  font-size: clamp(1.6rem, 2.5vw, 2.4rem) !important;
  font-weight: 300 !important;
  letter-spacing: 0.02em !important;
  color: var(--luxeria-charcoal) !important;
}

/* Product cards */
.card-wrapper .card {
  border: none !important;
  border-radius: 2px !important;
  overflow: hidden;
  transition: var(--transition-luxury) !important;
  box-shadow: none !important;
}

.card-wrapper:hover .card {
  box-shadow: var(--luxeria-shadow-hover) !important;
  transform: translateY(-4px) !important;
}

.card .card__media img {
  transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
}

.card-wrapper:hover .card .card__media img {
  transform: scale(1.05) !important;
}

.card__heading a,
.card__heading {
  font-family: var(--font-heading) !important;
  font-size: 1.15rem !important;
  font-weight: 300 !important;
  letter-spacing: 0.02em !important;
  color: var(--luxeria-charcoal) !important;
}

.price {
  font-family: var(--font-body) !important;
  font-size: 0.85rem !important;
  font-weight: 400 !important;
  letter-spacing: 0.08em !important;
  color: var(--luxeria-warm-grey) !important;
}

/* ============================================================
   SHARE BUTTON — DISCREET
   ============================================================ */

.share-button__button {
  font-family: var(--font-body) !important;
  font-size: 0.68rem !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--luxeria-warm-grey) !important;
  border: 1px solid var(--luxeria-border) !important;
  border-radius: 0 !important;
  padding: 10px 20px !important;
  background: transparent !important;
  transition: var(--transition-luxury) !important;
}

.share-button__button:hover {
  border-color: var(--luxeria-charcoal) !important;
  color: var(--luxeria-charcoal) !important;
}

/* ============================================================
   REVIEWS SECTION (Judge.me) — LUXURY WRAPPER
   ============================================================ */

.shopify-section-apps {
  background: #fff;
  padding: 60px 0 !important;
}

.jdgm-widget {
  font-family: var(--font-body) !important;
}

.jdgm-rev__title,
.jdgm-rev__author {
  font-family: var(--font-body) !important;
  font-size: 0.8rem !important;
  letter-spacing: 0.05em !important;
}

/* ============================================================
   LUXURY SCROLL ANIMATIONS
   ============================================================ */

@keyframes luxe-fade-up {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.product__info-container > * {
  animation: luxe-fade-up 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.product__info-container > *:nth-child(1) { animation-delay: 0.05s; }
.product__info-container > *:nth-child(2) { animation-delay: 0.12s; }
.product__info-container > *:nth-child(3) { animation-delay: 0.18s; }
.product__info-container > *:nth-child(4) { animation-delay: 0.24s; }
.product__info-container > *:nth-child(5) { animation-delay: 0.30s; }
.product__info-container > *:nth-child(6) { animation-delay: 0.36s; }

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

@media (max-width: 749px) {
  .product__title h1,
  .product__title h2 {
    font-size: 1.9rem !important;
  }

  .luxeria-trust-strip {
    gap: 8px;
  }

  .luxeria-trust-divider {
    display: none;
  }

  .luxeria-benefits {
    grid-template-columns: repeat(3, 1fr);
  }

  .luxeria-benefit-card {
    padding: 16px 8px;
  }

  .luxeria-benefit-number {
    font-size: 1.4rem;
  }

  .product-form__submit {
    height: 52px !important;
    min-height: 52px !important;
    font-size: 0.68rem !important;
    letter-spacing: 0.2em !important;
  }
}

/* ============================================================
   BREADCRUMB — REFINED
   ============================================================ */

.breadcrumbs,
.breadcrumb {
  font-family: var(--font-body);
  font-size: 0.65rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--luxeria-warm-grey);
}

.breadcrumbs a,
.breadcrumb a {
  color: var(--luxeria-warm-grey);
  text-decoration: none;
  transition: color 0.3s ease;
}

.breadcrumbs a:hover,
.breadcrumb a:hover {
  color: var(--luxeria-gold);
}

/* ============================================================
   MERCADO PAGO WIDGET — HARMONIZED
   ============================================================ */

[data-mercado-pago-widget] {
  border-radius: 0 !important;
  border: 1px solid var(--luxeria-border) !important;
  margin: 12px 0 !important;
  font-family: var(--font-body) !important;
}