/* Footer — brand column, four link columns, hairline base bar.
   Loaded after style.css / mobile.css so it supersedes their footer rules. */
footer{position:relative;padding:0;border-top:1px solid rgba(255,255,255,.06);}
footer::before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent 0,rgba(153,102,50,.0) 8%,#996632 50%,rgba(153,102,50,.0) 92%,transparent 100%);opacity:.7;}
footer .wrap{padding-top:92px;padding-bottom:40px;}

footer .cols{display:grid;grid-template-columns:minmax(260px,1.8fr) repeat(4,minmax(110px,1fr));
  gap:56px 48px;margin-bottom:84px;align-items:start;}

/* brand column */
footer .cols>div:first-child{display:flex;flex-direction:column;align-items:flex-start;}
footer .cols>div:first-child .col-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
footer .cols>div:first-child::before{content:"";display:block;width:104px;height:32px;margin-bottom:4px;
  background:url(../img/logo-flow.png) left center/contain no-repeat;filter:brightness(0) invert(1);}
footer .cols>div:first-child>div:nth-of-type(3){order:2;margin-top:20px;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;
  font-size:25px;line-height:1.3;font-weight:400;color:#e8e3da;max-width:12em;letter-spacing:.005em;}
footer .cols>div:first-child>div:nth-of-type(2){order:1;font-size:10.5px;line-height:1.6;letter-spacing:.26em;
  text-transform:uppercase;color:#b98650;}

/* link columns */
footer .cols>div:not(:first-child) .col-title{color:#b98650;font-size:10.5px;font-weight:500;letter-spacing:.26em;
  margin:0 0 14px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.08);}
footer .cols>div:not(:first-child) a{display:block;width:fit-content;font-size:13.5px;line-height:1.4;letter-spacing:.02em;
  color:#8f8f8f;padding:8px 0;transition:color .3s ease;
  background:linear-gradient(#996632,#996632) no-repeat 0 calc(100% - 5px)/0 1px;transition:color .3s ease,background-size .4s ease;}
footer .cols>div:not(:first-child) a:hover,footer .cols>div:not(:first-child) a:focus-visible{color:#fff;background-size:100% 1px;}
footer .cols a[data-social]::after{content:"\2197";margin-left:.6em;font-size:1em;opacity:.45;transition:opacity .3s ease;}
footer .cols a[data-social]:hover::after{opacity:.9;}

/* base bar */
footer .fine{display:flex;justify-content:space-between;align-items:center;gap:16px 32px;flex-wrap:wrap;
  border-top:1px solid rgba(255,255,255,.08);padding-top:28px;font-size:11px;letter-spacing:.12em;color:#6a6a6a;}
footer .fine::after{content:"From Eger, Hungary";text-transform:uppercase;letter-spacing:.2em;font-size:10px;color:#5a5a5a;}

@media (max-width:1000px){
  footer .cols{grid-template-columns:repeat(4,1fr);gap:48px 32px;margin-bottom:64px;}
  footer .cols>div:first-child{grid-column:1/-1;}
}
@media (max-width:700px){
  footer .wrap{padding-top:64px;padding-bottom:32px;}
  footer .cols{grid-template-columns:repeat(2,1fr);gap:44px 24px;margin-bottom:48px;}
  footer .cols>div:first-child>div:nth-of-type(3){font-size:23px;}
  footer .cols>div:not(:first-child) a{padding:12px 0;line-height:1.3;}
  footer .fine{flex-direction:column;align-items:flex-start;gap:12px;}
}