/** Shopify CDN: Minification failed

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

**/
/* =====================================================
   CHAUKHAT FIXES — homepage spacing & visual polish
   ===================================================== */

/* ISSUE 1 — LOGO SIZE */
img.header__heading-logo {
  max-width: 160px !important;
  max-height: none !important;
  height: auto !important;
  width: auto !important;
}
@media (max-width: 768px) {
  img.header__heading-logo {
    max-width: 110px !important;
  }
}

/* ISSUE 2 — GAP BETWEEN CATEGORY CAROUSEL AND WEDDING ESSENTIALS */
.shopify-section .section-category-carousel,
.shopify-section [class*="category-carousel"] {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
.shopify-section .we-section {
  padding-top: 60px !important;
}

/* ISSUE 3 — WEDDING ESSENTIALS EMPTY CARDS PLACEHOLDER */
.we-card__placeholder {
  background: linear-gradient(160deg, #2b1f17 0%, #4a3020 50%, #8B1A1A 100%) !important;
}
.we-card__placeholder::after {
  content: '✦' !important;
  color: rgba(201, 150, 74, 0.4) !important;
  font-size: 3rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 100% !important;
}

/* ISSUE 4 — MOST LOVED PRODUCTS SECTION BOTTOM PADDING */
.shopify-section .section-featured-collection {
  padding-bottom: 60px !important;
}

/* ISSUE 5 — REELS SECTION EXTRA WHITESPACE */
.shopify-section .chaukhat-reels {
  padding-top: 40px !important;
  margin-top: 0 !important;
}
.chaukhat-events-wrapper + * {
  margin-top: 0 !important;
}

/* ISSUE 6 — SEO TEXT BLOCK TOP BORDER ACCENT */
.shopify-section .chaukhat-seo-text {
  border-top: 1px solid rgba(201, 150, 74, 0.2) !important;
}

/* ISSUE 7 — GAP BETWEEN SEO TEXT AND ABOUT SECTION */
.shopify-section .chaukhat-seo-text {
  padding-bottom: 40px !important;
}
.shopify-section .chaukhat-about {
  padding-top: 40px !important;
}

/* ISSUE 8 — GENERAL SECTION MARGIN CLEANUP */
.shopify-section .chaukhat-why-trust,
.shopify-section .chaukhat-testimonials,
.shopify-section .chaukhat-b2b,
.shopify-section .chaukhat-seo-text,
.shopify-section .chaukhat-about,
.shopify-section .chaukhat-reels,
.shopify-section .chaukhat-events-wrapper {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* ISSUE 9 — ABOUT SECTION BOTTOM GAP BEFORE FOOTER */
.shopify-section .chaukhat-about {
  padding-bottom: 64px !important;
}
/* ============================================================
   CHAUKHAT HAMPERS — Header Override v2
   REPLACE everything in chaukhat-fixes.css with this file
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&display=swap');

/* ============================================================
   1. ANNOUNCEMENT BAR
   ============================================================ */
.shopify-section-group-header-group .shopify-section:first-child,
announcement-bar,
.announcement-bar,
[class*="announcement"] {
  background: #8B1A1A !important;
}

.announcement-bar {
  background: #8B1A1A !important;
  padding: 8px 0 !important;
}

.announcement-bar__message,
.announcement-bar__message *,
.announcement-bar p,
.announcement-bar span,
.announcement-bar a {
  color: #f5e6c8 !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-style: italic !important;
  font-size: 13px !important;
  letter-spacing: 0.2em !important;
  font-weight: 400 !important;
}

/* ============================================================
   2. HEADER WRAPPER — cream bg + bottom gold line
   ============================================================ */
.header-wrapper,
.header-wrapper.header-wrapper--border-bottom {
  background: #fdf8f1 !important;
  border-bottom: none !important;
  box-shadow: none !important;
  position: relative !important;
}

/* Gold shimmer line at very bottom of header area */
.header-wrapper::after {
  content: '' !important;
  display: block !important;
  height: 3px !important;
  background: linear-gradient(
    90deg,
    #fdf8f1 0%,
    #c9964a 12%,
    #f0c87a 40%,
    #e8b84b 50%,
    #f0c87a 60%,
    #c9964a 88%,
    #fdf8f1 100%
  ) !important;
  position: relative !important;
  z-index: 10 !important;
}

/* ============================================================
   3. HEADER INNER
   ============================================================ */
.header,
header.header {
  background: #fdf8f1 !important;
  border-bottom: none !important;
  min-height: 76px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 40px !important;
  padding-right: 40px !important;
  display: grid !important;
  align-items: center !important;
}

/* ============================================================
   4. NAV LINKS — Cormorant, spaced, maroon on hover
   ============================================================ */
.header__menu-item > a,
.header__menu-item > details > summary,
.list-menu__item--link,
header-menu .list-menu__item {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  color: #3a2a1a !important;
  text-decoration: none !important;
  padding: 8px 14px !important;
  position: relative !important;
  transition: color 0.22s ease !important;
}

.header__menu-item > a::after,
.header__menu-item > details > summary::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 14px !important;
  right: 14px !important;
  height: 2px !important;
  background: #8B1A1A !important;
  transform: scaleX(0) !important;
  transform-origin: center !important;
  transition: transform 0.22s ease !important;
}

.header__menu-item > a:hover,
.header__menu-item > a:focus,
.header__menu-item > details > summary:hover {
  color: #8B1A1A !important;
}

.header__menu-item > a:hover::after,
.header__menu-item > details > summary:hover::after {
  transform: scaleX(1) !important;
}

/* Active/current page link */
.header__menu-item > a[aria-current="page"] {
  color: #8B1A1A !important;
  border-bottom: 2px solid #8B1A1A !important;
}

/* ============================================================
   5. DROPDOWN MENUS
   ============================================================ */
.header__submenu,
.list-menu--disclosure,
details[open] > .header__submenu {
  background: #fdf8f1 !important;
  border: 1px solid rgba(139,26,26,0.15) !important;
  border-top: 3px solid #c9964a !important;
  box-shadow: 0 10px 30px rgba(58,42,26,0.12) !important;
  border-radius: 0 0 6px 6px !important;
}

.header__submenu .list-menu__item--link,
.list-menu--disclosure .list-menu__item--link {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 13px !important;
  letter-spacing: 0.06em !important;
  color: #3a2a1a !important;
  padding: 10px 20px !important;
  border-bottom: 1px solid rgba(201,150,74,0.15) !important;
  transition: background 0.15s, color 0.15s !important;
}

.header__submenu .list-menu__item--link:hover,
.list-menu--disclosure .list-menu__item--link:hover {
  background: rgba(139,26,26,0.05) !important;
  color: #8B1A1A !important;
}

/* ============================================================
   6. HEADER ICONS — search, account, cart
   ============================================================ */
.header__icon svg,
.header__icon--cart svg {
  color: #5a3a1a !important;
  stroke: #5a3a1a !important;
  transition: stroke 0.2s ease, color 0.2s ease !important;
}

.header__icon:hover svg,
.header__icon--cart:hover svg {
  color: #8B1A1A !important;
  stroke: #8B1A1A !important;
}

/* Cart count bubble — maroon */
.cart-count-bubble {
  background: #8B1A1A !important;
  color: #fff !important;
  font-size: 9px !important;
}

/* ============================================================
   7. SEARCH MODAL / DRAWER
   ============================================================ */
.search-modal__content,
.search-modal {
  background: #fdf8f1 !important;
}

.search-modal__form .field__input,
.search-form__input,
input[type="search"] {
  background: #fff !important;
  border: 1.5px solid rgba(139,26,26,0.2) !important;
  border-radius: 30px !important;
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-style: italic !important;
  font-size: 15px !important;
  color: #3a2a1a !important;
  padding-left: 42px !important;
  transition: border-color 0.2s !important;
}

.search-modal__form .field__input:focus,
.search-form__input:focus {
  border-color: #c9964a !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(201,150,74,0.15) !important;
}

/* ============================================================
   8. MOBILE HAMBURGER MENU DRAWER
   ============================================================ */
.menu-drawer {
  background: #fdf8f1 !important;
  border-right: 3px solid #c9964a !important;
}

.menu-drawer__navigation-container {
  background: #fdf8f1 !important;
}

.menu-drawer__menu .list-menu__item,
.menu-drawer__menu a {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #3a2a1a !important;
  border-bottom: 1px solid rgba(201,150,74,0.25) !important;
  padding: 15px 24px !important;
}

.menu-drawer__menu a:hover {
  color: #8B1A1A !important;
  background: rgba(139,26,26,0.04) !important;
}

/* Drawer close button */
.menu-drawer__close-button svg {
  stroke: #8B1A1A !important;
}

/* ============================================================
   9. LOGO AREA — keep image as-is, just tighten spacing
   ============================================================ */
.header__heading-logo {
  max-height: 54px !important;
  width: auto !important;
}

.header__heading {
  margin: 0 !important;
}

/* ============================================================
   10. MOBILE — tighten up
   ============================================================ */
@media screen and (max-width: 989px) {
  .header,
  header.header {
    padding-left: 16px !important;
    padding-right: 16px !important;
    min-height: 60px !important;
  }

  .header__heading-logo {
    max-height: 44px !important;
  }

  .announcement-bar__message,
  .announcement-bar__message * {
    font-size: 11px !important;
    letter-spacing: 0.12em !important;
  }
}