.site-footer{
  background:#fff; color:#2a1a10; border-top:1px solid #F1ECE7;
}
.site-footer__wrap{
  max-width:1280px; margin:0 auto; padding: clamp(20px,4vw,36px) 20px;
  display:grid; gap:16px; grid-template-columns: 1fr 1fr 1fr;
}
.site-footer__bottom{
  border-top:1px solid #F6EFE9;
  padding:12px 20px; text-align:center; color:#7a6a60;
  font-size:14px;
}
.ft-col h4{ margin:0 0 .5rem; font-weight:800; font-size:16px; }
.ft-col p{ margin:.25rem 0; }

.ft-link{
  color:#2a1a10; text-decoration:none; font-weight:700; letter-spacing:.01em;
  border-bottom:1px solid rgba(42,26,16,.2);
}
.ft-link:hover{ border-bottom-color: rgba(42,26,16,.5); text-decoration:none;}
.ft-link:focus{ outline:none; text-decoration:none;}
.ft-link:focus-visible{ outline:2px solid #FFE3D0; outline-offset:3px; border-radius:6px; text-decoration:none;}


/* ссылки в футере — один цвет во всех состояниях */
.site-footer .ft-link,
.site-footer .ft-link:link,
.site-footer .ft-link:visited,
.site-footer .ft-link:hover,
.site-footer .ft-link:active{
  color:#2a1a10;
  text-decoration:none;
}

/* без синего подсвета при тапе (iOS/Android) */
.site-footer a{ -webkit-tap-highlight-color: transparent; }

/* свой фокус — чтобы было видно с клавиатуры */
.site-footer .ft-link:focus{ outline:none; }
.site-footer .ft-link:focus-visible{
  outline:2px solid #FFE3D0;
  outline-offset:3px;
  border-radius:6px;
}

/* если хочешь убрать «синий при выделении текста» внутри футера */
.site-footer ::selection{ background:#FFE6CF; color:#2a1a10; }
.site-footer ::-moz-selection{ background:#FFE6CF; color:#2a1a10; }

.pwa-install-btn {
  display: none;                /* будет показана только скриптом */
  padding: 12px 20px;
  background-color: #ff8a65;    /* персиковый акцент */
  color: #fff;
  font-size:1em;
  margin-top: 1em;
  font-weight: 500;
  border: none;
  border-radius: 12px;          /* мягкие углы */
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
  cursor: pointer;
  transition: background-color 0.2s, transform 0.2s;
}

.pwa-install-btn:hover {
  background-color: #ff7043;    /* чуть темнее при наведении */
  transform: translateY(-2px);
}

.pwa-install-btn:active {
  transform: translateY(0);
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.mobile{
    display:none
}

@media (max-width:1024px){

    .site-footer__wrap{
      max-width:1280px; margin:0 auto; padding: 3em;
      display:grid; gap:1.5em; grid-template-columns: 1fr 1fr;
    }
    .ft-col h4 {
        font-size: 1.6em;
    }
    .ft-col p {
        font-size: 1.4em;
    }
    .no_mobile{
        display:none
    }
    .site-footer__bottom {
        text-align: center;
        font-size: 1.2em;
        margin-bottom:1em;
        padding: 10px 10px;
    }
    .pwa-install-btn {
      padding: 12px 20px;
      font-size:1.5em;
      margin-top: 1em;
    }
}



@media (max-width:720px){
  .site-footer__wrap{ grid-template-columns:1fr; }
}