:root{
  --ink:#14161a;
  --muted:#5b6472;
  --line:rgba(0,0,0,0.08);
  --smoke:#f2f3f5;
  --white:#ffffff;
  --brand:#0b5fff;
  --headerSmoke:#2a2d33;
  --radius:14px;
  --shadow:0 12px 40px rgba(0,0,0,0.10);
  --max:1180px;
}

*{box-sizing:border-box;}
html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:var(--ink);background:#fff;}
a{color:inherit;text-decoration:none;}
.container{max-width:var(--max);margin:0 auto;padding:0 20px;}

/* Sticky shell */
.headerShell{
  position:sticky;
  top:0;
  z-index:50;
}

/* TOP HEADER */
.topHeader{
  background: rgba(42,45,51,0.94);
  color: var(--white);
  border-bottom:1px solid rgba(255,255,255,0.10);
  backdrop-filter: blur(10px);
}
.topRow{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items:center;
  gap:12px;
  padding:12px 0;
}
.brandLeft{font-weight:800;letter-spacing:0.2px;}
.centerLogo{display:flex;justify-content:center;align-items:center;}
.centerLogo img{height:16px;width:auto;opacity:0.95;}

.rightMeta{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:14px;
  font-size:12px;
  color:rgba(255,255,255,0.86);
}
.metaText{
  padding-right:6px;
  border-right:1px solid rgba(255,255,255,0.18);
  font-weight:500;
  letter-spacing:.4px;
}
.headerSocial{
  display:flex;
  align-items:center;
  gap:10px;
}

/* Social icon buttons */
.iconBtn{
  width:34px;
  height:34px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,0.4);
  background:transparent;
  color:rgba(255,255,255,0.92);
  text-decoration:none;
  transition:all 0.25s ease;
}
.iconBtn svg{
  width:16px;
  height:16px;
  display:block;
}
.iconBtn svg,
.iconBtn svg *{
  stroke:currentColor;
  fill:none;
  transition:stroke 0.25s ease;
}
.iconBtn:hover{
  transform:translateY(-2px);
  border-color:currentColor;
}
.iconBtn.ig:hover{color:#E1306C;}
.iconBtn.in:hover{color:#0A66C2;}
.iconBtn.wa:hover{color:#25D366;}

/* NAVBAR (premium blur) */
.navBar{
  background: rgba(255,255,255,0.92);
  border-bottom:1px solid var(--line);
  backdrop-filter: blur(14px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.06);
}
.navRow{display:flex;align-items:center;justify-content:center;padding:12px 0;}
.nav{display:flex;align-items:center;gap:24px;font-weight:800;color:#1a1d23;}
.nav > a{padding:10px 8px;border-radius:10px;}
.nav > a:hover{background:var(--smoke);}

.navItem{position:relative;}
.dropdown{
  position:absolute;left:50%;transform:translateX(-50%);
  top:100%;
  width:min(860px, calc(100vw - 40px));
  background:#fff;border:1px solid var(--line);
  border-radius:16px;box-shadow:var(--shadow);
  padding:18px;display:none;
}
.navItem:hover .dropdown{display:block;}
.dropdownGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.ddColTitle{
  font-size:12px;letter-spacing:0.12em;text-transform:uppercase;
  color:var(--muted);margin-bottom:10px;
}
.ddLink{
  display:flex;justify-content:space-between;align-items:center;
  padding:10px 12px;border-radius:12px;
}
.ddLink:hover{background:var(--smoke);}
.ddLink span{color:var(--muted);font-weight:700;font-size:12px;}

/* HERO */
.hero{
  background:
    linear-gradient(
      to bottom,
      rgba(15,17,21,0.25) 0%,
      rgba(15,17,21,0.35) 45%,
      rgba(15,17,21,0.55) 100%
    ),
    url("../images/hero-main.webp") center 35% / cover no-repeat;

  min-height: 620px;
  display:flex;
  align-items:center;
  justify-content:center;

  color:#fff;
}

/* Hero içindeki tüm metni beyaza sabitle */
.hero, .hero *{ color:#fff; }

.heroContent{
  padding: 80px 0 60px;
  text-align:center;
}

.h1{
  font-size: clamp(32px, 4vw, 48px);
  font-weight: 900;
  letter-spacing: -0.5px;
  line-height: 1.15;
  text-shadow: 0 10px 40px rgba(0,0,0,0.55);
}

.heroText{
  margin: 0 auto;
  max-width: 760px;
  font-size: clamp(14px, 1.6vw, 18px);
  line-height: 1.75;
  color: rgba(255,255,255,0.92);
  text-shadow: 0 10px 30px rgba(0,0,0,0.55);
}

/* TRUST STRIP (glass) */
.trustStrip{
  margin:16px auto 0;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:10px 14px;
  width: fit-content;
  max-width: min(920px, 100%);
  border-radius: 999px;

  background: rgba(0,0,0,0.40);
  backdrop-filter: blur(14px);
  border: 1px solid rgba(255,255,255,0.18);
}

.trustItem{
  font-weight:800;
  font-size:13px;
  color: rgba(255,255,255,0.92);
}
.trustSep{
  opacity:.55;
  font-weight:900;
}

/* SECTIONS */
.section{padding: 40px 0;}
.spacer16{height:16px;}

/* AUTH BAND */
.band{
  background: var(--smoke);
  border: 1px solid rgba(0,0,0,0.05);
  border-radius: 18px;
  padding: 10px 14px;
}
.band h2{
  margin:0 0 6px;
  font-size:16px;
  text-align:center;
}
.band p{margin:0;color:var(--muted);font-size:13px;line-height:1.6;text-align:center;}
.bandIcons{
  margin-top:10px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  font-size:13px;
  color:#2b2f37;
  font-weight:900;
}
.bandIcons .sep{opacity:.35;font-weight:700;}

/* SEGMENTS */
.segmentGrid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.segment{
  border-radius: 18px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,0.10);
  box-shadow: 0 18px 60px rgba(0,0,0,0.22);
  min-height: 240px;
  position:relative;
  color:#fff;
  transition: transform .25s ease, box-shadow .25s ease;
}
.segment:hover{
  transform: translateY(-4px);
  box-shadow: 0 22px 70px rgba(0,0,0,0.28);
}
.segment .overlay{
  position:absolute; inset:0;
  background: linear-gradient(135deg, rgba(15,17,21,0.45), rgba(15,17,21,0.78));
}
.segment .inner{
  position:relative;
  padding:18px;
  display:flex;
  flex-direction:column;
  gap:8px;
  height:100%;
}
.segment .tag{
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color: rgba(255,255,255,0.86);
}
.segment h3{margin:0;font-size:22px;}
.segment .spacer{flex:1;}
.segment .segBtn{
  align-self:flex-start;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 9px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,0.08);
  border:1px solid rgba(255,255,255,0.16);
  font-weight:900;
  font-size:13px;
  transition: background .2s ease, transform .2s ease;
}
.segment .segBtn:hover{background: rgba(255,255,255,0.12);}
.segment:hover .segBtn{transform: translateX(4px);}

.home .segment.sea{background: url("../images/hero-sea.jpg") center/cover no-repeat;}
.home .segment.land{background: url("../images/hero-land.jpeg") center/cover no-repeat;}

/* CONTACT BAND */
.contactBand{
  padding: 24px 0;
  background: linear-gradient(180deg, #f4f5f7 0%, #eceef2 100%);
  border-top: 1px solid rgba(0,0,0,0.06);
  border-bottom: 1px solid rgba(0,0,0,0.06);
}
.contactBand .row{
  display:grid;
  grid-template-columns: 1.4fr 0.6fr;
  gap:22px;
  padding: 22px;
  align-items: stretch;

  background:#fff;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 18px;
  box-shadow: 0 14px 50px rgba(0,0,0,0.08);
}
.contactBand .title{
  text-align:center;
  margin: 0 0 16px;
  font-size: 20px;
  font-weight: 900;
  letter-spacing: -0.2px;
}

.addr{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.addrBlock{
  background: #f8f9fb;
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 16px;
  padding: 14px;
}
.addrBlock .city{
  font-weight:900;
  font-size: 14px;
  letter-spacing: .2px;
}
.addrBlock .lines{
  margin-top: 8px;
  color:var(--muted);
  line-height:1.6;
  font-size: 13px;
}
.addrBlock a{
  color:#1a1d23;
  font-weight:800;
}
.addrBlock a:hover{text-decoration: underline;}

/* CTA area */
.ctaStack{
  display:flex;
  flex-direction:column;
  gap:10px;
  justify-content:center;
  align-items:stretch;

  background: linear-gradient(180deg, #f3f6fb 0%, #e9eef7 100%);
  border: 1px solid rgba(11,95,255,0.10);
  border-radius: 16px;
  padding: 16px;
  box-shadow: 0 10px 28px rgba(11,95,255,0.08);
}
.ctaTitle{
  color: #1a1d23;
  font-size: 13px;
  font-weight: 900;
  margin: 2px 0 10px;
}

/* Buttons */
.btnLight,
.btnPrimary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  height: 38px;
  padding: 0 16px;
  border-radius: 14px;
  font-weight: 900;
  font-size: 12.5px;
  transition: transform .2s ease, filter .2s ease, background .2s ease;
}

.btnPrimary{
  background: linear-gradient(135deg, #1d5fff, #0b49d8);
  color:#fff;
  border:0;
  box-shadow: 0 6px 16px rgba(11,95,255,0.25);
}
.btnPrimary:hover{
  filter:brightness(0.98);
  transform: translateY(-2px);
}

.btnLight{
  background:#fff;
  border:1px solid rgba(0,0,0,0.10);
  color:#1a1d23;
}
.btnLight:hover{
  background:#f4f6fa;
  transform: translateY(-2px);
}

/* FOOTER */
.footer{padding: 26px 0; color:var(--muted); font-size:12.5px;}

/* =========================
   REFERENCES & CERTIFICATES
   ========================= */

.trustSection{
  background: #fff;
}

.trustHead{
  text-align:center;
  margin-bottom: 16px;
}

.trustTitle{
  margin:0 0 8px;
  font-size: 22px;
  font-weight: 900;
  letter-spacing: -0.3px;
  color: #1a1d23;
}

.trustSubtitle{
  margin:0 auto;
  max-width: 760px;
  color: var(--muted);
  line-height: 1.7;
  font-size: 14px;
}

.trustGrid{
  margin-top: 18px;
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 14px;
}

.trustCard{
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 18px;
  box-shadow: 0 14px 50px rgba(0,0,0,0.06);
  padding: 16px;
}

.trustCardTop{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom: 10px;
}

.trustBadge{
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 900;
  color: rgba(26,29,35,0.75);
}

.trustIcon{
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: #f3f6fb;
  border: 1px solid rgba(11,95,255,0.10);
  box-shadow: 0 10px 28px rgba(11,95,255,0.08);
  font-weight: 900;
}

.trustCard h3{
  margin: 0 0 8px;
  font-size: 16px;
  letter-spacing: -0.2px;
}

.trustCard p{
  margin: 0 0 12px;
  color: var(--muted);
  line-height: 1.7;
  font-size: 13px;
}

.pillRow{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.pill{
  font-size: 12px;
  font-weight: 800;
  padding: 7px 10px;
  border-radius: 999px;
  background: #f8f9fb;
  border: 1px solid rgba(0,0,0,0.06);
  color: #1a1d23;
}

/* Logos – premium, eşit ölçü, düzgün hizalama */

.logoRow{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap:14px;
  margin-top:14px;
  align-items: stretch;
}

/* Kart standardı: hepsi aynı ölçü + aynı doluluk */
.logoItem{
  height: 90px;
  border-radius: 18px;

  display:flex;
  align-items:center;
  justify-content:center;

  padding: 12px;
  overflow:hidden;

  border: 1px solid rgba(0,0,0,0.08);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,0.06);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.logoItem--light{ background:#fff; }

.logoItem--dark{
  background: linear-gradient(135deg, #14254b 0%, #0f1e38 100%);
  border-color: rgba(255,255,255,0.10);
}

/* Tek görüntü kuralı: tüm logolar aynı matematikle sığsın */
.logoItem img{
  display:block;
  max-width: 100%;
  max-height: 72px;
  width:auto;
  height:auto;
  object-fit: contain;
}

/* Eski "wide" / özel scale kuralları kaldırıldı (eşitleme için) */
.logoItem--wide{ padding: 12px; }

/* Hover */

.logoItem:hover{
  transform: translateY(-3px);
  box-shadow: 0 14px 45px rgba(0,0,0,0.14);
}
.logoItem--dark:hover{
  box-shadow: 0 16px 55px rgba(0,0,0,0.32);
}

/* ===== Logo Slider (5–10 logo için) ===== */

.logoWrap.isSlider{
  overflow: hidden;
  border-radius: 18px;
}

.logoWrap.isSlider .logoRow{
  display:flex;
  gap:14px;
  align-items:center;
  width:max-content;
  animation: logoMarquee 22s linear infinite;
}

/* Hover’da durdur (premium kontrol hissi) */
.logoWrap.isSlider:hover .logoRow{
  animation-play-state: paused;
}

/* Logo kartları slider içinde aynı standartta kalsın */
.logoWrap.isSlider .logoItem{
  flex: 0 0 auto;
}

/* Sonsuz kayma */
@keyframes logoMarquee{
  from{ transform: translateX(0); }
  to{ transform: translateX(-50%); }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .logoWrap.isSlider .logoRow{ animation: none !important; }
}

/* Mobil */
@media (max-width: 980px){
  .logoRow{ grid-template-columns: repeat(2, 1fr); }
}

.noteSmall{
  margin-top: 10px;
  color: rgba(26,29,35,0.55);
  font-size: 12px;
}

/* Bottom CTA */
.trustCTA{
  margin-top: 14px;
}

.trustCTAInner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  padding: 16px;
  border-radius: 18px;
  background: linear-gradient(180deg, #f3f6fb 0%, #e9eef7 100%);
  border: 1px solid rgba(11,95,255,0.10);
  box-shadow: 0 10px 28px rgba(11,95,255,0.08);
}

.trustCTATitle{
  font-weight: 900;
  letter-spacing: -0.2px;
  margin-bottom: 4px;
  color: #1a1d23;
}

.trustCTAText{
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
}

/* Responsive */
@media (max-width: 980px){
  .trustGrid{
    grid-template-columns: 1fr;
  }
  .logoRow{
    grid-template-columns: repeat(2, 1fr);
  }
  .trustCTAInner{
    flex-direction: column;
    align-items: stretch;
    text-align: center;
  }
}

/* RESPONSIVE */
@media (max-width: 980px){
  .topRow{grid-template-columns:1fr;justify-items:start;}
  .rightMeta{justify-content:flex-start;}

  /* Mobil menü: yatay scroll (hamburger yapmadan hızlı çözüm) */
  .navRow{justify-content:flex-start;}
  .nav{
    overflow-x:auto;
    white-space:nowrap;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 6px;
  }
  .nav::-webkit-scrollbar{display:none;}

  .dropdown{display:none;}
  .segmentGrid{grid-template-columns: 1fr;}
  .contactBand .row{grid-template-columns: 1fr; padding:16px;}
  .addr{grid-template-columns: 1fr;}
  .ctaTitle{text-align:center;}
  .trustStrip{border-radius: 16px; width: 100%;}
  .btnPrimary, .btnLight{width:100%;}
}

/* =========================
   CONTACT PAGE
   ========================= */

.pageHero{
  background: linear-gradient(180deg, #ffffff 0%, #f4f6fa 100%);
  border-bottom:1px solid var(--line);
}
.pageHeroInner{
  padding: 42px 0 28px;
  text-align:center;
}
.pageHeroKicker{
  display:inline-block;
  padding: 7px 12px;
  border-radius: 999px;
  background: #fff;
  border:1px solid rgba(0,0,0,0.08);
  font-weight: 900;
  font-size: 11px;
  letter-spacing: .14em;
  color: rgba(26,29,35,0.70);
}
.pageHeroTitle{
  margin: 12px 0 8px;
  font-size: clamp(26px, 3.2vw, 40px);
  font-weight: 900;
  letter-spacing: -0.4px;
}
.pageHeroText{
  margin: 0 auto;
  max-width: 820px;
  color: var(--muted);
  line-height: 1.75;
  font-size: 14px;
}
.pageHeroChips{
  margin-top: 14px;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
}
.chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 10px 12px;
  border-radius: 999px;
  background:#fff;
  border:1px solid rgba(0,0,0,0.08);
  font-weight: 900;
  font-size: 12.5px;
}
.chip:hover{ background: #f7f8fb; }

.contactPage .contactGrid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.contactCard{
  background:#fff;
  border:1px solid rgba(0,0,0,0.08);
  border-radius: 18px;
  box-shadow: 0 14px 50px rgba(0,0,0,0.06);
  padding: 16px;
}

.cardHead{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.cardKicker{
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 900;
  color: rgba(26,29,35,0.70);
}
.cardTitle{
  margin: 6px 0 6px;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: -0.2px;
}
.cardText{
  margin:0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.65;
}
.cardIcon{
  width: 40px;
  height: 40px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: #f3f6fb;
  border: 1px solid rgba(11,95,255,0.10);
  box-shadow: 0 10px 28px rgba(11,95,255,0.08);
  font-weight: 900;
}

.form{
  display:flex;
  flex-direction:column;
  gap: 12px;
}
.formRow{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.field span{
  display:block;
  font-size: 12px;
  font-weight: 900;
  color: rgba(26,29,35,0.75);
  margin-bottom: 6px;
}
.field input,
.field select,
.field textarea{
  width:100%;
  border-radius: 14px;
  border:1px solid rgba(0,0,0,0.10);
  background:#fff;
  padding: 11px 12px;
  font-size: 13.5px;
  outline:none;
}
.field textarea{ resize: vertical; min-height: 120px; }
.field input:focus,
.field select:focus,
.field textarea:focus{
  border-color: rgba(11,95,255,0.35);
  box-shadow: 0 0 0 4px rgba(11,95,255,0.08);
}

.formFoot{
  display:flex;
  align-items:center;
  gap: 12px;
  flex-wrap:wrap;
}
.formNote{
  color: rgba(26,29,35,0.60);
  font-size: 12.5px;
  line-height: 1.6;
}

.branchGrid{
  display:grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
.branch{
  border:1px solid rgba(0,0,0,0.06);
  border-radius: 16px;
  background: #f8f9fb;
  padding: 14px;
}
.branchTop{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  margin-bottom: 8px;
}
.branchTitle{
  font-weight: 900;
  font-size: 14px;
}
.branchLink{
  font-weight: 900;
  font-size: 12px;
  color: #0b49d8;
  background: rgba(11,95,255,0.10);
  border: 1px solid rgba(11,95,255,0.12);
  padding: 7px 10px;
  border-radius: 999px;
}
.branchLines{
  color: var(--muted);
  font-size: 13px;
  line-height: 1.65;
}
.branchLines a{ color:#1a1d23; font-weight: 900; }
.branchBtns{
  margin-top: 10px;
  display:flex;
  gap: 10px;
  flex-wrap:wrap;
}
.mapFrame{
  margin-top: 12px;
  border-radius: 14px;
  overflow:hidden;
  border:1px solid rgba(0,0,0,0.08);
  background:#fff;
}
.mapFrame iframe{
  width:100%;
  height: 220px;
  border:0;
  display:block;
}

.contactFAQ{
  margin-top: 14px;
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 14px;
}
.faqCard{
  background:#fff;
  border:1px solid rgba(0,0,0,0.08);
  border-radius: 18px;
  box-shadow: 0 14px 50px rgba(0,0,0,0.06);
  padding: 16px;
}
.faqQ{
  font-weight: 900;
  font-size: 13px;
  letter-spacing: -0.1px;
  margin-bottom: 8px;
}
.faqA{
  margin:0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.7;
}

/* Responsive */
@media (max-width: 980px){
  .contactPage .contactGrid{ grid-template-columns: 1fr; }
  .formRow{ grid-template-columns: 1fr; }
  .contactFAQ{ grid-template-columns: 1fr; }
  .pageHeroInner{ text-align:left; }
  .pageHeroChips{ justify-content:flex-start; }
}


/* =========================
   ABOUT PAGE
   ========================= */

.aboutHero{
  background: linear-gradient(180deg, #ffffff 0%, #f4f6fa 100%);
}

.aboutPage .aboutGrid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.aboutCard{
  background:#fff;
  border:1px solid rgba(0,0,0,0.08);
  border-radius: 18px;
  box-shadow: 0 14px 50px rgba(0,0,0,0.06);
  padding: 16px;
}

.prose p{
  margin: 0 0 10px;
  color: var(--muted);
  line-height: 1.75;
  font-size: 13.5px;
}

.aboutList{
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
  display:flex;
  flex-direction:column;
  gap: 10px;
}
.aboutList li{
  display:flex;
  gap: 10px;
  align-items:flex-start;
  color: #1a1d23;
  font-weight: 700;
  line-height: 1.55;
  font-size: 13.5px;
}
.aboutList .dot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  margin-top: 4px;
  background: rgba(11,95,255,0.20);
  border:1px solid rgba(11,95,255,0.30);
}

.aboutCTA{
  margin-top: 14px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 12px;
  padding: 14px;
  border-radius: 18px;
  background: linear-gradient(180deg, #f3f6fb 0%, #e9eef7 100%);
  border: 1px solid rgba(11,95,255,0.10);
  box-shadow: 0 10px 28px rgba(11,95,255,0.08);
}
.aboutCTATitle{
  font-weight: 900;
  letter-spacing: -0.2px;
  margin-bottom: 2px;
}
.aboutCTAText{
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
}

.aboutTriplet{
  margin-top: 14px;
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 14px;
}

.miniCard{
  background:#fff;
  border:1px solid rgba(0,0,0,0.08);
  border-radius: 18px;
  box-shadow: 0 14px 50px rgba(0,0,0,0.06);
  padding: 16px;
}
.miniTop{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  margin-bottom: 10px;
}
.miniBadge{
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 900;
  color: rgba(26,29,35,0.70);
}
.miniIcon{
  width: 38px;
  height: 38px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: #f3f6fb;
  border: 1px solid rgba(11,95,255,0.10);
  box-shadow: 0 10px 28px rgba(11,95,255,0.08);
  font-weight: 900;
}
.miniCard p{
  margin:0;
  color: var(--muted);
  font-size: 13.5px;
  line-height: 1.75;
}

/* Responsive */
@media (max-width: 980px){
  .aboutPage .aboutGrid{ grid-template-columns: 1fr; }
  .aboutTriplet{ grid-template-columns: 1fr; }
}

/* =========================
   ABOUT HERO – Minimal Volvo Premium
   ========================= */

.aboutHero{
  position: relative;
  overflow: hidden;

  /* Sade ama zengin: çok hafif mavi glow + yumuşak gradient */
  background:
    radial-gradient(900px 420px at 50% 30%, rgba(11,95,255,0.10), rgba(11,95,255,0) 60%),
    linear-gradient(180deg, #ffffff 0%, #f4f6fa 100%);

  border-bottom: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 8px 30px rgba(0,0,0,0.04);
}

.aboutHero .pageHeroInner{
  padding: 52px 0 34px;   /* biraz daha “hero” hissi */
}

/* Başlık biraz daha premium */
.aboutHero .pageHeroTitle{
  font-weight: 900;
  letter-spacing: -0.8px;
  font-size: clamp(30px, 3.6vw, 44px);
  line-height: 1.06;
}

/* Alt metin daha okunur */
.aboutHero .pageHeroText{
  max-width: 860px;
  font-size: 14.5px;
  line-height: 1.8;
}

/* Chip’ler daha premium “pill” gibi dursun */
.aboutHero .chip{
  border-color: rgba(0,0,0,0.10);
  box-shadow: 0 10px 26px rgba(0,0,0,0.06);
}

/* “Servis Talebi” chip’ini daha güçlü yap (ilk chip’e özel) */
.aboutHero .pageHeroChips .chip:first-child{
  background: #0b5fff;
  border-color: rgba(11,95,255,0.25);
  color: #fff;
  box-shadow: 0 14px 34px rgba(11,95,255,0.22);
}
.aboutHero .pageHeroChips .chip:first-child:hover{
  filter: brightness(0.98);
}

/* Mobilde hizalama korunur */
@media (max-width: 980px){
  .aboutHero .pageHeroInner{ padding: 38px 0 26px; }
}

/* --- Volvo feel: Hero rhythm & typography --- */
.pageHero{
  padding-top: 0;
  padding-bottom: 0;
}
.pageHeroKicker{
  letter-spacing: .14em;
}

.pageHeroTitle{
  margin-top: 14px;
  font-weight: 800;
  line-height: 1.08;
}

.heroLead{
  margin-top: 14px;
  font-size: 1.08rem;
  line-height: 1.55;
  color: #5b616b;
}

.heroActions{
  margin-top: 18px;
  display: grid;
  gap: 14px;
  justify-items: center;
}

/* --- Shop Band (separate from hero) --- */
.shopBand{
  padding: 10px 0 34px;
}

.shopBandInner{
  display:flex;
  justify-content:center;
}

/* Volvo Penta Shop CTA - premium band layout */
.shopCta{
  width: min(980px, 100%);
  display:flex;
  align-items:center;
  gap: 16px;
  padding: 16px 18px;
  border-radius: 18px;
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.08);
  box-shadow: 0 10px 26px rgba(0,0,0,0.06);
}

.shopCtaLogo{
  flex: 0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(0,0,0,0.02);
  border: 1px solid rgba(0,0,0,0.08);
  text-decoration:none;
}

.vpShopBadge{
  height: 56px;
  width: auto;
  display:block;
}

.shopCtaBody{
  flex: 1 1 auto;
  min-width: 240px;
}

.shopCtaTitle{
  font-weight: 800;
  letter-spacing: .02em;
  color: #111;
  margin-bottom: 4px;
}

.shopCtaSub{
  color: #5b616b;
  font-size: 1rem;
  line-height: 1.35;
}

.shopCtaActions{
  flex: 0 0 auto;
  margin-left: 0;
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items:center;
}

@media (max-width: 820px){
  .shopCta{
    flex-direction: column;
    align-items: stretch;
  }
  .shopCtaActions a{
    width: 100%;
    justify-content: center;
  }
  .vpShopBadge{
    height: 54px;
  }
}

/* =========================
   MARINE (PRODUCT/TECH) V2
   ========================= */

.marineHeroV2{
  background:
    radial-gradient(900px 420px at 50% 28%, rgba(11,95,255,0.13), rgba(11,95,255,0) 60%),
    linear-gradient(180deg, #ffffff 0%, #f4f6fa 100%);
  border-bottom: 1px solid rgba(0,0,0,0.06);
}

.marineHeroLeisure{
  background:
    radial-gradient(900px 420px at 50% 28%, rgba(0,160,140,0.14), rgba(0,160,140,0) 60%),
    linear-gradient(180deg, #ffffff 0%, #f4f6fa 100%);
}

.marineHeroCommercial{
  background:
    radial-gradient(900px 420px at 50% 28%, rgba(255,140,0,0.16), rgba(255,140,0,0) 60%),
    linear-gradient(180deg, #ffffff 0%, #f4f6fa 100%);
}

.heroButtons{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:center;
}

.marineKpis{
  margin-top: 12px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:center;
}

.marineKpis .kpi{
  background:#fff;
  border:1px solid rgba(0,0,0,0.08);
  border-radius: 999px;
  padding: 10px 12px;
  box-shadow: 0 14px 50px rgba(0,0,0,0.06);
  font-size: 13px;
  font-weight: 800;
  color: rgba(26,29,35,0.82);
}

.marineTech .trustHead,
.marineProducts .trustHead,
.marineSectionV2 .trustHead{ margin-bottom: 14px; }

.techGrid{
  margin-top: 18px;
  display:grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 14px;
}

.techGrid--two{ grid-template-columns: 1fr 1fr; }

.techCard{
  background:#fff;
  border:1px solid rgba(0,0,0,0.08);
  border-radius: 18px;
  box-shadow: 0 14px 50px rgba(0,0,0,0.06);
  padding: 16px;
}

.techTop{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom: 10px;
}

.techIcon{
  width: 40px;
  height: 40px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: #f3f6fb;
  border: 1px solid rgba(11,95,255,0.10);
  box-shadow: 0 10px 28px rgba(11,95,255,0.08);
  font-weight: 900;
}

.techCard h3{
  margin: 0 0 8px;
  font-size: 16px;
  letter-spacing: -0.2px;
}

.techCard p{
  margin: 0 0 12px;
  color: var(--muted);
  line-height: 1.7;
  font-size: 13px;
}

.productGrid{
  margin-top: 18px;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.productCard{
  background:#fff;
  border:1px solid rgba(0,0,0,0.08);
  border-radius: 18px;
  box-shadow: 0 14px 50px rgba(0,0,0,0.06);
  padding: 16px;
}

.productKicker{
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 900;
  color: rgba(26,29,35,0.70);
  margin-bottom: 8px;
}

.productTitle{
  font-weight: 900;
  letter-spacing: -0.2px;
  margin-bottom: 6px;
}

.productText{
  color: var(--muted);
  font-size: 13px;
  line-height: 1.7;
  margin-bottom: 12px;
}

@media (max-width: 980px){
  .techGrid{ grid-template-columns: 1fr; }
  .techGrid--two{ grid-template-columns: 1fr; }
  .productGrid{ grid-template-columns: 1fr; }
}

/* =========================
   MEDIA SLOTS (IMAGE PLACEHOLDERS)
   ========================= */

.heroMedia{
  position: relative;
  margin: 18px auto 0;
  max-width: 1080px;
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,0.08);
  box-shadow: 0 18px 60px rgba(0,0,0,0.10);
}

.heroMediaImg{
  width: 100%;
  height: 420px;
  object-fit: cover;
  display: block;
  transform: scale(1.01);
}

.heroMediaOverlay{
  position:absolute;
  inset:0;
  background: radial-gradient(800px 260px at 50% 20%, rgba(255,255,255,0.16), rgba(255,255,255,0) 60%);
  pointer-events:none;
}

@media (max-width: 980px){
  .heroMediaImg{ height: 300px; }
}

@media (max-width: 520px){
  .heroMediaImg{ height: 240px; }
}

.mediaGrid{
  margin-top: 18px;
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 14px;
}

.mediaCard{
  background:#fff;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 18px;
  overflow:hidden;
  box-shadow: 0 14px 50px rgba(0,0,0,0.06);
  text-decoration:none;
  color: inherit;
  display:flex;
  flex-direction:column;
}

.mediaImgWrap{
  height: 190px;
  overflow:hidden;
  background: #f3f6fb;
}

.mediaImgWrap img{
  width:100%;
  height:100%;
  object-fit: contain;
  display:block;
  transform: scale(1.02);
}

.mediaMeta{
  padding: 14px 14px 16px;
  display:flex;
  flex-direction:column;
  gap: 8px;
}

.mediaKicker{
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 900;
  color: rgba(26,29,35,0.66);
}

.mediaTitle{
  font-weight: 900;
  letter-spacing: -0.2px;
}

.mediaText{
  color: var(--muted);
  font-size: 13px;
  line-height: 1.7;
}

@media (max-width: 980px){
  .mediaGrid{ grid-template-columns: 1fr; }
  .mediaImgWrap{ height: 220px; }
}

/* =========================
   MARIN SEGMENT SPLIT (SAFE)
   ========================= */

.marineSectionV2 .segmentSplitGrid{
  margin-top: 18px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.marineSectionV2 .segmentSplit{
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-radius: 18px;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.08);
  box-shadow: 0 14px 50px rgba(0,0,0,0.06);
  transition: transform .18s ease, box-shadow .18s ease;
}

.marineSectionV2 .segmentSplitVisual{
  position: relative;
  min-height: 260px;
  background: #f3f6fb;
}

.marineSectionV2 .segmentSplitVisual img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1.02);
}

.marineSectionV2 .segmentSplitOverlay{
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0,0,0,0.20), rgba(0,0,0,0.08));
  pointer-events: none;
}

.marineSectionV2 .segmentSplit--leisure .segmentSplitOverlay{
  background: linear-gradient(90deg, rgba(0,60,140,0.18), rgba(0,0,0,0.06));
}

.marineSectionV2 .segmentSplit--commercial .segmentSplitOverlay{
  background: linear-gradient(90deg, rgba(0,0,0,0.30), rgba(0,0,0,0.10));
}

.marineSectionV2 .segmentSplitContent{
  padding: 18px 18px 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.marineSectionV2 .segmentSplitKicker{
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 900;
  color: rgba(26,29,35,0.62);
}

.marineSectionV2 .segmentSplitTitle{
  margin: 0;
  font-weight: 900;
  letter-spacing: -0.2px;
  font-size: 18px;
}

.marineSectionV2 .segmentSplitText{
  margin: 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.7;
}

.marineSectionV2 .segmentSplitBtn{
  margin-top: auto;
  font-weight: 900;
  letter-spacing: -0.1px;
  color: rgba(11,95,255,0.95);
}

.marineSectionV2 .segmentSplit:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 70px rgba(0,0,0,0.10);
}

@media (max-width: 980px){
  .marineSectionV2 .segmentSplitGrid{ grid-template-columns: 1fr; }
  .marineSectionV2 .segmentSplit{ grid-template-columns: 1fr; }
  .marineSectionV2 .segmentSplitVisual{ min-height: 220px; }
}

/* =========================
   YEDEK PARÇA – SHOP BUTTON ALIGN FIX
   ========================= */
.pageHero .shopCtaActions{
  width: 100%;
  justify-content: center;
  margin-top: 14px;
}


/* =========================
   MARIN LEISURE HERO IMAGE FIX
   ========================= */

.marineHeroLeisure .heroMedia{
  background:#071b2d;
  display:flex;
  align-items:center;
  justify-content:center;
}

.marineHeroLeisure .heroMediaImg{
  object-fit:contain !important;
  object-position:center;
}


/* --- Leisure page updates (IPS Premium + Engine Categories) --- */
.ipsPremium{
  padding: 70px 0;
}
.ipsPremiumInner{
  display:grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 34px;
  align-items: stretch;
}
.ppBadge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.25);
  color: rgba(255,255,255,.92);
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
  background: rgba(0,0,0,.25);
}
.ipsPremium .ipsTitle{
  margin: 14px 0 6px;
  font-size: 34px;
  line-height: 1.08;
  color: #fff;
}
.ipsPremium .ipsSubtitle{
  margin: 0 0 14px;
  color: rgba(255,255,255,.86);
  font-weight: 800;
}
.ipsPremium .ipsBody{
  color: rgba(255,255,255,.86);
  max-width: 62ch;
}
.ipsBullets{
  margin: 18px 0 0;
  padding-left: 18px;
  color: rgba(255,255,255,.88);
}
.ipsBullets li{ margin: 8px 0; }
.ipsActions{ margin-top: 18px; }
.ipsPremium{
  background: radial-gradient(1200px 500px at 10% 10%, rgba(29,95,255,.35), transparent 60%),
              radial-gradient(900px 400px at 80% 30%, rgba(11,73,216,.35), transparent 65%),
              linear-gradient(180deg, #050a18 0%, #070d1e 100%);
  border-top: 1px solid rgba(255,255,255,.06);
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.ipsPremiumMedia{
  position:relative;
  border-radius: 20px;
  overflow:hidden;
  min-height: 340px;
  box-shadow: 0 18px 60px rgba(0,0,0,.35);
}
.ipsPremiumMedia img{
  width:100%;
  height:100%;
  object-fit: cover;
  transform: scale(1.02);
}
.ipsMediaOverlay{
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.55));
}


.microPromptSection{padding-top: 0; padding-bottom: 10px;}
.microPromptWrap{margin: 18px auto 0; max-width: 980px; padding: 14px 16px; text-align: center; border-radius: 18px; background: linear-gradient(180deg, #ffffff 0%, #f6f8ff 100%); border: 1px solid rgba(15,23,42,0.08); box-shadow: 0 10px 26px rgba(15,23,42,0.06);}
.microPrompt{margin: 0; font-size: 15px; line-height: 1.7; font-weight: 800; color: #0f172a;}


.engineGrid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  margin-top: 18px;
}
.engineCard{
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px;
  padding: 18px 18px 16px;
  box-shadow: 0 10px 40px rgba(0,0,0,.16);
}
.engineCard h3{
  margin: 10px 0 8px;
}
.engineCard p{
  margin: 0 0 12px;
  color: rgba(255,255,255,.78);
}
.engineCard .smallNote{
  margin-top:-6px;
  margin-bottom: 10px;
  color: rgba(255,255,255,.62);
  font-weight: 800;
  font-size: 12px;
}
.engineActions{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 10px;
}

.techGrid--three{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.techDot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.55);
  box-shadow: 0 0 0 6px rgba(255,255,255,.08);
}

.dealerAssurance .assuranceBox{
  background: linear-gradient(180deg, #ffffff 0%, #f3f6ff 100%);
  border: 1px solid rgba(15,23,42,0.08);
  border-radius: 20px;
  padding: 22px;
  box-shadow: 0 14px 34px rgba(15,23,42,0.08);
}
.dealerAssurance h2{
  margin: 0 0 10px;
  color: #0f172a;
}
.dealerAssurance p{
  margin: 0 0 16px;
  color: rgba(15,23,42,0.78);
  max-width: 85ch;
}
.assurancePoints{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.assPoint{
  background: rgba(255,255,255,0.75);
  border: 1px solid rgba(15,23,42,0.08);
  border-radius: 14px;
  padding: 10px 12px;
  font-weight: 800;
  color: rgba(15,23,42,0.88);
  font-size: 12.5px;
}



/* --- Shared dark section for category grids (Leisure/Commercial) --- */
.engineCats{
  background:
    radial-gradient(1200px 520px at 15% 10%, rgba(11,95,255,.22), transparent 60%),
    radial-gradient(900px 420px at 85% 30%, rgba(0,160,140,.18), transparent 65%),
    linear-gradient(180deg, #050a18 0%, #070d1e 100%);
  border-top: 1px solid rgba(255,255,255,.06);
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.engineCats .trustTitle{ color:#fff; }
.engineCats .trustSubtitle{ color: rgba(255,255,255,.78); }
.engineCats .trustBadge{ color: rgba(255,255,255,.70); }
.engineCats .engineCard h3{ color:#fff; }

/* --- Commercial premium platform (mirrors IPS Premium discipline) --- */
.commercialPremium{
  padding: 70px 0;
  background:
    radial-gradient(1200px 520px at 12% 12%, rgba(255,140,0,.22), transparent 60%),
    radial-gradient(900px 420px at 82% 32%, rgba(11,95,255,.18), transparent 65%),
    linear-gradient(180deg, #050a18 0%, #070d1e 100%);
  border-top: 1px solid rgba(255,255,255,.06);
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.commercialPremiumInner{
  display:grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 34px;
  align-items: stretch;
}
.commercialPremium .ppBadge{
  border-color: rgba(255,255,255,.22);
  background: rgba(0,0,0,.22);
}
.commercialPremium .ipsTitle{ color:#fff; margin: 14px 0 6px; font-size: 34px; line-height: 1.08; }
.commercialPremium .ipsSubtitle{ color: rgba(255,255,255,.86); font-weight: 800; margin: 0 0 14px; }
.commercialPremium .ipsBody{ color: rgba(255,255,255,.86); max-width: 62ch; }
.commercialPremium .ipsBullets{ color: rgba(255,255,255,.88); }
.commercialPremiumMedia{
  position:relative;
  border-radius: 20px;
  overflow:hidden;
  min-height: 340px;
  box-shadow: 0 18px 60px rgba(0,0,0,.35);
}
.commercialPremiumMedia img{
  width:100%;
  height:100%;
  object-fit: cover;
  transform: scale(1.02);
}
.commercialPremiumMedia .ipsMediaOverlay{
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,.55));
}

@media (max-width: 980px){
  .commercialPremiumInner{ grid-template-columns: 1fr; }
  .commercialPremiumMedia{ min-height: 260px; }
}

/* Responsive */
@media (max-width: 980px){
  .ipsPremiumInner{ grid-template-columns: 1fr; }
  .ipsPremiumMedia{ min-height: 260px; }
  .engineGrid{ grid-template-columns: 1fr; }
  .techGrid--three{ grid-template-columns: 1fr; }
  .assurancePoints{ grid-template-columns: 1fr; }
}


/* Final CTA tweaks */
.finalCta .trustCTAInner{padding: 18px;}
.finalCta .trustCTATitle{font-size: 18px;}
.finalCta .btnPrimary{height: 42px; padding: 0 18px; font-size: 13.5px;}


/* --- Header/Nav single source of truth (dropdown safety) --- */
.dropdown{ top:100%; z-index:1000; }


/* --- Yedek Parça: Hero CTA ile içerik arası boşluk --- */
.pageHero .shopCtaActions{
  margin-bottom: 28px;
}
/* Eğer hemen ardından shopBand geliyorsa ekstra güvenli boşluk */
.pageHero + .shopBand{
  padding-top: 28px;
}

/* =========================
   Hizmetler (Premium Kurumsal)
   ========================= */
.servicesHero .pageHeroInner{
  padding: 32px 0 22px;
}
.servicesHeroCtas{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 16px;
}
.servicesTabs{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 18px;
}
.tabPill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 9px 12px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,0.10);
  background: #ffffff;
  color: #0b0f16;
  font-weight: 600;
  text-decoration: none;
}
.tabPill:hover{ transform: translateY(-1px); }

.servicesGridWrap{
  padding: 26px 0 10px;
}
.servicesGrid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.serviceCard{
  border-radius: 22px;
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.08);
  box-shadow: 0 10px 28px rgba(0,0,0,0.06);
  padding: 18px 18px 16px;
  display:flex;
  flex-direction: column;
}
.serviceBadge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,0.10);
  background: rgba(0,0,0,0.02);
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .12em;
}
.serviceBadge.industrial{ background: rgba(0,0,0,0.03); }
.serviceTitle{
  margin: 10px 0 6px;
  font-size: 26px;
  letter-spacing: -0.02em;
}
.serviceIntro{
  margin: 0 0 12px;
  color: rgba(0,0,0,0.65);
}
.serviceBullets{
  margin: 0;
  padding: 0 0 0 18px;
  color: rgba(0,0,0,0.80);
}
.serviceBullets li{ margin: 8px 0; }
.serviceCardCtaRow{
  margin-top: 14px;
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items:center;
}

.servicesBand{
  padding: 20px 0 10px;
}
.servicesBandInner{
  border-radius: 22px;
  background: #0b0f16;
  color: #ffffff;
  padding: 18px;
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 16px;
  box-shadow: 0 14px 34px rgba(0,0,0,0.18);
}
.bandKicker{
  display:inline-flex;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.16);
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .12em;
}
.bandTitle{
  margin: 10px 0 8px;
  font-size: 26px;
  letter-spacing: -0.02em;
}
.bandText{ margin: 0; color: rgba(255,255,255,0.78); }
.bandPoints{
  display:grid;
  gap: 10px;
  margin-bottom: 12px;
}
.bandPoint{
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.12);
  font-weight: 600;
}
.bandCtas{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}

.servicesProcess{
  padding: 26px 0 10px;
}
.sectionHead{
  text-align:center;
  margin-bottom: 12px;
}
.sectionKicker{
  display:inline-flex;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,0.10);
  background: rgba(0,0,0,0.02);
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .12em;
}
.sectionTitle{
  margin: 10px 0 6px;
  font-size: 32px;
  letter-spacing: -0.03em;
}
.sectionText{ margin: 0; color: rgba(0,0,0,0.65); }

.processGrid{
  display:grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}
.processStep{
  border-radius: 18px;
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.08);
  padding: 14px;
  box-shadow: 0 10px 26px rgba(0,0,0,0.05);
}
.stepNo{
  width: 34px;
  height: 34px;
  border-radius: 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 900;
  background: rgba(0,0,0,0.04);
  border: 1px solid rgba(0,0,0,0.08);
}
.stepTitle{ margin: 10px 0 6px; font-weight: 800; }
.stepText{ margin: 0; color: rgba(0,0,0,0.65); }

.servicesFaq{
  padding: 26px 0 18px;
}
.faqGrid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 14px;
}
.faqItem{
  border-radius: 18px;
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.08);
  padding: 14px 14px;
  box-shadow: 0 10px 26px rgba(0,0,0,0.05);
}
.faqItem summary{
  cursor:pointer;
  font-weight: 800;
}
.faqItem p{
  margin: 10px 0 0;
  color: rgba(0,0,0,0.70);
}

.servicesCtaBottom{
  padding: 10px 0 42px;
}
.ctaPanel{
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(0,0,0,0.02), rgba(0,0,0,0.00));
  border: 1px solid rgba(0,0,0,0.08);
  box-shadow: 0 10px 28px rgba(0,0,0,0.06);
  padding: 18px;
  display:flex;
  gap: 16px;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.ctaKicker{
  display:inline-flex;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,0.10);
  background: rgba(0,0,0,0.02);
  font-weight: 800;
  font-size: 12px;
  letter-spacing: .12em;
}
.ctaTitle{ margin: 10px 0 6px; font-size: 26px; letter-spacing: -0.02em; }
.ctaText{ margin: 0; color: rgba(0,0,0,0.65); }
.ctaBtns{
  display:flex;
  gap: 10px;
  flex-wrap: wrap;
}

/* Responsive */
@media (max-width: 980px){
  .servicesGrid{ grid-template-columns: 1fr; }
  .servicesBandInner{ grid-template-columns: 1fr; }
  .processGrid{ grid-template-columns: 1fr 1fr; }
  .faqGrid{ grid-template-columns: 1fr; }
}
@media (max-width: 560px){
  .processGrid{ grid-template-columns: 1fr; }
}


/* --- Spare Parts Hero layout v4 --- */
/* Match marin hero behavior: split layout, left aligned, actions under text */
.pageHero.sparePartsHero {
  padding-top: 22px !important;
  padding-bottom: 22px !important;
}
.pageHero.sparePartsHero .pageHeroInner{
  display: grid !important;
  grid-template-columns: 1.15fr 0.95fr !important;
  gap: 22px !important;
  align-items: center !important;
  padding: 20px 0 !important;
}
.pageHero.sparePartsHero .pageHeroContent{
  text-align: left !important;
  max-width: 760px;
}
.pageHero.sparePartsHero .pageHeroContent .pageHeroActions,
.pageHero.sparePartsHero .pageHeroContent .shopCtaActions{
  margin-top: 18px !important;
  display: flex !important;
  gap: 12px !important;
  justify-content: flex-start !important;
  flex-wrap: wrap;
}
.pageHero.sparePartsHero .pageHeroMedia{
  justify-self: end !important;
  width: min(560px, 100%) !important;
  margin: 0 !important;
}
.pageHero.sparePartsHero .pageHeroMedia img{
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
  border-radius: 20px !important;
  box-shadow: 0 18px 52px rgba(0,0,0,.14) !important;
}
.pageHero.sparePartsHero, 
.pageHero.sparePartsHero .pageHeroInner{
  min-height: unset !important;
}
@media (max-width: 920px){
  .pageHero.sparePartsHero .pageHeroInner{
    grid-template-columns: 1fr !important;
  }
  .pageHero.sparePartsHero .pageHeroMedia{
    justify-self: start !important;
    width: min(560px, 100%) !important;
  }
}


/* --- Spare Parts Hero premium v5 --- */
/* Premium hero look (only yedek-parca via .sparePartsHero) */
.pageHero.sparePartsHero{
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  background:
    radial-gradient(1200px 420px at 65% 40%, rgba(0, 72, 179, 0.10) 0%, rgba(0,0,0,0) 60%),
    radial-gradient(900px 360px at 15% 20%, rgba(0, 0, 0, 0.05) 0%, rgba(0,0,0,0) 55%),
    linear-gradient(180deg, #fbfcfe 0%, #f1f4f8 100%);
  box-shadow: 0 18px 60px rgba(0,0,0,.06);
}
/* subtle top highlight line */
.pageHero.sparePartsHero::before{
  content:"";
  position:absolute;
  left: 18px;
  right: 18px;
  top: 14px;
  height: 1px;
  background: linear-gradient(90deg, rgba(0,0,0,0), rgba(0,0,0,.08), rgba(0,0,0,0));
  opacity: .7;
}
/* subtle background pattern */
.pageHero.sparePartsHero::after{
  content:"";
  position:absolute;
  inset: -120px -140px auto auto;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, rgba(0, 72, 179, .12), rgba(0,0,0,0) 60%);
  filter: blur(2px);
  pointer-events:none;
}

.pageHero.sparePartsHero .pageHeroInner{
  position: relative;
  z-index: 1;
  padding-left: 18px;
  padding-right: 18px;
}

.pageHero.sparePartsHero .pageHeroContent h1{
  letter-spacing: -0.02em;
  line-height: 1.08;
}
.pageHero.sparePartsHero .pageHeroContent p{
  max-width: 62ch;
  opacity: .92;
}

/* CTA buttons look a bit more premium */
.pageHero.sparePartsHero .pageHeroContent .shopCtaActions a.btn-primary,
.pageHero.sparePartsHero .pageHeroContent .pageHeroActions a.btn-primary{
  box-shadow: 0 10px 24px rgba(0, 72, 179, .22);
}
.pageHero.sparePartsHero .pageHeroContent .shopCtaActions a.btn-outline,
.pageHero.sparePartsHero .pageHeroContent .pageHeroActions a.btn-outline{
  backdrop-filter: blur(6px);
  background: rgba(255,255,255,.55);
}

/* Image card */
.pageHero.sparePartsHero .pageHeroMedia{
  position: relative;
}
.pageHero.sparePartsHero .pageHeroMedia::before{
  content:"";
  position:absolute;
  inset: -14px -14px -14px -14px;
  border-radius: 26px;
  background: radial-gradient(300px 180px at 50% 35%, rgba(0, 72, 179, .18), rgba(0,0,0,0) 70%);
  z-index: 0;
  filter: blur(0px);
}
.pageHero.sparePartsHero .pageHeroMedia img{
  position: relative;
  z-index: 1;
  border-radius: 22px !important;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(0,0,0,.06);
}

@media (max-width: 920px){
  .pageHero.sparePartsHero{
    border-radius: 18px;
  }
  .pageHero.sparePartsHero .pageHeroInner{
    padding-left: 14px;
    padding-right: 14px;
  }
}

/* --- Marin Hero Clean Sharp --- */

.pageHero.marineHeroV2 .heroMediaImg{
  filter: brightness(1.26) contrast(1.08) saturate(1.05) !important;
}

/* Overlay'i biraz yumuşat */
.pageHero.marineHeroV2 .heroMediaOverlay{
  background:
    radial-gradient(
      820px 340px at 40% 50%,
      rgba(255,255,255,0.16),
      rgba(255,255,255,0) 65%
    ),
    radial-gradient(
      900px 300px at 55% 20%,
      rgba(255,255,255,0.14),
      rgba(255,255,255,0) 70%
    ) !important;
}