/* KartBot — главная. Светлая гамма §33.1. Структура hero сохранена. */
html{scroll-behavior:smooth}
body.home{font-family:var(--font-ui);background:var(--bg);color:var(--ink);line-height:1.6;overflow-x:hidden}
.home a{color:inherit;text-decoration:none;transition:opacity .3s}
.home .container{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.home .header{position:fixed;top:0;left:0;width:100%;z-index:100;padding:10px 0;
  background:rgba(255,255,255,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid var(--line)}
.home .header .nav.container{max-width:100%;padding:0 20px}
.home .nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}
.home .nav__left{justify-self:start;min-height:32px}
.home .nav__center{display:flex;flex-direction:column;align-items:center;justify-self:center}
.home .nav__logo{font-family:var(--font-logo);font-size:27px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--ink);line-height:1.05}
.home .nav__logo-sub{font-size:9px;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-3);margin-top:2px}
.home .nav__right{display:flex;align-items:center;gap:8px;justify-self:end}
.home .nav__icon{display:flex;width:var(--tap);height:var(--tap);align-items:center;justify-content:center;color:var(--ink);transition:color .3s}
.home .nav__icon:hover{color:var(--peach)}
.home .hero{position:relative;height:100vh;min-height:560px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.home .hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.home .hero__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(26,26,26,.42) 0%,rgba(132,120,95,.34) 100%)}
.home .hero__content{position:relative;text-align:center;z-index:2;color:#fff;padding:0 20px;animation:fadeUp 1.2s ease-out}
.home .hero__title{font-family:var(--font-logo);font-size:clamp(52px,9vw,124px);letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px;line-height:1}
.home .hero__subtitle{font-size:13px;letter-spacing:.3em;text-transform:uppercase;margin-bottom:52px;opacity:.92}
.home .hero__cta{display:inline-block;padding:19px 54px;border:0;border-radius:var(--r-m);
  background:#fff;color:#AFA080;font-family:inherit;font-size:12px;letter-spacing:.22em;
  text-transform:uppercase;cursor:pointer;box-shadow:0 10px 30px rgba(132,120,95,.35);transition:transform .3s,box-shadow .3s}
.home .hero__cta:hover{transform:translateY(-2px);box-shadow:0 14px 38px rgba(132,120,95,.45);opacity:1}
.home .hero__scroll{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:12px;color:#fff;
  font-size:10px;letter-spacing:.24em;text-transform:uppercase;opacity:.75}
.home .hero__scroll-line{width:1px;height:46px;background:#fff;animation:scrollLine 2s ease-in-out infinite;transform-origin:top}
@keyframes scrollLine{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:968px){
  .home .container{padding:0 18px}
  .home .nav__logo{font-size:22px;letter-spacing:.13em}
  .home .nav__logo-sub{font-size:8px;letter-spacing:.2em}
  .home .hero__title{letter-spacing:.08em}
  .home .hero__cta{padding:17px 38px}
}

/* §33 */
body.home{background-image:linear-gradient(150deg,rgba(132,120,95,0.82) 0%,rgba(175,160,128,0.88) 50%,rgba(196,178,144,0.82) 100%),url('assets/img/bg-waves-2.jpg');background-size:cover;background-attachment:fixed;background-position:center;background-repeat:no-repeat}
body.home::before{display:none}
/* === Футер — бежевый фон, черный текст, градиент === */
}

.kbf__in {
  position: relative;
  z-index: 2;
}

.kbf, .kbf h2, .kbf a, .kbf span, .kbf p, .kbf li {
  color: #ffffff !important;
}

.kbf a:hover {
  opacity: 0.7;
}

/* === Футер — тот же фон что и главная === */
.kbf {
  background-image: linear-gradient(150deg,rgba(132,120,95,0.82) 0%,rgba(175,160,128,0.88) 50%,rgba(196,178,144,0.82) 100%), url('assets/img/bg-waves-2.jpg') !important;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  color: #ffffff !important;
  position: relative;
  padding-top: 80px;
}

.kbf__in {
  position: relative;
  z-index: 2;
}

.kbf, .kbf h2, .kbf a, .kbf span, .kbf p, .kbf li {
  color: #ffffff !important;
}

.kbf a:hover {
  opacity: 0.7;
}

/* === Футер — компактная вертикальная раскладка === */
.kbf__h {
  margin-bottom: 12px;
  line-height: 1.2;
}

.kbf__phones {
  margin: 0 0 16px 0;
  padding: 0;
  list-style: none;
  line-height: 1.3;
}

.kbf__phones li {
  margin-bottom: 8px;
}

.kbf__mail {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  line-height: 1.3;
}

.kbf__rows {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 20px;
}

.kbf__row {
  display: flex;
  align-items: center;
  gap: 8px;
  line-height: 1.3;
}

.kbf__lbl {
  flex: 0 0 auto;
  line-height: 1.3;
}

.kbf__meta {
  margin: 20px 0 24px 0;
  font-size: 12px;
  line-height: 1.4;
  opacity: 0.8;
}

.kbf__cr {
  margin-top: 32px;
  line-height: 1.3;
}

/* === Футер — точная настройка отступов === */
.kbf__rows {
  gap: 1px !important;
  margin-bottom: 16px !important;
}

.kbf__meta {
  margin: 16px auto 12px auto !important;
  text-align: center;
  max-width: 600px;
}

/* В home.css добавь классы для конкретных строк */

/* Сдвинуть "КАНАЛ КОМПАНИИ" влево на 20px */
.kbf__row:nth-child(1) {
  margin-left: 20px;
}

/* Сдвинуть "KARTBOT В ТЕЛЕГРАММ" вправо на 15px */
.kbf__row:nth-child(2) {
  margin-left: 35px;
}

/* Сдвинуть "INSTAGRAM" влево на 10px */
.kbf__row:nth-child(3) {
  margin-left: 10px;
}
/* === Футер — точная настройка отступов === */
.kbf__rows {
  gap: 1px !important;
  margin-bottom: 16px !important;
}

.kbf__meta {
  margin: 16px auto 12px auto !important;
  text-align: center;
  max-width: 600px;
}

.kbf__row:nth-child(1) {
  margin-left: 20px;
}

.kbf__row:nth-child(2) {
  margin-left: 35px;
}

.kbf__row:nth-child(3) {
  margin-left: 10px;
}


/* §34 — ссылка «Кабинет» в шапке главной */
.home .nav__link{display:inline-flex;align-items:center;min-height:var(--tap);
  padding:0 4px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--ink);transition:color .25s}
.home .nav__link:hover{color:var(--peach)}

/* ── Cookie Banner ── */
.cookie-banner {
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%) translateY(0);
  z-index: 9000;
  width: min(560px, calc(100vw - 32px));
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: var(--r-m);
  box-shadow: var(--shadow);
  padding: 20px 24px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  opacity: 1;
  transition: opacity 200ms ease, transform 200ms ease;
}
.cookie-banner.cookie-banner--hidden {
  opacity: 0;
  transform: translateX(-50%) translateY(16px);
  pointer-events: none;
}
.cookie-banner__text {
  flex: 1 1 260px;
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 1.55;
  color: var(--ink-2);
  margin: 0;
}
.cookie-banner__link {
  color: var(--peach-deep);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.cookie-banner__link:hover { color: var(--peach); }
.cookie-banner__actions {
  display: flex;
  gap: 8px;
  flex-shrink: 0;
}
.cookie-banner__btn {
  font-family: var(--font-ui);
  font-size: 13px;
  font-weight: 500;
  height: var(--tap);
  padding: 0 18px;
  border-radius: var(--r-s);
  border: none;
  cursor: pointer;
  transition: opacity 150ms ease;
  white-space: nowrap;
}
.cookie-banner__btn:hover { opacity: 0.85; }
.cookie-banner__btn:focus-visible {
  outline: 2px solid var(--peach);
  outline-offset: 2px;
}
.cookie-banner__btn--accept {
  background: var(--grad);
  color: var(--white);
}
.cookie-banner__btn--decline {
  background: var(--bg-soft);
  color: var(--ink-2);
  border: 1px solid var(--line);
}
@media (prefers-reduced-motion: reduce) {
  .cookie-banner { transition: none; }
}