/* ==========================================================
   Тема «Зола и дерево»: тёмная шапка и подвал.
   Подключается последним, поэтому перекрывает стили страниц.
   ========================================================== */

/* ---------- Шапка ---------- */
.header,.header:hover,.header--page,.header.is-catalog,.header.is-drop,.header.is-sticky{
  background:var(--c-header);
  box-shadow:none;
}
.header--page{border-bottom-color:rgba(236,229,220,.12)}
.header__row,.header .nav{color:var(--c-on-dark)}
.header--simple .header__row{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:68px;padding:14px 40px}
.header--simple .header__logo{display:block;flex:0 0 auto;line-height:1.15;font-size:22px;font-weight:600;letter-spacing:.03em;white-space:nowrap}
.header--simple .nav{display:flex;align-items:center;gap:24px;margin-left:auto;padding:0;white-space:nowrap}
.header--collection-standard .header__logo{color:var(--c-on-dark);font-size:22px;font-weight:600;letter-spacing:.02em;text-decoration:none;white-space:nowrap}
.header--collection-standard .burger-btn{color:var(--c-on-dark)}
.header--collection-standard{position:relative}
.header .logo-svg [fill="#2B2724"],.header .nav__logo svg [fill="#2B2724"]{fill:currentColor}
.header .nav a:hover,.header .nav a:focus-visible,
.header .nav__drop:hover,.header .nav__drop[aria-expanded="true"],
.header .nav__catalog:hover,.header .nav__catalog[aria-expanded="true"]{color:var(--c-accent-light)}
.header .burger-btn{color:var(--c-on-dark)}
.header .cart-count{background:var(--c-accent-light);color:var(--c-ink-deep)}

/* выпадающие меню и каталог внутри шапки остаются светлыми */
.header .drop,.header .mega{color:var(--c-ink)}

/* кнопка «Связаться» в шапке раздела «Бизнесу» */
.header .btn-contact{border-color:var(--c-accent-light);color:var(--c-on-dark)}
.header .btn-contact:hover,.header .btn-contact:focus-visible{background:var(--c-accent-light);color:var(--c-ink-deep)}

/* ---------- Подвал ---------- */
.footer,.band--dark{background:var(--c-footer)}
.footer--collection{padding:34px 40px 22px;color:var(--c-on-dark)}
.footer--collection .footer__nav{display:flex;flex-wrap:wrap;gap:12px 28px;padding-bottom:24px;border-bottom:1px solid rgba(236,229,220,.2)}
.footer--collection .footer__nav a{color:inherit;text-decoration:none}
.footer--collection .footer__nav a:hover,.footer--collection .footer__nav a:focus-visible{color:var(--c-accent-light)}
.footer--collection .footer__bottom{display:flex;justify-content:space-between;gap:16px;padding-top:18px;color:rgba(236,229,220,.78)}

@media (max-width:720px){
  .header--simple .header__row{display:flex!important;min-height:56px;padding:14px 22px!important}
  .header--simple .header__logo{font-size:17px}
  .header--simple .nav{display:none!important}
  .footer--collection{padding:28px 22px 20px}
  .footer--collection .footer__bottom{display:block;line-height:1.5}
  .footer--collection .footer__bottom span+span{display:block;margin-top:4px}
}

@media (max-width:900px){
  .header--collection-standard .header__row{min-height:58px;background:var(--c-header)}
  .header--collection-standard .header__logo{font-size:18px}
  .header--collection-standard ~ main{padding-top:0}
}

/* Общая кнопка бизнес-меню на страницах бизнеса и дизайнеров. */
.header--biz .nav .nav__cta{
  display:inline-flex;align-items:center;justify-content:center;
  position:absolute;right:40px;top:calc(50% - 5px);transform:translateY(-50%);
  height:auto;padding:7px 18px;border:1px solid currentColor;
  font-size:15px;letter-spacing:.02em;text-transform:none;line-height:1.2
}
.header--biz .nav .nav__cta::after{display:none}
.header--biz.is-sticky .nav .nav__cta{top:50%}

/* ---------- Фото товаров ----------
   Белый фон у студийных фото сливается с фоном страницы */
.card__img,.gal__img,.gal__thumb img{mix-blend-mode:multiply}

/* ---------- Полоски прогресса в слайдере ---------- */
.progress button{background:rgba(43,39,36,.18)}