/*
 * v7.1.15 — focused header + hero action correction.
 * Goal: translucent black header, visibly larger logo and four compact hero actions.
 */

/* Header: always dark/translucent so the white logo remains readable. */
#site-header.site-header{
  background:rgba(2,7,9,.90)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.18)!important;
  -webkit-backdrop-filter:blur(18px) saturate(140%)!important;
  backdrop-filter:blur(18px) saturate(140%)!important;
}
#site-header .header-inner{background:transparent!important}
#site-header .desktop-nav a,
#site-header .icon-btn,
#site-header .mobile-menu-btn{color:#fff!important}
#site-header .mobile-menu-btn svg,
#site-header .icon-btn svg{stroke:currentColor!important}

/* Logo: intentionally larger; no white card or pale background. */
#site-header .brand-wrap{min-width:330px!important;overflow:visible!important}
#site-header .custom-logo-wrap,
#site-header .custom-logo-wrap a{display:flex!important;align-items:center!important;overflow:visible!important}
#site-header .custom-logo-wrap img,
#site-header img.custom-logo{
  width:auto!important;
  height:auto!important;
  max-width:330px!important;
  max-height:88px!important;
  object-fit:contain!important;
  filter:none!important;
  opacity:1!important;
}

/* Keep both main hero CTA buttons intact. */
.home-hero .hero-cta-row{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  width:min(620px,100%)!important;
  margin-top:18px!important;
}
.home-hero .hero-primary-cta,
.home-hero .hero-secondary-cta{
  min-width:0!important;
  min-height:46px!important;
  padding:0 16px!important;
  border-radius:14px!important;
  font-size:13px!important;
  justify-content:center!important;
  text-align:center!important;
  white-space:nowrap!important;
}

/* Four compact actions, including Kasko & Sigorta. */
.home-hero .hero-actions{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:9px!important;
  width:min(760px,100%)!important;
  margin-top:14px!important;
}
.home-hero .hero-actions>.quick-tile{
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  min-width:0!important;
  min-height:64px!important;
  height:64px!important;
  padding:10px 11px!important;
  border-radius:13px!important;
  grid-template-columns:23px minmax(0,1fr)!important;
  grid-template-rows:1fr!important;
  gap:8px!important;
  align-items:center!important;
  text-align:left!important;
  overflow:hidden!important;
}
.home-hero .hero-actions>.quick-tile>svg{
  grid-row:auto!important;
  width:21px!important;
  height:21px!important;
  margin:0!important;
}
.home-hero .hero-actions>.quick-tile strong{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  font-size:12px!important;
  line-height:1.15!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.home-hero .hero-actions>.quick-tile span{display:none!important}

@media (max-width:1100px){
  #site-header .brand-wrap{min-width:270px!important}
  #site-header .custom-logo-wrap img,#site-header img.custom-logo{max-width:270px!important;max-height:76px!important}
}

@media (max-width:767px){
  #site-header.site-header{height:104px!important}
  #site-header .header-inner{height:104px!important;padding:0 26px!important}
  #site-header .brand-wrap{min-width:0!important;flex:1 1 auto!important}
  #site-header .custom-logo-wrap img,#site-header img.custom-logo{
    max-width:245px!important;
    max-height:72px!important;
  }
  #site-header .header-actions{gap:8px!important}
  #site-header .header-login-btn{width:44px!important;height:44px!important}
  #site-header .header-login-btn img{width:40px!important;height:40px!important}
  #site-header .mobile-menu-btn{width:36px!important;height:36px!important}

  .home-hero .hero-inner{padding-top:30px!important;padding-bottom:24px!important}
  .home-hero .hero-cta-row{gap:8px!important;margin-top:15px!important}
  .home-hero .hero-primary-cta,.home-hero .hero-secondary-cta{
    min-height:42px!important;
    padding:0 10px!important;
    border-radius:12px!important;
    font-size:11.5px!important;
  }

  .home-hero .hero-actions{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
    width:100%!important;
    margin-top:10px!important;
  }
  .home-hero .hero-actions>.quick-tile{
    min-height:58px!important;
    height:58px!important;
    padding:7px 5px!important;
    border-radius:11px!important;
    grid-template-columns:1fr!important;
    grid-template-rows:22px auto!important;
    justify-items:center!important;
    align-content:center!important;
    gap:4px!important;
    text-align:center!important;
  }
  .home-hero .hero-actions>.quick-tile>svg{width:20px!important;height:20px!important}
  .home-hero .hero-actions>.quick-tile strong{
    font-size:9.5px!important;
    line-height:1.05!important;
    text-align:center!important;
    white-space:normal!important;
  }
}

@media (max-width:390px){
  #site-header .header-inner{padding-inline:18px!important}
  #site-header .custom-logo-wrap img,#site-header img.custom-logo{max-width:220px!important;max-height:66px!important}
  .home-hero .hero-primary-cta,.home-hero .hero-secondary-cta{font-size:10.5px!important}
  .home-hero .hero-actions>.quick-tile strong{font-size:8.8px!important}
}