/* =========================================================
   HEADER LAYOUT OK (20260728layoutok) — load LAST
   Structure: lang row always on top; one bar below =
   logo left | nav center | search+burger right.
   Idle transparent; hover soft cream #E5E2D9; scrolled solid cream.
   Cream type on dark hero idle; dark ink on cream bar.
   ========================================================= */

:root {
  --lang-bar-h: 2.1rem !important;
  --header-h: 4.35rem !important;
  --header-cream: #E5E2D9 !important;
  --header-ink: #1A1510 !important;
  --header-cream-text: #F5EFE4 !important;
}

.site-chrome {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: calc(var(--lang-bar-h) + var(--header-h)) !important;
  z-index: 210 !important;
  pointer-events: none !important;
  isolation: isolate !important;
}

.site-chrome .lang-bar,
.site-chrome .site-header {
  pointer-events: auto !important;
}

/* Lang bar — always visible top row */
.lang-bar {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 212 !important;
  height: var(--lang-bar-h) !important;
  display: flex !important;
  align-items: center !important;
  background: #0C0B0A !important;
  color: #F5EFE4 !important;
  -webkit-text-fill-color: #F5EFE4 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  overflow: hidden !important;
}

.lang-bar__inner {
  width: min(100% - 2.5rem, 92rem) !important;
  margin-inline: auto !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
}

.lang-bar__link {
  font-family: "Outfit", system-ui, sans-serif !important;
  font-size: 0.58rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #F5EFE4 !important;
  -webkit-text-fill-color: #F5EFE4 !important;
  opacity: 1 !important;
  padding: 0.35rem 0.4rem !important;
}

.lang-bar__link.is-active,
.lang-bar__link:hover {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  opacity: 1 !important;
}

.lang-bar__link.is-active::after,
.lang-bar__link:hover::after {
  background: #FFFFFF !important;
  opacity: 1 !important;
  width: calc(100% - 1.1rem) !important;
}

.lang-bar__globe {
  color: #F5EFE4 !important;
  -webkit-text-fill-color: #F5EFE4 !important;
  opacity: 1 !important;
}

/* Header — single row under lang bar */
.site-header {
  position: fixed !important;
  top: var(--lang-bar-h) !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 211 !important;
  display: block !important;
  height: var(--header-h) !important;
  padding: 0 !important;
  gap: 0 !important;
  background: transparent !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: var(--header-cream-text) !important;
  overflow: visible !important;
}

.site-header__top,
.header-left,
.header-right {
  display: none !important;
}

.site-header__bar {
  width: min(100% - 2.5rem, 92rem) !important;
  margin-inline: auto !important;
  height: 100% !important;
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  align-items: center !important;
  gap: clamp(1rem, 2.5vw, 2.5rem) !important;
  min-height: var(--header-h) !important;
}

.site-header .logo,
.site-header__bar > .logo {
  justify-self: start !important;
  display: flex !important;
  align-items: center !important;
  text-align: left !important;
  overflow: visible !important;
  max-width: none !important;
  z-index: 2 !important;
}

.site-header .logo__mark,
.logo__mark,
a.logo .logo__mark {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-weight: 700 !important;
  font-size: clamp(1.35rem, 1.8vw, 1.75rem) !important;
  letter-spacing: 0.05em !important;
  padding-left: 0.05em !important;
  line-height: 1.05 !important;
  text-transform: none !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-shadow: none !important;
  filter: none !important;
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
}

.site-header .header-cats,
nav.header-cats {
  justify-self: center !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: clamp(0.85rem, 1.6vw, 1.65rem) !important;
  max-height: none !important;
  opacity: 1 !important;
  overflow: visible !important;
  pointer-events: auto !important;
}

.site-header .header-cats a,
.header-cats a,
nav.header-cats a {
  font-family: "Outfit", system-ui, sans-serif !important;
  font-weight: 500 !important;
  font-size: 0.8rem !important;
  letter-spacing: 0.03em !important;
  text-transform: none !important;
  padding: 0.55rem 0 !important;
  opacity: 1 !important;
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
  filter: none !important;
  white-space: nowrap !important;
}

.header-tools {
  justify-self: end !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.85rem !important;
  color: inherit !important;
}

.site-header .nav-toggle,
.site-header .search-btn {
  color: inherit !important;
  opacity: 1 !important;
}

.site-header .nav-toggle span {
  background: currentColor !important;
}

.site-header .search-btn::before {
  background: transparent !important;
  border-color: currentColor !important;
}

.site-header .search-btn::after {
  background: currentColor !important;
}

/* Idle: transparent + cream type over dark heroes */
body:not(.is-scrolled) .site-header,
.page-home:not(.is-scrolled) .site-header,
.page-about:not(.is-scrolled) .site-header,
.page-products:not(.is-scrolled) .site-header,
.page-craftsmanship:not(.is-scrolled) .site-header,
.page-download:not(.is-scrolled) .site-header,
.page-contact:not(.is-scrolled) .site-header,
.page-news:not(.is-scrolled) .site-header,
.page-faq:not(.is-scrolled) .site-header {
  top: var(--lang-bar-h) !important;
  background: transparent !important;
  background-color: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-bottom-color: transparent !important;
  box-shadow: none !important;
  color: var(--header-cream-text) !important;
}

/* Idle cream type only on photo-hero pages when NOT scrolled */
.page-home:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .logo__mark,
.page-home:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .header-cats a,
.page-home:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .nav-toggle,
.page-home:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .search-btn,
.page-about:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .logo__mark,
.page-about:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .header-cats a,
.page-about:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .nav-toggle,
.page-about:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .search-btn,
.page-products:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .logo__mark,
.page-products:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .header-cats a,
.page-products:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .nav-toggle,
.page-products:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .search-btn,
.page-craftsmanship:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .logo__mark,
.page-craftsmanship:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .header-cats a,
.page-craftsmanship:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .nav-toggle,
.page-craftsmanship:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .search-btn,
.page-download:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .logo__mark,
.page-download:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .header-cats a,
.page-download:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .nav-toggle,
.page-download:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .search-btn,
.page-contact:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .logo__mark,
.page-contact:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .header-cats a,
.page-contact:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .nav-toggle,
.page-contact:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .search-btn,
.page-news:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .logo__mark,
.page-news:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .header-cats a,
.page-news:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .nav-toggle,
.page-news:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .search-btn,
.page-faq:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .logo__mark,
.page-faq:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .header-cats a,
.page-faq:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .nav-toggle,
.page-faq:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .search-btn {
  color: var(--header-cream-text) !important;
  -webkit-text-fill-color: var(--header-cream-text) !important;
  text-shadow: none !important;
}

.page-home:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .nav-toggle span,
.page-about:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .nav-toggle span,
.page-products:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .nav-toggle span,
.page-craftsmanship:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .nav-toggle span,
.page-download:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .nav-toggle span,
.page-contact:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .nav-toggle span,
.page-news:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .nav-toggle span,
.page-faq:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .nav-toggle span {
  background: var(--header-cream-text) !important;
}

.page-home:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .search-btn::before,
.page-about:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .search-btn::before,
.page-products:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .search-btn::before,
.page-craftsmanship:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .search-btn::before,
.page-download:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .search-btn::before,
.page-contact:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .search-btn::before,
.page-news:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .search-btn::before,
.page-faq:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .search-btn::before {
  background: transparent !important;
  border-color: var(--header-cream-text) !important;
}

.page-home:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .search-btn::after,
.page-about:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .search-btn::after,
.page-products:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .search-btn::after,
.page-craftsmanship:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .search-btn::after,
.page-download:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .search-btn::after,
.page-contact:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .search-btn::after,
.page-news:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .search-btn::after,
.page-faq:not(.is-scrolled) .site-chrome:not(:hover):not(:focus-within) .site-header .search-btn::after {
  background: var(--header-cream-text) !important;
}

/* Hover: soft cream #E5E2D9 + dark ink */
body:not(.is-scrolled) .site-chrome:hover .site-header,
body:not(.is-scrolled) .site-chrome:focus-within .site-header {
  top: var(--lang-bar-h) !important;
  background: rgba(229, 226, 217, 0.96) !important;
  background-color: rgba(229, 226, 217, 0.96) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-bottom: 0 !important;
  border-bottom-color: transparent !important;
  box-shadow: none !important;
  color: var(--header-ink) !important;
}

body:not(.is-scrolled) .site-chrome:hover .site-header .logo__mark,
body:not(.is-scrolled) .site-chrome:hover .site-header .header-cats a,
body:not(.is-scrolled) .site-chrome:hover .site-header .nav-toggle,
body:not(.is-scrolled) .site-chrome:hover .site-header .search-btn,
body:not(.is-scrolled) .site-chrome:focus-within .site-header .logo__mark,
body:not(.is-scrolled) .site-chrome:focus-within .site-header .header-cats a,
body:not(.is-scrolled) .site-chrome:focus-within .site-header .nav-toggle,
body:not(.is-scrolled) .site-chrome:focus-within .site-header .search-btn {
  color: var(--header-ink) !important;
  -webkit-text-fill-color: var(--header-ink) !important;
  text-shadow: none !important;
}

body:not(.is-scrolled) .site-chrome:hover .site-header .nav-toggle span,
body:not(.is-scrolled) .site-chrome:focus-within .site-header .nav-toggle span {
  background: var(--header-ink) !important;
}

body:not(.is-scrolled) .site-chrome:hover .site-header .search-btn::before,
body:not(.is-scrolled) .site-chrome:focus-within .site-header .search-btn::before {
  background: transparent !important;
  border-color: var(--header-ink) !important;
}

body:not(.is-scrolled) .site-chrome:hover .site-header .search-btn::after,
body:not(.is-scrolled) .site-chrome:focus-within .site-header .search-btn::after {
  background: var(--header-ink) !important;
}

/* Scrolled: solid cream */
body.is-scrolled .site-header,
.site-header.is-scrolled {
  top: var(--lang-bar-h) !important;
  background: rgba(229, 226, 217, 0.98) !important;
  background-color: rgba(229, 226, 217, 0.98) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border-bottom: 0 !important;
  border-bottom-color: transparent !important;
  box-shadow: none !important;
  color: var(--header-ink) !important;
  padding: 0 !important;
}

body.is-scrolled .site-header .logo__mark,
body.is-scrolled .site-header .header-cats a,
.site-header.is-scrolled .logo__mark,
.site-header.is-scrolled .header-cats a {
  color: var(--header-ink) !important;
  -webkit-text-fill-color: var(--header-ink) !important;
  text-shadow: none !important;
}

body.is-scrolled .site-header .logo__mark,
.site-header.is-scrolled .logo__mark {
  font-size: clamp(1.2rem, 1.5vw, 1.55rem) !important;
}

body.is-scrolled .site-header .header-cats a,
.site-header.is-scrolled .header-cats a {
  font-size: 0.76rem !important;
}

body.is-scrolled .site-header .nav-toggle span,
.site-header.is-scrolled .nav-toggle span {
  background: var(--header-ink) !important;
}

body.is-scrolled .site-chrome:hover .site-header,
body.is-scrolled .site-chrome:focus-within .site-header {
  top: var(--lang-bar-h) !important;
}

.site-header .search-panel {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 100% !important;
  background: rgba(229, 226, 217, 0.98) !important;
  color: var(--header-ink) !important;
  z-index: 5 !important;
}

main {
  position: relative !important;
  z-index: 1 !important;
}

@media (max-width: 980px) {
  .site-header .header-cats,
  nav.header-cats {
    display: none !important;
  }

  .site-header__bar {
    grid-template-columns: 1fr auto !important;
  }

  .site-header .logo__mark,
  .logo__mark {
    font-size: clamp(1.25rem, 4.5vw, 1.55rem) !important;
  }

  :root {
    --header-h: 3.85rem !important;
  }
}

@media (max-width: 640px) {
  .lang-bar__globe {
    display: none !important;
  }

  .lang-bar__inner {
    width: min(100% - 1.25rem, 92rem) !important;
  }

  .site-header__bar {
    width: min(100% - 1.25rem, 92rem) !important;
    gap: 0.75rem !important;
  }
}