/* Токены публичного chrome (шапка / футер / dock). Совместимы с home-sd. */
:root {
  --white: #ffffff;
  --gray-2: #f5f5f5;
  --line: #e8e8e8;
  --blush: #f3e4e0;
  --blue-dark: #27314a;
  --gray-dark: #6e6e6e;
  --gray: #acb2c1;
  --pink: #d1436d;
  --pink-dark: #be345e;
  --pink-soft: #fbe9ee;
  --on-pink: #ffffff;
  --shadow-app: 0 1px 2px rgba(39, 49, 74, 0.06), 0 24px 60px rgba(39, 49, 74, 0.14);
  --shadow-focus: 0 0 0 4px rgba(190, 52, 94, 0.32);
  --radius-btn: 24px;
  --radius-card: 16px;
  --font-montserrat: Montserrat, system-ui, sans-serif;
  --font-onest: Onest, system-ui, sans-serif;
}

/* Контейнер ширины внутри chrome */
.hd .w,
.ftr .w {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 32px;
  box-sizing: border-box;
}

@media (max-width: 960px) {
  .hd .w,
  .ftr .w {
    padding: 0 20px;
  }
}

@media (max-width: 640px) {
  .hd .w,
  .ftr .w {
    padding: 0 16px;
  }
}

/* Кнопки chrome (футер CTA) */
.sd-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 68px;
  padding: 0 32px;
  border-radius: var(--radius-btn);
  font: 700 16px/1 var(--font-onest);
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  box-sizing: border-box;
}
.sd-btn:focus-visible {
  outline: none;
  box-shadow: var(--shadow-focus);
}
.sd-btn--pink {
  background: var(--pink);
  color: var(--on-pink) !important;
}
.sd-btn--pink:hover {
  background: var(--pink-dark);
  color: var(--on-pink) !important;
}
.sd-btn--outline {
  background: var(--white);
  color: var(--blue-dark) !important;
  border-color: var(--pink);
}
.sd-btn--outline:hover {
  background: var(--pink);
  color: var(--on-pink) !important;
}
.sd-btn--sm {
  height: 46px;
  padding: 0 22px;
  border-radius: var(--radius-card);
  font-size: 15px;
}

/* Отступ под мобильный dock */
@media (max-width: 640px) {
  body:not(.lk-app) .wrapper {
    padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px));
  }
}