/** Shopify CDN: Minification failed

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

**/
/* HYPER THEME CUSTOMIZATION FOR HAVENCHILL */

:root {
  --hyper-primary: #1a1a1a;
  --hyper-accent: #c9a87c;
  --hyper-accent-hover: #b8956a;
  --hyper-background: #ffffff;
  --hyper-background-alt: #f8f7f5;
  --hyper-text: #1a1a1a;
  --hyper-text-light: #6b6b6b;
  --hyper-border: #e5e5e5;
  --hyper-radius-sm: 4px;
  --hyper-radius-lg: 12px;
  --hyper-radius-full: 9999px;
  --hyper-shadow-md: 0 4px 6px rgba(0,0,0,0.07);
  --hyper-shadow-lg: 0 10px 25px rgba(0,0,0,0.1);
  --hyper-shadow-xl: 0 20px 40px rgba(0,0,0,0.15);
  --hyper-transition-fast: 0.15s ease;
  --hyper-transition-normal: 0.3s ease;
  --hyper-transition-slow: 0.5s ease;
}

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap');

body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, h5, h6 { font-family: 'Playfair Display', Georgia, serif; font-weight: 600; line-height: 1.2; letter-spacing: -0.02em; }

/* Sticky Header */
.header, .section-header, header { position: sticky; top: 0; z-index: 1000; transition: all var(--hyper-transition-normal); }
.header--scrolled { box-shadow: var(--hyper-shadow-md); }

/* Navigation hover effect */
.header__menu-item, .list-menu__item a, nav a { position: relative; transition: color var(--hyper-transition-fast); }
.header__menu-item::after, .list-menu__item a::after { content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; background: var(--hyper-accent); transition: all var(--hyper-transition-normal); transform: translateX(-50%); }
.header__menu-item:hover::after, .list-menu__item a:hover::after { width: 80%; }
.header__menu-item:hover, .list-menu__item a:hover { color: var(--hyper-accent); }

/* Product Cards */
.product-card, .card, .grid__item .card, .card-wrapper { position: relative; border-radius: var(--hyper-radius-lg); overflow: hidden; transition: all var(--hyper-transition-normal); border: 1px solid var(--hyper-border); }
.product-card:hover, .card:hover, .card-wrapper:hover { transform: translateY(-8px); box-shadow: var(--hyper-shadow-xl); border-color: transparent; }
.product-card img, .card img, .card__media img, .card-wrapper img { transition: transform var(--hyper-transition-slow); }
.product-card:hover img, .card:hover img, .card-wrapper:hover img { transform: scale(1.08); }

/* Product Card Quick Actions */
.product-card__actions { position: absolute; bottom: 0; left: 0; right: 0; padding: 1rem; background: linear-gradient(transparent, rgba(0,0,0,0.7)); display: flex; justify-content: center; gap: 0.5rem; opacity: 0; transform: translateY(100%); transition: all var(--hyper-transition-normal); z-index: 10; }
.card:hover .product-card__actions, .card-wrapper:hover .product-card__actions { opacity: 1; transform: translateY(0); }
.product-card__action-btn { width: 44px; height: 44px; border-radius: var(--hyper-radius-full); background: white; color: var(--hyper-primary); display: flex; align-items: center; justify-content: center; border: none; cursor: pointer; transition: all var(--hyper-transition-fast); }
.product-card__action-btn:hover { background: var(--hyper-accent); color: white; transform: scale(1.1); }

/* Buttons */
.button, .btn, button[type="submit"], .shopify-payment-button button { font-family: 'Inter', sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; border-radius: var(--hyper-radius-sm); transition: all var(--hyper-transition-normal); }
.button:hover, .btn:hover { transform: translateY(-2px); box-shadow: var(--hyper-shadow-lg); }

/* Section Headers */
.section-header__title, .title { font-family: 'Playfair Display', Georgia, serif; }

/* Back to Top Button */
.back-to-top { position: fixed; bottom: 30px; right: 30px; width: 50px; height: 50px; background: var(--hyper-primary); color: white; border: none; border-radius: var(--hyper-radius-full); cursor: pointer; opacity: 0; visibility: hidden; transform: translateY(20px); transition: all var(--hyper-transition-normal); z-index: 999; box-shadow: var(--hyper-shadow-lg); display: flex; align-items: center; justify-content: center; }
.back-to-top.is-visible { opacity: 1; visibility: visible; transform: translateY(0); }
.back-to-top:hover { background: var(--hyper-accent); transform: translateY(-5px); }

/* Trust Badges */
.trust-badges { display: flex; justify-content: center; flex-wrap: wrap; gap: 2rem; padding: 1.5rem 0; border-top: 1px solid var(--hyper-border); border-bottom: 1px solid var(--hyper-border); margin-top: 1.5rem; }
.trust-badge { display: flex; align-items: center; gap: 0.75rem; color: var(--hyper-text-light); }
.trust-badge__icon { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: var(--hyper-background-alt); border-radius: var(--hyper-radius-full); color: var(--hyper-accent); }

/* Animations */
@keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
.animate-fadeInUp { animation: fadeInUp 0.6s ease forwards; }

/* Collection Cards */
.collection-card { position: relative; overflow: hidden; border-radius: var(--hyper-radius-lg); }
.collection-card img { transition: transform var(--hyper-transition-slow); }
.collection-card:hover img { transform: scale(1.1); }

/* Price styling */
.price-item--sale { color: #f44336; font-weight: 700; }
.price-item--regular s { color: var(--hyper-text-light); }

/* Footer improvements */
.footer { background: var(--hyper-primary); }
.footer a:hover { color: var(--hyper-accent); }

/* Responsive */
@media (max-width: 768px) { .trust-badges { flex-direction: column; align-items: center; } }
/* ============================================
   RTL (Arabic) SUPPORT
   ============================================ */

/* When HTML has dir="rtl" or lang="ar" */
html[dir="rtl"],
html[lang="ar"],
[dir="rtl"] {
  direction: rtl;
  text-align: right;
}

/* Flip flexbox layouts for RTL */
[dir="rtl"] .header__menu,
[dir="rtl"] .header__icons,
[dir="rtl"] nav ul,
[dir="rtl"] .list-menu {
  flex-direction: row-reverse;
}

/* Flip grid layouts */
[dir="rtl"] .product-grid,
[dir="rtl"] .collection-list,
[dir="rtl"] .grid {
  direction: rtl;
}

/* Fix text alignment for RTL */
[dir="rtl"] p,
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6,
[dir="rtl"] .product-card__info,
[dir="rtl"] .card__content,
[dir="rtl"] .card__information {
  text-align: right;
}

/* Flip margins and paddings */
[dir="rtl"] .product-card__badge,
[dir="rtl"] .card__badge,
[dir="rtl"] .badge {
  left: auto;
  right: 12px;
}

/* Navigation underline effect for RTL */
[dir="rtl"] .header__menu-item::after,
[dir="rtl"] .list-menu__item a::after {
  left: auto;
  right: 50%;
  transform: translateX(50%);
}

/* Back to top button position for RTL */
[dir="rtl"] .back-to-top {
  right: auto;
  left: 30px;
}

/* Trust badges RTL */
[dir="rtl"] .trust-badge {
  flex-direction: row-reverse;
}

/* Price RTL alignment */
[dir="rtl"] .price,
[dir="rtl"] .product-card__price {
  justify-content: flex-end;
}

/* Announcement bar RTL */
[dir="rtl"] .announcement-bar {
  direction: rtl;
}

/* Footer RTL */
[dir="rtl"] .footer__grid {
  direction: rtl;
}

[dir="rtl"] .footer__links {
  text-align: right;
}

/* Form inputs RTL */
[dir="rtl"] input,
[dir="rtl"] textarea,
[dir="rtl"] select {
  text-align: right;
}

/* Buttons with icons RTL */
[dir="rtl"] .button,
[dir="rtl"] .btn {
  flex-direction: row-reverse;
}

/* Collection page filters RTL */
[dir="rtl"] .facets,
[dir="rtl"] .collection-filters {
  flex-direction: row-reverse;
}

/* Product card actions RTL */
[dir="rtl"] .product-card__actions {
  flex-direction: row-reverse;
}

/* Breadcrumbs RTL */
[dir="rtl"] .breadcrumbs,
[dir="rtl"] .breadcrumb {
  flex-direction: row-reverse;
}

/* Slider/Carousel RTL */
[dir="rtl"] .slider,
[dir="rtl"] .carousel,
[dir="rtl"] .slideshow {
  direction: rtl;
}