:root{
  --primary:#0b4f9f;
  --accent:#e31e24;
  --ink:#14202d;
  --muted:#647182;
  --line:#dce3ea;
  --soft:#f2f6fa;
  --surface:#f9fbfd;
  --theme-radius:16px;
  --theme-button-radius:10px;
  --theme-footer:#08192f;
  --shadow:0 20px 52px rgba(11,35,62,.13);
}

body{background:var(--surface);}
.utility-bar{background:#07192f;color:#fff;border-bottom:1px solid rgba(227,30,36,.34);}
.site-header{background:rgba(255,255,255,.97);border-color:rgba(11,79,159,.17);}
.site-navigation>a,.nav-dropdown-link{color:#172536;}
.site-navigation>a:hover,.site-navigation>a.is-active,.nav-dropdown-link:hover,.nav-dropdown-link.is-active,.nav-dropdown.is-active>.nav-dropdown-link{color:#fff;background:var(--primary);}
.menu-toggle{color:#fff;background:var(--primary);border-color:var(--primary);}
.btn-primary{background:linear-gradient(135deg,#0b5daf,#083d7d);border-color:#0b4f9f;border-radius:var(--theme-button-radius);box-shadow:0 11px 24px rgba(11,79,159,.22);}
.btn-primary:hover{background:linear-gradient(135deg,#0e68c0,#0b4f9f);border-color:#0b4f9f;}
.btn-outline{border-radius:var(--theme-button-radius);}
.eyebrow,.card-kicker,.text-link,.card-action{color:#bb161b;}
.content-card{border-color:var(--line);background:#fff;box-shadow:0 8px 22px rgba(14,43,72,.045);}
.content-card:hover{border-color:rgba(11,79,159,.48);box-shadow:var(--shadow);}
.site-footer{background:linear-gradient(135deg,#06172c,#0a315e);}
.social-links a:hover{background:var(--accent);border-color:var(--accent);}
.cta-panel{background:linear-gradient(118deg,#082a53,#0c5aa7 66%,#0b437f);border:1px solid rgba(255,255,255,.15);}
.cta-panel::after{background:rgba(227,30,36,.2);}
.cta-panel .eyebrow{color:#fff;}
.cta-panel .btn-light{color:#fff;background:var(--accent);border-color:var(--accent);}

/* Akülü el aletleri ana sayfası: kontrollü genişlikte, bağımsız bir kurgu. */
.battery-home .hero{
  min-height:620px;
  background:
    radial-gradient(circle at 81% 20%,rgba(227,30,36,.24),transparent 22%),
    radial-gradient(circle at 62% 82%,rgba(63,155,255,.24),transparent 28%),
    linear-gradient(120deg,#06192f 0%,#0a3c72 53%,#075aa5 100%);
  color:#fff;
}
.battery-home .hero::before{background:linear-gradient(90deg,rgba(1,12,27,.37),transparent 69%);opacity:1;}
.battery-home .hero::after{right:-12vw;top:-13vw;width:43vw;height:43vw;min-width:470px;min-height:470px;background:radial-gradient(circle,rgba(227,30,36,.25),transparent 66%);}
.battery-home .hero-grid{opacity:.13;background-size:34px 34px;}
.battery-home .hero-inner{min-height:620px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:center;gap:48px;}
.battery-home .hero-copy{max-width:720px;padding:76px 0;}
.battery-home .hero h1{max-width:760px;color:#fff;font-size:clamp(42px,5vw,70px);line-height:1.04;}
.battery-home .hero p{max-width:670px;color:rgba(255,255,255,.78);font-size:18px;}
.battery-home .hero .eyebrow{color:#ffb5b7;}
.battery-home .hero-visual{position:relative!important;right:auto!important;top:auto!important;transform:none!important;width:min(100%,530px)!important;height:410px!important;margin-left:auto;border:1px solid rgba(255,255,255,.2);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(227,30,36,.1));box-shadow:0 32px 80px rgba(0,0,0,.27);overflow:hidden;}
.battery-home .hero-visual svg{width:100%!important;height:100%!important;opacity:.97;}
.battery-home .hero-slider{position:relative;isolation:isolate;min-height:620px;overflow:hidden;background:#071a31;}
.battery-home .hero-slider::after{display:none;}
.battery-home .hero-slider::before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(3,14,31,.96) 0%,rgba(5,27,56,.9) 35%,rgba(5,34,68,.58) 59%,rgba(5,24,50,.16) 100%);pointer-events:none;}
.battery-home .hero-slider-background{position:absolute;z-index:0;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;}
.battery-home .hero-slider .hero-grid{z-index:2;opacity:.08;pointer-events:none;}
.battery-home .hero-slider-track{position:relative;z-index:3;width:100%;}
.battery-home .hero-slide{position:relative;display:none;width:100%;min-height:620px;color:#fff;}
.battery-home .hero-slide::before{display:none;}
.battery-home .hero-slide.is-active{display:block;animation:batteryHeroIn .52s ease both;}
.battery-home .hero-slider .hero-inner{position:relative;z-index:1;display:flex;width:var(--container)!important;min-height:620px;margin:0 auto!important;align-items:center;}
.battery-home .hero-slider .hero-copy{max-width:660px;padding:0 0 28px;}
.battery-home .hero-slider .hero-copy p{color:rgba(255,255,255,.86);}
.battery-home .hero-slider .btn-outline{border-color:rgba(255,255,255,.5);color:#fff;}
.hero-slider-controls{position:absolute;z-index:4;left:50%;bottom:30px;transform:translateX(-50%);pointer-events:none;}
.hero-slider-dots{display:flex;gap:9px;pointer-events:auto;}
.hero-slider-dots button{width:34px;height:4px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.32);cursor:pointer;transition:width .2s ease,background .2s ease;}
.hero-slider-dots button[aria-current="true"]{width:54px;background:#fff;}
@keyframes batteryHeroIn{from{opacity:.28;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

.battery-quick-links{position:relative;z-index:4;margin-top:-34px;}
.battery-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid #d4e0eb;border-radius:16px;background:#d4e0eb;box-shadow:0 20px 42px rgba(10,48,85,.15);}
.battery-quick-card{min-height:151px;padding:27px 29px;background:#fff;display:flex;flex-direction:column;justify-content:space-between;gap:14px;transition:background .2s ease,transform .2s ease;}
.battery-quick-card:hover{background:#edf5ff;transform:translateY(-2px);}
.battery-quick-card small{font-weight:850;letter-spacing:.9px;color:#0b4f9f;}
.battery-quick-card strong{font-size:21px;line-height:1.16;color:var(--ink);}
.battery-quick-card span{color:var(--muted);font-size:14px;line-height:1.45;}

.battery-category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;}
.battery-category-grid .content-card{min-width:0;}
.battery-category-grid .card-media{min-height:170px;}
.battery-category-grid .card-body{padding:20px;}
.battery-category-grid .card-summary{font-size:14px;}
.battery-product-grid .content-card{height:100%;}
/* Bilgi Merkezi: çekirdek CSS'te tanımlı olmayan card-grid-four yerine kontrollü kart ızgarası. */
.battery-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch;}
.battery-guide-grid .content-card{height:100%;min-width:0;}
.battery-guide-grid .card-media{aspect-ratio:16/9;}
.battery-guide-grid .card-body{min-height:218px;}
.battery-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.battery-service-grid .content-card{display:grid;grid-template-columns:154px minmax(0,1fr);min-height:178px;}
.battery-service-grid .card-media{height:100%;min-height:0;}
.battery-service-grid .card-body{padding:24px;}
.battery-sector-section{background:linear-gradient(135deg,#071a31,#0a3d73);color:#fff;}
.battery-sector-section .section-head h2{color:#fff;}.battery-sector-section .section-head p{color:rgba(255,255,255,.7);}.battery-sector-section .text-link{color:#ffb5b7;}
.battery-sector-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.battery-sector-grid .content-card{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16);box-shadow:none;color:#fff;}
.battery-sector-grid .content-card:hover{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.42);}
.battery-sector-grid .card-body strong{color:#fff;}.battery-sector-grid .card-summary{color:rgba(255,255,255,.7);}.battery-sector-grid .card-kicker,.battery-sector-grid .card-action{color:#ffb5b7;}

@media (max-width:1100px){
  .battery-home .hero-inner{grid-template-columns:minmax(0,1fr) minmax(290px,.8fr);gap:30px;}
  .battery-home .hero-visual{height:350px!important;}
  .battery-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .battery-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .battery-sector-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:820px){
  .battery-home .hero,.battery-home .hero-inner{min-height:520px;}
  .battery-home .hero-inner{grid-template-columns:1fr;gap:0;}
  .battery-home .hero-copy{padding:78px 0 54px;}
  .battery-home .hero-visual{display:none!important;}
  .battery-home .hero-slider,.battery-home .hero-slide,.battery-home .hero-slider .hero-inner{min-height:540px;}
  .battery-home .hero-slider .hero-copy{padding:0 0 28px;}
  .hero-slider-controls{bottom:24px;}
  .battery-quick-grid{grid-template-columns:1fr;}
  .battery-quick-links{margin-top:-20px;}
  .battery-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .battery-service-grid{grid-template-columns:1fr;}
  .battery-sector-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:560px){
  .battery-home .hero,.battery-home .hero-inner{min-height:450px;}
  .battery-home .hero-copy{padding:58px 0 48px;}
  .battery-home .hero h1{font-size:clamp(35px,10vw,47px);}
  .battery-home .hero p{font-size:16px;}
  .battery-home .hero-slider,.battery-home .hero-slide,.battery-home .hero-slider .hero-inner{min-height:470px;}
  .battery-home .hero-slider .hero-copy{padding:0 0 26px;}
  .hero-slider-controls{bottom:20px;}
  .battery-quick-card{padding:22px;min-height:132px;}
  .battery-category-grid,.battery-sector-grid{grid-template-columns:1fr;}
  .battery-guide-grid{grid-template-columns:1fr;gap:16px;}
  .battery-guide-grid .card-body{min-height:0;}
  .battery-service-grid .content-card{display:flex;flex-direction:column;}.battery-service-grid .card-media{height:190px;}
}

/* v1.0.3 · Teknik hizmet kartları: görsel ve metin çakışması düzeltmesi.
   Kart her ölçekte iki net alana ayrılır; görsel içerik alanına taşmaz. */
.battery-service-grid{
  align-items:stretch;
}
.battery-service-grid .content-card{
  display:grid!important;
  grid-template-columns:minmax(220px,38%) minmax(0,1fr)!important;
  grid-template-rows:minmax(238px,auto)!important;
  min-width:0!important;
  min-height:238px!important;
  height:100%!important;
  align-items:stretch!important;
  overflow:hidden!important;
}
.battery-service-grid .content-card .card-media{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:238px!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
}
.battery-service-grid .content-card .card-image,
.battery-service-grid .content-card .media-empty{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:238px!important;
  object-fit:cover!important;
}
.battery-service-grid .content-card .card-body{
  display:flex!important;
  min-width:0!important;
  min-height:238px!important;
  padding:26px 28px!important;
  overflow:hidden!important;
}
.battery-service-grid .content-card .card-kicker,
.battery-service-grid .content-card .card-body>strong,
.battery-service-grid .content-card .card-summary,
.battery-service-grid .content-card .card-action{
  max-width:100%!important;
  overflow-wrap:anywhere;
}
.battery-service-grid .content-card .card-summary{
  display:block!important;
  margin-top:9px!important;
}
@media (max-width:820px){
  .battery-service-grid .content-card{
    grid-template-columns:190px minmax(0,1fr)!important;
    grid-template-rows:minmax(214px,auto)!important;
    min-height:214px!important;
  }
  .battery-service-grid .content-card .card-media,
  .battery-service-grid .content-card .card-image,
  .battery-service-grid .content-card .media-empty{
    min-height:214px!important;
  }
  .battery-service-grid .content-card .card-body{
    min-height:214px!important;
    padding:22px 24px!important;
  }
}
@media (max-width:560px){
  .battery-service-grid .content-card{
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
  }
  .battery-service-grid .content-card .card-media,
  .battery-service-grid .content-card .card-image,
  .battery-service-grid .content-card .media-empty{
    height:190px!important;
    min-height:190px!important;
  }
  .battery-service-grid .content-card .card-body{
    min-height:0!important;
    padding:21px!important;
  }
}