/* Maslo-Derevo platform layer — 2026-08-22. Loaded after UniShop and maslo-wood.css. */
:root {
  --md-ink: #271a13;
  --md-muted: #735f50;
  --md-paper: #fffdf9;
  --md-sand: #f6eee4;
  --md-line: rgba(95, 58, 35, .15);
  --md-wood: #8a4d23;
  --md-wood-deep: #59311e;
  --md-accent: #c57636;
  --md-success: #387251;
  --md-shadow: 0 12px 32px rgba(63, 38, 24, .10);
}

html { scroll-behavior: smooth; }
body { color: var(--md-ink); }
a { text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible {
  outline: 3px solid rgba(197, 118, 54, .36) !important;
  outline-offset: 2px;
}

header { position: relative; z-index: 100; }
header .header-block { min-height: 86px; align-items: center; }
.header-logo__img { max-height: 62px; width: auto; object-fit: contain; }
.header-block__item-caption { color: var(--md-muted); font-size: 11px; letter-spacing: .01em; }
.header-phones__main { font-weight: 800; letter-spacing: .01em; }
.header-max {
  display: inline-flex; align-items: center; gap: 7px; padding: 8px 10px;
  border: 1px solid rgba(79, 51, 101, .22); border-radius: 10px;
  background: linear-gradient(135deg, #f5f0ff, #fbf8ff); color: #3c2b6c;
  font-size: 12px; font-weight: 800; line-height: 1; text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease;
}
.header-max:hover { color: #2f2158; transform: translateY(-1px); box-shadow: 0 6px 14px rgba(59, 38, 99, .13); }
.header-max img { width: 20px; height: 20px; object-fit: contain; }

.header-search__input,
.header-search input { border-radius: 10px !important; min-height: 42px; }
.menu1, .menu__collapse { border-radius: 0 0 14px 14px; }

.breadcrumb-h1 { margin-top: 20px; }
.breadcrumb-h1 h1, .category-page__h1, .information-page h1 {
  max-width: 980px; font-weight: 850; letter-spacing: -.025em; line-height: 1.08;
}
.breadcrumb { font-size: 13px; }

.uni-wrapper,
.product-page,
.category-page .product-thumb,
.product-thumb {
  border: 1px solid var(--md-line);
}
.product-thumb { background: var(--md-paper); overflow: hidden; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.product-thumb:hover { transform: translateY(-3px); border-color: rgba(138, 77, 35, .28); box-shadow: var(--md-shadow); }
.product-thumb__image { background: linear-gradient(135deg, #fffdf9, #f5ede4); }
.product-thumb__name { line-height: 1.35; font-weight: 750; }
.product-thumb__price, .product-page__price { font-weight: 850; letter-spacing: -.015em; }

#product.uni-wrapper { background: var(--md-paper); border-radius: 16px; box-shadow: var(--md-shadow); }
.product-page__image-main { border-radius: 14px; overflow: hidden; background: linear-gradient(135deg, #fffdf9, #f1e7dc); }
.product-page__image-addit-img { border-radius: 8px; border: 1px solid var(--md-line); }
.product-page__image-addit-img.selected { border-color: var(--md-accent); box-shadow: 0 0 0 2px rgba(197, 118, 54, .17); }
.product-data { display: flex; flex-wrap: wrap; gap: 7px 12px; padding: 2px 0 10px; }
.product-data__item { color: var(--md-muted); }
.product-data__item-div { color: var(--md-ink); font-weight: 700; }
.product-page__price { margin: 10px 0 12px; color: var(--md-wood); }
.product-page__option { margin-top: 8px; }
.option__group { margin-bottom: 15px; }
.option__group-name { color: var(--md-ink); font-size: 14px; font-weight: 800; }
.option__item { border: 1px solid var(--md-line); border-radius: 9px; background: #fffdfa; transition: border-color .16s ease, background .16s ease; }
.option__item:hover { border-color: rgba(138, 77, 35, .38); background: #fbf4ec; }
.option__item:has(input:checked) { border-color: var(--md-accent); box-shadow: 0 0 0 2px rgba(197, 118, 54, .16); }
.product-page__add-to-cart, #button-cart { min-height: 48px; border-radius: 10px; font-weight: 850; letter-spacing: .01em; }
.product-tag { display: flex; flex-wrap: wrap; gap: 7px; margin: 5px 0 22px; }
.product-tag__item { display: inline-flex; padding: 6px 9px; border: 1px solid var(--md-line); border-radius: 999px; color: var(--md-muted); font-size: 12px; background: var(--md-sand); }

.product-page-tabs .nav-tabs { border-bottom-color: var(--md-line); }
.product-page-tabs .nav-tabs > li > a { font-weight: 750; color: var(--md-muted); }
.product-page-tabs .nav-tabs > li.active > a { color: var(--md-wood); border-bottom-color: var(--md-accent); }
.heading, .uni-module__title { color: var(--md-ink); font-weight: 850; letter-spacing: -.01em; }

footer.footer { margin-top: 54px; }
footer.footer .footer__column-a { line-height: 1.45; }

@media (min-width: 992px) {
  .header-block__item-logo { min-width: 165px; }
  .header-block__item-search { flex: 1 1 300px; }
  .product-page__image { position: sticky; top: 14px; align-self: flex-start; }
}

@media (max-width: 767px) {
  header .header-block { min-height: 64px; }
  .header-logo__img { max-height: 44px; }
  .header-block__item-max { display: none; }
  .breadcrumb-h1 { margin-top: 13px; }
  .breadcrumb-h1 h1, .category-page__h1, .information-page h1 { font-size: 28px; line-height: 1.15; }
  #product.uni-wrapper { margin-left: -5px; margin-right: -5px; border-radius: 12px; }
  .product-data { gap: 5px 9px; }
  .product-page__image { margin-bottom: 14px; }
  .product-page__add-to-cart, #button-cart { position: relative; width: 100%; }
  .product-thumb:hover { transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

/* Homepage: object-first discovery */
.md-home-discovery { margin: 38px 0 10px; padding: 30px; border: 1px solid var(--md-line); border-radius: 20px; background: linear-gradient(135deg, #fffdf9 0%, #f5e9dd 100%); box-shadow: var(--md-shadow); }
.md-home-discovery__intro { max-width: 720px; margin-bottom: 24px; }
.md-eyebrow { margin: 0 0 7px; color: var(--md-wood); font-size: 12px; font-weight: 850; letter-spacing: .08em; line-height: 1.3; text-transform: uppercase; }
.md-home-discovery h2, .md-home-discovery h3 { margin: 0; color: var(--md-ink); font-weight: 850; letter-spacing: -.025em; line-height: 1.12; }
.md-home-discovery h2 { font-size: clamp(26px, 3.2vw, 40px); }
.md-home-discovery h3 { font-size: clamp(20px, 2.2vw, 28px); }
.md-home-discovery__intro > p:last-child { max-width: 660px; margin: 11px 0 0; color: var(--md-muted); font-size: 16px; line-height: 1.55; }
.md-home-discovery__cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.md-discovery-card { display: flex; min-height: 214px; flex-direction: column; align-items: flex-start; justify-content: flex-end; padding: 20px; overflow: hidden; border: 1px solid rgba(255,255,255,.35); border-radius: 15px; color: #fff !important; text-decoration: none !important; box-shadow: inset 0 -80px 70px rgba(30,17,11,.28); transition: transform .2s ease, box-shadow .2s ease; }
.md-discovery-card:hover { color: #fff !important; transform: translateY(-3px); box-shadow: inset 0 -90px 72px rgba(30,17,11,.37), 0 12px 24px rgba(62,34,19,.16); }
.md-discovery-card--outdoor { background: linear-gradient(145deg, #72533c, #a26c3a); }
.md-discovery-card--interior { background: linear-gradient(145deg, #8c6d55, #c49b76); }
.md-discovery-card--sauna { background: linear-gradient(145deg, #6d4931, #a76535); }
.md-discovery-card--color { background: linear-gradient(145deg, #445a54, #7c8e74); }
.md-discovery-card__kicker { margin-bottom: auto; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; opacity: .88; }
.md-discovery-card strong { font-size: 19px; font-weight: 850; line-height: 1.13; }
.md-discovery-card > span:not(.md-discovery-card__kicker) { margin-top: 9px; font-size: 13px; line-height: 1.35; opacity: .92; }
.md-discovery-card b { display: inline-flex; align-items: center; gap: 7px; margin-top: 18px; font-size: 12px; }
.md-home-discovery__system { display: grid; grid-template-columns: 1.25fr 2fr auto; gap: 22px; align-items: center; margin-top: 18px; padding: 21px 22px; border: 1px solid var(--md-line); border-radius: 14px; background: rgba(255,255,255,.64); }
.md-home-discovery__system .md-eyebrow { margin-bottom: 5px; }
.md-home-discovery__system ol { display: flex; gap: 10px; padding: 0; margin: 0; list-style: none; }
.md-home-discovery__system li { flex: 1 1 0; }
.md-home-discovery__system li a { display: flex; align-items: center; gap: 8px; min-height: 42px; color: var(--md-ink); font-size: 13px; font-weight: 750; line-height: 1.25; text-decoration: none; }
.md-home-discovery__system li a:hover { color: var(--md-wood); }
.md-home-discovery__system li span { display: inline-grid; width: 29px; height: 29px; flex: 0 0 29px; place-items: center; border-radius: 50%; background: var(--md-sand); color: var(--md-wood); font-size: 10px; font-weight: 850; }
.md-home-discovery__catalog { min-height: 43px; padding: 11px 15px; border-radius: 9px; white-space: nowrap; }
@media (max-width: 1199px) { .md-home-discovery__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md-home-discovery__system { grid-template-columns: 1fr; gap: 15px; } .md-home-discovery__catalog { justify-self: start; } }
@media (max-width: 767px) { .md-home-discovery { margin-top: 24px; padding: 20px 15px; border-radius: 14px; } .md-home-discovery__cards { gap: 9px; } .md-discovery-card { min-height: 178px; padding: 15px; border-radius: 11px; } .md-discovery-card strong { font-size: 16px; } .md-discovery-card > span:not(.md-discovery-card__kicker) { font-size: 12px; } .md-home-discovery__system { padding: 17px 14px; } .md-home-discovery__system ol { display: grid; grid-template-columns: 1fr; gap: 2px; } .md-home-discovery__catalog { width: 100%; text-align: center; } }
@media (max-width: 420px) { .md-home-discovery__cards { grid-template-columns: 1fr; } .md-discovery-card { min-height: 152px; } }

.product-tag__item--link {
  color: var(--md-ink, #173527);
  text-decoration: none;
  cursor: pointer;
  transition: border-color .15s ease, color .15s ease, background .15s ease;
}
.product-tag__item--link:hover,
.product-tag__item--link:focus {
  border-color: #9a6635;
  color: #9a6635;
  background: #fffdf8;
  outline: none;
}