/* Korotkov typography system — 2026-09-26
   Manrope is the interface/workhorse face. Prata is reserved for large
   editorial section titles so product and commerce UI stay clear. */

:root {
  --kk-font-sans: "Manrope", "Segoe UI", Arial, sans-serif;
  --kk-font-display: "Prata", Georgia, "Times New Roman", serif;
}

html,
body,
button,
input,
select,
textarea,
.btn,
.form-control,
.dropdown-menu,
.modal,
.popover,
.tooltip,
table,
.product-thumb,
.kk-header,
.kk-mobile-menu,
.kk-cart-drawer,
.kk-quickview,
.kk-guide,
.kk-footer,
.kk-prose,
.kk-article-card {
  font-family: var(--kk-font-sans) !important;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
.kk-product-title,
.kk-product-grid .product-thumb h3,
.kk-products-section .kk-showcase-product h3,
.kk-collection-card__body h2,
.kk-collection-card__body h3,
.kk-care-feature__info h3,
.kk-ginseng-card__body h4,
.kk-article-card h3,
.kk-callback-header h3,
.kk-cart-drawer h2,
.kk-cart-drawer h3 {
  font-family: var(--kk-font-sans) !important;
}

/* The deliberately small Prata layer: only prominent editorial accents. */
.kk-products-section .kk-section__head h2,
.kk-categories .kk-section__head h2,
.kk-collection__head h2,
.kk-new-arrivals-page__head h1,
.kk-care-feature__intro h2,
.kk-ginseng__content > h2,
.kk-sensory__copy > h2,
.kk-orient__heading h2,
.kk-selector__intro h2,
.kk-hero__content > h1,
.kk-video-hero h1,
.kk-video-hero h2 {
  font-family: var(--kk-font-display) !important;
  font-weight: 400 !important;
}

/* Icon fonts must never inherit Manrope. */
.fa,
[class^="fa-"],
[class*=" fa-"] {
  font-family: FontAwesome !important;
}



/* MODERN EMERALD HEADERS FOR BESTSELLERS & CATEGORIES */
.kk-home-legacy-hero-replaced .kk-section__head--centered h2,
.kk-home-legacy-hero-replaced .kk-products-section .kk-section__head--centered h2,
.kk-products-section .kk-section__head h2,
.kk-categories .kk-section__head h2,
.kk-section__head--centered h2 {
  font-family: var(--kk-font-sans, "Manrope", sans-serif) !important;
  color: #0e382c !important;
  font-size: clamp(24px, 2.2vw, 30px) !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
}


/* ==========================================================================
   UNIFIED MODERN EMERALD HEADINGS SYSTEM (KOROTKOV BRAND IDENTITY)
   ========================================================================== */

/* 1. Навигация по потребностям */
#kk-orient-title,
.kk-orient__heading h2 {
  font-family: var(--kk-font-sans, "Manrope", sans-serif) !important;
  color: #0e382c !important;
  font-size: clamp(26px, 2.5vw, 34px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.18 !important;
}

/* 2. Баннеры Sensory (Природный вкус и живая текстура и др.) */
.kk-sensory__copy h2,
#kk-sensory-honey-title,
.kk-sensory--honey h2,
#kk-sensory-slices-title,
.kk-sensory--slices h2 {
  font-family: var(--kk-font-sans, "Manrope", sans-serif) !important;
  color: #142f28 !important;
  font-size: clamp(26px, 2.5vw, 34px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.18 !important;
}

/* 3. Новинки (в едином стиле с БЕСТСЕЛЛЕРАМИ) */
#kk-new-arrivals-title,
.kk-collection__head h2,
.kk-collection--new h2,
.kk-new-arrivals-page__head h1 {
  font-family: var(--kk-font-sans, "Manrope", sans-serif) !important;
  color: #0e382c !important;
  font-size: clamp(24px, 2.2vw, 30px) !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
}

/* 4. Для волос и тела (Уходовая коллекция) */
#kk-care-title,
.kk-care-feature__intro h2 {
  font-family: var(--kk-font-sans, "Manrope", sans-serif) !important;
  color: #0e382c !important;
  font-size: clamp(26px, 2.5vw, 34px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.18 !important;
}


/* SENSORY SLICES: White text on dark video/poster banner */
.kk-sensory--slices .kk-sensory__copy h2,
#kk-sensory-slices-title,
.kk-sensory--slices h2 {
  color: #ffffff !important;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.55), 0 1px 3px rgba(0, 0, 0, 0.7) !important;
}

.kk-sensory--slices .kk-sensory__copy p {
  color: rgba(255, 255, 255, 0.95) !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.6) !important;
}

.kk-sensory--slices .kk-sensory__link {
  color: #ffffff !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6) !important;
  border-bottom-color: rgba(255, 255, 255, 0.8) !important;
}

.kk-sensory--slices .kk-sensory__points,
.kk-sensory--slices .kk-sensory__points span,
.kk-sensory--slices .kk-sensory__points b,
.kk-sensory--slices .kk-sensory__points small {
  color: #ffffff !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.65), 0 1px 3px rgba(0, 0, 0, 0.8) !important;
}

.kk-sensory--slices .kk-sensory__points span:before {
  color: #ffffff !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6) !important;
}