:root{ --player-height: 84px; }
body{ padding-bottom: var(--player-height); }
.header-bar{
  position: sticky; top:0; z-index:1000;
  backdrop-filter: blur(10px);
  background: rgba(15,15,15,.82);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.brand-logo{ height: 42px; width:auto; }
.hero{ min-height: calc(100vh - var(--player-height)); display:flex; flex-direction:column; }
.slider-wrap{ flex:1; }
.swiper{ width:100%; height: calc(100vh - 72px - var(--player-height)); min-height: 420px; }
.swiper-slide{ position:relative; background:#111; }
.swiper-slide img{ width:100%; height:100%; object-fit:cover; display:block; }
.slide-overlay{ position:absolute; inset:0; background: linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,.55)); }
.slide-caption{ position:absolute; left:18px; right:18px; bottom:18px; color:#fff; text-shadow: 0 2px 10px rgba(0,0,0,.55); }
.slide-caption .title{ font-weight:700; font-size: clamp(1.1rem, 2.2vw, 1.6rem); }

.player-bar{
  position:fixed; left:0; right:0; bottom:0;
  height: var(--player-height);
  background: rgba(10,10,10,.92);
  border-top: 1px solid rgba(255,255,255,.10);
  z-index:2000; backdrop-filter: blur(10px);
}
.player-inner{ height:100%; display:flex; align-items:center; gap:12px; }
.player-title{ font-weight:600; color:#fff; line-height:1.2; }
.player-sub{ color: rgba(255,255,255,.75); font-size:.9rem; }
.player-controls{ margin-left:auto; display:flex; align-items:center; gap:10px; }
.player-btn{
  border:1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.06);
  color:#fff; padding:10px 14px; border-radius:14px;
}
.player-btn:active{ transform: translateY(1px); }
.volume{ width: 140px; }

@media (max-width:576px){
  :root{ --player-height: 96px; }
  .player-inner{ flex-wrap:wrap; gap:8px; padding-top:10px; padding-bottom:10px; }
  .player-controls{ width:100%; margin-left:0; justify-content:space-between; }
  .volume{ width:120px; }
}


/* Footer social bar (V26) */

.footer-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 0;
  flex-wrap:wrap;
}
.footer-left{
  display:flex;
  align-items:center;
  gap:8px;
  color: rgba(255,255,255,.75);
  font-size: 13px;
}
.footer-brand{ color:#fff; font-weight:600; }
.footer-sep{ opacity:.5; }
.footer-social{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.social-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 10px;
  border:1px solid rgba(255,255,255,.18);
  border-radius: 10px;
  color:#fff;
  text-decoration:none;
  font-size: 13px;
  line-height: 1;
  transition: transform .12s ease, background .12s ease;
  background: rgba(255,255,255,.06);
}
.social-btn:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,.12);
  color:#fff;
}
/* mobilde footer player ile çakışmasın */
@media (max-width: 576px){
  
  .footer-left{ width:100%; }
  .footer-social{ width:100%; justify-content:flex-start; }
}

/* Top bar social links (V27) */
.top-social{
  display:flex;
  gap:8px;
  align-items:center;
}
.social-top{
  color:#fff;
  font-size:13px;
  padding:4px 8px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.25);
  text-decoration:none;
  background:rgba(255,255,255,.08);
}
.social-top:hover{
  background:rgba(255,255,255,.18);
  color:#fff;
}

/* Footer social bar above player (V28) */
.footer-bar{
  position: fixed;
  left:0; right:0;
  bottom: 110px; /* player üstünde */
  background: rgba(0,0,0,.55);
  backdrop-filter: blur(8px);
  border-top: 1px solid rgba(255,255,255,.08);
  z-index: 998;
}
@media (max-width: 576px){
  .footer-bar{ bottom: 130px; }
}


.social-btn.whatsapp{border-color:#25D366;background:rgba(37,211,102,.15)}
.social-btn.whatsapp:hover{background:#25D366;color:#000}




/* Social icons (V33) - Bootstrap Icons */
.social-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.social-btn .bi{
  font-size: 18px;
  line-height: 1;
}

/* Mobile: icon-only, round buttons, better look */
@media (max-width:576px){
  .social-btn{
    width:44px;
    height:44px;
    padding:0;
    border-radius:999px;
    justify-content:center;
    gap:0;
  }
  .social-btn .label{display:none}
  .social-btn .bi{font-size:20px}
  .footer-social{gap:10px}
}



/* Player mobile fine-tune (V34) */
@media (max-width:576px){
  .player-bar{
    bottom: 16px; /* 1x yukarı */
  }
}


/* Top contact link (V37) */
.top-contact-link{
  color:#fff;
  text-decoration:none;
  font-weight:600;
  padding:6px 12px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);
  align-items:center;
  justify-content:center;
  gap:8px;
}
.top-contact-link:hover{
  background:rgba(255,255,255,.16);
  color:#fff;
}
.top-contact-link-mobile{
  color:#fff;
  text-decoration:none;
  width:34px;
  height:34px;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.08);
}
.top-contact-link-mobile:hover{background:rgba(255,255,255,.16);color:#fff;}