/** Shopify CDN: Minification failed

Line 249:2 Expected identifier but found "."
Line 255:2 Expected identifier but found "."
Line 261:2 Expected identifier but found "."
Line 315:0 Unexpected "}"

**/
/* ============================================
   Lightyear24 Custom Design System
   Version: 1.0 | 2026-04-01
   ============================================ */

/* ── Design Tokens ── */
:root {
  /* Primary Colors — Natural Warm Cream */
  --color-cream:        #F7F2EC;
  --color-cream-dark:   #F2EDE4;
  --color-sand:         #E8DDD0;
  --color-sand-mid:     #D4C4B0;
  --color-warm-brown:   #8B6F5C;
  --color-deep-brown:   #5C3D2E;
  --color-espresso:     #3A2218;

  /* Accent Colors — Warm Amber */
  --color-amber:        #D4956A;
  --color-amber-light:  #E8B898;
  --color-amber-dark:   #B8734A;
  --color-gold:         #C8A86B;
  --color-gold-light:   #E2CC9A;

  /* Supporting Colors — Natural Green/Blue */
  --color-sage:         #8BA888;
  --color-sage-light:   #C4D4C2;
  --color-mist:         #9BADB8;

  /* Semantic Colors */
  --color-success:      #6B9E7A;
  --color-warning:      #D4956A;
  --color-error:        #C47B6B;
  --color-info:         #7A9BB5;

  /* Text Colors */
  --color-text-primary:   #2C1F18;
  --color-text-secondary: #6B5548;
  --color-text-muted:     #9B8880;
  --color-text-inverse:   #F7F2EC;

  /* Border Colors */
  --color-border:         #DDD2C4;
  --color-border-light:   #EDE8E0;

  /* Typography */
  --font-display: 'Cormorant', Georgia, serif;
  --font-body:    'Montserrat', system-ui, sans-serif;


  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  1.875rem;
  --text-4xl:  2.25rem;
  --text-5xl:  3rem;
  --text-6xl:  3.75rem;

  /* Spacing */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  /* Border Radius */
  --radius-sm:   0.25rem;
  --radius-md:   0.5rem;
  --radius-lg:   0.75rem;
  --radius-xl:   1rem;
  --radius-2xl:  1.5rem;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(60,34,24,0.06), 0 1px 2px rgba(60,34,24,0.04);
  --shadow-md: 0 4px 12px rgba(60,34,24,0.08), 0 2px 4px rgba(60,34,24,0.05);
  --shadow-lg: 0 10px 30px rgba(60,34,24,0.10), 0 4px 8px rgba(60,34,24,0.06);
  --shadow-xl: 0 20px 50px rgba(60,34,24,0.12);

  /* Transitions */
  --transition-fast:   150ms cubic-bezier(0.4,0,0.2,1);
  --transition-normal: 300ms cubic-bezier(0.4,0,0.2,1);
  --transition-slow:   500ms cubic-bezier(0.4,0,0.2,1);
}

/* ── Dark Mode ── */
[data-theme="dark"] {
  --color-cream:          #1A1614;
  --color-cream-dark:     #241F1C;
  --color-sand:           #2D2620;
  --color-warm-brown:     #6B5548;
  --color-deep-brown:     #F7F2EC;
  --color-espresso:       #EDE8E0;
  --color-text-primary:   #F7F2EC;
  --color-text-secondary: #D4CCC4;
  --color-text-muted:     #9B8880;
  --color-text-inverse:   #2C1F18;
  --shadow-sm: 0 1px 2px 0 rgb(247 242 236 / 0.05);
  --shadow-md: 0 4px 6px -1px rgb(247 242 236 / 0.1);
}

/* ── Buttons ── */
.btn-primary,
.button.button--primary,
.shopify-payment-button__button--unbranded {
  background-color: var(--color-amber) !important;
  color: var(--color-text-inverse) !important;
  border-radius: var(--radius-md) !important;
  font-weight: 600 !important;
  transition: all var(--transition-fast) !important;
  border: none !important;
}

.btn-primary:hover,
.button.button--primary:hover,
.shopify-payment-button__button--unbranded:hover {
  background-color: var(--color-amber-dark) !important;
  transform: translateY(-2px) !important;
  box-shadow: var(--shadow-md) !important;
}

.btn-secondary,
.button.button--secondary {
  background-color: transparent !important;
  color: var(--color-amber) !important;
  border: 2px solid var(--color-amber) !important;
  border-radius: var(--radius-md) !important;
  font-weight: 600 !important;
  transition: all var(--transition-fast) !important;
}

.btn-secondary:hover,
.button.button--secondary:hover {
  background-color: var(--color-amber) !important;
  color: var(--color-text-inverse) !important;
}

/* ── Form Inputs ── */
.field__input,
.select__select,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
textarea {
  border: 2px solid var(--color-border) !important;
  border-radius: var(--radius-md) !important;
  font-family: var(--font-body) !important;
  transition: all var(--transition-fast) !important;
  background-color: white !important;
}

.field__input:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus {
  outline: none !important;
  border-color: var(--color-amber) !important;
  box-shadow: 0 0 0 3px rgba(212, 149, 106, 0.1) !important;
}

/* ── Cards ── */
.card,
.product-card,
.card-wrapper {
  background-color: white;
  border-radius: var(--radius-lg) !important;
  border: 1px solid var(--color-border-light) !important;
  box-shadow: var(--shadow-sm) !important;
  overflow: hidden;
  transition: all var(--transition-normal) !important;
}

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

/* ── Navigation ── */
.header__menu-item,
.header__active-menu-item {
  font-family: var(--font-body) !important;
  font-weight: 500 !important;
  color: var(--color-text-primary) !important;
  transition: color var(--transition-fast) !important;
}

.header__menu-item:hover {
  color: var(--color-amber) !important;
}

/* ── Animations ── */
@keyframes productFloat {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50%       { transform: translateY(-12px) rotate(2deg); }
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}

.floating-product {
  animation: productFloat 6s ease-in-out infinite;
}

.fade-in {
  animation: fadeIn var(--transition-normal) ease-out;
}

/* ── Responsive Grid ── */
@media (min-width: 640px) {
  .products-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 1024px) {
  .products-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (min-width: 1280px) {
  .products-grid { grid-template-columns: repeat(4, 1fr); }
}
/* ── Collection Cards — Gradient Upgrade ── */

/* Collection card — title label area only */
/* 第1张 — 深暖棕 */
.collection-card-wrapper:nth-child(1) .card__information {
  background-color: #7A5535 !important;
  ...
}

/* 第2张 — 中暖棕 */
.collection-card-wrapper:nth-child(2) .card__information {
  background-color: #B8956A !important;
  ...
}

/* 第3张 — 浅暖米 */
.collection-card-wrapper:nth-child(3) .card__information {
  background-color: #DEC9A8 !important;
  ...
}
.collection-card-wrapper .card {
  background-color: transparent !important;
  box-shadow: none !important;
}






/* 卡片整体圆角加大 */
.collection-list__item .card-wrapper,
.collection-list__item .card {
  border-radius: var(--radius-2xl) !important;
  overflow: hidden !important;
  border: none !important;
  box-shadow: var(--shadow-md) !important;
}

/* 卡片悬停效果 */
.collection-list__item .card-wrapper:hover,
.collection-list__item .card:hover {
  box-shadow: var(--shadow-xl) !important;
  transform: translateY(-6px) !important;
}

/* 卡片标题文字样式 */
.collection-list__item .card__heading {
  font-family: var(--font-display) !important;
  font-size: var(--text-xl) !important;
  color: white !important;
  text-shadow: 0 1px 4px rgba(0,0,0,0.3) !important;
}

/* 移动端：卡片间距优化 */
@media (max-width: 749px) {
  .collection-list__item {
    margin-bottom: var(--space-4) !important;
  }
}
/* Product card background — warm cream */
/* 卡片图片区 — 暖米色 */
.card__inner {
  background-color: #F7F2EC !important;
}

/* 卡片信息区（标题+价格）— 沙色，形成层次 */
.card--product .card__information {
  background-color: #E8E0D8 !important;
}


}
/* Collection card title — black text */
.collection-card-wrapper .card__heading a,
.collection-card-wrapper .card__caption {
  color: #2C1F18 !important;
  text-shadow: none !important;
}
/* Featured collection card image area — warm cream */
.card__inner {
  background-color: #F7F2EC !important;
}