/** Shopify CDN: Minification failed

Line 189:19 Unexpected "*"

**/
/* ============================================
   Story Beams Luxury Theme - Custom CSS
   Design: Dark Luxury with Gold Accents
   Colors: Gold #d4af37, Black #0a0a0a, Purple accents
   Fonts: Playfair Display + Montserrat
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&family=Montserrat:wght@300;400;500;600;700;800&display=swap');

/* ---- Global Luxury Overrides ---- */
:root {
  --luxury-gold: #d4af37;
  --luxury-gold-light: #e8c84a;
  --luxury-gold-dark: #b8962e;
  --luxury-black: #0a0a0a;
  --luxury-dark: #111111;
  --luxury-card: #1a1a1a;
  --luxury-border: #2a2a2a;
  --luxury-text: #e0e0e0;
  --luxury-text-muted: #888888;
  --luxury-purple: #a855f7;
  --luxury-blue: #6366f1;
  --luxury-green: #4ade80;
}

/* Force dark luxury background on body */
body {
  background-color: var(--luxury-black) !important;
  color: var(--luxury-text) !important;
  font-family: 'Montserrat', sans-serif !important;
}

/* Headings use Playfair Display */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Playfair Display', serif !important;
  color: #ffffff !important;
}

/* ---- Header Luxury Styling ---- */
.header-wrapper,
.section-header,
header.header {
  background-color: var(--luxury-black) !important;
  border-bottom: 1px solid var(--luxury-border) !important;
}

.header__heading-link {
  color: var(--luxury-gold) !important;
  font-family: 'Playfair Display', serif !important;
  font-weight: 700 !important;
}

header a,
.header__menu-item,
.header__icon {
  color: var(--luxury-text) !important;
}

header a:hover,
.header__menu-item:hover {
  color: var(--luxury-gold) !important;
}

/* ---- Announcement Bar ---- */
.announcement-bar {
  background-color: var(--luxury-dark) !important;
  border-bottom: 1px solid var(--luxury-gold) !important;
}

.announcement-bar__message {
  color: var(--luxury-gold) !important;
  font-family: 'Montserrat', sans-serif !important;
}

/* ---- Buttons Luxury ---- */
.button,
.shopify-challenge__button,
button.button,
a.button {
  background-color: var(--luxury-gold) !important;
  color: var(--luxury-black) !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 600 !important;
  border: none !important;
  transition: all 0.3s ease !important;
}

.button:hover,
button.button:hover,
a.button:hover {
  background-color: var(--luxury-gold-light) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 20px rgba(212, 175, 55, 0.3) !important;
}

.button--secondary {
  background-color: transparent !important;
  color: var(--luxury-gold) !important;
  border: 2px solid var(--luxury-gold) !important;
}

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

/* ---- Cards & Product Cards ---- */
.card-wrapper,
.card,
.product-card-wrapper {
  background-color: var(--luxury-card) !important;
  border: 1px solid var(--luxury-border) !important;
  transition: all 0.3s ease !important;
}

.card-wrapper:hover,
.card:hover,
.product-card-wrapper:hover {
  border-color: var(--luxury-gold) !important;
  box-shadow: 0 4px 20px rgba(212, 175, 55, 0.15) !important;
}

.card__heading a,
.card__heading {
  color: #ffffff !important;
  font-family: 'Playfair Display', serif !important;
}

.card-information .price,
.price-item,
.price-item--regular,
.price-item--sale {
  color: var(--luxury-gold) !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700 !important;
}

/* ---- Product Page ---- */
.product__title {
  font-family: 'Playfair Display', serif !important;
  color: #ffffff !important;
}

.product__text,
.product__description {
  color: var(--luxury-text) !important;
  font-family: 'Montserrat', sans-serif !important;
}

.product-form__submit {
  background-color: var(--luxury-gold) !important;
  color: var(--luxury-black) !important;
  font-weight: 700 !important;
  font-size: 1.1rem !important;
  padding: 16px 32px !important;
  border-radius: 8px !important;
}

.product-form__submit:hover {
  background-color: var(--luxury-gold-light) !important;
  box-shadow: 0 4px 20px rgba(212, 175, 55, 0.4) !important;
}

/* Variant pills */
.product-form__input label,
variant-selects label {
  color: var(--luxury-text) !important;
}

fieldset .product-form__input input[type="radio"]+label {
  background-color: var(--luxury-card) !important;
  border-color: var(--luxury-border) !important;
  color: var(--luxury-text) !important;
}

fieldset .product-form__input input[type="radio"]:checked+label {
  border-color: var(--luxury-gold) !important;
  background-color: rgba(212, 175, 55, 0.1) !important;
  color: var(--luxury-gold) !important;
}

/* ---- Sections Background ---- */
.section-template--*,
.shopify-section,
.color-scheme-1,
.color-scheme-2,
.color-background-1,
.color-background-2,
[class*="color-"] {
  background-color: var(--luxury-black) !important;
  color: var(--luxury-text) !important;
}

.gradient {
  background: var(--luxury-black) !important;
}

/* ---- Collection Page ---- */
.collection-hero__title {
  font-family: 'Playfair Display', serif !important;
  color: #ffffff !important;
}

/* ---- Cart ---- */
.cart__heading,
.cart-item__name {
  color: #ffffff !important;
  font-family: 'Playfair Display', serif !important;
}

.cart-drawer,
.cart-drawer__overlay {
  background-color: var(--luxury-dark) !important;
}

.cart-drawer .drawer__header {
  border-bottom: 1px solid var(--luxury-border) !important;
}

/* ---- Footer Luxury ---- */
.footer,
.section-footer {
  background-color: var(--luxury-dark) !important;
  border-top: 1px solid var(--luxury-border) !important;
}

.footer__title,
.footer-block__heading {
  color: var(--luxury-gold) !important;
  font-family: 'Playfair Display', serif !important;
}

.footer a,
.footer .list-menu__item {
  color: var(--luxury-text-muted) !important;
}

.footer a:hover,
.footer .list-menu__item:hover {
  color: var(--luxury-gold) !important;
}

/* ---- Newsletter ---- */
.newsletter {
  background-color: var(--luxury-dark) !important;
}

.newsletter__heading {
  color: var(--luxury-gold) !important;
}

.newsletter .field__input {
  background-color: var(--luxury-card) !important;
  border-color: var(--luxury-border) !important;
  color: var(--luxury-text) !important;
}

/* ---- Forms & Inputs ---- */
.field__input,
.select__select,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
textarea,
select {
  background-color: var(--luxury-card) !important;
  border-color: var(--luxury-border) !important;
  color: var(--luxury-text) !important;
  font-family: 'Montserrat', sans-serif !important;
}

.field__input:focus,
input:focus,
textarea:focus,
select:focus {
  border-color: var(--luxury-gold) !important;
  box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.2) !important;
}

.field__label {
  color: var(--luxury-text-muted) !important;
}

/* ---- Badges ---- */
.badge {
  background-color: var(--luxury-gold) !important;
  color: var(--luxury-black) !important;
  font-weight: 700 !important;
}

/* ---- Breadcrumbs ---- */
.breadcrumbs a {
  color: var(--luxury-text-muted) !important;
}

.breadcrumbs a:hover {
  color: var(--luxury-gold) !important;
}

/* ---- Search ---- */
.search__input {
  background-color: var(--luxury-card) !important;
  border-color: var(--luxury-border) !important;
  color: var(--luxury-text) !important;
}

.predictive-search {
  background-color: var(--luxury-dark) !important;
  border-color: var(--luxury-border) !important;
}

/* ---- 404 Page ---- */
.shopify-section--404 h1 {
  color: var(--luxury-gold) !important;
}

/* ---- Rich Text Section ---- */
.rich-text__heading {
  color: #ffffff !important;
}

.rich-text__text {
  color: var(--luxury-text) !important;
}

/* ---- Image Banner ---- */
.banner__heading {
  color: #ffffff !important;
  font-family: 'Playfair Display', serif !important;
}

.banner__text {
  color: var(--luxury-text) !important;
}

/* ---- Slideshow ---- */
.slideshow__heading {
  color: #ffffff !important;
  font-family: 'Playfair Display', serif !important;
}

/* ---- Collapsible Content / FAQ ---- */
.collapsible-content__heading {
  color: #ffffff !important;
}

details summary {
  color: var(--luxury-text) !important;
  border-color: var(--luxury-border) !important;
}

details[open] summary {
  color: var(--luxury-gold) !important;
}

/* ---- Quantity Input ---- */
.quantity__input {
  background-color: var(--luxury-card) !important;
  color: var(--luxury-text) !important;
  border-color: var(--luxury-border) !important;
}

.quantity__button {
  color: var(--luxury-text) !important;
}

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

/* ---- Scrollbar ---- */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: var(--luxury-black);
}

::-webkit-scrollbar-thumb {
  background: var(--luxury-border);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--luxury-gold);
}

/* ---- Selection ---- */
::selection {
  background-color: var(--luxury-gold);
  color: var(--luxury-black);
}

/* ---- Links ---- */
a {
  color: var(--luxury-gold);
  transition: color 0.3s ease;
}

a:hover {
  color: var(--luxury-gold-light);
}

/* ---- Pagination ---- */
.pagination__item {
  color: var(--luxury-text) !important;
}

.pagination__item--current {
  background-color: var(--luxury-gold) !important;
  color: var(--luxury-black) !important;
}

/* ---- Disclosure / Country Selector ---- */
.disclosure__button {
  color: var(--luxury-text) !important;
}

.disclosure__list {
  background-color: var(--luxury-dark) !important;
  border-color: var(--luxury-border) !important;
}

/* ---- Mobile Menu ---- */
.menu-drawer {
  background-color: var(--luxury-dark) !important;
}

.menu-drawer a {
  color: var(--luxury-text) !important;
}

.menu-drawer a:hover {
  color: var(--luxury-gold) !important;
}

/* ---- Image with Text ---- */
.image-with-text__heading {
  color: #ffffff !important;
}

.image-with-text__text {
  color: var(--luxury-text) !important;
}

/* ---- Multicolumn ---- */
.multicolumn .multicolumn-card__info h3 {
  color: #ffffff !important;
}

/* ---- Password Page ---- */
.password-header {
  background-color: var(--luxury-black) !important;
}

/* ---- Gift Card ---- */
.gift-card__title {
  color: var(--luxury-gold) !important;
}

/* ---- Luxury Custom Sections ---- */

/* Hero Section */
.luxury-hero {
  position: relative;
  padding: 80px 0;
  overflow: hidden;
  background: var(--luxury-black);
}

.luxury-hero__bg {
  position: absolute;
  inset: 0;
  opacity: 0.3;
  background-size: cover;
  background-position: center;
}

.luxury-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(10,10,10,0.5), rgba(10,10,10,0.8), var(--luxury-black));
}

.luxury-hero__content {
  position: relative;
  z-index: 10;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: center;
}

@media (max-width: 749px) {
  .luxury-hero {
    padding: 60px 0 40px;
  }
  .luxury-hero__content {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

.luxury-hero__subtitle {
  color: var(--luxury-gold);
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 1rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.luxury-hero__title {
  font-family: 'Playfair Display', serif !important;
  font-size: clamp(2.5rem, 5vw, 4.5rem);
  font-weight: 700;
  line-height: 1.1;
  color: #ffffff !important;
  margin-bottom: 16px;
}

.luxury-hero__title .gold {
  color: var(--luxury-gold);
}

.luxury-hero__title .purple {
  color: var(--luxury-purple);
}

.luxury-hero__desc {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.1rem;
  color: var(--luxury-text-muted);
  line-height: 1.7;
  margin-bottom: 24px;
}

.luxury-hero__buttons {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

@media (min-width: 750px) {
  .luxury-hero__buttons {
    flex-direction: row;
  }
}

.luxury-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px 32px;
  background: var(--luxury-gold);
  color: var(--luxury-black);
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 1rem;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
}

.luxury-btn-primary:hover {
  background: var(--luxury-gold-light);
  transform: translateY(-2px);
  box-shadow: 0 4px 20px rgba(212, 175, 55, 0.4);
  color: var(--luxury-black);
}

.luxury-btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 16px 32px;
  background: transparent;
  color: var(--luxury-gold);
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 1rem;
  border: 2px solid var(--luxury-gold);
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
}

.luxury-btn-secondary:hover {
  background: var(--luxury-gold);
  color: var(--luxury-black);
  transform: translateY(-2px);
}

.luxury-hero__rating {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
}

.luxury-hero__stars {
  color: var(--luxury-gold);
  font-size: 1.1rem;
}

.luxury-hero__rating-text {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  color: var(--luxury-text);
}

.luxury-hero__visual {
  position: relative;
}

.luxury-hero__glow {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(168, 85, 247, 0.2), rgba(99, 102, 241, 0.2));
  border-radius: 16px;
  filter: blur(40px);
}

.luxury-hero__card {
  position: relative;
  background: linear-gradient(135deg, var(--luxury-card), var(--luxury-black));
  border: 1px solid rgba(212, 175, 55, 0.2);
  border-radius: 16px;
  padding: 32px;
  box-shadow: 0 8px 32px rgba(212, 175, 55, 0.15);
}

.luxury-hero__img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: 12px;
}

/* Trust Badges */
.luxury-trust {
  background: var(--luxury-card);
  border-top: 1px solid var(--luxury-border);
  border-bottom: 1px solid var(--luxury-border);
  padding: 24px 0;
}

.luxury-trust__grid {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

@media (max-width: 749px) {
  .luxury-trust__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

.luxury-trust__item {
  display: flex;
  align-items: center;
  gap: 12px;
}

.luxury-trust__icon {
  color: var(--luxury-gold);
  font-size: 1.5rem;
  flex-shrink: 0;
}

.luxury-trust__title {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 600;
  font-size: 0.95rem;
  color: #ffffff !important;
  margin: 0;
}

.luxury-trust__desc {
  font-family: 'Montserrat', sans-serif;
  font-size: 0.8rem;
  color: var(--luxury-text-muted);
  margin: 0;
}

/* Features Section */
.luxury-features {
  padding: 80px 0;
  background: var(--luxury-black);
}

@media (max-width: 749px) {
  .luxury-features {
    padding: 48px 0;
  }
}

.luxury-section-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.luxury-section-header {
  text-align: center;
  margin-bottom: 48px;
}

.luxury-section-subtitle {
  color: var(--luxury-gold);
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 0.9rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.luxury-section-title {
  font-family: 'Playfair Display', serif !important;
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  color: #ffffff !important;
  margin-bottom: 12px;
}

.luxury-section-desc {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.1rem;
  color: var(--luxury-text-muted);
  max-width: 600px;
  margin: 0 auto;
}

.luxury-features__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

@media (max-width: 989px) {
  .luxury-features__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 749px) {
  .luxury-features__grid {
    grid-template-columns: 1fr;
  }
}

.luxury-feature-card {
  background: var(--luxury-card);
  border: 1px solid var(--luxury-border);
  border-radius: 12px;
  padding: 24px;
  transition: all 0.3s ease;
}

.luxury-feature-card:hover {
  border-color: var(--luxury-gold);
  box-shadow: 0 4px 20px rgba(212, 175, 55, 0.15);
  transform: translateY(-4px);
}

.luxury-feature-card__icon {
  font-size: 2.5rem;
  margin-bottom: 16px;
}

.luxury-feature-card__title {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700;
  font-size: 1.15rem;
  color: #ffffff !important;
  margin-bottom: 8px;
}

.luxury-feature-card__desc {
  font-family: 'Montserrat', sans-serif;
  font-size: 0.9rem;
  color: var(--luxury-text-muted);
  line-height: 1.6;
}

/* Specs Section */
.luxury-specs {
  padding: 80px 0;
  background: var(--luxury-black);
}

@media (max-width: 749px) {
  .luxury-specs {
    padding: 48px 0;
  }
}

.luxury-specs__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

@media (max-width: 989px) {
  .luxury-specs__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 749px) {
  .luxury-specs__grid {
    grid-template-columns: 1fr;
  }
}

.luxury-spec-card {
  background: var(--luxury-card);
  border: 1px solid var(--luxury-border);
  border-radius: 12px;
  padding: 24px;
  transition: all 0.3s ease;
}

.luxury-spec-card:hover {
  border-color: var(--luxury-gold);
}

.luxury-spec-card__label {
  color: var(--luxury-gold);
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 8px;
}

.luxury-spec-card__value {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700;
  font-size: 1.4rem;
  color: #ffffff !important;
}

/* Reviews Section */
.luxury-reviews {
  padding: 80px 0;
  background: var(--luxury-black);
}

@media (max-width: 749px) {
  .luxury-reviews {
    padding: 48px 0;
  }
}

.luxury-reviews__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

@media (max-width: 749px) {
  .luxury-reviews__grid {
    grid-template-columns: 1fr;
  }
}

.luxury-review-card {
  background: var(--luxury-card);
  border: 1px solid var(--luxury-border);
  border-radius: 12px;
  padding: 24px;
  transition: all 0.3s ease;
}

.luxury-review-card:hover {
  border-color: var(--luxury-gold);
}

.luxury-review-card__stars {
  color: var(--luxury-gold);
  font-size: 1rem;
  margin-bottom: 12px;
}

.luxury-review-card__text {
  font-family: 'Montserrat', sans-serif;
  font-size: 0.95rem;
  color: var(--luxury-text-muted);
  line-height: 1.6;
  margin-bottom: 16px;
}

.luxury-review-card__author {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.luxury-review-card__name {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  color: #ffffff;
}

.luxury-review-card__time {
  font-family: 'Montserrat', sans-serif;
  font-size: 0.8rem;
  color: var(--luxury-text-muted);
}

/* CTA Section */
.luxury-cta {
  padding: 80px 0;
  background: linear-gradient(135deg, rgba(212, 175, 55, 0.08), rgba(168, 85, 247, 0.08), rgba(212, 175, 55, 0.08));
  border-top: 1px solid rgba(212, 175, 55, 0.2);
  border-bottom: 1px solid rgba(212, 175, 55, 0.2);
  text-align: center;
}

@media (max-width: 749px) {
  .luxury-cta {
    padding: 48px 0;
  }
}

.luxury-cta__title {
  font-family: 'Playfair Display', serif !important;
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  color: #ffffff !important;
  margin-bottom: 16px;
}

.luxury-cta__desc {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.1rem;
  color: var(--luxury-text-muted);
  max-width: 600px;
  margin: 0 auto 24px;
}

/* Lifestyle Section */
.luxury-lifestyle {
  padding: 80px 0;
  background: rgba(26, 26, 26, 0.5);
}

@media (max-width: 749px) {
  .luxury-lifestyle {
    padding: 48px 0;
  }
}

.luxury-lifestyle__grid {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: center;
}

@media (max-width: 749px) {
  .luxury-lifestyle__grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

.luxury-lifestyle__subtitle {
  color: var(--luxury-gold);
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 0.9rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.luxury-lifestyle__title {
  font-family: 'Playfair Display', serif !important;
  font-size: clamp(2rem, 3vw, 2.5rem);
  font-weight: 700;
  color: #ffffff !important;
  margin-bottom: 16px;
}

.luxury-lifestyle__desc {
  font-family: 'Montserrat', sans-serif;
  font-size: 1rem;
  color: var(--luxury-text-muted);
  line-height: 1.7;
  margin-bottom: 24px;
}

.luxury-lifestyle__list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.luxury-lifestyle__list li {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  font-family: 'Montserrat', sans-serif;
  font-size: 0.95rem;
  color: var(--luxury-text);
}

.luxury-lifestyle__check {
  color: var(--luxury-gold);
  font-size: 1.2rem;
  flex-shrink: 0;
}

/* Smooth scroll */
html {
  scroll-behavior: smooth;
}

/* Animations */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.luxury-animate {
  animation: fadeInUp 0.6s ease forwards;
}

/* ============================================
   LUXURY LANDING PAGE STYLES
   ============================================ */

/* Landing Hero */
.ll-hero {
  position: relative;
  min-height: 90vh;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 100px 20px 60px;
}

.ll-hero__bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0.15;
}

.ll-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(10,10,10,0.95), rgba(10,10,10,0.7), rgba(168,85,247,0.1));
}

.ll-hero__content {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: center;
  width: 100%;
}

@media (max-width: 749px) {
  .ll-hero {
    min-height: auto;
    padding: 80px 16px 40px;
  }
  .ll-hero__content {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

.ll-hero__subtitle {
  color: var(--luxury-gold);
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 0.9rem;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.ll-hero__title {
  font-family: 'Playfair Display', serif !important;
  font-size: clamp(2rem, 5vw, 4rem);
  font-weight: 700;
  line-height: 1.1;
  color: #ffffff !important;
  margin-bottom: 16px;
}

.ll-hero__title .gold { color: var(--luxury-gold); }
.ll-hero__title .purple { color: var(--luxury-purple); }

.ll-hero__desc {
  font-family: 'Montserrat', sans-serif;
  font-size: 1rem;
  color: var(--luxury-text-muted);
  line-height: 1.7;
  margin-bottom: 24px;
}

.ll-hero__buttons {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

@media (max-width: 749px) {
  .ll-hero__buttons {
    flex-direction: column;
  }
}

.ll-hero__rating {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
}

.ll-hero__stars { color: var(--luxury-gold); font-size: 1.1rem; }
.ll-hero__rating-text { font-family: 'Montserrat', sans-serif; font-weight: 600; color: var(--luxury-text); font-size: 0.9rem; }

.ll-hero__visual { position: relative; }

.ll-hero__glow {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(168,85,247,0.2), rgba(99,102,241,0.2));
  border-radius: 16px;
  filter: blur(40px);
}

.ll-hero__card {
  position: relative;
  background: linear-gradient(135deg, var(--luxury-card), var(--luxury-black));
  border: 1px solid rgba(212,175,55,0.2);
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 8px 32px rgba(212,175,55,0.15);
}

.ll-hero__img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: 12px;
}

.ll-hero__badge {
  position: absolute;
  top: 16px;
  right: 16px;
  background: linear-gradient(135deg, #d4af37, #b8962e);
  color: #0a0a0a;
  padding: 8px 16px;
  border-radius: 20px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 0.85rem;
}

/* Landing Trust */
.ll-trust {
  background: var(--luxury-card);
  border-top: 1px solid var(--luxury-border);
  border-bottom: 1px solid var(--luxury-border);
  padding: 24px 0;
}

.ll-trust__grid {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

@media (max-width: 749px) {
  .ll-trust__grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

.ll-trust__item {
  display: flex;
  align-items: center;
  gap: 12px;
}

.ll-trust__icon { color: var(--luxury-gold); font-size: 1.5rem; flex-shrink: 0; }
.ll-trust__title { font-family: 'Montserrat', sans-serif !important; font-weight: 600; font-size: 0.95rem; color: #ffffff !important; margin: 0; }
.ll-trust__desc { font-family: 'Montserrat', sans-serif; font-size: 0.8rem; color: var(--luxury-text-muted); margin: 0; }

/* Landing Product Section */
.ll-product {
  padding: 80px 0;
  background: var(--luxury-black);
}

@media (max-width: 749px) {
  .ll-product {
    padding: 40px 0;
  }
}

.ll-product__container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: start;
}

@media (max-width: 749px) {
  .ll-product__container {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

.ll-product__main-img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 16px;
  border: 1px solid var(--luxury-border);
}

.ll-product__thumbs {
  display: flex;
  gap: 12px;
  margin-top: 12px;
}

.ll-product__thumb {
  width: 80px;
  height: 80px;
  object-fit: cover;
  border-radius: 8px;
  border: 2px solid var(--luxury-border);
  cursor: pointer;
  transition: all 0.3s ease;
  opacity: 0.6;
}

.ll-product__thumb:hover,
.ll-product__thumb--active {
  border-color: var(--luxury-gold);
  opacity: 1;
}

.ll-product__subtitle {
  color: var(--luxury-gold);
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 0.85rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.ll-product__title {
  font-family: 'Playfair Display', serif !important;
  font-size: clamp(1.8rem, 3vw, 2.5rem);
  font-weight: 700;
  color: #ffffff !important;
  margin-bottom: 12px;
}

.ll-product__rating {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}

.ll-product__stars { color: var(--luxury-gold); font-size: 1rem; }
.ll-product__rating-count { font-family: 'Montserrat', sans-serif; font-size: 0.85rem; color: var(--luxury-text-muted); }

.ll-product__price {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}

.ll-product__price-current {
  font-family: 'Montserrat', sans-serif;
  font-size: 2rem;
  font-weight: 800;
  color: var(--luxury-gold);
}

.ll-product__price-original {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.2rem;
  color: var(--luxury-text-muted);
  text-decoration: line-through;
}

.ll-product__price-badge {
  background: linear-gradient(135deg, rgba(74,222,128,0.2), rgba(74,222,128,0.1));
  color: var(--luxury-green);
  padding: 4px 12px;
  border-radius: 20px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 0.85rem;
}

.ll-product__desc {
  font-family: 'Montserrat', sans-serif;
  font-size: 0.95rem;
  color: var(--luxury-text-muted);
  line-height: 1.7;
  margin-bottom: 24px;
}

.ll-product__option {
  margin-bottom: 20px;
}

.ll-product__option-label {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 0.9rem;
  color: var(--luxury-text);
  margin-bottom: 8px;
}

.ll-product__option-grid {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.ll-product__color-btn,
.ll-product__plug-btn {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: var(--luxury-card);
  border: 2px solid var(--luxury-border);
  border-radius: 8px;
  color: var(--luxury-text);
  font-family: 'Montserrat', sans-serif;
  font-size: 0.85rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
}

.ll-product__color-btn:hover,
.ll-product__plug-btn:hover {
  border-color: var(--luxury-gold);
  color: #ffffff;
}

.ll-product__color-btn--active,
.ll-product__plug-btn--active {
  border-color: var(--luxury-gold) !important;
  background: rgba(212,175,55,0.1) !important;
  color: var(--luxury-gold) !important;
}

.ll-product__color-swatch {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid var(--luxury-border);
  display: inline-block;
}

.ll-product__quantity {
  display: inline-flex;
  align-items: center;
  gap: 0;
  border: 2px solid var(--luxury-border);
  border-radius: 8px;
  overflow: hidden;
}

.ll-product__qty-btn {
  width: 44px;
  height: 44px;
  background: var(--luxury-card);
  border: none;
  color: var(--luxury-text);
  font-size: 1.2rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ll-product__qty-btn:hover {
  background: var(--luxury-gold);
  color: var(--luxury-black);
}

.ll-product__qty-value {
  width: 50px;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 1.1rem;
  color: #ffffff;
  background: var(--luxury-card);
  height: 44px;
  line-height: 44px;
  border-left: 1px solid var(--luxury-border);
  border-right: 1px solid var(--luxury-border);
}

.ll-product__buttons {
  display: flex;
  gap: 12px;
  margin-top: 24px;
}

@media (max-width: 749px) {
  .ll-product__buttons {
    flex-direction: column;
  }
}

.ll-product__add-btn,
.ll-product__buy-btn {
  flex: 1;
  padding: 16px 24px;
  font-size: 1rem;
}

.ll-product__trust-mini {
  display: flex;
  gap: 16px;
  margin-top: 20px;
  flex-wrap: wrap;
}

.ll-product__trust-mini span {
  font-family: 'Montserrat', sans-serif;
  font-size: 0.8rem;
  color: var(--luxury-text-muted);
}

/* Landing Features */
.ll-features {
  padding: 80px 0;
  background: var(--luxury-dark);
}

@media (max-width: 749px) {
  .ll-features {
    padding: 48px 0;
  }
}

/* Gallery Section */
.luxury-gallery {
  padding: 60px 0;
  background: var(--luxury-black);
}

.luxury-gallery__grid {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

@media (max-width: 749px) {
  .luxury-gallery__grid {
    grid-template-columns: 1fr;
  }
}

.luxury-gallery__item img {
  width: 100%;
  aspect-ratio: 16/10;
  object-fit: cover;
  border-radius: 12px;
  border: 1px solid var(--luxury-border);
  transition: all 0.3s ease;
}

.luxury-gallery__item img:hover {
  border-color: var(--luxury-gold);
  transform: scale(1.02);
}