/** Shopify CDN: Minification failed

Line 146:0 Unexpected "}"

**/
/* ============================================================
   1. GOOGLE FONTS IMPORT
   Import Poppins (headlines) and Lato (body) per brand book.
   Dawn uses system fonts by default — this overrides them.
   ============================================================ */
 
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Lato:ital,wght@0,300;0,400;0,700;1,400&display=swap');
 
 
/* ============================================================
   2. CSS CUSTOM PROPERTIES (Brand Tokens)
   Central source of truth for all Bebefit brand values.
   ============================================================ */
 
:root {
  /* Primary Palette */
  --bebefit-blue: #5DADE2;
  --bebefit-blue-dark: #4A9AD0;
  --bebefit-blue-light: #E8F4FB;
  --bebefit-blue-ultralight: #F0F7FC;
  --bebefit-charcoal: #464543;
  --bebefit-charcoal-light: #5A5856;
  --bebefit-white: #FFFFFF;
  
  /* Tropical Punch Accents */
  --bebefit-coral: #FF8243;
  --bebefit-coral-light: #FFF0E8;
  --bebefit-pink: #FFC0CB;
  --bebefit-pink-light: #FFF0F3;
  --bebefit-yellow: #FCE883;
  --bebefit-yellow-light: #FFFBE8;
  --bebefit-teal: #069494;
  --bebefit-teal-light: #E6F5F5;
  
  /* Neutrals */
  --bebefit-gray-100: #F8F9FA;
  --bebefit-gray-200: #E9ECEF;
  --bebefit-gray-300: #DEE2E6;
  --bebefit-gray-400: #CED4DA;
  --bebefit-gray-500: #ADB5BD;
  --bebefit-gray-600: #6C757D;
  
  /* Typography */
  --font-heading: 'Poppins', sans-serif;
  --font-body: 'Lato', sans-serif;
  
  /* Spacing */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  
  /* Border Radius (brand book: 16-24px soft rounded) */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-full: 9999px;
  
  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(70, 69, 67, 0.06);
  --shadow-md: 0 4px 12px rgba(70, 69, 67, 0.08);
  --shadow-lg: 0 8px 30px rgba(70, 69, 67, 0.10);
  --shadow-hover: 0 8px 25px rgba(93, 173, 226, 0.15);
  
  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;
  --transition-slow: 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
 
 
/* ============================================================
   3. GLOBAL TYPOGRAPHY
   Poppins for headlines, Lato for body — matching brand book.
   ============================================================ */
 
/* Body and base text */
body,
.shopify-section,
.template-product,
.template-collection {
  font-family: var(--font-body) !important;
  color: var(--bebefit-charcoal) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
 
/* All headings → Poppins */
h1, h2, h3, h4, h5, h6,
.h0, .h1, .h2, .h3, .h4, .h5,
.title,
.product__title,
.collection-hero__title,
.banner__heading,
.rich-text__heading,
.section-header__title,
.featured-collection__title {
  font-family: var(--font-heading) !important;
  color: var(--bebefit-charcoal) !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
 
/* Body text refinements */
p, li, td, th, span, a,
.product__description,
.rte,
.rte p {
  font-family: var(--font-body) !important;
  line-height: 1.65;
}
 
/* Accent/label text → Poppins Medium per brand book */
.badge,
.price__badge,
label,
.form__label,
.announcement-bar__message,
.header__menu-item,
nav a {
  font-family: var(--font-heading) !important;
  font-weight: 500;
}
 
 
/* ============================================================
   4. ANNOUNCEMENT BAR
   Clean, premium bar with Bebefit Blue background.
   ============================================================ */
 
.announcement-bar {
  background-color: var(--bebefit-blue) !important;
  border: none !important;
  padding: 10px 0 !important;
}
 
}
 
 
/* ============================================================
   5. HEADER & NAVIGATION
   Clean, spacious header with premium feel.
   ============================================================ */
 
.header {
  background-color: var(--bebefit-white) !important;
  border-bottom: 1px solid var(--bebefit-gray-200) !important;
  padding: 12px 0 !important;
  box-shadow: var(--shadow-sm);
}
 
 
.header__menu-item:hover,
.header__menu-item:hover span,
.header__menu-item > a:hover {
  color: var(--bebefit-blue) !important;
}
 
/* Cart icon */
.header__icon .icon-bag,
.header__icon .icon-cart {
  color: var(--bebefit-charcoal);
}
 
/* Cart count badge */
.cart-count-bubble {
  background-color: var(--bebefit-blue) !important;
  color: var(--bebefit-white) !important;
  font-family: var(--font-heading) !important;
  font-weight: 600;
}
 
/* Mobile menu */
.menu-drawer {
  background-color: var(--bebefit-white) !important;
}
 
.menu-drawer__menu-item {
  font-family: var(--font-heading) !important;
  color: var(--bebefit-charcoal) !important;
  font-weight: 500 !important;
}