/** Shopify CDN: Minification failed

Line 218:0 Unexpected "<"
Line 238:0 Unexpected "<"

**/
/* ============================================
   HILIHIF — Global Design System
   File: assets/hilihif-global.css
   
   এই file-এ সব brand colors, fonts,
   spacing variables define করা আছে।
   সব section এই variables use করবে।

  HILIHIF — Typography System
   Heading: Playfair Display (serif)
   Body: DM Sans (sans-serif)
   Accent: Caveat (cursive)
   ============================================ */

/* --- Brand Color Variables --- */
:root {
  /* Backgrounds — deep/bold color background-এ নেই */
  --hh-bg-primary: #FAF7F2;      /* Main page background — warm off-white */
  --hh-bg-white: #FFFFFF;        /* Cards, product tiles */
  --hh-bg-cream: #F5EFE6;        /* Alternating sections */
  --hh-bg-subtle: #EDE8E1;       /* Dividers, subtle highlights */

  /* Text Colors */
  --hh-text-heading: #5C4A3A;    /* Warm brown — all headings */
  --hh-text-body: #3A3A3A;       /* Charcoal — body text */
  --hh-text-muted: #8d8f9e;      /* Grey — captions, meta info */
  --hh-text-white: #FFFFFF;

  /* Brand Accent — sparingly use করবে */
  --hh-accent: #ba2c27;          /* Logo, CTA border, badges */
  --hh-accent-hover: #9a2420;    /* Hover state */
  --hh-accent-soft: #D4A5A0;     /* Subtle borders, hover bg */

  /* --- Typography --- */
  --hh-font-heading: 'Playfair Display', Georgia, serif;
  --hh-font-body: 'DM Sans', sans-serif;
  --hh-font-accent: 'Caveat', cursive;

  /* Font Sizes */
  --hh-h1: 48px;
  --hh-h2: 36px;
  --hh-h3: 24px;
  --hh-h4: 20px;
  --hh-body: 16px;
  --hh-small: 14px;

  /* --- Spacing --- */
  --hh-section-padding-desktop: 80px;
  --hh-section-padding-mobile: 40px;
  --hh-container-max: 1280px;
  --hh-gap: 24px;

  /* --- Border Radius --- */
  --hh-radius-card: 16px;
  --hh-radius-btn: 30px;       /* Pill-shaped buttons */
  --hh-radius-small: 8px;

  /* --- Shadows --- */
  --hh-shadow-card: 0 2px 16px rgba(0, 0, 0, 0.06);
  --hh-shadow-hover: 0 8px 32px rgba(0, 0, 0, 0.10);
}

/* --- Global Reset / Base --- */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  background-color: var(--hh-bg-primary);
  color: var(--hh-text-body);
  font-family: 'DM Sans', sans-serif; /* Global — sob section inherit korbe */
  font-size: var(--hh-body);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-weight: 700;
}

body,
body p,
body li,
body span,
body label,
body input,
body textarea,
body select,
body button {
  font-family: 'DM Sans', sans-serif !important;
}

/* --- Reusable Container --- */
.hh-container {
  max-width: var(--hh-container-max);
  margin: 0 auto;
  padding: 0 24px;
}

@media (max-width: 768px) {
  .hh-container {
    padding: 0 16px;
  }
}

/* --- Reusable Section Wrapper --- */
.hh-section {
  padding: var(--hh-section-padding-desktop) 0;
}

@media (max-width: 768px) {
  .hh-section {
    padding: var(--hh-section-padding-mobile) 0;
  }
}

/* --- Section Heading Style --- */
.hh-section-title {
  font-family: var(--hh-font-heading);
  font-size: var(--hh-h2);
  font-weight: 700;
  color: var(--hh-text-heading);
  text-align: center;
  margin-bottom: 8px;
  line-height: 1.2;
}

.hh-section-subtitle {
  font-family: var(--hh-font-accent);
  font-size: 20px;
  color: var(--hh-text-muted);
  text-align: center;
  margin-bottom: 48px;
}

/* --- CTA Button Styles --- */

/* Primary — outline style (brand red border, no deep bg) */
.hh-btn-primary {
  display: inline-block;
  padding: 14px 32px;
  border: 2px solid var(--hh-accent);
  border-radius: var(--hh-radius-btn);
  color: var(--hh-accent);
  background: transparent;
  font-family: var(--hh-font-heading);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease;
}

.hh-btn-primary:hover {
  background: var(--hh-accent);
  color: var(--hh-text-white);
}

/* Secondary — warm brown solid */
.hh-btn-secondary {
  display: inline-block;
  padding: 14px 32px;
  border: none;
  border-radius: var(--hh-radius-btn);
  color: var(--hh-text-white);
  background: var(--hh-text-heading); /* warm brown — #5C4A3A */
  font-family: var(--hh-font-heading);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.3s ease;
}

.hh-btn-secondary:hover {
  background: var(--hh-accent);
}

/* --- Utility Classes --- */
.hh-text-center { text-align: center; }
.hh-bg-cream    { background-color: var(--hh-bg-cream); }
.hh-bg-white    { background-color: var(--hh-bg-white); }

/* --- Mobile Font Scale --- */
@media (max-width: 768px) {
  :root {
    --hh-h1: 32px;
    --hh-h2: 26px;
    --hh-h3: 20px;
    --hh-h4: 18px;
  }

  .hh-section-subtitle {
    margin-bottom: 32px;
  }
}



body, p, li, span {
  font-family: 'DM Sans', sans-serif;
}


<style>
  /* Force HILIHIF background on all sections */
  .shopify-section:not(.bd-ch-section):not(.bd-cb-section) {
    background-color: #FAF7F2;
  }

  /* Madrid theme specific overrides */
  .section-wrapper,
  .section__inner,
  .page-width,
  .container {
    background-color: transparent !important;
  }

  /* Body */
  body {
    background-color: #FAF7F2 !important;
    color: #3A3A3A !important;
    font-family: 'DM Sans', sans-serif !important;
  }
</style>