/* ============================================================
   14b — Footer «Designed in California»
   Figma: Footer 1600 (1540×120), 1200 (1160×120), 1024 (992×120),
   768 (744×120), 430 (414×96), 375 (363×96), 320 (308×96).
   Базовые стили = фрейм 1600 (поля страницы на 1600 = 24px решением Alexa,
   в макете 30). Угловые контуры: в макете это SVG-штрих 2px #EAEAEA с
   дугой радиуса 18 (по осевой линии) → здесь бордеры с внешним радиусом 19.
   Ширины контуров — доли контейнера из макета (370/1540 = 24.026%).
   Локап 312×62 висит на -2px ниже нижней кромки (как в макете 1600/1200/1024).
   ============================================================ */

.ftr {
  background: transparent; /* фон общий */
}

.ftr-wrap {
  max-width: 1600px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0 24px;
}

.ftr-inner {
  position: relative;
  height: 120px;
}

.ftr-corner {
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 24.026%;
  border-bottom: 2px solid #EAEAEA;
  pointer-events: none;
}

.ftr-corner--l {
  left: 0;
  border-left: 2px solid #EAEAEA;
  border-bottom-left-radius: 19px;
}

.ftr-corner--r {
  right: 0;
  border-right: 2px solid #EAEAEA;
  border-bottom-right-radius: 19px;
}

.ftr-lockup {
  position: absolute;
  left: 50%;
  bottom: -2px;
  transform: translateX(-50%);
  width: 312px;
  height: 62px;
}

/* ============ 1200 (1160×120) ============ */

@media (max-width: 1200px) {
  .ftr-wrap { padding: 0 20px; }
}

/* ============ 1024 (992×120) ============ */

@media (max-width: 1024px) {
  .ftr-wrap { padding: 0 16px; }
}

/* ============ 768 (744×120) ============ */

@media (max-width: 768px) {
  .ftr-wrap { padding: 0 12px; }
  .ftr-lockup { bottom: 0; }
}

/* ============ 430 (414×96): контуры 88 выс. с отступом 8 сверху,
   левый 15.942% (=66), правый фикс. 66px; локап 201×40 ============ */

@media (max-width: 430px) {
  .ftr-wrap { padding: 0 8px; }
  .ftr-inner { height: 96px; }

  .ftr-corner { height: 88px; }
  .ftr-corner--l { width: 15.942%; }
  .ftr-corner--r { width: 66px; }

  .ftr-lockup {
    left: calc(50% + 0.5px);
    width: 201px;
    height: 40px;
  }
}

/* ============ 375 (363×96): левый контур 57.87 (те же 15.942%),
   локап смещён на +1px ============ */

@media (max-width: 375px) {
  .ftr-wrap { padding: 0 6px; }
  .ftr-lockup { left: calc(50% + 1px); }
}

/* ============ 320 (308×96): контуры 52 (16.883% / фикс. 52px),
   локап 141×28 ============ */

@media (max-width: 320px) {
  .ftr-corner--l { width: 16.883%; }
  .ftr-corner--r { width: 52px; }

  .ftr-lockup {
    left: calc(50% + 0.5px);
    width: 141px;
    height: 28px;
  }
}

/* нижний отступ рамки = боковым (правка Alexa) */
.ftr { margin-bottom: 24px; }