/* Calm theme overrides. The inline page styles remain as the fallback layer. */
:root {
  --calm-paper: #f2f1f6;
  --calm-paper-soft: #e9ebf2;
  --calm-paper-blue: #edf1f7;
  --calm-line: #d6c7b4;
  --calm-line-strong: #bea88f;
  --calm-ink: #342921;
  --calm-muted: #6e5d50;
  --calm-accent: #7a4b3a;
  --calm-accent-soft: #a57d63;
  --calm-hero-text: #f4eadc;
}

html {
  background: var(--calm-paper);
}

body {
  background: var(--calm-paper) !important;
  color: var(--calm-ink) !important;
}

#loader {
  background: #1b1511 !important;
}

.loader-flourish {
  display: none !important;
}

.loader-sub {
  color: #dbc8a9 !important;
  letter-spacing: 1.4px !important;
}

.loader-bar {
  border-color: rgba(219, 197, 156, 0.65) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  box-shadow: none !important;
}

.loader-bar-fill {
  background: linear-gradient(90deg, #8f6c4f 0%, #d7c0a1 100%) !important;
  box-shadow: none !important;
}

.hero,
.catalog-hero,
.sweets-hero,
.story-hero {
  background:
    linear-gradient(180deg, rgba(31, 24, 18, 0.46) 0%, rgba(31, 24, 18, 0.2) 34%, rgba(31, 24, 18, 0.36) 100%),
    url("homepage_background.webp") center center / cover no-repeat !important;
}

.navbar {
  padding-top: 22px !important;
}

.logo img {
  height: 148px !important;
}

.nav-links {
  gap: 30px !important;
  font-size: 13px !important;
  letter-spacing: 0.08em !important;
  text-transform: none !important;
}

.nav-links a {
  color: rgba(255, 245, 228, 0.92) !important;
}

.nav-links a.active::after {
  width: 30px !important;
  bottom: -6px !important;
  background: rgba(255, 245, 228, 0.75) !important;
}

.icon {
  width: 38px !important;
  height: 38px !important;
  border-color: rgba(255, 239, 214, 0.45) !important;
  background: rgba(39, 29, 23, 0.22) !important;
  color: rgba(255, 239, 214, 0.78) !important;
}

.hero-content,
.catalog-hero-content,
.sweets-hero-content,
.story-hero-content {
  padding-bottom: 92px !important;
}

h1,
.catalog-hero-content h1,
.sweets-hero-content h1,
.story-hero-content h1,
.kulfi-title {
  letter-spacing: 0.04em !important;
  text-shadow: none !important;
}

h1,
.catalog-hero-content h1,
.sweets-hero-content h1,
.story-hero-content h1 {
  color: var(--calm-hero-text) !important;
}

h1 span {
  color: #dcc4a2 !important;
}

.hero-copy,
.catalog-tagline,
.sweets-tagline,
.story-tagline {
  color: rgba(248, 238, 225, 0.9) !important;
  text-shadow: none !important;
}

.hero-copy {
  max-width: 460px !important;
  line-height: 1.45 !important;
}

.eyebrow,
.kulfi-sub,
.nav-links,
.bb-btn,
.view-btn,
.catalog-item h3,
.sweet-item h3,
.product,
.sweet-meta,
.story-copy .heritage,
.story-feature h3,
.feature h4,
.lightbox-caption {
  letter-spacing: 0.05em !important;
  text-transform: none !important;
}

.eyebrow::before,
.eyebrow::after,
.kulfi-sub::before,
.kulfi-sub::after {
  display: none !important;
}

.hero-divider,
.section-divider,
.copy-divider,
.copy-foot-divider {
  gap: 0 !important;
}

.hero-divider span,
.section-divider span,
.copy-divider span,
.copy-foot-divider span {
  display: none !important;
}

.hero-divider::before,
.hero-divider::after,
.section-divider::before,
.section-divider::after,
.copy-divider::before,
.copy-divider::after,
.copy-foot-divider::before,
.copy-foot-divider::after {
  background: rgba(122, 97, 73, 0.28) !important;
}

.hero-divider {
  max-width: 116px !important;
  margin: 16px auto 14px !important;
}

.section-divider {
  max-width: 116px !important;
  margin: 0 auto 24px !important;
}

.section-divider::before,
.section-divider::after {
  width: 58px !important;
}

.copy-divider,
.copy-foot-divider {
  max-width: 120px !important;
  margin: 18px auto !important;
}

.kulfi-panel,
.catalog-panel,
.sweets-panel,
.story-panel {
  background: linear-gradient(180deg, #f8f8fb 0%, var(--calm-paper-blue) 100%) !important;
  color: var(--calm-ink) !important;
  border: 1px solid var(--calm-line) !important;
  outline: none !important;
  border-radius: 24px !important;
  box-shadow: 0 18px 44px rgba(49, 37, 29, 0.08) !important;
}

.kulfi-panel::before,
.kulfi-panel::after,
.catalog-panel::before,
.catalog-panel::after,
.sweets-panel::before,
.sweets-panel::after,
.story-panel::before,
.story-panel::after,
.catalog-card::after,
.sweet-card::after,
.story-card::after {
  display: none !important;
}

.products-note,
.story-copy p,
.story-feature p {
  color: #4d3d31 !important;
}

.products-note {
  background: rgba(239, 230, 220, 0.92) !important;
  border-color: rgba(122, 97, 73, 0.16) !important;
  line-height: 1.55 !important;
}

.catalog-card,
.sweet-card,
.story-card,
.img-card {
  border: 1px solid rgba(120, 97, 76, 0.18) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, #eef1f7 0%, var(--calm-paper-soft) 100%) !important;
  box-shadow: 0 10px 24px rgba(49, 37, 29, 0.06) !important;
  clip-path: none !important;
}

.catalog-card img,
.sweet-card img,
.story-card img,
.img-card img {
  filter: saturate(0.94) contrast(1) !important;
}

.catalog-card:hover img,
.sweet-card:hover img,
.story-card:hover img,
.img-card:hover img {
  transform: none !important;
  filter: saturate(0.97) contrast(1.01) !important;
}

.catalog-item h3,
.sweet-item h3,
.product,
.story-feature h3,
.feature h4,
.kulfi-title,
.story-copy h2 {
  color: #563f2f !important;
}

.sweet-meta,
.item-divider,
.story-copy .heritage {
  color: var(--calm-accent-soft) !important;
}

.bb-btn,
.view-btn {
  border: 1px solid var(--calm-line-strong) !important;
  border-radius: 999px !important;
  background-image: none !important;
  box-shadow: none !important;
  clip-path: none !important;
  font-size: 14px !important;
}

.bb-btn::before,
.bb-btn::after {
  display: none !important;
}

.bb-btn-red,
.view-btn {
  background: var(--calm-accent) !important;
  color: #fff8f0 !important;
}

.bb-btn-cream {
  background: #ece2d5 !important;
  color: #4f3528 !important;
}

.bottom-strip {
  background: #403126 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  gap: 26px !important;
}

.feature {
  color: #f0e6d8 !important;
}

.feature p {
  color: rgba(255, 245, 236, 0.78) !important;
  line-height: 1.35 !important;
}

.feature-icon {
  filter: none !important;
  opacity: 0.82;
}

.feature-badge {
  border-color: rgba(122, 97, 73, 0.2) !important;
  background: #f6efe6 !important;
}

.lightbox {
  background: rgba(34, 27, 22, 0.82) !important;
}

.lightbox-image {
  border-color: rgba(239, 228, 214, 0.55) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28) !important;
  background: #fffaf4 !important;
}

.lightbox-caption {
  color: #efe3d0 !important;
}

.lightbox-close {
  border-color: rgba(239, 228, 214, 0.5) !important;
  background: rgba(56, 43, 34, 0.92) !important;
  color: #f2e7d6 !important;
  box-shadow: none !important;
}

.nav-hamburger span {
  background: #f1e6d6 !important;
}

@media (max-width: 1024px) {
  .logo img {
    height: 132px !important;
  }

  .nav-links {
    letter-spacing: 0.04em !important;
  }
}

@media (max-width: 640px) {
  .hero-content,
  .catalog-hero-content,
  .sweets-hero-content,
  .story-hero-content {
    padding-bottom: 76px !important;
  }

  .logo img {
    height: 88px !important;
  }

  h1,
  .catalog-hero-content h1,
  .sweets-hero-content h1,
  .story-hero-content h1 {
    letter-spacing: 0.02em !important;
  }

  .bb-btn,
  .view-btn {
    font-size: 13px !important;
  }
}