/* === ProKozyrev Brass Theme (White) === */
:root {
  --brass: #c5a042;
  --brass-light: #d4b85c;
  --brass-dark: #8a6f2e;
  --bg-main: #ffffff;
  --bg-card: #f8f8f8;
  --text-primary: #1a1a1a;
  --text-secondary: #666666;
  --border-color: #e5e5e5;
}

/* White background for all pages */
body, .t-body,
#allrecords,
.t-records {
  background-color: var(--bg-main) !important;
  color: var(--text-primary) !important;
}

/* Typography */
h1, h2, h3, h4, h5, h6,
.t-title,
.t-heading,
[class*="tn-atom__heading"],
.tn-atom h1, .tn-atom h2, .tn-atom h3 {
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 600;
  color: var(--text-primary) !important;
}

body, .t-body,
.t-text,
.tn-atom,
[class*="tn-atom__text"] {
  font-family: 'Source Sans 3', sans-serif !important;
  color: var(--text-secondary) !important;
}

/* Brass accent color for links and buttons */
a.t-btn,
.t-btn[style],
.tn-atom a[href],
.t-store__card__btn,
.t-btn:not(.t-btn_second) {
  background-color: var(--brass) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 4px !important;
}

a.t-btn:hover,
.t-btn:hover {
  background-color: var(--brass-light) !important;
  opacity: 0.9;
}

/* Secondary/outline buttons */
.t-btn_second {
  background-color: transparent !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-primary) !important;
}

.t-btn_second:hover {
  border-color: var(--brass) !important;
  color: var(--brass) !important;
}

/* Cards and elevated surfaces */
.t-card,
.t-store__card,
.t-rec[data-record-type="396"],
.t-rec[data-record-type="552"],
[class*="t-card"] {
  background-color: var(--bg-card) !important;
  border: 1px solid var(--border-color) !important;
  border-radius: 8px !important;
}

/* Store product cards */
.t-store__card {
  background-color: #fff !important;
  border: 1px solid var(--border-color) !important;
  border-radius: 8px !important;
  overflow: hidden;
}

.t-store__card:hover {
  border-color: var(--brass) !important;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.t-store__card__title {
  font-family: 'Cormorant Garamond', serif !important;
  color: var(--text-primary) !important;
}

.t-store__card__descr,
.t-store__card__price-item {
  color: var(--text-secondary) !important;
}

.t-store__card__price {
  color: var(--brass) !important;
  font-weight: 600;
}

/* Store filter/categories */
.t-store__filter__item,
.t-store__filter__item-title {
  color: var(--text-secondary) !important;
}

.t-store__filter__item.active,
.t-store__filter__item-title.active {
  color: var(--brass) !important;
}

/* Dividers and borders */
hr, .t-divider {
  border-color: var(--border-color) !important;
}

/* Links */
a, .tn-atom a {
  color: var(--brass);
  transition: opacity 0.2s;
}

a:hover, .tn-atom a:hover {
  color: var(--brass-light);
}

/* Form inputs */
.t-input,
.t-input-group__input {
  background-color: #fff !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-primary) !important;
  border-radius: 4px !important;
}

.t-input:focus,
.t-input-group__input:focus {
  border-color: var(--brass) !important;
}

/* Product popup/modal */
.t-store__product-popup,
.t-popup__container {
  background-color: #fff !important;
}

/* Breadcrumbs */
.t-store__breadcrumbs a {
  color: var(--text-secondary) !important;
}

.t-store__breadcrumbs a:hover {
  color: var(--brass) !important;
}

/* Smooth scroll */
html {
  scroll-behavior: smooth;
}

/* Image hover effect on cards */
.t-store__card__imgwrapper img {
  transition: transform 0.5s ease;
}

.t-store__card:hover .t-store__card__imgwrapper img {
  transform: scale(1.05);
}

/* "Out of stock" -> Russian localization */
.t-store__card__sold-out-msg {
  font-size: 0 !important;
  font-family: 'Source Sans 3', sans-serif !important;
}
.t-store__card__sold-out-msg::after {
  content: 'Нет в наличии';
  font-size: 14px;
  font-family: 'Source Sans 3', sans-serif;
}

/* === Hero text fix — white on dark background === */
#rec2164606391 .t-cover__carrier ~ div *,
#rec2164606391 .t-title,
#rec2164606391 .t-descr,
#rec2164606391 h1,
#rec2164606391 h2,
#rec2164606391 .t-uptitle,
#rec2164606391 .tn-atom {
  color: #fff !important;
}


/* Promo banner height fix */
#rec2165766421 .t-cover {
  min-height: 320px !important;
  height: 320px !important;
}
#rec2165766421 .t-cover__carrier {
  height: 320px !important;
}
#rec2165766421 .t-cover__filter {
  height: 320px !important;
}

/* === Override legacy hack with higher specificity === */
body #allrecords { display: block !important; }
body [id^="rec"] { order: 0 !important; }
body #rec2165946941 { display: block !important; }


/* === Catalog (ST305N) styling overrides === */
body .t-store__parts-switch-btn { color: var(--brass) !important; font-size: 16px !important; text-transform: uppercase; letter-spacing: 0.08em; font-weight: 600 !important; opacity: 0.65; }
body .t-store__parts-switch-btn:hover { opacity: 1; }
body .t-store__parts-switch-btn.t-active { color: var(--brass) !important; opacity: 1 !important; border-bottom: 2px solid var(--brass) !important; }
body .t-store__parts-switch-btn-all { display: none !important; }
body .t-store__card__descr { color: #1a1a1a !important; font-size: 15px !important; line-height: 1.55 !important; opacity: 0.85; }
body .t-store__card__title { font-family: 'Cormorant Garamond', serif !important; }
body .t-store__card__textwrapper { padding: 18px !important; }
body #rec2229831941 { background-color: var(--bg-main) !important; }

/* === Force 4 columns on desktop (override Tilda responsive break) === */
@media (min-width: 980px) {
  body #rec2229831941 .t-store__card.t-col_3 {
    width: calc(25% - 16px) !important;
    max-width: calc(25% - 16px) !important;
    margin: 0 8px 24px !important;
    box-sizing: border-box !important;
  }
}

/* === Equalize card heights + clamp description === */
body .t-store__card { display: flex !important; flex-direction: column !important; }
body .t-store__card__wrap_all,
body .t-store__card__textwrapper { flex: 1; display: flex; flex-direction: column; }
body .t-store__card__descr {
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  margin-bottom: 8px;
}
body .t-store__card__price-wrapper { margin-top: auto; }

/* === Custom 'Заказать' button on each card === */
.pk-card-tg-btn {
  display: inline-block;
  margin-top: 12px;
  padding: 10px 24px;
  background: var(--brass);
  color: #fff !important;
  font-family: 'Source Sans 3', sans-serif !important;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none !important;
  border-radius: 4px;
  transition: opacity 0.2s;
  display: block;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.pk-card-tg-btn:hover { opacity: 0.85; color: #fff !important; }

/* === 'Цена по запросу' fallback styling === */
.pk-price-on-request { color: var(--text-secondary) !important; font-size: 14px !important; font-style: italic; }

/* === Product page (popup) — UI/UX rework for readability === */
/* Title: brand serif, dark, prominent */
body .t-store__prod-popup__name,
body .t-store__prod-popup__title {
  color: var(--text-primary) !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 600 !important;
  font-size: 40px !important;
  line-height: 1.1 !important;
  margin-bottom: 8px !important;
}

/* Brand: small uppercase brass */
body .t-store__prod-popup__brand,
body .t-store__prod-popup__brand-wrapper,
body .t-store__prod-popup__brand-wrapper * {
  color: var(--brass) !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  font-weight: 600 !important;
  margin-bottom: 8px !important;
}

/* SKU: minimal */
body .t-store__prod-popup__sku {
  color: var(--text-secondary) !important;
  font-size: 12px !important;
  opacity: 0.65;
  margin-bottom: 16px;
}

/* Price: big brass serif */
body .t-store__prod-popup__price,
body .t-store__prod-popup__price-wrapper {
  color: var(--brass) !important;
  font-size: 28px !important;
  font-weight: 600 !important;
  font-family: 'Cormorant Garamond', serif !important;
  margin: 16px 0 !important;
}

/* Description: readable */
body .t-store__prod-popup__text,
body .t-store__prod-popup__text *,
body .js-product-text,
body .js-product-text * {
  color: var(--text-primary) !important;
  font-family: 'Source Sans 3', sans-serif !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  opacity: 0.85;
}

/* CTA button: prominent */
body .t-store__prod-popup__btn,
body .t-store__prod-popup__btn-wrapper button,
body .t-store__prod-popup__btn-wrapper a {
  padding: 14px 32px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  background: var(--brass) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 4px !important;
  margin-top: 16px !important;
}
body .t-store__prod-popup__btn:hover,
body .t-store__prod-popup__btn-wrapper button:hover,
body .t-store__prod-popup__btn-wrapper a:hover {
  opacity: 0.85 !important;
  background: var(--brass) !important;
  color: #fff !important;
}

/* Back to products button */
body .t-popup__back-btn,
body [class*="back-btn"] {
  color: var(--brass) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

/* Related items section title */
body .t-store__relevants__title {
  color: var(--text-primary) !important;
  font-family: 'Cormorant Garamond', serif !important;
  font-weight: 600 !important;
}

/* === Promo banner (rec2165766421): forced white text on dark bg === */
body #rec2165766421 .t-title,
body #rec2165766421 .t-descr,
body #rec2165766421 .t-heading,
body #rec2165766421 .t032__title,
body #rec2165766421 .t032__descr,
body #rec2165766421 h1,
body #rec2165766421 h2,
body #rec2165766421 h3,
body #rec2165766421 [class*='tn-atom__heading'],
body #rec2165766421 .tn-atom h1,
body #rec2165766421 .tn-atom h2 {
  color: #ffffff !important;
}

/* === UI/UX audit fixes (2026-05-04) === */
/* H1: scroll-margin для anchor navigation */
body [id^='rec'] { scroll-margin-top: 80px; }

/* H2: header bg solid for consistent contrast */
body #rec2163055391 .t-menu-base,
body #rec2163055391 .t-menu-base__maincontainer {
  background-color: rgba(255, 255, 255, 0.95) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  backdrop-filter: blur(8px) !important;
}

/* M1: убрать opacity с About description */
body .t034__descr,
body .t034__descr *,
body .t-descr,
body .t-text { opacity: 1 !important; }

/* M3: arrow в Hero CTA */
body #rec2164606391 .t-btn .t-btnflex__text::after,
body #rec2164606391 .t001__button .t-btnflex__text::after {
  content: ' \2192';
  display: inline-block;
  margin-left: 10px;
  font-size: 1.1em;
  vertical-align: middle;
}

/* M4: outline стиль для Загрузить ещё (специфичность: ID + 3 класса > Tilda inline #rec ... .t-btnflex.t-btnflex_type_button) */
#rec2229831941 button.t-store__load-more-btn.js-store-load-more-btn,
#rec2229831941 .t-store__load-more-btn.t-btnflex.t-btnflex_type_button {
  background: transparent !important;
  background-color: transparent !important;
  --border-width: 2px !important;
  border-style: solid !important;
  border-width: 2px !important;
  border-color: var(--brass) !important;
  color: var(--brass) !important;
  border-radius: 4px !important;
  padding: 14px 38px !important;
  transition: background-color 0.2s ease, color 0.2s ease !important;
}
#rec2229831941 button.t-store__load-more-btn .t-btnflex__text,
#rec2229831941 .js-store-load-more-btn-text {
  color: var(--brass) !important;
}
#rec2229831941 button.t-store__load-more-btn.js-store-load-more-btn:hover {
  background-color: var(--brass) !important;
  color: #ffffff !important;
}
#rec2229831941 button.t-store__load-more-btn:hover .t-btnflex__text,
#rec2229831941 button.t-store__load-more-btn:hover .js-store-load-more-btn-text {
  color: #ffffff !important;
}

/* M5: уменьшить отступ catalog → promo */
body #rec2229831941 { padding-bottom: 60px !important; margin-bottom: 0 !important; }
body #rec2165766421 { padding-top: 60px !important; margin-top: 0 !important; }

/* L1: tabs hover transition */
body .t-store__parts-switch-btn { transition: all 0.25s ease !important; }

/* L4: Hero subtitle letter-spacing */
body #rec2164606391 .t001__descr { letter-spacing: 0.02em !important; }

/* L5: footer соцсети +20% */
body #rec2206702491 .t-sociallinks__svg,
body #rec2206702491 .t-sociallinks__item svg {
  width: 36px !important;
  height: 36px !important;
}

/* M2: Promo banner CTA injected via JS */
.pk-promo-btn {
  display: inline-block !important;
  margin-top: 28px !important;
  padding: 14px 36px !important;
  border: 1px solid rgba(255,255,255,0.55) !important;
  color: #fff !important;
  text-decoration: none !important;
  border-radius: 4px !important;
  font-family: 'Source Sans 3', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  transition: all 0.2s ease !important;
  background: transparent !important;
}
.pk-promo-btn:hover {
  background: rgba(255,255,255,0.12) !important;
  border-color: #fff !important;
  color: #fff !important;
}

/* === M1+ About description color fix === */
body .t034__descr,
body .t034__descr *,
body [id^='rec'] .t-descr_lg,
body [id^='rec'] .t-descr_md {
  color: var(--text-primary) !important;
  opacity: 1 !important;
}

/* === Promo banner: extend height to fit CTA === */
body #rec2165766421 .t-cover,
body #rec2165766421 .t-cover__carrier,
body #rec2165766421 .t-cover__filter,
body #rec2165766421 .t-cover__wrapper {
  min-height: 420px !important;
  height: auto !important;
}
body #rec2165766421 { overflow: visible !important; }
.pk-promo-btn { margin-top: 28px !important; position: relative; z-index: 5; }

/* === Load more button — STRONGER override (was beaten by Tilda inline) === */
body #rec2229831941 .t-store__load-more-btn,
body #rec2229831941 .js-store-load-more-btn,
html body .t-store__load-more-btn {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 2px solid var(--brass) !important;
  color: var(--brass) !important;
}
body #rec2229831941 .t-store__load-more-btn .t-btnflex__text,
body #rec2229831941 .js-store-load-more-btn-text,
html body .js-store-load-more-btn-text {
  color: var(--brass) !important;
}
body #rec2229831941 .t-store__load-more-btn:hover,
html body .t-store__load-more-btn:hover {
  background: var(--brass) !important;
  background-color: var(--brass) !important;
  color: #fff !important;
}
body #rec2229831941 .t-store__load-more-btn:hover .t-btnflex__text,
html body .t-store__load-more-btn:hover .js-store-load-more-btn-text {
  color: #fff !important;
}

/* === Load more button — explicit border + padding (Tilda kills border shorthand) === */
html body .t-store__load-more-btn,
html body .js-store-load-more-btn {
  border-style: solid !important;
  border-width: 2px !important;
  border-color: var(--brass) !important;
  padding: 12px 36px !important;
  border-radius: 4px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}


/* H2 fix v2: убрать «бокс» в шапке */
#nav2163055391,
#nav2163055391.t-menu-base.t-menu-base_positionfixed,
.t-menu-base_positionfixed,
#nav2163055391 .t-menu-base__maincontainer {
  background-color: #ffffff !important;
  background: #ffffff !important;
}


/* trigger dirty */


#rec2206702491 .t-sociallinks__item { margin: 4px 8px 0 !important; }