/** Shopify CDN: Minification failed

Line 290:19 Unexpected "*"

**/
/* ============================================
   INFINITE FUTURE — Premium Minimalist Override
   Theme: Taste (Shopify)
   Version: 1.0
   
   使用方法 / How to install:
   1. Shopify后台 → 在线商店 → 模板 → "..." → 编辑代码
   2. 在 Assets 文件夹下点 "添加新资产" → 创建空白文件 → 命名为 custom.css
   3. 把这整个文件的内容粘贴进去 → 保存
   4. 打开 Layout/theme.liquid
   5. 在 </head> 前添加: {{ 'custom.css' | asset_url | stylesheet_tag }}
   6. 保存
   ============================================ */

/* === 1. GOOGLE 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=Outfit:wght@300;400;500&display=swap');

/* === 2. CSS VARIABLES OVERRIDE === */
:root {
  /* Colors — warm minimalist palette */
  --color-background: 248, 246, 243;        /* #F8F6F3 warm off-white */
  --color-foreground: 26, 26, 26;            /* #1A1A1A near black */
  --color-base-text: 26, 26, 26;
  --color-shadow: 26, 26, 26;
  --color-button: 26, 26, 26;
  --color-button-text: 248, 246, 243;
  --color-base-background-1: 248, 246, 243;
  --color-base-background-2: 237, 233, 227;  /* #EDE9E3 slightly darker */
  --color-base-text: 26, 26, 26;
  --color-base-solid-button-labels: 248, 246, 243;
  --color-base-outline-button-labels: 26, 26, 26;
  --color-base-accent-1: 139, 115, 85;      /* #8B7355 warm bronze */
  --color-base-accent-2: 107, 101, 96;      /* #6B6560 warm gray */
  --gradient-base-background-1: #F8F6F3;
  --gradient-base-background-2: #EDE9E3;
  --gradient-base-accent-1: #8B7355;
  --gradient-base-accent-2: #6B6560;
  
  /* Typography */
  --font-heading-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-heading-weight: 400;
  --font-body-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-body-weight: 300;
  --font-body-weight-bold: 500;
  
  /* Spacing & Borders — remove all rounded corners for luxury feel */
  --buttons-radius: 0px;
  --buttons-border-width: 1px;
  --inputs-radius: 0px;
  --inputs-border-width: 1px;
  --variant-pills-radius: 0px;
  --variant-pills-border-width: 1px;
  --card-corner-radius: 0px;
  --badge-corner-radius: 0px;
  --popup-corner-radius: 0px;
  --drawer-corner-radius: 0px;
  
  /* Page width */
  --page-width: 128rem;
}

/* === 3. GLOBAL BODY === */
body {
  font-family: 'Outfit', -apple-system, BlinkMacSystemFont, sans-serif !important;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0.01em;
  background-color: #F8F6F3;
  color: #1A1A1A;
}

/* === 4. TYPOGRAPHY === */
h1, h2, h3, h4, h5, h6,
.h0, .h1, .h2, .h3, .h4, .h5,
.title, .banner__heading,
.rich-text__heading,
.featured-collection__heading,
.section-header__title {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 400 !important;
  letter-spacing: -0.01em;
  text-transform: none !important;
}

/* Remove ALL CAPS from headings */
.banner__heading,
.rich-text__heading,
h1, h2 {
  text-transform: none !important;
}

/* Body text refinement */
p, .rte, .product__description, 
.rich-text__text, body {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 300;
  line-height: 1.8;
  color: #1A1A1A;
}

/* Small labels and meta text */
.price, .badge, .card__badge,
.product-form__group-name,
.collection-hero__description,
.announcement-bar__message {
  font-family: 'Outfit', sans-serif !important;
  letter-spacing: 0.12em;
  font-weight: 400;
}

/* === 5. ANNOUNCEMENT BAR === */
.announcement-bar {
  background-color: #1A1A1A !important;
  border-bottom: none !important;
}
.announcement-bar__message,
.announcement-bar__link {
  color: rgba(255, 255, 255, 0.7) !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.15em !important;
  font-weight: 400 !important;
}

/* === 6. HEADER / NAVIGATION === */
.header {
  background-color: #F8F6F3 !important;
  border-bottom: 1px solid #E8E4DE !important;
  padding: 0 2rem;
}
.header--has-scrolled,
.header.shopify-section-header-sticky {
  background-color: rgba(248, 246, 243, 0.95) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* Logo text styling */
.header__heading-link {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 26px !important;
  font-weight: 400 !important;
  letter-spacing: -0.02em;
  color: #1A1A1A !important;
}

/* Nav links */
.header__menu-item,
.header__menu-item span,
.list-menu__item--link {
  font-family: 'Outfit', sans-serif !important;
  font-size: 13px !important;
  letter-spacing: 0.04em;
  color: #6B6560 !important;
  text-transform: none !important;
  font-weight: 400 !important;
}
.header__menu-item:hover,
.header__menu-item:hover span {
  color: #1A1A1A !important;
}

/* === 7. BUTTONS === */
/* Solid buttons — black with no border-radius */
.button--primary,
.shopify-payment-button__button,
.button--solid,
button.button,
.form__submit {
  background-color: #1A1A1A !important;
  color: #F8F6F3 !important;
  border: none !important;
  border-radius: 0 !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  padding: 14px 32px !important;
  transition: all 0.3s ease !important;
}
.button--primary:hover,
.button--solid:hover {
  background-color: #333 !important;
}

/* Outline buttons — thin border, no radius */
.button--secondary,
.button--outline {
  background-color: transparent !important;
  border: 1px solid #C8C2BA !important;
  border-radius: 0 !important;
  color: #6B6560 !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  font-weight: 400 !important;
  padding: 14px 32px !important;
  transition: all 0.3s ease !important;
}
.button--secondary:hover,
.button--outline:hover {
  border-color: #1A1A1A !important;
  color: #1A1A1A !important;
}

/* === 8. HERO BANNER === */
.banner__content {
  background-color: rgba(248, 246, 243, 0.92) !important;
  backdrop-filter: blur(8px);
  border-radius: 0 !important;
}
.banner__heading {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 300 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.1 !important;
  text-transform: none !important;
}
.banner__text {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 300 !important;
  color: #6B6560 !important;
  line-height: 1.8 !important;
}

/* === 9. PRODUCT CARDS === */
.card-wrapper,
.card,
.product-card-wrapper {
  border-radius: 0 !important;
}
.card__inner {
  border-radius: 0 !important;
}
.card__content {
  padding: 16px 0 !important;
}
.card__heading,
.card__heading a {
  font-family: 'Outfit', sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  line-height: 1.3 !important;
}
.card__information {
  padding: 0 !important;
}

/* Price styling */
.price-item,
.price .money {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 500 !important;
  color: #8B7355 !important;
}
/* Remove fake sale pricing */
.price--on-sale .price-item--regular {
  display: none !important;
}
.price__badge-sale,
.badge--sale {
  display: none !important;
}

/* Product image — remove rounded corners */
.card__media,
.card__media img,
.media img,
.product__media-item img {
  border-radius: 0 !important;
}

/* === 10. FEATURED PRODUCT SECTIONS === */
.featured-product,
.product {
  border-radius: 0 !important;
}

/* === 11. SECTION SPACING === */
.section-template--*,
.shopify-section {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

/* Section headers */
.section-header__title,
.title--primary {
  font-family: 'Cormorant Garamond', serif !important;
  font-size: 38px !important;
  font-weight: 400 !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
}

/* === 12. FOOTER === */
.footer {
  background-color: #1A1A1A !important;
  color: rgba(255, 255, 255, 0.5) !important;
  border-top: none !important;
}
.footer h2,
.footer .footer__title,
.footer__heading {
  color: rgba(255, 255, 255, 0.25) !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 10px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.2em !important;
  font-weight: 400 !important;
}
.footer a,
.footer__list-item a,
.footer .link {
  color: rgba(255, 255, 255, 0.45) !important;
  font-size: 13px !important;
  font-weight: 300 !important;
  transition: color 0.2s !important;
}
.footer a:hover {
  color: rgba(255, 255, 255, 0.8) !important;
}
.footer .copyright {
  color: rgba(255, 255, 255, 0.25) !important;
  font-size: 11px !important;
}

/* Hide "Powered by Shopify" */
.footer .copyright__content a[href*="shopify"] {
  display: none !important;
}

/* === 13. NEWSLETTER / EMAIL SIGNUP === */
.newsletter-form__field-wrapper {
  border-radius: 0 !important;
}
.newsletter-form__field-wrapper input {
  border-radius: 0 !important;
  border: 1px solid #E8E4DE !important;
  font-family: 'Outfit', sans-serif !important;
  font-weight: 300 !important;
}
.newsletter-form__button {
  border-radius: 0 !important;
  background-color: #1A1A1A !important;
}

/* === 14. COLLECTION PAGE === */
.collection-hero {
  border-radius: 0 !important;
}
.collection-hero__title {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 400 !important;
  text-transform: none !important;
}

/* === 15. PRODUCT PAGE === */
.product__title {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 400 !important;
  text-transform: none !important;
  font-size: 32px !important;
  letter-spacing: -0.01em !important;
}
.product__text {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 300 !important;
  line-height: 1.8 !important;
}

/* Quantity selector */
.quantity__button,
.quantity__input {
  border-radius: 0 !important;
}

/* Variant selector */
.product-form__input label {
  font-family: 'Outfit', sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

/* === 16. CART === */
.cart__items,
.cart-drawer {
  border-radius: 0 !important;
}

/* === 17. MULTICOLUMN (for trust badges etc) === */
.multicolumn-card {
  border-radius: 0 !important;
}

/* === 18. RICH TEXT SECTIONS === */
.rich-text__heading {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 400 !important;
}
.rich-text__text {
  font-family: 'Outfit', sans-serif !important;
  font-weight: 300 !important;
  color: #6B6560 !important;
}

/* === 19. IMAGE WITH TEXT === */
.image-with-text__heading {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 400 !important;
  text-transform: none !important;
}

/* === 20. GLOBAL UTILITY === */
/* Remove border-radius from major UI elements (not everything) */
.card, .card__inner, .card__media, .card-wrapper,
.button, .shopify-payment-button__button,
.banner__content, .collection-hero,
.newsletter-form__field-wrapper, .newsletter-form__field-wrapper input,
.quantity__button, .quantity__input,
.multicolumn-card, .cart__items, .cart-drawer,
.featured-product, .product, .product__media-item img,
.media img, img {
  border-radius: 0 !important;
}

/* Override Taste theme's own animation system to prevent conflicts */
.shopify-section .section-animations,
.shopify-section [class*="animate"],
/* Override Taste theme's scroll-trigger system to prevent hidden content */
.scroll-trigger--offscreen {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
  transition: none !important;
}
.scroll-trigger.animate--slide-in,
.scroll-trigger.animate--fade-in {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
}

/* Catch-all for any Taste theme animation/motion classes */
.motion-reduce,
[class*="scroll-trigger"],
[class*="animate--"],
.banner__media,
.banner__content {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
  transition: none !important;
}

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

/* Selection color */
::selection {
  background: #8B7355;
  color: white;
}
::-moz-selection {
  background: #8B7355;
  color: white;
}

/* Scrollbar styling (webkit) */
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background: #F8F6F3;
}
::-webkit-scrollbar-thumb {
  background: #C8C2BA;
}
::-webkit-scrollbar-thumb:hover {
  background: #8B7355;
}

/* === 21. HIDE ELEMENTS WE DON'T NEED === */
/* Hide the Globalization section (Beijing/HK offices) */
.footer__content-bottom .disclosure,
.localization-form {
  display: none !important;
}

/* === 22. SAFE ANIMATIONS (hover only, no section animation) === */
/* Product card hover effect */
.card-wrapper:hover .card__media img {
  transform: scale(1.02);
  transition: transform 0.5s ease;
}
.card__media img {
  transition: transform 0.5s ease;
}

/* === 23. RESPONSIVE === */
@media (max-width: 749px) {
  .banner__heading {
    font-size: 32px !important;
  }
  .section-header__title {
    font-size: 28px !important;
  }
  .header__heading-link {
    font-size: 20px !important;
  }
}
/* Fix: Override Taste theme scroll animations — NUCLEAR VERSION */
.scroll-trigger--offscreen,
.scroll-trigger.scroll-trigger--offscreen,
.scroll-trigger.animate--fade-in.scroll-trigger--offscreen,
.scroll-trigger.animate--slide-in.scroll-trigger--offscreen,
.product__media-item.scroll-trigger--offscreen,
.product__info-wrapper.scroll-trigger--offscreen,
[class*="scroll-trigger--offscreen"] {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
  animation-fill-mode: none !important;
  visibility: visible !important;
  transition: none !important;
}

.scroll-trigger.animate--slide-in,
.scroll-trigger.animate--fade-in,
.motion-reduce,
[class*="scroll-trigger"],
[class*="animate--"],
.banner__media,
.banner__content {
  opacity: 1 !important;
  transform: none !important;
  visibility: visible !important;
  animation: none !important;
  animation-fill-mode: none !important;
  transition: none !important;
}