/* ===== IBM Plex Sans ===== */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap');


/* ===== GLOBAL (variables, reset, shared classes) ===== */

/* ============================================================
   GLOBAL / ADDITIONAL CSS — вставить один раз в настройках
   страницы Tilda (Page settings → Additional CSS), ДО блоков.
   ============================================================ */
:root{
  --navy-950:#050912;
  --navy-900:#0A1120;
  --navy-800:#141E33;
  --navy-700:#243352;
  --navy-400:#6B7690;
  --amber-500:#F4DB60;
  --amber-600:#E3C63F;
  --bg:#FAFAF8;
  --surface:#FFFFFF;
  --surface-alt:#F1F1EC;
  --text:#12172A;
  --text-muted:#666F86;
  --line:#E6E5DE;
  --radius:14px;
  --container:1116px;
}
.ss *{box-sizing:border-box;}
.ss{background:var(--bg);color:var(--text);font-family:'IBM Plex Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased;}
.ss h1,.ss h2,.ss h3{font-family:'IBM Plex Sans',system-ui,sans-serif;color:var(--navy-950);margin:0;letter-spacing:-0.015em;font-weight:600;}
.ss a{color:inherit;text-decoration:none;}
.ss img{max-width:100%;display:block;}
.ss .wrap{max-width:var(--container);margin:0 auto;padding:0 24px;}
.ss .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--navy-700);margin-bottom:14px;}
.ss .eyebrow::before{content:"";width:8px;height:8px;background:var(--amber-500);border:1px solid var(--navy-900);display:inline-block;transform:rotate(45deg);flex:none;}
.ss .eyebrow.on-dark{color:var(--amber-500);}
.ss .eyebrow.on-dark::before{border-color:var(--navy-950);}
.ss .section-title{font-size:32px;line-height:1.18;margin-bottom:14px;}
.ss .section-lead{font-size:16px;line-height:1.6;color:var(--text-muted);max-width:640px;}
.ss .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:'IBM Plex Sans',system-ui,sans-serif;font-weight:600;font-size:14.5px;padding:13px 24px;border-radius:999px;border:none;cursor:pointer;transition:transform .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease;white-space:nowrap;}
.ss .btn-primary{background:var(--navy-950);color:var(--bg);}
.ss .btn-primary:hover{background:var(--navy-800);transform:translateY(-1px);box-shadow:0 6px 16px rgba(5,9,18,.25);}
.ss .btn-outline{background:transparent;color:var(--navy-950);border:1.5px solid var(--navy-800);}
.ss .btn-outline:hover{background:var(--navy-950);color:var(--bg);border-color:var(--navy-950);}
.ss .btn-amber{background:var(--amber-500);color:var(--navy-950);}
.ss .btn-amber:hover{background:var(--amber-600);transform:translateY(-1px);box-shadow:0 6px 16px rgba(244,219,96,.4);}
.ss .btn-block{width:100%;}
.ss .ico-tile{width:41px;height:41px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex:none;background:var(--surface-alt);color:var(--navy-950);}
.ss .ico-tile svg{width:20px;height:20px;}
.ss .ico-tile.dark{background:var(--navy-950);color:var(--amber-500);width:38px;height:38px;border-radius:10px;}
.ss .ico-tile.dark svg{width:18px;height:18px;}
.ss .placeholder-img{position:relative;background:var(--surface-alt);border:1px solid var(--line);overflow:hidden;}
.ss .placeholder-img::before{content:"";position:absolute;inset:0;background-image:linear-gradient(135deg, transparent 46%, var(--line) 46%, var(--line) 54%, transparent 54%);opacity:.6;}
.ss .placeholder-img::after{content:"IMG";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--navy-400);background:var(--surface);padding:3px 9px;border-radius:5px;border:1px solid var(--line);}


/* ===== BLOCK: header (fixed + полупрозрачная подложка + бургер-меню на мобильных) ===== */

.ss-header{
  position:fixed;
  top:0; left:0; right:0;
  z-index:200;
  background:rgba(250,250,248,.72);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
  transition:background .2s ease, box-shadow .2s ease;
}
/* фолбэк для браузеров без поддержки backdrop-filter — подложка чуть плотнее */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){
  .ss-header{ background:rgba(250,250,248,.96); }
}
.ss-header.is-scrolled{
  background:rgba(250,250,248,.86);
  box-shadow:0 8px 24px rgba(5,9,18,.06);
}
.ss-header .nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 24px;max-width:var(--container);margin:0 auto;}
.ss-header .logo{display:flex;align-items:center;flex:none;}
.ss-header .logo svg{height:35px;width:auto;display:block;} /* увеличено в 1.75 раза (было 20px) */
.ss-header .logo svg path{fill:#050912 !important;} /* цвет логотипа зафиксирован, не наследует и не меняется */
.ss-header .navlinks{display:flex;gap:28px;font-size:14.5px;font-weight:500;color:var(--navy-800);flex:1;justify-content:center;}
.ss-header .navlinks a{position:relative;padding:4px 0;white-space:nowrap;}
.ss-header .navlinks a:hover{color:var(--navy-950);}
.ss-header .navlinks a::after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--amber-500);transition:width .2s ease;}
.ss-header .navlinks a:hover::after{width:100%;}
.ss-header .nav-right{display:flex;align-items:center;gap:20px;flex:none;}
.ss-header .phone{font-weight:600;font-size:14.5px;color:var(--navy-950);white-space:nowrap;}

/* бургер-кнопка — скрыта на десктопе */
.ss-header .burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:var(--surface);flex:none;cursor:pointer;padding:0;}
.ss-header .burger span{display:block;width:16px;height:2px;margin:0 auto;background:var(--navy-950);transition:transform .2s ease,opacity .2s ease;}
.ss-header .burger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.ss-header .burger.is-open span:nth-child(2){opacity:0;}
.ss-header .burger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* мобильная выпадающая менюшка (dropdown) */
.ss-header .mobile-menu{display:none;flex-direction:column;gap:2px;padding:8px 16px 18px;border-top:1px solid var(--line);background:var(--bg);}
.ss-header .mobile-menu.is-open{display:flex;}
.ss-header .mobile-menu a{padding:13px 4px;font-size:15px;font-weight:500;color:var(--navy-950);border-bottom:1px solid var(--line);}
.ss-header .mobile-menu .phone{padding:14px 4px 4px;border:none;}
.ss-header .mobile-menu .btn{margin-top:12px;width:100%;color:var(--bg);border-bottom:none;}

@media (max-width:1000px){
  .ss-header .navlinks{display:none;}
  .ss-header .burger{display:flex;}
  .ss-header .nav-right .phone{display:none;}
  .ss-header .nav-right > a.btn{display:none;} /* десктопная кнопка прячется здесь же — переезжает в dropdown; раньше пряталась только с 640px, из-за чего в 641–999px она стояла впритык к бургеру и «сливалась» с ним */
}
@media (max-width:640px){
  .ss-header .nav{padding:14px 16px;}
}

/* распорка под фиксированный хедер — высота = реальной высоте .nav (десктоп/мобайл разная) */
.ss-header-spacer{height:82px;}
@media (max-width:640px){.ss-header-spacer{height:68px;}}


/* ===== BLOCK: hero (выравнивание по левому краю/верху, фон — ссылка на изображение, без жёлтой заливки) ===== */

.ss-hero{position:relative;overflow:hidden;min-height:560px;display:block;color:#fff;}
.ss-hero .hero-bg{
  position:absolute;inset:0;
  /* ССЫЛКА НА ФОНОВОЕ ИЗОБРАЖЕНИЕ — вставь URL картинки вместо плейсхолдера ниже */
  background-image:
    linear-gradient(100deg, rgba(5,9,18,.92) 0%, rgba(5,9,18,.72) 38%, rgba(5,9,18,.28) 68%, rgba(5,9,18,.1) 100%),
    url('https://static.tildacdn.com/tild6636-6439-4263-a164-343861303430/1.png');
  background-size:cover;
  background-position:center;
  background-color:var(--navy-800); /* видно, пока ссылка не вставлена / если картинка не загрузилась */
}
.ss-hero .wrap{position:relative;z-index:2;padding:96px 24px 72px;} /* обычный верхний паддинг, как у остальных блоков, без вертикального центрирования */
.ss-hero .hero-content{max-width:560px;text-align:left;}
.ss-hero h1{font-size:46px;line-height:1.12;font-weight:600;margin:16px 0 20px;color:#fff;}
.ss-hero p{font-size:16px;line-height:1.6;color:rgba(255,255,255,.78);max-width:460px;margin:0 0 30px;}
.ss-hero .hero-actions{display:flex;gap:14px;flex-wrap:wrap;}
.ss-hero .btn-outline{color:#fff;border-color:rgba(255,255,255,.5);}
.ss-hero .btn-outline:hover{background:#fff;color:var(--navy-950);border-color:#fff;}
.ss-hero .eyebrow.on-dark{color:var(--amber-500);}
@media (max-width:640px){
  .ss-hero{min-height:auto;}
  .ss-hero .wrap{padding:56px 18px 48px;}
  .ss-hero h1{font-size:32px;}
}


/* ===== BLOCK: about ===== */

.ss-about{padding:64px 0;}
.ss-about .about-head{max-width:640px;margin-bottom:36px;}
.ss-about .about-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.ss-about .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;}
.ss-about .card .ico-tile{margin-bottom:26px;}
.ss-about .card p{font-size:14.5px;line-height:1.5;font-weight:500;color:var(--navy-950);margin:0;}
@media (max-width:900px){.ss-about .about-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:520px){.ss-about .about-grid{grid-template-columns:1fr;}}


/* ===== BLOCK: services ===== */

.ss-services{padding:64px 0;}
.ss-services .services-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px;flex-wrap:wrap;}
.ss-services .toggle{display:inline-flex;align-items:center;background:var(--navy-950);border-radius:999px;padding:4px;gap:2px;flex:none;}
.ss-services .toggle button{appearance:none;border:none;background:transparent;font-family:'IBM Plex Sans',system-ui,sans-serif;font-weight:600;font-size:14px;color:#fff;padding:10px 20px;border-radius:999px;cursor:pointer;transition:background .2s ease,color .2s ease;}
.ss-services .toggle button.active{background:var(--amber-500);color:var(--navy-950);}
.ss-services .services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.ss-services .services-grid[hidden]{display:none;}
.ss-services .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;}
.ss-services .card .ico-tile{margin-bottom:22px;}
.ss-services .card h3{font-size:16px;font-weight:600;margin-bottom:6px;}
.ss-services .card p{font-size:13.5px;line-height:1.5;color:var(--text-muted);margin:0;}
.ss-services .services-foot{margin-top:16px;background:var(--navy-950);border-radius:var(--radius);padding:20px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}
.ss-services .services-foot p{margin:0;color:rgba(255,255,255,.85);font-size:14.5px;}
.ss-services .services-foot p a{color:var(--amber-500);font-weight:600;}
@media (max-width:900px){.ss-services .services-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:640px){
  .ss-services .services-grid{grid-template-columns:1fr;}
  .ss-services .services-head{align-items:flex-start;}
  .ss-services .toggle{width:100%;justify-content:space-between;}
  .ss-services .toggle button{flex:1;}
}


/* ===== BLOCK: pricing (выравнивание слева/сверху, фон — реальная ссылка на изображение) ===== */

.ss-pricing{position:relative;min-height:420px;display:block;color:#fff;overflow:hidden;}
.ss-pricing .pricing-bg{
  position:absolute;inset:0;
  background-image:
    linear-gradient(100deg, rgba(5,9,18,.94) 0%, rgba(5,9,18,.78) 42%, rgba(5,9,18,.32) 72%, rgba(5,9,18,.12) 100%),
    url('https://static.tildacdn.com/tild6264-3336-4561-a662-346539383236/2.png');
  background-size:cover;
  background-position:center;
  background-color:var(--navy-800);
}
.ss-pricing .wrap{position:relative;z-index:2;padding:72px 24px;} /* верхний паддинг вместо вертикального центрирования */
.ss-pricing .pricing-content{max-width:480px;text-align:left;}
.ss-pricing h2{color:#fff;font-size:28px;line-height:1.22;margin-bottom:14px;}
.ss-pricing p.lead{color:rgba(255,255,255,.75);font-size:15px;line-height:1.6;margin:0 0 22px;}
.ss-pricing ul{list-style:none;margin:0 0 28px;padding:0;display:flex;flex-direction:column;gap:11px;}
.ss-pricing ul li{display:flex;align-items:center;gap:10px;font-size:14.5px;color:rgba(255,255,255,.9);}
.ss-pricing ul li::before{content:"";width:7px;height:7px;background:var(--amber-500);flex:none;}
@media (max-width:640px){.ss-pricing .wrap{padding:48px 18px;}.ss-pricing h2{font-size:24px;}}


/* ===== BLOCK: offers ===== */

.ss-offers{padding:64px 0;}
.ss-offers .offers-head{max-width:640px;margin-bottom:32px;}
.ss-offers .offers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.ss-offers .card{background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:box-shadow .2s ease, transform .2s ease;}
.ss-offers .card:hover{box-shadow:0 10px 26px rgba(5,9,18,.12);transform:translateY(-2px);}
.ss-offers .photo{position:relative;aspect-ratio:4/2.7;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:var(--surface-alt);}
.ss-offers .badge{position:absolute;left:14px;top:14px;background:var(--amber-500);color:var(--navy-950);font-size:12.5px;font-weight:700;padding:5px 12px;border-radius:999px;z-index:2;}
.ss-offers .body{padding:16px 18px 20px;}
.ss-offers .body h3{font-size:15.5px;font-weight:600;margin-bottom:6px;}
.ss-offers .body p{font-size:13.5px;line-height:1.5;color:var(--text-muted);margin:0;}
@media (max-width:900px){.ss-offers .offers-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.ss-offers .offers-grid{grid-template-columns:1fr;}}


/* ===== BLOCK: team ===== */

.ss-team{padding:64px 0;}
.ss-team .team-head{max-width:640px;margin-bottom:32px;}
.ss-team .team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.ss-team .member .photo{aspect-ratio:1/1;border-radius:var(--radius);margin-bottom:14px;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:var(--surface-alt);}
.ss-team .member h3{font-size:15px;font-weight:600;margin-bottom:3px;}
.ss-team .member p{font-size:13px;color:var(--text-muted);margin:0;}
@media (max-width:900px){.ss-team .team-grid{grid-template-columns:repeat(2,1fr);}}


/* ===== BLOCK: process ===== */

.ss-process{padding:64px 0;}
.ss-process .process-head{max-width:640px;margin-bottom:32px;}
.ss-process .process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.ss-process .step{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;}
.ss-process .num{width:28px;height:28px;border-radius:8px;background:var(--navy-950);color:var(--amber-500);display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:700;margin-bottom:22px;}
.ss-process h3{font-size:15.5px;font-weight:600;margin-bottom:6px;}
.ss-process p{font-size:13.5px;line-height:1.5;color:var(--text-muted);margin:0;}
@media (max-width:900px){.ss-process .process-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:520px){.ss-process .process-grid{grid-template-columns:1fr;}}


/* ===== BLOCK: advantages ===== */

.ss-advantages{padding:64px 0;}
.ss-advantages .adv-head{max-width:640px;margin-bottom:32px;}
.ss-advantages .adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.ss-advantages .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;transition:background .2s ease, border-color .2s ease;}
.ss-advantages .card .ico-tile{background:var(--surface-alt);color:var(--navy-950);margin-bottom:24px;transition:background .2s ease, color .2s ease;}
.ss-advantages .card h3{font-size:16px;font-weight:600;margin-bottom:8px;transition:color .2s ease;}
.ss-advantages .card p{font-size:13.5px;line-height:1.5;color:var(--text-muted);margin:0;transition:color .2s ease;}
/* первая карточка активна по умолчанию */
.ss-advantages .adv-grid .card:first-child{background:var(--navy-950);border-color:var(--navy-950);}
.ss-advantages .adv-grid .card:first-child .ico-tile{background:var(--amber-500);color:var(--navy-950);}
.ss-advantages .adv-grid .card:first-child h3{color:#fff;}
.ss-advantages .adv-grid .card:first-child p{color:rgba(255,255,255,.7);}
/* при наведении на группу — снимаем активность с первой, если наведена другая */
.ss-advantages .adv-grid:hover .card:first-child:not(:hover){background:var(--surface);border-color:var(--line);}
.ss-advantages .adv-grid:hover .card:first-child:not(:hover) .ico-tile{background:var(--surface-alt);color:var(--navy-950);}
.ss-advantages .adv-grid:hover .card:first-child:not(:hover) h3{color:var(--navy-950);}
.ss-advantages .adv-grid:hover .card:first-child:not(:hover) p{color:var(--text-muted);}
/* hover на любой карточке — тёмный вид */
.ss-advantages .card:hover{background:var(--navy-950);border-color:var(--navy-950);}
.ss-advantages .card:hover .ico-tile{background:var(--amber-500);color:var(--navy-950);}
.ss-advantages .card:hover h3{color:#fff;}
.ss-advantages .card:hover p{color:rgba(255,255,255,.7);}
@media (max-width:900px){.ss-advantages .adv-grid{grid-template-columns:1fr;}}


/* ===== BLOCK: cases (бесконечная карусель + фото — ссылки на облако) ===== */

.ss-cases{padding:64px 0;}
.ss-cases .cases-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px;flex-wrap:wrap;}
.ss-cases .arrows{display:flex;gap:10px;flex:none;}
.ss-cases .arrows button{width:44px;height:44px;border-radius:999px;border:1.5px solid var(--navy-800);background:transparent;color:var(--navy-950);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease,transform .15s ease;}
.ss-cases .arrows button:hover{background:var(--navy-950);color:#fff;transform:translateY(-1px);}
.ss-cases .arrows button svg{width:18px;height:18px;}
.ss-cases .cases-viewport{overflow:hidden;}
.ss-cases .cases-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:4px;-ms-overflow-style:none;scrollbar-width:none;}
.ss-cases .cases-track::-webkit-scrollbar{display:none;}
.ss-cases .cases-track.no-smooth{scroll-behavior:auto;} /* на время бесшовного скачка назад/вперёд анимация отключается */
.ss-cases .case{flex:0 0 auto;width:calc((100% - 32px)/3);scroll-snap-align:start;}
.ss-cases .case .photo{
  aspect-ratio:4/2.8;
  border-radius:var(--radius);
  margin-bottom:14px;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  background-color:var(--surface-alt); /* видно, пока ссылка не вставлена / если фото не загрузилось */
}
.ss-cases .case h3{font-size:15px;font-weight:600;margin-bottom:4px;}
.ss-cases .case .sub{font-size:13px;color:var(--text-muted);margin:0 0 12px;}
.ss-cases .case .stats{display:flex;gap:22px;border-top:1px solid var(--line);padding-top:12px;}
.ss-cases .case .stat b{display:block;font-size:14.5px;font-weight:600;color:var(--navy-950);}
.ss-cases .case .stat span{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--navy-400);}
@media (max-width:900px){.ss-cases .case{width:calc((100% - 16px)/2);}}
@media (max-width:640px){.ss-cases .case{width:85%;}}


/* ===== BLOCK: contact ===== */

.ss-contact{padding:16px 0 64px;}
.ss-contact .card{background:var(--navy-950);border-radius:26px;padding:44px;display:flex;gap:40px;align-items:center;justify-content:space-between;flex-wrap:wrap;color:#fff;}
.ss-contact .info{max-width:420px;}
.ss-contact .info h2{color:#fff;font-size:27px;line-height:1.25;margin-bottom:14px;}
.ss-contact .info p{color:rgba(255,255,255,.7);font-size:14.5px;line-height:1.6;margin:0 0 20px;}
.ss-contact .info .live{display:flex;align-items:center;gap:9px;font-size:13.5px;color:rgba(255,255,255,.85);}
.ss-contact .info .live::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--amber-500);}
.ss-contact form{width:100%;max-width:478px;flex:none;display:flex;flex-direction:column;gap:12px;}
.ss-contact form input,.ss-contact form textarea{width:100%;background:var(--navy-900);border:1px solid var(--navy-700);border-radius:10px;padding:14px 16px;color:#fff;font-family:'IBM Plex Sans',system-ui,sans-serif;font-size:14.5px;resize:none;}
.ss-contact form input::placeholder,.ss-contact form textarea::placeholder{color:var(--navy-400);}
.ss-contact form textarea{min-height:88px;}
.ss-contact form input:focus,.ss-contact form textarea:focus{outline:none;border-color:var(--amber-500);}
@media (max-width:900px){.ss-contact .card{padding:32px 24px;}}


/* ===== BLOCK: footer ===== */

.ss-footer{padding:36px 0 30px;border-top:1px solid var(--line);}
.ss-footer .foot-grid{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap;}
.ss-footer .brand svg{height:30px;width:auto;margin-bottom:12px;}
.ss-footer .brand p{max-width:280px;font-size:13px;line-height:1.55;color:var(--text-muted);margin:0;}
.ss-footer .col h4{font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--navy-950);margin:0 0 12px;}
.ss-footer .col a{display:block;font-size:13px;color:var(--text-muted);margin-bottom:8px;}
.ss-footer .col a:hover{color:var(--navy-950);}
.ss-footer .contacts{font-size:14px;font-weight:600;color:var(--navy-950);}
.ss-footer .contacts a{display:block;margin-bottom:6px;}
@media (max-width:700px){.ss-footer .foot-grid{flex-direction:column;}}