/* Общий футер cropmap.ai (PD/site_footer.py): снимок Sentinel-2 на всю ширину (Добруджа, мыс Калиакра, 25.06.2025) — поля слева, текст справа по морю.
   Самодостаточный: свои контейнер/логотип/шрифты и сбросы — страницы с разными стилями (лендинг, legal, кейсы, страны, React /api) не должны его ломать.
   z-index 20 — как у <main> лендинга: закреплённые шаги героя (z 10) не ложатся поверх. */
footer.ft{position:relative;z-index:20;isolation:isolate;overflow:hidden;display:block;margin:0;padding:0;border:0;background:#13233c;color:#eef3f6;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,"Noto Sans","Noto Sans Devanagari","PingFang SC","Microsoft YaHei",sans-serif;
  font-size:16px;line-height:1.5;text-align:left;letter-spacing:normal;-webkit-font-smoothing:antialiased}
footer.ft *,footer.ft *::before,footer.ft *::after{box-sizing:border-box}
footer.ft a{color:inherit;text-decoration:none;margin:0}   /* у страниц стран: footer a{margin-right:16px} */
footer.ft p,footer.ft h4{margin:0}
.ft-bg{position:absolute;inset:0;z-index:-1;background-color:#13233c;background-repeat:no-repeat;background-size:cover;background-position:28% 62%;
  background-image:linear-gradient(180deg,#0b0e0a 0,rgba(11,14,10,0) 130px),linear-gradient(90deg,rgba(9,18,32,0) 26%,rgba(9,18,32,.42) 46%,rgba(9,18,32,.5)),url(/img/footer/footer-dobruja-1440.jpg);
  background-image:linear-gradient(180deg,#0b0e0a 0,rgba(11,14,10,0) 130px),linear-gradient(90deg,rgba(9,18,32,0) 26%,rgba(9,18,32,.42) 46%,rgba(9,18,32,.5)),image-set(url(/img/footer/footer-dobruja-1440.webp) 1x,url(/img/footer/footer-dobruja.webp) 2x)}
.ft-shell{max-width:1140px;margin:0 auto;padding:0 24px}
.ft-in{display:grid;grid-template-columns:1fr minmax(0,560px);gap:40px;padding-top:160px;padding-bottom:60px;min-height:640px}
.ft-brand{display:flex;flex-direction:column;gap:22px;align-self:start}
.ft-logo{display:inline-flex;align-items:center;gap:10px;font-weight:750;font-size:19px;letter-spacing:-.02em;color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.55)}
.ft-logo b{color:#fff;font-weight:750}
.ft-tld{color:rgba(233,239,226,.6);font-weight:600}
.ft-mk{width:26px;height:26px;border-radius:7px;flex:0 0 auto;position:relative;overflow:hidden;background:   /* как .logo .mk в шапке лендинга */
  linear-gradient(135deg,#3f6b3a,#3f6b3a) 0 0/50% 50% no-repeat,linear-gradient(#e0a800,#e0a800) 50% 0/50% 50% no-repeat,
  linear-gradient(#ff8c2b,#ff8c2b) 0 50%/50% 50% no-repeat,linear-gradient(#caa45a,#caa45a) 50% 50%/50% 50% no-repeat;box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}
.ft-icons{display:flex;gap:8px}
.ft-icons a{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:rgba(9,20,34,.55);border:1px solid rgba(255,255,255,.16);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#e6eef4;transition:background .2s,border-color .2s,color .2s}
.ft-icons a:hover{background:rgba(230,178,31,.2);border-color:rgba(230,178,31,.55);color:#f0c645}
.ft-icons svg{width:18px;height:18px;display:block}
.ft-main{display:flex;flex-direction:column;gap:34px;align-self:start;min-width:0}
.ft-cta{display:inline-flex;align-items:center;gap:14px;align-self:flex-start;font-size:26px;font-weight:600;letter-spacing:-.01em;line-height:1.2;color:#fff;
  padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.32)}
.ft-ar{width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.45);display:grid;place-items:center;font-size:14px;line-height:1;flex:0 0 auto;
  transition:background .2s,border-color .2s,color .2s,transform .2s}
.ft-cta:hover .ft-ar{background:#e6b21f;border-color:#e6b21f;color:#1c1400;transform:translate(2px,-2px)}
.ft-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;background:none;border:0;padding:0;position:static}
.ft-cols h4{margin:0 0 10px;font-size:14px;font-weight:650;line-height:1.3;color:#fff;letter-spacing:0;text-transform:none}
.ft-cols a{display:block;font-size:14px;line-height:1.45;color:rgba(230,238,244,.78);padding:4px 0;overflow-wrap:anywhere}
.ft-cols a:hover{color:#f0c645}
footer.ft form.ft-form{display:flex;flex-direction:row;align-items:center;max-width:430px;margin:0;background:#f3ecdc;border:0;border-radius:7px;padding:5px;gap:6px;box-shadow:none}
footer.ft .ft-form input[type=email]{flex:1;min-width:0;width:auto;height:auto;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;
  font:inherit;font-size:14.5px;line-height:1.3;color:#1b1a14;padding:8px 10px;outline:none}
footer.ft .ft-form input[type=email]::placeholder{color:#6d6a5c;opacity:1}
footer.ft .ft-form .ft-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
footer.ft .ft-form button{flex:0 0 auto;width:auto;margin:0;border:0;border-radius:5px;background:#0f130e;color:#f3ecdc;font:inherit;font-size:14px;font-weight:600;
  line-height:1.2;padding:9px 16px;cursor:pointer;white-space:nowrap;box-shadow:none}
footer.ft .ft-form button:hover{background:#000}
footer.ft .ft-form button:disabled{opacity:.7;cursor:default}
.ft-note{font-size:13.5px;color:rgba(230,238,244,.82);margin-top:-22px}
.ft-note:empty{display:none}
.ft-note a{color:#f0c645}
.ft-about{max-width:440px;font-size:14.5px;line-height:1.55;color:rgba(230,238,244,.84)}
.ft-base{display:flex;justify-content:space-between;gap:8px 24px;flex-wrap:wrap;padding-top:18px;padding-bottom:22px;border-top:1px solid rgba(255,255,255,.13);
  font-family:ui-monospace,"SF Mono","SFMono-Regular",Menlo,"Cascadia Mono","Roboto Mono",monospace;font-size:12px;line-height:1.5;color:rgba(230,238,244,.62)}
@media(max-width:860px){
  /* телефон/планшет: снимок во всю ширину сверху (поля → мыс → море), ниже — цвет моря со снимка (#21364a), текст ложится «на воду» */
  .ft-bg{background-color:#21364a;background-position:50% 0,50% 0,50% 0;background-size:100% 100%,100% auto,100% auto;
    background-image:linear-gradient(180deg,rgba(9,18,32,0) 40%,rgba(9,18,32,.35) 75%,rgba(9,18,32,.55)),linear-gradient(180deg,#0b0e0a 0,rgba(11,14,10,0) 90px),url(/img/footer/footer-dobruja-m.jpg);
    background-image:linear-gradient(180deg,rgba(9,18,32,0) 40%,rgba(9,18,32,.35) 75%,rgba(9,18,32,.55)),linear-gradient(180deg,#0b0e0a 0,rgba(11,14,10,0) 90px),image-set(url(/img/footer/footer-dobruja-m.webp) 1x)}
  .ft-bg::after{content:"";position:absolute;left:0;right:0;top:calc(125vw - 120px);height:120px;background:linear-gradient(180deg,rgba(33,54,74,0),#21364a)}
  .ft-in{grid-template-columns:1fr;gap:56px;padding-top:120px;padding-bottom:44px;min-height:0}
  .ft-cta{font-size:22px}
}
@media(max-width:520px){.ft-cols{grid-template-columns:1fr 1fr;row-gap:26px}.ft-base{flex-direction:column}}