/* ============================================================================
   landing-footer.css — единый «подвал посадочной» (план 16, задача 6.22 / G1).
   Блок в конец КАЖДОЙ посадочной: маршруты в каталог + «10 салонов рядом».
   Стык 1→2 (реклама→посадочная→каталог): трафик падает на посадочные глубиной 1,1
   без пути «куда дальше».

   ВЕРСИЯ 2 (27.07.2026, по замечанию Вадима «чёрная плашка не в стиле сайта»):
   светлая тема под витрину GT — белый фон, заголовки #222, золото #eebc70,
   скругление 8px, шрифт НЕ задаём (наследуем тему: Unbounded / Montserrat по флагу).
   Ширина и поля повторяют .maxwidth-theme сайта (max 1564px, поля 32px).
   Неймспейс #gt-landing-footer / .gtlf-*. Мобилка-первично. Только дефис.
   ========================================================================== */
#gt-landing-footer{
  --gtlf-gold:#eebc70;        /* фирменное золото сайта (--theme-base-color) */
  --gtlf-gold-ink:#a8762c;    /* золото для текста: контраст на белом */
  --gtlf-gold-soft:#fdf7ec;   /* золотая подложка иконок */
  --gtlf-gold-line:#f0e0c2;
  --gtlf-ink:#222;            /* заголовки — как h1 сайта */
  --gtlf-txt:#555;            /* основной текст — как body сайта */
  --gtlf-dim:#8a8279;
  --gtlf-line:#ece7df;
  --gtlf-soft:#fbf9f5;
  display:block; clear:both; margin:42px 0 0; padding:0; box-sizing:border-box;
  color:var(--gtlf-txt);
}
#gt-landing-footer *,#gt-landing-footer *::before,#gt-landing-footer *::after{box-sizing:border-box;}

/* --- ширина как у контента сайта --- */
.gtlf-wrap{max-width:1564px; margin:0 auto; padding:0 16px;}
.gtlf-sec{padding:26px 0; border-top:1px solid var(--gtlf-line);}

.gtlf-eyebrow{
  font-size:11px; letter-spacing:.13em; text-transform:uppercase; font-weight:600;
  color:var(--gtlf-gold-ink); margin:0 0 6px;
}
.gtlf-h{
  margin:0 0 18px; font-size:19px; line-height:1.25; font-weight:500;
  color:var(--gtlf-ink); letter-spacing:normal;
}

/* --- маршруты в каталог: витрина с настоящими фото товаров --- */
/* Телефон — 2 колонки: снимок узнаётся с полувзгляда, ярлыки короткие, блок не растёт. */
.gtlf-routes{display:grid; grid-template-columns:repeat(2,1fr); gap:14px;}

/* вариант с фотографией (основной) */
.gtlf-route--photo{
  display:block; text-decoration:none; min-width:0; color:var(--gtlf-ink);
  background:none; border:0; padding:0;
}
.gtlf-route-ph{
  display:block; position:relative; aspect-ratio:1/1; overflow:hidden;
  border:1px solid var(--gtlf-line); border-radius:12px; background:#fff;
  transition:border-color .25s ease, box-shadow .25s ease;
}
.gtlf-route-ph img{
  width:100%; height:100%; object-fit:contain; padding:9%;
  display:block; transition:transform .45s cubic-bezier(.2,.6,.2,1);
}
.gtlf-route--photo .gtlf-route-tx{display:block; margin-top:11px; padding:0 2px;}
.gtlf-route--photo .gtlf-route-t{display:block; font-size:14px; font-weight:500; line-height:1.3; color:var(--gtlf-ink); transition:color .2s ease;}
.gtlf-route--photo .gtlf-route-s{display:block; font-size:12px; color:var(--gtlf-dim); margin-top:3px; line-height:1.35;}
.gtlf-route--photo:hover,.gtlf-route--photo:focus{text-decoration:none; color:var(--gtlf-ink);}
.gtlf-route--photo:hover .gtlf-route-ph{border-color:var(--gtlf-gold); box-shadow:0 14px 30px -20px rgba(35,27,20,.45);}
.gtlf-route--photo:hover img{transform:scale(1.05);}
.gtlf-route--photo:hover .gtlf-route-t{color:var(--gtlf-gold-ink);}
.gtlf-route--photo:focus-visible .gtlf-route-ph{outline:2px solid var(--gtlf-gold); outline-offset:3px;}

/* запасной вариант без фото (если снимок не нашёлся) — прежняя строка с иконкой */
.gtlf-route:not(.gtlf-route--photo){
  display:flex; align-items:center; gap:13px; text-decoration:none; min-width:0;
  background:#fff; border:1px solid var(--gtlf-line); border-radius:8px;
  padding:13px 15px; min-height:70px; color:var(--gtlf-ink);
  transition:border-color .18s ease;
}
.gtlf-route:not(.gtlf-route--photo):hover{border-color:var(--gtlf-gold); text-decoration:none;}
.gtlf-route-ic{
  flex:0 0 42px; width:42px; height:42px; border-radius:8px;
  display:flex; align-items:center; justify-content:center;
  background:var(--gtlf-gold-soft); border:1px solid var(--gtlf-gold-line);
}
.gtlf-route-ic svg{width:22px; height:22px; stroke:var(--gtlf-gold-ink);}
.gtlf-route:not(.gtlf-route--photo) .gtlf-route-tx{display:flex; flex-direction:column; min-width:0; flex:1 1 auto;}
.gtlf-route:not(.gtlf-route--photo) .gtlf-route-t{font-size:15px; font-weight:500; line-height:1.25;}
.gtlf-route:not(.gtlf-route--photo) .gtlf-route-s{font-size:12px; color:var(--gtlf-dim); margin-top:3px;}

/* --- 10 салонов рядом --- */
/* мобилка: 1 колонка — адреса длинные, в две колонки их рвёт и обрезает */
.gtlf-salons{display:grid; grid-template-columns:1fr; gap:8px;}
.gtlf-salon{
  display:block; min-width:0; background:var(--gtlf-soft);
  border:1px solid var(--gtlf-line); border-radius:8px; padding:12px 14px;
}
.gtlf-salon-city{font-size:14px; font-weight:500; color:var(--gtlf-ink); line-height:1.25; overflow-wrap:break-word;}
.gtlf-salon-addr{font-size:12px; color:var(--gtlf-dim); margin-top:3px; line-height:1.35; overflow-wrap:break-word;}
.gtlf-salon-tel{
  display:inline-flex; align-items:center; gap:6px; margin-top:8px; flex-wrap:wrap;
  font-size:13px; font-weight:600; color:var(--gtlf-gold-ink); text-decoration:none;
}
.gtlf-salon-tel:hover{text-decoration:underline; color:var(--gtlf-gold-ink);}
.gtlf-salon-tel svg{width:14px; height:14px; stroke:var(--gtlf-gold-ink); flex:0 0 auto;}
.gtlf-salon-tel span{color:var(--gtlf-dim); font-weight:400;}
.gtlf-salons-cta{
  display:flex; align-items:center; justify-content:center; gap:8px;
  margin-top:16px; padding:14px 18px; border-radius:8px; text-decoration:none;
  background:var(--gtlf-gold); color:#2c1b13; font-weight:600; font-size:15px;
  transition:filter .18s ease, transform .18s ease;
}
.gtlf-salons-cta svg{width:20px; height:20px; flex:0 0 auto; stroke:#2c1b13;}
.gtlf-salons-cta:hover{filter:brightness(1.05); transform:translateY(-1px); text-decoration:none; color:#2c1b13;}
.gtlf-salons-note{margin:12px 2px 0; font-size:12px; color:var(--gtlf-dim); text-align:center; line-height:1.4;}

/* --- планшет/десктоп --- */
@media (min-width:560px){
  .gtlf-salons{grid-template-columns:repeat(2,1fr);}
}
@media (min-width:768px){
  .gtlf-wrap{padding:0 32px;}
  .gtlf-sec{padding:32px 0;}
  .gtlf-h{font-size:22px; margin-bottom:20px;}
  .gtlf-routes{grid-template-columns:repeat(4,1fr); gap:18px;}
  .gtlf-salons{grid-template-columns:repeat(3,1fr); gap:10px;}
  .gtlf-route--photo .gtlf-route-t{font-size:15px;}
}
@media (min-width:1200px){
  .gtlf-salons{grid-template-columns:repeat(5,1fr);}
}
@media (prefers-reduced-motion:reduce){
  .gtlf-route,.gtlf-salons-cta{transition:none;}
  .gtlf-route:hover,.gtlf-salons-cta:hover{transform:none;}
}