/* FREEDOM BD storefront and shared tokens */
[x-cloak] { display: none !important; }

html { -webkit-text-size-adjust: 100%; }
body { font-feature-settings: "liga" 1, "kern" 1; }

h1, h2, h3, h4 { font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 500; letter-spacing: -0.005em; }

:where(a, button, input, select, textarea, summary):focus-visible {
  outline: 2px solid #6C5B7B;
  outline-offset: 3px;
}

.nav-link {
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  transition: color .3s ease;
}
.nav-link:hover { color: #6C5B7B; }

.bg-hero-gradient {
  background-image: linear-gradient(90deg, rgba(43, 51, 52, .75) 0%, rgba(43, 51, 52, .35) 45%, transparent 75%);
}

.animate-slow-zoom { animation: slow-zoom 9s ease-out both; }
.animate-rise { animation: rise 1s cubic-bezier(.2, .7, .2, 1) both; }

@keyframes slow-zoom { from { transform: scale(1.08); } to { transform: scale(1); } }
@keyframes rise { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } }

.chip {
  white-space: nowrap;
  border: 1px solid rgba(43, 51, 52, .2);
  padding: .5rem 1rem;
  font-size: .75rem;
  letter-spacing: .15em;
  text-transform: uppercase;
  transition: border-color .25s ease, background-color .25s ease, color .25s ease;
}
.chip:hover { border-color: #2B3334; }
.chip-active { background: #0F4C5C; border-color: #0F4C5C; color: #FAE9DA; }
.chip-active:hover { border-color: #0F4C5C; }
.chip-small { padding: .35rem .8rem; font-size: .7rem; }

.bg-ink .text-accent,
.bg-ink .nav-link { color: #CFC0DD; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Currency: both prices are in the markup; the visitor's choice decides which one shows. */
.price-usd { display: none; }
[data-currency="usd"] .price-usd { display: inline; }
[data-currency="usd"] .price-bdt { display: none; }
[data-currency="bdt"] [data-set-currency="bdt"],
[data-currency="usd"] [data-set-currency="usd"] { background: #0F4C5C; color: #FAE9DA; }
.currency-switch button { transition: background-color .2s ease, color .2s ease; }

/* Mega menu: keep the scrolling area tidy on long lists. */
.mega-scroll { scrollbar-width: thin; scrollbar-color: #D8BFAE transparent; }

/* Mobile: lighter, calmer type. Heavy uppercase tracking and bold weights read as shouting on small screens. */
@media (max-width: 640px) {
  body { font-size: 15px; line-height: 1.6; font-weight: 400; }
  h1 { font-size: 2.4rem; line-height: 1.08; font-weight: 500; }
  h2 { font-size: 1.9rem; line-height: 1.15; font-weight: 500; }
  h3 { font-size: 1.35rem; font-weight: 500; }
  .eyebrow, .nav-link, .chip { letter-spacing: .12em; }
  .btn { font-size: .72rem; padding: .85rem 1.2rem; letter-spacing: .12em; }
  .font-black, .font-extrabold, .font-bold { font-weight: 600; }
  .brand-wordmark { letter-spacing: .14em; }
}