/* =====================================================================
   FERRINI — footer.css
   Krem kart footer: solda marka + canlı zip perde/panjur animasyonu,
   ortada link sütunları, sağda bülten; altta telif + yasal linkler.
   Animasyon: kumaş/lameller 9 sn döngü, 4,5 sn faz farkı (biri açılırken öteki kapanır).
   ===================================================================== */
.ftr{margin:var(--gap-section) var(--footer-inset) var(--footer-inset);border-radius:var(--footer-radius);background:var(--footer-bg);color:var(--color-ink);overflow:hidden;position:relative}
.ftr .fin{max-width:var(--wrap);margin:0 auto;padding:clamp(40px,5vw,64px) var(--pad) 0;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.6fr) minmax(0,.6fr) minmax(0,1fr);gap:clamp(24px,3vw,48px)}
.ftr .brandcol{display:flex;flex-direction:column;gap:14px;min-height:300px}
.ftr .brandcol .hlogo{height:22px;width:auto;color:var(--color-ink)}
.ftr .brandcol p{font-size:14px;line-height:1.55;color:var(--color-ink-soft);max-width:22em}
.ftr h2{font-size:14px;line-height:1;margin-bottom:16px}
.ftr ul{display:grid;gap:10px}
.ftr ul a{font-size:14px;color:var(--color-ink-soft);transition:color .2s}
.ftr ul a:hover{color:var(--color-ink)}
.ftr .subscribe p{font-size:14px;line-height:1.55;color:var(--color-ink-soft);margin-bottom:14px;max-width:22em}
.ftr form{display:flex;align-items:center;gap:6px;padding:4px 4px 4px 14px;border-radius:var(--radius-pill);background:#fff;border:1px solid var(--color-card-line);max-width:340px;width:100%}
.ftr form input{flex:1;min-width:0;border:0;background:none;font:400 14px var(--font-body);color:var(--color-ink);outline:none}
.ftr form button{flex:0 0 auto;white-space:nowrap;border:0;border-radius:var(--radius-pill);background:var(--btn-primary-bg);color:var(--btn-primary-fg);padding:10px 16px;line-height:normal;cursor:pointer;transition:background .2s;
  font-family:var(--font-label);font-weight:var(--weight-label);font-size:var(--text-label);letter-spacing:var(--tracking-label);text-transform:var(--transform-label)}
.ftr form button:hover{background:var(--color-hover-dark)}
.ftr .soc{display:flex;gap:16px;margin-top:20px}
.ftr .soc a{color:var(--color-ink-soft);transition:color .2s}
.ftr .soc a:hover{color:var(--color-ink)}
.ftr .soc svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ftr .bot{position:relative;max-width:var(--wrap);margin:0 auto;padding:18px var(--pad) 22px;display:flex;justify-content:space-between;gap:16px;font-size:12px;color:var(--color-ink-soft);border-top:1px solid var(--color-card-line)}
.ftr .bot .legal{display:flex;gap:18px;flex-wrap:wrap}
.ftr .bot a:hover{color:var(--color-ink)}
.ftr .hills{position:absolute;left:0;right:0;bottom:64px;height:160px;pointer-events:none;background:radial-gradient(60% 100% at 30% 100%,#ebe8e2 0%,rgba(235,232,226,0) 70%),radial-gradient(40% 100% at 75% 100%,#ebe8e2 0%,rgba(235,232,226,0) 70%)}

/* ---- pencere animasyonları: zip perde + panjur ---- */
.winanims{display:flex;gap:14px;margin-top:auto;align-self:stretch;max-width:520px}
.winanims>div{flex:1 1 0;min-width:0;position:relative}
.winanims svg{width:100%;height:auto;display:block;overflow:visible}
.zipanim .cloth{animation:zipDrop 9s cubic-bezier(.45,0,.2,1) infinite}                     /* kumaş bütün olarak kayar */
.zipanim .led{animation:zipLed 9s steps(1) infinite}
.zipanim .sun{animation:zipSun 9s cubic-bezier(.45,0,.2,1) infinite;transform-box:fill-box;transform-origin:center}
.shutanim .slatsg{animation:zipDrop 9s cubic-bezier(.45,0,.2,1) infinite;animation-delay:-4.5s}   /* lameller, 4,5 sn faz farkı */
.shutanim .led2{animation:zipLed 9s steps(1) infinite;animation-delay:-4.5s}
.shutanim .moon{animation:zipSun 9s cubic-bezier(.45,0,.2,1) infinite;animation-delay:-4.5s;transform-box:fill-box;transform-origin:center}
@keyframes zipDrop{0%,8%{transform:translateY(-166px)}42%,58%{transform:translateY(0)}92%,100%{transform:translateY(-166px)}}
@keyframes zipLed{0%,8%{fill:#c9cfda}9%,41%{fill:#5b6b85}42%,58%{fill:#c9cfda}59%,91%{fill:#5b6b85}92%,100%{fill:#c9cfda}}
@keyframes zipSun{0%,8%{opacity:1;transform:scale(1)}42%,58%{opacity:.25;transform:scale(.9)}92%,100%{opacity:1;transform:scale(1)}}

@media (max-width:900px){
  .ftr{margin-left:0;margin-right:0;margin-bottom:0;border-radius:24px 24px 0 0}
  .ftr .fin{grid-template-columns:1fr 1fr}
  .ftr .brandcol{grid-column:1/-1;min-height:0}
  .ftr .subscribe{grid-column:1/-1}
  .ftr .bot{flex-direction:column;align-items:flex-start}
  .winanims{max-width:none;gap:10px}
}
@media (prefers-reduced-motion:reduce){
  .zipanim .cloth,.zipanim .led,.zipanim .sun,.shutanim .slatsg,.shutanim .led2,.shutanim .moon{animation:none}
  .zipanim .cloth,.shutanim .slatsg{transform:translateY(-70px)}
}

/* çerez onay bandı (footer.php #cerez; site.js 6) — arama/mobil menünün (60-61) altında, navbarın (45) üstünde */
.cerez{position:fixed;z-index:50;left:var(--pad);right:var(--pad);bottom:20px;max-width:760px;margin:0 auto;
  display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px;padding:16px 20px;
  background:var(--color-card);border:1px solid var(--color-card-line);border-radius:16px;
  box-shadow:0 12px 40px rgba(0,0,0,.14);color:var(--color-ink);font-size:var(--text-small);line-height:1.5}
.cerez[hidden]{display:none}
.cerez p{margin:0;flex:1 1 300px}
.cerez p a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.cerez .dug{display:flex;gap:10px;flex:0 0 auto}
.cerez .btn{padding:11px 18px;font-size:var(--text-small)}
@media (max-width:600px){.cerez{left:12px;right:12px;bottom:12px;padding:14px 16px}.cerez .dug{flex:1 1 100%}.cerez .btn{flex:1}}