/* === Footer === */
.site-footer{ background:#01172C; color:#BECEDD; }
.site-footer a{ color:#BECEDD; text-decoration:none; }
.site-footer .container{ max-width:1444px; }

.footer-top{ padding:96px 0 40px; }
.footer-grid{ display:grid; grid-template-columns: 1fr minmax(300px, 712px); gap:48px; align-items:start; }

.footer-title{ margin:0 0 32px; font-family:'Syne',sans-serif; font-weight:700; font-size:72px; line-height:80px; color:#F5F7F8; }
.footer-subtitle{ margin:0 0 24px; font-family:'Syne',sans-serif; font-weight:500; font-size:24px; line-height:29px; color:#F5F7F8; text-align:right; }

.agents{ display:flex; gap:48px; flex-wrap:wrap; }
.agent{ width:282px; }
.agent-photo{ width:280px; height:280px; object-fit:cover; display:block; background:#CCD6E0; }
.agent-name{ margin-top:18px; font-family:'Syne'; font-weight:700; font-size:28px; line-height:42px; color:#F5F7F8; }
.agent-role{ font-family:'Syne'; font-weight:500; font-size:18px; line-height:22px; color:#BECEDD; margin-bottom:14px; }
.agent-phone{ display:block; font-family:'Syne'; font-weight:700; font-size:28px; line-height:34px; margin-bottom:8px; color:#F5F7F8; }
.agent-mail{ display:block; font-family:'Syne'; font-weight:400; font-size:20px; line-height:24px; color:#F5F7F8; }

.contact-form{ width:100%; max-width:712px; display:grid; grid-template-columns: 1fr; gap:28px; }
.contact-form input,.contact-form textarea{ width:100%; background:transparent; border:none; border-bottom:1px solid #BECEDD; padding:16px 0; color:#F5F7F8; font-family:'Syne'; font-size:20px; line-height:24px; }
.contact-form input::placeholder,.contact-form textarea::placeholder{ color:#F5F7F8; opacity:.9; }
.contact-form .agree{ display:flex; align-items:center; gap:12px; font-size:18px; line-height:22px; color:#BECEDD; }
.contact-form .agree a{ text-decoration:underline; color:#BECEDD; }
.contact-form .agree a:hover{ color:#F5F7F8; }
.contact-form .agree input{ appearance:none; width:30px; height:24px; border:1px solid #F5F7F8; border-radius:4px; display:inline-block; position:relative; background:transparent; }
.contact-form .agree input:checked{ background:#F5F7F8; }
.contact-form .agree input:checked::after{ content:""; position:absolute; left:10px; top:8px; width:5px; height:10px; border-right:3px solid #01172C; border-bottom:3px solid #01172C; transform:rotate(45deg); }
.btn.btn-light.footer-submit{ width:144px; height:56px; border-radius:100px; background:#F5F7F8; color:#01172C; font-weight:600; font-size:18px; line-height:22px; justify-self:end; }
.form-status{ min-height:20px; font-size:14px; color:#8AA1BA; }

.footer-line{ height:1px; background:#213950; width:100%; }
.footer-bottom{ padding:24px 0 40px; }
.footbar{ display:flex; align-items:center; gap:24px; margin-bottom:40px; }
.foot-logo{ width:148px; height:auto; }
.foot-nav{ display:flex; gap:40px; margin-left:auto; }
.foot-nav .cookie-settings-link{ cursor:pointer; transition:opacity 0.2s ease; }
.foot-nav .cookie-settings-link:hover{ opacity:0.8; }
.foot-fb{ display:flex; align-items:center; }
.foot-fb img{ width:11px; height:24px; }
.foot-meta{ display:flex; align-items:center; justify-content:space-between; font-size:16px; }
.heart{ width:16px; height:16px; margin:0 6px; vertical-align:middle; }

@media (max-width: 1200px){
  .footer-top{ padding:60px 0 32px; }
  .footer-grid{ grid-template-columns: 1fr; gap:40px; }
  .footer-title{ font-size: clamp(48px, 5vw, 72px); line-height: clamp(56px, 5.5vw, 80px); }
  .footer-subtitle{ text-align:left; font-size: clamp(20px, 2vw, 24px); line-height: clamp(24px, 2.5vw, 29px); }
  .agents{ gap:32px; align-items: center; flex-direction:column;}
  .agent{ width: 48%; min-width: 280px; }
  .agent-photo{ width:100%; height:auto; aspect-ratio:1/1; }
  .contact-form{ width:100%; max-width:600px; }
  .btn.btn-light.footer-submit{ justify-self:start; width:100%; max-width: 200px; }
  .footbar{ flex-direction:column; align-items:flex-start; gap:20px; }
  .foot-nav{ flex-wrap:wrap; gap:20px; margin-left:0; }
  .foot-meta{ flex-direction:column; gap:12px; align-items:flex-start; }
}

/* @media (max-width: 1100px){
  .footer-grid{ grid-template-columns: 1fr; gap:32px; }
  .footer-title{ font-size:48px; line-height:56px; }
  .footer-subtitle{ text-align:left; }
  .agents{ gap:24px; }
  .agent{ width: 48%; min-width: 260px; }
  .agent-photo{ width:100%; height:auto; aspect-ratio:1/1; }
  .contact-form{ width:100%; }
  .btn.btn-light.footer-submit{ justify-self:start; width:100%; max-width: 200px; }
  .footbar{ flex-direction:column; align-items:flex-start; gap:16px; }
  .foot-nav{ flex-wrap:wrap; gap:16px; margin-left:0; }
  .foot-meta{ flex-direction:column; gap:8px; align-items:flex-start; }
  .site-footer{ padding:0px 0; }
  .no-display{ display:none; }
} */

@media (max-width: 640px){
  .agents{ flex-direction:column; align-items: center;}
  .agent{ width:70%}
  .footer-title{ font-size:36px; line-height:44px; }
  .footer-subtitle{ font-size:20px; line-height:26px; }
  .foot-logo{ width:120px; }
}