/** Shopify CDN: Minification failed

Line 14:0 All "@import" rules must come first

**/
/* MFH Custom Enhancements */

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

/* Premium Typography */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;600;700&family=Outfit:wght@300;400;500;600&display=swap');

/* Brand Colors */
:root {
  --mfh-gold: #D4AF37;
  --mfh-rose: #E8B4A8;
  --mfh-amber: #F5A962;
  --mfh-steel: #8B9EB7;
  --mfh-dark: #1A1A1A;
}

/* Enhanced Header Styling */
.header-wrapper {
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.header-wrapper.scrolled {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

/* Logo Enhancement */
.header__heading-link {
  font-family: 'Cormorant Garamond', serif !important;
  letter-spacing: 2px;
  position: relative;
}

.header__heading-link::after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--mfh-gold), var(--mfh-amber));
  transition: width 0.4s;
}

.header__heading-link:hover::after {
  width: 100%;
}

/* Product Card Enhancements */
.card {
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  overflow: hidden;
  border-radius: 12px;
}

.card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
}

.card__media img {
  transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.card:hover .card__media img {
  transform: scale(1.1);
}

/* Button Enhancements */
.button--primary,
.shopify-payment-button__button--unbranded {
  background: linear-gradient(135deg, var(--mfh-gold), var(--mfh-amber)) !important;
  border: none !important;
  border-radius: 50px !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 20px rgba(212, 175, 55, 0.4);
  position: relative;
  overflow: hidden;
}

.button--primary::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  transition: left 0.6s;
}

.button--primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 30px rgba(212, 175, 55, 0.6);
}

.button--primary:hover::before {
  left: 100%;
}

/* Price Styling */
.price {
  font-family: 'Outfit', sans-serif;
}

.price__sale .price-item--sale {
  color: var(--mfh-gold);
  font-weight: 600;
}

/* Product Badge Enhancements */
.badge {
  background: var(--mfh-gold) !important;
  color: white !important;
  border-radius: 25px !important;
  padding: 0.5rem 1rem !important;
  font-weight: 500;
}

/* Section Title Enhancements */
.section-heading,
.collection-list-title,
.title--primary {
  font-family: 'Cormorant Garamond', serif !important;
  position: relative;
  padding-bottom: 2rem;
}

.section-heading::after,
.collection-list-title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 3px;
  background: linear-gradient(90deg, var(--mfh-gold), var(--mfh-amber));
}

/* Hero Banner Enhancement */
.banner__box {
  background: linear-gradient(135deg, rgba(26, 26, 26, 0.6) 0%, rgba(212, 175, 55, 0.3) 100%);
}

.banner__heading {
  font-family: 'Cormorant Garamond', serif !important;
  letter-spacing: 4px;
  text-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);
}

/* Add to Cart Button Animation */
@keyframes addToCart {
  0% { transform: scale(1); }
  50% { transform: scale(1.1); }
  100% { transform: scale(1); }
}

.product-form__submit:active {
  animation: addToCart 0.3s ease;
}

/* Mobile Optimizations */
@media screen and (max-width: 749px) {
  .card:hover {
    transform: none;
  }
  
  .section-heading::after,
  .collection-list-title::after {
    width: 60px;
    height: 2px;
  }
}

/* Loading Animation */
.card__media {
  position: relative;
}

.card__media::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  animation: shimmer 2s infinite;
}

@keyframes shimmer {
  0% { left: -100%; }
  100% { left: 100%; }
}

/* Footer Enhancement */
.footer {
  background: var(--mfh-dark);
  color: white;
}

.footer__heading {
  color: var(--mfh-gold);
  font-family: 'Cormorant Garamond', serif;
}

/* Scroll Progress Bar */
.progress-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 0%;
  height: 3px;
  background: linear-gradient(90deg, var(--mfh-gold), var(--mfh-amber));
  z-index: 9999;
  transition: width 0.1s;
}