/* style-v1 (cache-busted) */
:root{
  --brand-red:#D32F2F;
  --brand-green:#2E7D32;
  --brand-gray:#6C757D;
  --brand-dark:#23272b;
  --brand-light:#ffffff;
  --brand-soft:#f7f7f7;
  --shadow: 0 10px 30px rgba(0,0,0,.08);
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, 'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol', sans-serif;
  color:#222;
  background:#fff;
}

/* Small helper text used across pages */
.mini{font-size:.85rem}

.navbar-brand .logo-wrap{
  display:flex;align-items:center;gap:.5rem;
}
.brand-word{font-weight:700; letter-spacing:.5px}

.navbar{
  box-shadow: var(--shadow);
  background: #fff;
}
.nav-link.active, .nav-link:hover{color:var(--brand-red)!important}
.btn-brand{
  background:var(--brand-red); color:#fff; border:none;
}
.btn-brand:hover{filter:brightness(.95)}
.badge-brand{background:var(--brand-red)}

.hero{
  background: linear-gradient(135deg, rgba(211,47,47,.06), rgba(108,117,125,.06));
  padding: 4rem 0;
}
.hero h1 b{color:var(--brand-red)}

/* Hero carousel (home slider) */
.hero.hero-carousel{ padding: 0; }
.hero.hero-carousel .carousel-item{ padding: 4rem 0; }
@media (max-width: 991.98px){
  .hero.hero-carousel .carousel-item{ padding: 3rem 0; }
}
.hero.hero-carousel .carousel-indicators{ margin-bottom: 0; }
.hero.hero-carousel .carousel-indicators [data-bs-target]{
  width: 10px;
  height: 10px;
  border-radius: 999px;
}
.hero .hero-side-card{
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: var(--shadow);
  border-radius: 16px;
  padding: 1.25rem;
}
.hero .hero-side-card .title{
  font-weight: 800;
  margin-bottom: .75rem;
}
.hero .hero-side-card .meta{
  color: var(--brand-gray);
  font-size: .9rem;
}


/* Home hero transitions & reveal animations (v3) */
.hero.hero-carousel{
  padding: 0;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

/* Soft animated background layer (premium feel, no layout shift) */
.hero.hero-carousel::before{
  content:"";
  position:absolute;
  inset:-35%;
  background:
    radial-gradient(circle at 18% 22%, rgba(211,47,47,.18), transparent 58%),
    radial-gradient(circle at 82% 74%, rgba(13,110,253,.12), transparent 56%),
    linear-gradient(135deg, rgba(211,47,47,.06), rgba(108,117,125,.06));
  opacity:.95;
  transform: translate3d(0,0,0);
  animation: gear-hero-bg 16s ease-in-out infinite;
  pointer-events:none;
  z-index:0;
}
.hero.hero-carousel > *{ position:relative; z-index:1; }

@keyframes gear-hero-bg{
  0%{ transform: translate3d(0,0,0) rotate(0deg) scale(1); }
  50%{ transform: translate3d(3%, -2%, 0) rotate(1.2deg) scale(1.03); }
  100%{ transform: translate3d(0,0,0) rotate(0deg) scale(1); }
}

/* Stabilize inner height (set via JS → --gear-hero-min-h) */
.hero.hero-carousel .carousel-inner{
  min-height: var(--gear-hero-min-h, clamp(520px, 65vh, 660px));
}

/* Smooth fade + subtle scene movement */
.hero.hero-carousel .carousel.carousel-fade .carousel-item{
  transition: opacity 900ms cubic-bezier(.2,.8,.2,1);
  will-change: opacity;
}
.hero.hero-carousel .carousel.carousel-fade .carousel-item .container{
  transition: transform 900ms cubic-bezier(.2,.8,.2,1);
  transform: translateY(10px) scale(.99);
  will-change: transform;
}
.hero.hero-carousel .carousel.carousel-fade .carousel-item.active .container,
.hero.hero-carousel .carousel.carousel-fade .carousel-item.gear-enter .container{
  transform: none;
}
.hero.hero-carousel .carousel.carousel-fade .carousel-item.gear-leave .container{
  transform: translateY(-10px) scale(.99);
}

/* Indicators polish */
.hero.hero-carousel .carousel-indicators{ margin-bottom: 0; }
.hero.hero-carousel .carousel-indicators [data-bs-target]{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  opacity:.55;
  transition: transform .2s ease, opacity .2s ease;
}
.hero.hero-carousel .carousel-indicators .active{
  opacity:1;
  transform: scale(1.35);
}

/* Progress bar (synced via JS with data-bs-interval) */
.hero.hero-carousel .gear-hero-progress{
  position:absolute;
  left:0; right:0; bottom:0;
  height:3px;
  background: rgba(0,0,0,.08);
  z-index:2;
}
.hero.hero-carousel .gear-hero-progress .gear-hero-progress-bar{
  display:block;
  width:100%;
  height:100%;
  transform: scaleX(0);
  transform-origin: left;
  background: var(--brand-red);
  opacity:.9;
}

@keyframes gear-hero-progress{
  from{ transform: scaleX(0); }
  to{ transform: scaleX(1); }
}

/* Slide content micro-animations (runs on enter/leave to avoid “glitchy” re-trigger) */
.hero.hero-carousel .gear-hero-anim{
  will-change: transform, opacity, filter;
}
.hero.hero-carousel .carousel-item.gear-enter .gear-hero-anim{
  animation: gear-hero-in .72s cubic-bezier(.2,.8,.2,1) both;
  animation-delay: calc(var(--gear-delay, 0ms) + 80ms);
}
.hero.hero-carousel .carousel-item.gear-leave .gear-hero-anim{
  animation: gear-hero-out .45s cubic-bezier(.2,.8,.2,1) both;
}

@keyframes gear-hero-in{
  from{ opacity:0; transform: translateY(18px); filter: blur(6px); }
  to{ opacity:1; transform: translateY(0); filter: blur(0); }
}
@keyframes gear-hero-out{
  from{ opacity:1; transform: translateY(0); filter: blur(0); }
  to{ opacity:0; transform: translateY(-12px); filter: blur(6px); }
}

/* Next content reveal on scroll */
.gear-reveal{
  opacity:0;
  transform: translateY(16px);
  transition: opacity .7s cubic-bezier(.2,.8,.2,1), transform .7s cubic-bezier(.2,.8,.2,1);
  transition-delay: var(--gear-reveal-delay, 0ms);
}
.gear-reveal.is-visible{
  opacity:1;
  transform: translateY(0);
}

/* Generic card reveal helper (used on Vision blocks too) */
.gear-card-reveal{
  opacity:0;
  transform: translateY(14px);
  transition: opacity .65s cubic-bezier(.2,.8,.2,1), transform .65s cubic-bezier(.2,.8,.2,1);
  transition-delay: var(--gear-reveal-delay, 0ms);
}
.gear-card-reveal.is-visible{
  opacity:1;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce){
  .hero.hero-carousel::before{ animation: none !important; }
  .hero.hero-carousel .carousel.carousel-fade .carousel-item,
  .hero.hero-carousel .carousel.carousel-fade .carousel-item .container{
    transition-duration: 1ms !important;
    transform: none !important;
  }
  .hero.hero-carousel .carousel-item.gear-enter .gear-hero-anim,
  .hero.hero-carousel .carousel-item.gear-leave .gear-hero-anim{
    animation: none !important;
    filter: none !important;
  }
  .hero.hero-carousel .gear-hero-progress{ display:none !important; }

  .gear-reveal,
  .gear-card-reveal{
    opacity:1 !important;
    transform:none !important;
    transition: none !important;
  }
}



.card{box-shadow: var(--shadow); border:0; border-radius:14px}
.card-pricing .price{font-size:2rem; font-weight:800; color:var(--brand-red)}
.list-check{list-style:none; padding-left:0; margin:0}
.list-check li{padding:.25rem 0}
.list-check li::before{content:"✓"; color:var(--brand-red); margin-right:.5rem; font-weight:700}

.section-title h2{font-weight:800}
.section-title .sub{color:var(--brand-gray)}

.site-footer{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(1100px circle at 15% -10%, rgba(211,47,47,.22), transparent 60%),
    radial-gradient(900px circle at 85% 10%, rgba(15,108,255,.18), transparent 55%),
    linear-gradient(180deg, #0b0c10 0%, #07080c 100%);
  color: rgba(255,255,255,.88);
  font-size:.95rem;
}
.site-footer::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:3px;
  background: linear-gradient(90deg, transparent, rgba(211,47,47,.95), rgba(15,108,255,.95), transparent);
  opacity:.9;
  pointer-events:none;
}
.site-footer a{
  color: rgba(255,255,255,.82);
  text-decoration:none;
  transition: color .15s ease, opacity .15s ease;
}
.site-footer a:hover{
  color:var(--brand-red);
}
.site-footer .mini{
  opacity:.72;
  font-size:.85rem;
}
.site-footer-title{
  position:relative;
  font-size:.9rem;
  text-transform:uppercase;
  letter-spacing:.06em;
  margin-bottom:.85rem;
  font-weight:700;
}
.site-footer-title::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-.35rem;
  width:44px;
  height:2px;
  border-radius:999px;
  background: rgba(211,47,47,.9);
}
.site-footer .footer-logo{
  max-height: var(--logo-size);
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px;
  padding:.35rem;
}
.site-footer-links{
  list-style:none;
  padding:0;
  margin:0;
}
.site-footer-links li+li{
  margin-top:.45rem;
}
.site-footer-links a{
  font-size:.9rem;
  display:inline-flex;
  align-items:center;
  gap:.4rem;
}
.site-footer-links a::before{
  content:"›";
  color: rgba(255,255,255,.45);
  font-weight:700;
  transform: translateY(-1px);
}
.site-footer-links a:hover::before{
  color: var(--brand-red);
}
.footer-social{
  display:flex;
  gap:.75rem;
}
.footer-social a{
  width:38px;
  height:38px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.18);
  background: rgba(255,255,255,.04);
  font-size:1.15rem;
  transition: transform .15s ease, background .15s ease, border-color .15s ease, color .15s ease;
}
.footer-social a:hover{
  transform: translateY(-2px);
  border-color: rgba(211,47,47,.9);
  background: rgba(211,47,47,.95);
  color:#fff;
}
.site-footer-bottom{
  border-top:1px solid rgba(255,255,255,.10);
  margin-top:1.75rem;
  padding-top:1rem;
  font-size:.8rem;
  color:rgba(255,255,255,.72);
}
.site-footer-bottom .footer-bottom-links{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
}
.site-footer-bottom .footer-bottom-links a{
  font-size:.8rem;
  opacity:.95;
  padding:.25rem .6rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
}
.site-footer-bottom .footer-bottom-links a:hover{
  background: rgba(255,255,255,.07);
}
#footerAddress{ display:none !important; }

@media (max-width: 575.98px){
  .site-footer .footer-logo{
    max-height:42px;
  }

  /* Footer kolonları: telefonda daha okunur */
  .site-footer .row > .col-6{
    flex: 0 0 100%;
    max-width: 100%;
  }

  /* Alt bar: telefonda ortalı ve taşmadan */
  .site-footer-bottom{
    text-align:center;
  }
  .site-footer-bottom .footer-bottom-links{
    justify-content:center;
  }

  /* E-posta gibi uzun metinler taşmasın */
  .footer-email-link,
  .site-footer-bottom .support-email-link{
    overflow-wrap:anywhere;
    word-break:break-word;
  }
}

.whatsapp-fab{
  position:fixed; right:18px; bottom:18px; z-index:1080;
  width:58px;height:58px; border-radius:50%; display:grid; place-items:center;
  background:#25D366; color:#fff; text-decoration:none; box-shadow: var(--shadow);
}

.stepper{display:flex; gap:.75rem; margin-bottom:1rem; flex-wrap:wrap; justify-content:center}
.stepper .step{
  display:flex; align-items:center; gap:.5rem; padding:.4rem .9rem; border-radius:999px;
  background:#f1f1f1; color:#333; font-weight:600; font-size:.95rem;
  transition: background-color .25s ease, color .25s ease, box-shadow .25s ease, transform .25s ease;
}
.stepper .step .dot{
  width:24px;height:24px;border-radius:50%; display:grid; place-items:center;
  background:#fff; color:var(--brand-red); font-weight:700;
  box-shadow:0 0 0 1px rgba(0,0,0,.05);
  transition: background-color .25s ease, color .25s ease, box-shadow .25s ease, transform .25s ease;
}
.stepper .step .step-check{
  display:none;
}
.stepper .step.active{
  background:var(--brand-red); color:#fff;
  transform:translateY(-1px);
  box-shadow:var(--shadow);
}
.stepper .step.active .dot{
  background:#fff;color:var(--brand-red);
}
.stepper .step.completed{
  background:rgba(46,125,50,.08);
  color:var(--brand-green);
  box-shadow:0 0 0 1px rgba(46,125,50,.15);
}
.stepper .step.completed .dot{
  background:var(--brand-green);
  color:#fff;
  transform:scale(.95);
}
.stepper .step.completed .step-check{
  display:inline-flex;
  align-items:center;
}
@media (max-width:576px){
  .stepper{gap:.5rem}
  .stepper .step{
    padding:.35rem .7rem;
    font-size:.8rem;
  }
}

.form-step{display:none}
.form-step.active{display:block; animation:fade .25s ease}
@keyframes fade{from{opacity:.3; transform:translateY(6px)} to{opacity:1; transform:translateY(0)}}

.table-features th{white-space:nowrap}
.table-features .yes{color:var(--brand-red); font-weight:700}
.table-features .no{opacity:.4}

.gallery img{border-radius:12px; width:100%; height:220px; object-fit:cover}

.map-wrap{border:6px solid #fff; box-shadow: var(--shadow); border-radius:14px; overflow:hidden}

.top-contact{font-weight:700; color:var(--brand-red)}
.call-pill{display:inline-flex;gap:.35rem;align-items:center;padding:.25rem .6rem;border-radius:999px;background:#fff;border:1px solid #eee}

.badge-new{background:var(--brand-gray);}

.navbar .nav-item.icon-only a{display:flex; align-items:center; gap:.35rem}

.small-note{color:var(--brand-gray); font-size:.9rem}


/* Paketler - package cards */
.package-grid{
  margin-top:2rem;
}

.package-card{
  position:relative;
  overflow:hidden;
  border-radius:18px;
  background:radial-gradient(circle at 0% 0%, rgba(211,47,47,.06), #fff 55%);
  border:1px solid rgba(0,0,0,.04);
  box-shadow:var(--shadow);
  opacity:0;
  transform:translateY(14px);
  transition:opacity .35s ease, transform .35s ease, box-shadow .24s ease, border-color .24s ease, background .24s ease;
}

.package-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(255,255,255,.0), rgba(0,0,0,.04));
  opacity:0;
  transition:opacity .35s ease;
}

.package-card .card-body{
  position:relative;
  z-index:1;
}

.package-card .package-frame{
  margin-bottom:1rem;
}

.package-card .package-pill{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.45rem .9rem;
  border-radius:999px;
  background:rgba(255,255,255,.85);
  border:1px solid rgba(0,0,0,.04);
  box-shadow:0 12px 30px rgba(0,0,0,.12);
  backdrop-filter:blur(6px);
}

.package-card .package-icon{
  width:32px;
  height:32px;
  flex:0 0 32px;
}

.package-card .badge{
  letter-spacing:.08em;
  font-size:.7rem;
  padding:.2rem .65rem;
}

/* per package accent colors */
.package-card[data-package="bronz"]{ --package-color:#c4793b; --package-color-rgb:196,121,59; }
.package-card[data-package="silver"]{ --package-color:#9e9e9e; --package-color-rgb:158,158,158; }
.package-card[data-package="gold"]{ --package-color:#f4a718; --package-color-rgb:244,167,24; }
.package-card[data-package="plat"]{ --package-color:#26a69a; --package-color-rgb:38,166,154; }
.package-card[data-package="elmas"]{ --package-color:#4a90e2; --package-color-rgb:74,144,226; }
.package-card[data-package="ozel"]{ --package-color:#8e24aa; --package-color-rgb:142,36,170; }

.package-card .price{
  color:var(--package-color, var(--brand-red));
}

/* hover and focus */
.package-card:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 40px rgba(0,0,0,.16);
  border-color:rgba(0,0,0,.06);
}

.package-card:hover::before{
  opacity:1;
}

.package-card:hover .package-pill{
  transform:translateY(-1px);
}

/* entrance animation state (toggled via JS) */
.package-card.is-visible{
  opacity:1;
  transform:translateY(0);
}

/* === GEAR Ekspertiz Enhancements === */
.bg-soft{ background: var(--brand-soft, #f7f7f7); }
.navbar-brand .brand-word{ letter-spacing:.5px; font-weight:700; }
.navbar .nav-link{ padding:.5rem .75rem; white-space:nowrap; }
.navbar .nav-link.active{ color:#0d6efd; font-weight:600; }
.list-group-flush>.list-group-item{ border:0; padding:.4rem .25rem; border-left:3px solid transparent; }
.list-group-flush>.list-group-item.active{ background:#eef4ff; border-left-color:#0d6efd; }
.card{ border-radius: .75rem; }
.form-control, .form-select{ border-radius:.6rem; }
.thumb img, .thumb video{ object-fit:cover; aspect-ratio:1.6/1; }
@media (max-width: 991.98px){
  .sticky-lg-top{ position:static !important; }
}
/* Print-friendly */
@media print{
  .navbar, footer, .list-group, #btnSave, #btnSave2, #btnExport, #btnExport2, #btnPrint, #btnPrint2 { display:none !important; }
  .card{ box-shadow:none !important; }
  body{ background:#fff !important; }
  section{ break-inside: avoid; page-break-inside: avoid; }
}

:root { --logo-size: 110px; }

/* Unified logo sizing: one place to control */
.logo-gear {
  display: inline-block;
  height: var(--logo-size);
  width: auto;
  line-height: 1;
}

/* Optional: smaller on mobile */
@media (max-width: 991.98px){
  :root { --logo-size: 92px; }
}

/* About page (v2) – sade metin + görsel kolaj + scroll reveal */
.about-page{
  position:relative;
}

.about-page .about-hero{
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(211,47,47,.10), rgba(0,0,0,.02));
}

.about-page .about-hero::before{
  content:"";
  position:absolute;
  inset:-35%;
  background:
    radial-gradient(circle at 16% 22%, rgba(211,47,47,.18), transparent 58%),
    radial-gradient(circle at 88% 72%, rgba(13,110,253,.10), transparent 58%);
  opacity:.9;
  pointer-events:none;
  z-index:0;
}

.about-page .about-hero > .container{ position:relative; z-index:1; }

.about-page .about-pill{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.55rem .9rem;
  border-radius:999px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 16px 30px rgba(0,0,0,.06);
  font-weight: 800;
  letter-spacing:.06em;
  text-transform:uppercase;
  font-size:.78rem;
}

.about-page .about-pill .dot{
  width:10px;
  height:10px;
  border-radius:999px;
  background: var(--brand-red);
  box-shadow: 0 0 0 6px rgba(211,47,47,.12);
}

.about-page .about-title{
  font-weight: 1000;
  letter-spacing:.2px;
  line-height:1.1;
  margin-top: .9rem;
}

.about-page .about-lead{
  color: rgba(0,0,0,.68);
  font-size: 1.05rem;
  line-height:1.7;
  margin-top: .7rem;
}

/* Hero entrance animation (one-time, soft) */
.about-hero-anim{
  opacity: 0;
  transform: translateY(12px);
  filter: blur(6px);
  animation: about-hero-in .85s cubic-bezier(.2,.8,.2,1) forwards;
  animation-delay: var(--a-delay, 0ms);
}

@keyframes about-hero-in{
  to{ opacity:1; transform: translateY(0); filter: blur(0); }
}

/* Visual collage */
.about-page .about-visual{
  position: relative;
  padding-bottom: 1.75rem;
}

.about-page .about-img{
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: var(--shadow);
  background:#fff;
  margin:0;
}

.about-page .about-img img{
  width:100%;
  height: 170px;
  object-fit: cover;
  display:block;
  transform: scale(1.02);
  transition: transform .6s ease;
}

.about-page .about-img:hover img{ transform: scale(1.06); }

.about-page .about-tag{
  position:absolute;
  left:12px;
  top:12px;
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  padding:.35rem .65rem;
  border-radius:999px;
  background: rgba(255,255,255,.88);
  border:1px solid rgba(0,0,0,.12);
  font-weight: 800;
  font-size: .85rem;
}

.about-page .about-img figcaption{
  padding: .55rem .65rem .65rem;
  font-weight: 700;
  font-size: .85rem;
  color: rgba(0,0,0,.68);
  border-top: 1px solid rgba(0,0,0,.06);
  background: rgba(255,255,255,.96);
}

.about-page .about-float{
  position:absolute;
  right: 10px;
  bottom: -18px;
  width: min(360px, 94%);
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(8px);
  box-shadow: var(--shadow);
  padding: 1rem 1rem;
}

.about-page .about-float-title{
  font-weight: 900;
  letter-spacing:.2px;
}

.about-page .about-float-text{
  color: rgba(0,0,0,.65);
  margin-top: .25rem;
}

/* Process section */
.about-page .about-process{
  position:relative;
  background: linear-gradient(135deg, rgba(211,47,47,.04), rgba(0,0,0,.02));
}

.about-page .about-note{
  border: 1px dashed rgba(0,0,0,.18);
  background: rgba(255,255,255,.78);
  backdrop-filter: blur(7px);
  border-radius: 16px;
  padding: .95rem 1rem;
  font-size: .95rem;
  box-shadow: 0 14px 30px rgba(0,0,0,.06);
}

.about-page .about-timeline{
  position: relative;
  margin-top: 1.25rem;
}

.about-page .about-timeline::before{
  content:"";
  position:absolute;
  left: 16px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: rgba(0,0,0,.10);
}

.about-page .about-timeline-item{
  position: relative;
  display:flex;
  gap: 1rem;
  margin-bottom: 1.25rem;
}

.about-page .about-tl-dot{
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  border-radius: 999px;
  background: rgba(211,47,47,.12);
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 900;
  color: var(--brand-red);
  box-shadow: 0 12px 22px rgba(211,47,47,.12);
  margin-top: .35rem;
  position: relative;
  z-index: 2;
}

.about-page .about-tl-card{
  width: 100%;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.94);
  backdrop-filter: blur(6px);
  box-shadow: var(--shadow);
  padding: 1.15rem 1.2rem;
}

.about-page .about-tl-title{
  font-weight: 1000;
  letter-spacing:.2px;
}

.about-page .about-tl-text{
  color: rgba(0,0,0,.65);
  margin-top: .15rem;
}

/* FAQ wrapper */
.about-page .about-faq-wrap{
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.62);
  backdrop-filter: blur(8px);
  border-radius: 24px;
  box-shadow: var(--shadow);
  padding: 1.25rem;
}

.about-page .about-faq .accordion-item{
  border:0;
  background: transparent;
}

.about-page .about-faq .accordion-button{
  border-radius: 16px;
  text-align:left;
  font-weight: 900;
  color:#222;
  background: rgba(0,0,0,.02);
  border:1px solid rgba(0,0,0,.08);
  padding: .85rem 1rem;
  margin-bottom: .65rem;
}

.about-page .about-faq .accordion-button:not(.collapsed){
  background: rgba(211,47,47,.10);
  border-color: rgba(211,47,47,.24);
  color:#111;
}

.about-page .about-faq .accordion-button:focus{
  box-shadow:0 0 0 .15rem rgba(211,47,47,.25);
}

.about-page .about-faq .accordion-body{
  color: rgba(0,0,0,.65);
}

/* CTA cards */
.about-cta-card{
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.88);
  backdrop-filter: blur(8px);
  border-radius: 24px;
  box-shadow: var(--shadow);
  padding: 1.4rem 1.35rem;
}

.about-cta-title{
  font-weight: 1000;
  letter-spacing:.2px;
  font-size: 1.2rem;
}

.about-cta-text{
  color: rgba(0,0,0,.65);
}

.about-page .about-cta{
  position: relative;
  overflow:hidden;
  background: linear-gradient(135deg, rgba(211,47,47,.06), rgba(0,0,0,.02));
}

.about-page .about-cta::before{
  content:"";
  position:absolute;
  inset:-35%;
  background:
    radial-gradient(circle at 18% 24%, rgba(211,47,47,.14), transparent 58%),
    radial-gradient(circle at 84% 76%, rgba(0,0,0,.05), transparent 55%);
  opacity:.9;
  pointer-events:none;
}

.about-page .about-cta > .container{ position:relative; z-index:1; }

.about-cta-panel{
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.86);
  backdrop-filter: blur(8px);
  border-radius: 24px;
  box-shadow: var(--shadow);
  padding: 1.5rem 1.5rem;
}

.about-cta-panel-title{
  font-weight: 1000;
  letter-spacing:.2px;
  font-size: 1.35rem;
}

.about-cta-panel-text{
  color: rgba(0,0,0,.65);
  margin-top: .35rem;
}

@media (max-width: 991.98px){
  .about-page .about-visual{ margin-top:1.25rem; padding-bottom: 0; }
  .about-page .about-float{ position: static; margin-top: 1rem; width: 100%; bottom:auto; right:auto; }
}

@media (max-width: 575.98px){
  .about-page .about-img img{ height: 150px; }
}

@media (prefers-reduced-motion: reduce){
  .about-hero-anim{ animation:none !important; opacity:1 !important; transform:none !important; filter:none !important; }
  .about-page .about-img:hover img{ transform:none !important; }
}


/* === Paketler tasarım güncellemesi (ChatGPT) === */

/* Kart genel görünümü ve giriş animasyonu (sade + renk uyumlu) */
.package-card{
  position:relative;
  overflow:hidden;
  border-radius:18px;
  /* Paket rengine göre soft zemin */
  background:
    radial-gradient(
      900px circle at 0% 0%,
      rgba(var(--package-color-rgb, 211,47,47), .12),
      #ffffff 52%
    );
  border:1px solid rgba(var(--package-color-rgb, 211,47,47), .22);
  box-shadow:0 16px 35px rgba(15,23,42,.08);
  opacity:0;
  transform:translateY(14px) scale(.985);
  transition:
    opacity .45s ease var(--reveal-delay, 0ms),
    transform .45s cubic-bezier(.2,.7,.2,1) var(--reveal-delay, 0ms),
    box-shadow .25s ease,
    border-color .25s ease,
    background .35s ease;
}

/* İnce renkli çerçeve/ışık (inset) */
.package-card::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:0 0 0 1px rgba(var(--package-color-rgb, 211,47,47), .20) inset;
  opacity:.95;
}

/* Hover'da "shine" efekti */
.package-card::before{
  content:"";
  position:absolute;
  inset:-60% -60%;
  background:linear-gradient(120deg, transparent 42%, rgba(255,255,255,.55) 50%, transparent 58%);
  transform:translateX(-55%) rotate(12deg);
  opacity:0;
  pointer-events:none;
}

.package-card .card-body{
  position:relative;
  z-index:1;
  padding-top:3.2rem; /* ikon pill için ekstra boşluk */
}

/* İkon/badge kapsayıcısını kartın üstüne sabitle */
.package-card .package-frame{
  position:absolute;
  top:1rem;
  left:1rem;
  margin-bottom:0;
}

/* İkon + paket adı pill */
.package-card .package-pill{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  padding:.35rem .75rem;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(var(--package-color-rgb, 211,47,47), .22);
  box-shadow:0 10px 24px rgba(15,23,42,.10);
  backdrop-filter:blur(6px);
  transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.package-card .package-icon{
  width:24px;
  height:24px;
  flex:0 0 24px;
  transition:transform .25s ease;
}

@media (max-width: 575.98px){
  .package-card .package-icon{
    width:20px;
    height:20px;
    flex-basis:20px;
  }
}

/* Paket adı: çerçeve + yazı rengi paket rengiyle aynı */
.package-card .badge{
  letter-spacing:.09em;
  font-size:.7rem;
  padding:.15rem .55rem;
  border-radius:999px;
  text-transform:uppercase;
  background:transparent !important;
  color:var(--package-color, var(--brand-red)) !important;
  border:1px solid rgba(var(--package-color-rgb, 211,47,47), .60);
}

/* Başlık ve fiyat renkleri */
.package-card h5{
  margin-top:.75rem;
  font-weight:800;
  color:var(--package-color, var(--brand-dark));
}

.package-card .price{
  color:var(--package-color, var(--brand-red));
  font-weight:800;
}

/* Check ikonlarını paket rengine bağla */
.package-card .list-check li::before{
  color:var(--package-color, var(--brand-red));
}

/* Açıklama (small-note) alanını biraz öne çıkar */
.package-card .small-note{
  margin-top:.75rem;
  font-size:.85rem;
}

/* Kart aksiyonları: Detaylar + Karşılaştır */
.package-card .mt-3.text-end{
  display:flex;
  justify-content:flex-end;
  gap:.5rem;
}

/* Detaylar butonu paket rengine uyumlu olsun */
.package-card .btn-outline-primary{
  border-color:rgba(var(--package-color-rgb, 211,47,47), .55);
  color:var(--package-color, var(--brand-red));
}
.package-card .btn-outline-primary:hover,
.package-card .btn-outline-primary:focus{
  background:var(--package-color, var(--brand-red));
  border-color:var(--package-color, var(--brand-red));
  color:#fff;
}

/* Karşılaştır butonu (JS ile eklenir) */
.package-card .btn-compare{
  border:1px solid rgba(var(--package-color-rgb, 211,47,47), .22);
  background:rgba(var(--package-color-rgb, 211,47,47), .08);
  color:var(--package-color, var(--brand-red));
}
.package-card .btn-compare:hover,
.package-card .btn-compare:focus{
  border-color:rgba(var(--package-color-rgb, 211,47,47), .40);
  background:rgba(var(--package-color-rgb, 211,47,47), .14);
  color:var(--package-color, var(--brand-red));
}

/* Hover ve giriş animasyonu */
.package-card:hover{
  transform:translateY(-7px) scale(1.01);
  box-shadow:
    0 22px 46px rgba(15,23,42,.12),
    0 16px 32px rgba(var(--package-color-rgb, 211,47,47), .16);
  border-color:rgba(var(--package-color-rgb, 211,47,47), .55);
}

.package-card:hover::before{
  opacity:1;
  animation:packageShine 1.1s ease;
}

.package-card:hover .package-pill{
  transform:translateY(-2px);
  border-color:rgba(var(--package-color-rgb, 211,47,47), .45);
}

.package-card:hover .package-icon{
  transform:rotate(-7deg) scale(1.06);
}

/* IntersectionObserver ile görünür olduğunda */
.package-card.is-visible{
  opacity:1;
  transform:translateY(0) scale(1);
}

/* İkon pill için hafif pop animasyonu */
.package-card.is-visible .package-pill{
  animation:packageIconPop .35s ease-out;
}

@keyframes packageIconPop{
  from{ transform:translateY(6px) scale(.92); opacity:0; }
  to{ transform:translateY(0) scale(1); opacity:1; }
}

@keyframes packageShine{
  from{ transform:translateX(-55%) rotate(12deg); }
  to{ transform:translateX(55%) rotate(12deg); }
}

/* Paket maddelerini sadeleştirmek için: uzun listeleri aç/kapa (JS ile) */
.package-card .list-check.is-collapsible{
  position:relative;
  overflow:hidden;
  transition:max-height .45s ease;
}

.package-card .list-check.is-collapsible.is-collapsed::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2.2rem;
  background:linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
  pointer-events:none;
}

.package-more{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  margin-top:.6rem;
  padding:0;
  border:0;
  background:transparent;
  font-weight:700;
  font-size:.85rem;
  color:var(--package-color, var(--brand-red));
}

.package-more i{
  transition:transform .25s ease;
}

.package-more[aria-expanded="true"] i{
  transform:rotate(180deg);
}

.package-more:hover{ text-decoration:underline; }

.package-more:focus-visible{
  outline:3px solid rgba(var(--package-color-rgb, 211,47,47), .25);
  outline-offset:3px;
  border-radius:10px;
}

/* Karşılaştırma tablosu: seçili sütunu vurgula */
.table-features th,
.table-features td{
  transition:background .25s ease, box-shadow .25s ease;
}

.table-features .is-highlight{
  background:rgba(var(--active-color-rgb, 13,110,253), .10) !important;
  box-shadow:inset 0 0 0 1px rgba(var(--active-color-rgb, 13,110,253), .22);
}

.table-features thead .is-highlight{
  background:rgba(var(--active-color-rgb, 13,110,253), .16) !important;
}

/* Az hareket tercihi */
@media (prefers-reduced-motion: reduce){
  .package-card,
  .package-card *{
    animation:none !important;
    transition:none !important;
  }
}

/* Paket açıklama kutusu */
.package-helper{
  background:rgba(0,0,0,.015);
  border-radius:18px;
  padding:1rem 1.25rem;
  border:1px dashed rgba(0,0,0,.08);
}

.package-helper h3{
  font-size:.9rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:var(--brand-gray);
}

.package-helper p{
  font-size:.9rem;
  margin:0;
  color:#555;
}

/* Randevu sayfası özel stiller */
/* Telefon alanı: ülke kodu + numara hizalaması */
.phone-input-group select.form-select{
  width: 90px;
  min-width: 90px;
  padding-right: 1.8rem!important; /* +90 ile dropdown oku birbirine girmesin */
}

/* Emoji bayrak yerine "flag-icons" ile minimal bayrak */
.flag-pill{
  width: 46px;
  min-width: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}

.flag-pill .fi{
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(0,0,0,.08);
  width: 1.35em;
  height: 1em;
}

/* Küçük ekranlarda taşmayı azalt */
@media (max-width: 575.98px){
  .phone-input-group select.form-select{
    width: 82px;
    min-width: 82px;
  }
}

.randevu-page{
  background:linear-gradient(180deg,#fafafa,#ffffff);
}
.randevu-section{
  position:relative;
}
.randevu-section .section-title h2{
  letter-spacing:.03em;
}
.randevu-section .section-title .sub{
  max-width:720px;
  margin:0 auto;
}
#wizardForm{
  border:none;
  border-radius:1.25rem;
  box-shadow:var(--shadow);
  background:#fff;
}
.randevu-section .small-note{
  font-size:.9rem;
}


/* Randevu sayfası — yeni animasyon + sunum iyileştirmeleri */
.randevu-highlights{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:.75rem;
}
.randevu-highlight{
  display:flex;
  align-items:center;
  gap:.6rem;
  padding:.65rem .9rem;
  background: rgba(255,255,255,.92);
  border:1px solid rgba(0,0,0,.06);
  border-radius:999px;
  box-shadow: 0 10px 25px rgba(0,0,0,.05);
  transition: transform .18s ease, box-shadow .18s ease;
}
.randevu-highlight i{
  font-size:1.15rem;
  color: var(--brand-red);
}
.randevu-highlight .t{
  font-weight:600;
  line-height:1.1;
}
.randevu-highlight .s{
  font-size:.85rem;
  color: rgba(0,0,0,.6);
  line-height:1.2;
}
.randevu-highlight:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 32px rgba(0,0,0,.07);
}
@media (max-width: 575.98px){
  .randevu-highlight{
    width:100%;
    border-radius:1rem;
  }
}

/* Wizard progress */
.wizard-progress{
  height: 10px;
  background: rgba(211,47,47,.10);
  border-radius: 999px;
  overflow: hidden;
}
.wizard-progress-bar{
  height: 100%;
  width: 25%; /* init (JS güncelliyor) */
  background: var(--brand-red);
  border-radius: 999px;
  transition: width .35s cubic-bezier(.2,.8,.2,1);
}

/* Step geçiş animasyonu (ileri/geri yönlü) */
#wizardForm[data-dir="next"] .form-step.active{
  animation: wizardInNext .35s cubic-bezier(.2,.8,.2,1);
}
#wizardForm[data-dir="prev"] .form-step.active{
  animation: wizardInPrev .35s cubic-bezier(.2,.8,.2,1);
}
@keyframes wizardInNext{
  from{opacity:0; transform:translateX(18px) translateY(4px)}
  to{opacity:1; transform:translateX(0) translateY(0)}
}
@keyframes wizardInPrev{
  from{opacity:0; transform:translateX(-18px) translateY(4px)}
  to{opacity:1; transform:translateX(0) translateY(0)}
}

/* Bayi harita overlay + yükleniyor efekti */
.branch-map-wrap{
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
  background: #f3f4f6;
}
.branch-map-wrap .ratio{
  border-radius: 1rem;
  overflow: hidden;
}
.branch-map-overlay{
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .75rem;
  padding: 1rem;
  text-align: center;
  background: rgba(255,255,255,.88);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: opacity .25s ease, visibility .25s ease;
}
.branch-map-overlay i{
  font-size: 1.5rem;
  color: var(--brand-red);
}
.branch-map-overlay.is-hidden{
  opacity: 0;
  visibility: hidden;
}
.branch-map-wrap.is-updating::after{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: rgba(255,255,255,.25);
  animation: mapPulse 1.1s ease-in-out infinite;
}
@keyframes mapPulse{
  0%,100%{opacity:.25}
  50%{opacity:.55}
}

@media (prefers-reduced-motion: reduce){
  .wizard-progress-bar{ transition:none; }
  #wizardForm[data-dir] .form-step.active{ animation:none; }
  .branch-map-wrap.is-updating::after{ animation:none; }
}


/* === Header & Footer layout refinements (v2) === */

/* Header proportions */
header .navbar {
  padding-top: .65rem;
  padding-bottom: .65rem;
  position: relative;
  transform: translate3d(0,0,0);
  will-change: transform, padding, background-color;
  transition: padding .25s ease, box-shadow .25s ease, background-color .25s ease, border-color .25s ease, transform .35s cubic-bezier(.2,.8,.2,1);
}

/* Desktop headroom (JS): hide navbar on scroll-down, reveal on scroll-up */
header .navbar.gear-nav-hidden{
  transform: translate3d(0, -120%, 0);
}

/* When the mobile menu is open, keep the navbar elevated */
header .navbar.gear-nav-menu-open{
  box-shadow: 0 18px 50px rgba(0,0,0,.12);
}

/* Mobile backdrop when navbar is open */
.gear-nav-backdrop{
  position: fixed;
  inset: 0;
  z-index: 1010; /* below Bootstrap sticky-top navbar (1020) */
  background: rgba(15,18,25,.32);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .22s ease, visibility 0s linear .22s;
}
.gear-nav-backdrop.is-visible{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition-delay: 0s;
}
@supports (backdrop-filter: blur(2px)){
  .gear-nav-backdrop{
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
  }
}

/* Prevent background scroll when mobile menu is open */
body.gear-no-scroll{
  overflow: hidden;
}

/* Subtle brand accent line (ties hero ↔ footer) */
header .navbar::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2px;
  background: linear-gradient(90deg, rgba(211,47,47,0), rgba(211,47,47,.85), rgba(13,110,253,.25), rgba(211,47,47,0));
  opacity:.55;
  pointer-events:none;
}
header .navbar.gear-nav-scrolled::after{ opacity:.85; }

/* Scroll polish: slight glass + shadow when page is scrolled */
header .navbar.gear-nav-scrolled{
  box-shadow: 0 12px 30px rgba(0,0,0,.08);
  border-bottom: 1px solid rgba(0,0,0,.06);
  padding-top: .45rem;
  padding-bottom: .45rem;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

@supports (backdrop-filter: blur(10px)) {
  header .navbar.gear-nav-scrolled{
    background: rgba(255,255,255,.88) !important;
  }
}

/* Navbar: logo solda, menü ortada, aksiyonlar (telefon + randevu) sağda */
@media (min-width: 992px) {
  /* .navbar-collapse içerisinde 2 ayrı UL (orta menü + sağ aksiyonlar) kullanıyoruz */
  header .navbar .navbar-collapse{
    display: flex !important;
    align-items: center;
    gap: .75rem;
  }

  /* Orta menü: kalan alanı kapla, taşma yerine daralabilsin */
  header .navbar ul.gear-nav-center{
    flex: 1 1 auto;
    justify-content: center;
    margin: 0 !important;
    min-width: 0;
  }

  /* Sağ aksiyonlar: sağa yasla */
  header .navbar ul.gear-nav-actions{
    flex: 0 0 auto;
    margin-left: auto;
    gap: .35rem;
  }
}



/* Dropdown (Üst Başlık / Alt Başlık) */
header .navbar .dropdown-menu.gear-dd{
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: var(--shadow);
  border-radius: 16px;
  padding: .35rem;
  min-width: 260px;
}
header .navbar .dropdown-menu.gear-dd .dropdown-item{
  border-radius: 12px;
  padding: .55rem .75rem;
  white-space: normal;
}
header .navbar .dropdown-menu.gear-dd .dropdown-item:hover{
  background: rgba(211,47,47,.06);
}
header .navbar .dropdown-menu.gear-dd .dd-title{
  display: block;
  font-weight: 700;
}
header .navbar .dropdown-menu.gear-dd .dd-sub{
  display: block;
  font-size: .78rem;
  color: var(--brand-gray);
  margin-top: .05rem;
}
header .navbar .dropdown-menu.gear-dd .dropdown-item.active,
header .navbar .dropdown-menu.gear-dd .dropdown-item:active{
  background: rgba(211,47,47,.10);
  /* Bootstrap varsayılanı: active durumda yazıyı beyaz yapar.
     Açık arka planda okunabilirlik için koyu tutuyoruz. */
  color: var(--brand-dark);
}

/* Navbar dropdown motion + click UX polish (v3) */
header .navbar .dropdown-toggle::after{
  transition: transform .2s ease;
}
header .navbar .dropdown-toggle[aria-expanded="true"]::after{
  transform: rotate(180deg);
}

@media (min-width: 992px){
  /* Nav links feel like pills */
  header .navbar .navbar-nav .nav-link{
    border-radius: 999px;
    transition: background-color .18s ease, color .18s ease, box-shadow .18s ease;
  }
  header .navbar .navbar-nav .nav-link:hover{
    background: rgba(211,47,47,.06);
  }
  header .navbar .navbar-nav .nav-link.active{
    background: rgba(211,47,47,.10);
  }

  /* Dropdown open animation (avoid overriding Popper's transform by using translate/scale properties) */
  header .navbar .dropdown-menu.gear-dd{
    display: block; /* allow smooth fade-out on desktop */
    background: rgba(255,255,255,.98);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    translate: 0 10px;
    scale: .98;
    transition: opacity .18s ease, translate .22s cubic-bezier(.2,.8,.2,1), scale .22s cubic-bezier(.2,.8,.2,1), visibility 0s linear .22s;
  }
  header .navbar .dropdown-menu.gear-dd.show{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    translate: 0 0;
    scale: 1;
    transition-delay: 0s;
  }

  /* Small pointer */
  header .navbar .dropdown-menu.gear-dd::before{
    content:"";
    position:absolute;
    top:-8px;
    left:22px;
    width:16px;
    height:16px;
    background: rgba(255,255,255,.98);
    border-left: 1px solid rgba(0,0,0,.06);
    border-top: 1px solid rgba(0,0,0,.06);
    transform: rotate(45deg);
    border-radius: 2px;
  }

  header .navbar .dropdown-item:focus{
    background: rgba(211,47,47,.08);
    outline: none;
  }
}

/* Primary navigation links */
header .navbar-nav .nav-link {
  font-weight: 500;
  font-size: .95rem;
}

/* Desktop spacing between nav items */
@media (min-width: 992px) {
  header .navbar-nav {
    gap: .2rem;
  }

  header .navbar-nav .nav-link {
    padding-inline: .6rem;
  }
}

/* CTA button in the navbar */
header .navbar .btn-brand {
  padding-inline: 1.0rem;
  padding-block: .42rem;
  font-weight: 600;
  border-radius: 999px;
  position: relative;
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

header .navbar .btn-brand:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(211,47,47,.22);
}
header .navbar .btn-brand:active{
  transform: translateY(0);
  box-shadow: 0 10px 22px rgba(211,47,47,.18);
}

/* Subtle shine on hover (professional, not flashy) */
header .navbar .btn-brand::after{
  content:"";
  position:absolute;
  top:-60%;
  left:-40%;
  width: 60%;
  height: 220%;
  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.32), rgba(255,255,255,0));
  transform: translateX(-160%) rotate(12deg);
  transition: transform .65s cubic-bezier(.2,.8,.2,1);
  pointer-events:none;
}
header .navbar .btn-brand:hover::after{
  transform: translateX(260%) rotate(12deg);
}

/* Phone pill in the navbar */
header .navbar .call-pill {
  font-size: .88rem;
  padding: .32rem .75rem;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.06);
  background: #fff;
  box-shadow: 0 4px 10px rgba(0,0,0,.04);
  position: relative;
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease;
}

header .navbar .call-pill:hover{
  transform: translateY(-1px);
  border-color: rgba(211,47,47,.18);
  box-shadow: 0 14px 30px rgba(0,0,0,.08);
}
header .navbar .call-pill:active{
  transform: translateY(0);
}

/* Mobile toggler polish */
header .navbar-toggler{
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.10);
  padding: .45rem .55rem;
  box-shadow: 0 10px 22px rgba(0,0,0,.06);
  color: var(--brand-dark);
}
header .navbar-toggler:focus{
  box-shadow: 0 0 0 .15rem rgba(211,47,47,.25), 0 10px 22px rgba(0,0,0,.08);
}
header .navbar-toggler-icon{
  background-image: none;
  position: relative;
  display: inline-block;
  width: 1.35em;
  height: 1.05em;
  background: linear-gradient(currentColor, currentColor) center/100% 2px no-repeat;
  border-radius: 999px;
  transition: background-size .18s ease;
}

header .navbar-toggler-icon::before,
header .navbar-toggler-icon::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  height:2px;
  background: currentColor;
  border-radius: 999px;
  transition:
    transform .25s cubic-bezier(.2,.8,.2,1),
    top .25s cubic-bezier(.2,.8,.2,1),
    bottom .25s cubic-bezier(.2,.8,.2,1);
}
header .navbar-toggler-icon::before{ top: 0; }
header .navbar-toggler-icon::after{ bottom: 0; }

/* Hamburger → X animation */
header .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon{
  background-size: 0 2px;
}
header .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before{
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
header .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after{
  bottom: 50%;
  transform: translateY(50%) rotate(-45deg);
}

/* Mobile menu panel & animations (v4) */
@media (max-width: 991.98px){
  header .navbar .navbar-collapse.gear-collapse-panel{
    margin-top: .65rem;
    padding: .5rem;
    border-radius: 18px;
    border: 1px solid rgba(0,0,0,.06);
    background: rgba(255,255,255,.98);
    box-shadow: 0 22px 70px rgba(0,0,0,.12);
  }

  @supports (backdrop-filter: blur(12px)){
    header .navbar .navbar-collapse.gear-collapse-panel{
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
    }
  }

  /* Smooth content entrance (JS toggles gear-collapse-opening/closing) */
  header .navbar .navbar-collapse.gear-collapse-panel .navbar-nav{
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity .22s ease, transform .28s cubic-bezier(.2,.8,.2,1);
  }
  header .navbar .navbar-collapse.gear-collapse-panel.show .navbar-nav,
  header .navbar .navbar-collapse.gear-collapse-panel.gear-collapse-opening .navbar-nav{
    opacity: 1;
    transform: translateY(0);
  }
  header .navbar .navbar-collapse.gear-collapse-panel.gear-collapse-closing .navbar-nav{
    opacity: 0;
    transform: translateY(-8px);
  }

  /* Better tap targets */
  header .navbar .navbar-collapse.gear-collapse-panel .nav-link{
    padding: .62rem .75rem;
    border-radius: 14px;
  }

  /* Mobile underline cue for normal nav links (exclude call pill) */
  header .navbar .navbar-collapse.gear-collapse-panel .nav-link:not(.call-pill){
    position: relative;
  }
  header .navbar .navbar-collapse.gear-collapse-panel .nav-link:not(.call-pill)::after{
    content:"";
    position: absolute;
    left: .9rem;
    right: .9rem;
    bottom: .38rem;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(211,47,47,0), rgba(211,47,47,.85), rgba(13,110,253,.35));
    opacity: 0;
    transform: scaleX(.75);
    transform-origin: center;
    transition: opacity .2s ease, transform .25s cubic-bezier(.2,.8,.2,1);
    pointer-events: none;
  }
  header .navbar .navbar-collapse.gear-collapse-panel .nav-link:not(.call-pill):hover::after,
  header .navbar .navbar-collapse.gear-collapse-panel .nav-link:not(.call-pill).active::after{
    opacity: 1;
    transform: scaleX(1);
  }

  /* Actions area separation */
  header .navbar .navbar-collapse.gear-collapse-panel ul.gear-nav-actions{
    margin-top: .4rem;
    padding-top: .35rem;
    border-top: 1px dashed rgba(0,0,0,.10);
  }

  /* Make CTA and call-pill feel like proper menu items on mobile */
  header .navbar .navbar-collapse.gear-collapse-panel .btn-brand,
  header .navbar .navbar-collapse.gear-collapse-panel .call-pill{
    width: 100%;
    display: inline-flex;
    justify-content: center;
  }

  /* Dropdown menu inside the panel */
  header .navbar .navbar-collapse.gear-collapse-panel .dropdown-menu.gear-dd{
    box-shadow: none;
    border-radius: 14px;
  }
}

/* ===============================
   Mobile Drawer (Offcanvas) - v5
   =============================== */

/* Backdrop: daha premium (blur + yumuşak koyuluk)
   Not: Sadece drawer açıkken (body class) override ediyoruz. */
body.gear-drawer-open .offcanvas-backdrop.show{
  background: rgb(15,18,25);
  opacity: .36;
}
@supports (backdrop-filter: blur(3px)){
  body.gear-drawer-open .offcanvas-backdrop.show{
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
  }
}

/* Drawer panel */
.gear-nav-drawer{
  --gear-drawer-w: 360px;
  width: var(--gear-drawer-w);
  max-width: 92vw;
  isolation: isolate;
  border-left: 1px solid rgba(0,0,0,.06);
  background: rgba(255,255,255,.98);
  box-shadow: -24px 0 70px rgba(0,0,0,.18);
}
@supports (backdrop-filter: blur(14px)){
  .gear-nav-drawer{
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
  }
}

/* Soft blobs (arka plan hissi) */
.gear-nav-drawer::before,
.gear-nav-drawer::after{
  content:"";
  position:absolute;
  width: 440px;
  height: 440px;
  border-radius: 50%;
  pointer-events:none;
  z-index: 0;
  opacity: .95;
  filter: saturate(1.05);
}
.gear-nav-drawer::before{
  top: -240px;
  right: -240px;
  background: radial-gradient(circle at 35% 35%, rgba(211,47,47,.18), rgba(211,47,47,0) 62%);
}
.gear-nav-drawer::after{
  bottom: -260px;
  left: -260px;
  background: radial-gradient(circle at 35% 35%, rgba(13,110,253,.14), rgba(13,110,253,0) 62%);
}

.gear-drawer-header{
  padding: .95rem 1rem;
  border-bottom: 1px solid rgba(0,0,0,.06);
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: auto 1fr auto;
  /*
    Drawer header layout (mobile offcanvas)
    -------------------------------------------------
    1. satır: Logo (sol) + Kapat (sağ)
    2. satır: Orta başlık "Menü" (tam ortada)

    Bu düzen, "Menü" metninin logo/kapat ile aynı satırda sıkışmasını
    engelleyerek daha dengeli bir görünüm verir.
  */
  grid-template-rows: auto auto;
  grid-template-areas:
    "brand . close"
    "title title title";
  align-items: center;
  column-gap: .6rem;
  row-gap: .45rem;
}

.gear-drawer-brand{
  grid-area: brand;
  display:flex;
  align-items:center;
  gap: .65rem;
  text-decoration:none;
  color: inherit;
  min-width: 0;
}

.gear-drawer-title{
  grid-area: title;
  justify-self: center;
  text-align: center;
  font-weight: 800;
  letter-spacing: .02em;
  font-size: 1rem;
  line-height: 1;
  margin: 0;
}

.gear-drawer-brand-fallback{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height: 44px;
  padding: 0 .5rem;
  border-radius: 12px;
  font-weight: 800;
  letter-spacing: .02em;
  background: rgba(0,0,0,.04);
}

.gear-drawer-logo{
  height: 44px;
  width: auto;
}

.gear-drawer-brand-text{ line-height: 1.05; }
.gear-drawer-brand-name{ font-weight: 800; letter-spacing: .02em; }
.gear-drawer-brand-sub{ font-size: .82rem; color: var(--brand-gray); margin-top: .05rem; }

.gear-drawer-close{
  grid-area: close;
  justify-self: end;
  border: 1px solid rgba(0,0,0,.10);
  background: rgba(255,255,255,.9);
  border-radius: 14px;
  width: 44px;
  height: 44px;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow: 0 10px 22px rgba(0,0,0,.08);
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}
.gear-drawer-close:hover{ transform: translateY(-1px); box-shadow: 0 14px 30px rgba(0,0,0,.12); }
.gear-drawer-close:active{ transform: translateY(0); }

.gear-drawer-body{
  padding: .85rem 1rem calc(1rem + env(safe-area-inset-bottom));
  position: relative;
  z-index: 1;
}

.gear-drawer-list{
  list-style: none;
  padding: 0;
  margin: 0;
  display:flex;
  flex-direction: column;
  gap: .25rem;
}

.gear-drawer-item{
  opacity: 0;
  transform: translateX(10px);
  transition: opacity .24s ease, transform .34s cubic-bezier(.2,.8,.2,1);
  transition-delay: var(--d, 0ms);
}

/* Bootstrap offcanvas animasyon class'ları: showing → show */
.gear-nav-drawer.showing .gear-drawer-item,
.gear-nav-drawer.show .gear-drawer-item{
  opacity: 1;
  transform: translateX(0);
}
.gear-nav-drawer.hiding .gear-drawer-item{
  opacity: 0;
  transform: translateX(8px);
  transition-delay: 0ms;
}

.gear-drawer-link{
  width: 100%;
  display:flex;
  align-items:center;
  gap: .7rem;
  padding: .68rem .85rem;
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,.06);
  background: rgba(255,255,255,.86);
  color: var(--brand-dark);
  text-decoration:none;
  font-weight: 600;
  transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, border-color .18s ease;
}

.gear-drawer-link:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 30px rgba(0,0,0,.08);
  border-color: rgba(211,47,47,.18);
}

.gear-drawer-link.active{
  background: rgba(211,47,47,.10);
  border-color: rgba(211,47,47,.20);
}

.gear-drawer-ico{ font-size: 1.05rem; color: var(--brand-red); }
.gear-drawer-link-text{ flex: 1 1 auto; min-width: 0; }
.gear-drawer-go{ opacity: .65; }

/* Dropdown → accordion */
.gear-drawer-toggle{
  cursor: pointer;
}
.gear-drawer-toggle .gear-drawer-chevron{
  opacity: .70;
  transition: transform .22s cubic-bezier(.2,.8,.2,1);
}
.gear-drawer-toggle[aria-expanded="true"] .gear-drawer-chevron{
  transform: rotate(180deg);
}

.gear-drawer-submenu{
  margin-top: .35rem;
}

.gear-drawer-sublist{
  display:flex;
  flex-direction:column;
  gap: .35rem;
  padding-left: .25rem;
}

.gear-drawer-sublink{
  display:block;
  padding: .65rem .85rem;
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,.06);
  background: rgba(255,255,255,.78);
  color: var(--brand-dark);
  text-decoration:none;
}
.gear-drawer-sublink:hover{
  background: rgba(211,47,47,.06);
}
.gear-drawer-sublink.active{
  background: rgba(211,47,47,.10);
  border-color: rgba(211,47,47,.18);
}

/* Drawer içinde dropdown-item tipografisini koru */
.gear-nav-drawer .dd-title{ display:block; font-weight: 700; }
.gear-nav-drawer .dd-sub{ display:block; font-size: .78rem; color: var(--brand-gray); margin-top: .05rem; }

.gear-drawer-actions{
  margin-top: 1rem;
}
.gear-drawer-actions-card{
  border: 1px dashed rgba(0,0,0,.12);
  border-radius: 18px;
  padding: .9rem;
  background: rgba(255,255,255,.86);
}
.gear-drawer-actions-title{
  font-weight: 800;
  letter-spacing: .02em;
  margin-bottom: .6rem;
}
.gear-drawer-actions-grid{
  display: grid;
  gap: .5rem;
}
.gear-drawer-cta{
  width: 100%;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap: .5rem;
  border-radius: 999px;
  padding-block: .55rem;
}

@media (max-width: 420px){
  .gear-nav-drawer{ --gear-drawer-w: 330px; }
  .gear-drawer-logo{ height: 40px; }
}

@media (prefers-reduced-motion: reduce){
  body.gear-drawer-open .offcanvas-backdrop.show{ backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
  .gear-drawer-item{ transition: none !important; opacity: 1 !important; transform: none !important; }
  .gear-drawer-close{ transition: none !important; }
  .gear-drawer-link{ transition: none !important; }
  .gear-drawer-toggle .gear-drawer-chevron{ transition: none !important; }
}

@media (prefers-reduced-motion: reduce){
  header .navbar{
    transition: none !important;
    transform: none !important;
  }
  header .navbar .btn-brand,
  header .navbar .call-pill{
    transition: none !important;
  }
  header .navbar .btn-brand::after{ display:none !important; }
  header .navbar-toggler-icon,
  header .navbar-toggler-icon::before,
  header .navbar-toggler-icon::after{
    transition: none !important;
  }
  .gear-nav-backdrop{ transition: none !important; }
}

/* Desktop: animated "pill" indicator for the centered menu */
@media (min-width: 992px){
  header .navbar ul.gear-nav-center{
    position: relative;
    padding: .25rem .35rem;
  }

  header .navbar ul.gear-nav-center.gear-has-indicator .nav-link{
    position: relative;
    z-index: 1;
  }

  /* When JS indicator exists, let the indicator handle the hover/active background */
  header .navbar ul.gear-nav-center.gear-has-indicator .nav-link:hover,
  header .navbar ul.gear-nav-center.gear-has-indicator .nav-link.active{
    background: transparent;
  }

  header .navbar ul.gear-nav-center .gear-nav-indicator{
    position: absolute;
    top: 50%;
    left: 0;
    height: 40px;
    border-radius: 999px;
    background: rgba(211,47,47,.10);
    border: 1px solid rgba(211,47,47,.14);
    box-shadow: 0 12px 30px rgba(211,47,47,.10);
    opacity: 0;
    transform: translate3d(0, -50%, 0);
    transition:
      transform .28s cubic-bezier(.2,.8,.2,1),
      width .28s cubic-bezier(.2,.8,.2,1),
      opacity .2s ease;
    pointer-events: none;
  }

  header .navbar.gear-nav-scrolled ul.gear-nav-center .gear-nav-indicator{
    background: rgba(211,47,47,.12);
  }

  header .navbar ul.gear-nav-center .gear-nav-indicator.is-instant{
    transition-duration: 1ms !important;
  }
}

/* Smooth logo shrink on scroll */
header .navbar .logo-gear{ transition: height .25s ease, transform .25s ease; }

/* Smaller logo while scrolling */
header .navbar.gear-nav-scrolled{ --logo-size: 96px; }
header .navbar.gear-nav-scrolled .logo-gear{ transform: translateY(-1px); }

@media (max-width: 991.98px){
  header .navbar.gear-nav-scrolled{ --logo-size: 80px; }
}

/* Footer logo sizing */
footer{ --logo-size: 64px; }
@media (max-width: 991.98px){
  footer{ --logo-size: 56px; }
}

/* Footer proportions on the dark section */
footer.mt-5 {
  font-size: .95rem;
}

footer.mt-5 h5,
footer.mt-5 h6 {
  font-weight: 600;
  letter-spacing: .02em;
  margin-bottom: .75rem;
}

footer.mt-5 .list-unstyled li + li {
  margin-top: .25rem;
}

footer.mt-5 .mini {
  font-size: .85rem;
}

/* Bottom copyright bar */
footer.mt-5 .d-flex.justify-content-between.small {
  padding-top: 1rem;
  gap: .75rem;
  flex-wrap: wrap;
}

/* On very small screens, stack copyright text */
@media (max-width: 575.98px) {
  footer.mt-5 .d-flex.justify-content-between.small {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* Column ratios on desktop */
@media (min-width: 992px) {
  footer.mt-5 .row > div:first-child {
    flex: 0 0 42%;
    max-width: 42%;
  }

  footer.mt-5 .row > div:nth-child(2),
  footer.mt-5 .row > div:nth-child(3) {
    flex: 0 0 29%;
    max-width: 29%;
  }
}


/* =========================
   SSS (FAQ) - v2 tasarım
   ========================= */

.hero.hero-faq{
  position:relative;
  overflow:hidden;
}

.hero.hero-faq::before,
.hero.hero-faq::after{
  content:"";
  position:absolute;
  width:540px;
  height:540px;
  border-radius:50%;
  pointer-events:none;
  filter: blur(0px);
  opacity:.95;
}

.hero.hero-faq::before{
  top:-260px;
  left:-260px;
  background:radial-gradient(circle at 35% 35%, rgba(211,47,47,.22), rgba(211,47,47,0) 62%);
  animation:faq-blob 10s ease-in-out infinite alternate;
}

.hero.hero-faq::after{
  bottom:-280px;
  right:-280px;
  background:radial-gradient(circle at 35% 35%, rgba(46,125,50,.18), rgba(46,125,50,0) 62%);
  animation:faq-blob 12s ease-in-out infinite alternate;
}

@keyframes faq-blob{
  from{transform:translate(0,0) scale(1);}
  to{transform:translate(46px, 28px) scale(1.08);}
}

.faq-hero-highlights .faq-highlight{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.35rem .7rem;
  border-radius:999px;
  background:rgba(255,255,255,.76);
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 10px 22px rgba(0,0,0,.06);
  font-size:.92rem;
}

.faq-hero-highlights .faq-highlight i{
  color:var(--brand-red);
}

.faq-hero-card{
  position:relative;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  border-radius:16px;
  box-shadow:var(--shadow);
  padding:1.25rem;
  animation:float-soft 3.8s ease-in-out infinite;
}

.faq-hero-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 0% 0%, rgba(211,47,47,.08), transparent 55%);
  opacity:.9;
}

.faq-hero-card > *{position:relative; z-index:1;}

.faq-hero-card-title{
  font-weight:800;
  letter-spacing:.02em;
  margin-bottom:.15rem;
}

.faq-quick-tags .btn,
.faq-hero-card .btn{
  border-radius:999px;
}

/* Filter chips */
.faq-chip{
  text-align:left;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  padding:.4rem .75rem;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.faq-chip:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 22px rgba(0,0,0,.06);
  border-color:rgba(0,0,0,.14);
}

.faq-chip.active{
  border-color:rgba(211,47,47,.55);
  box-shadow:0 0 0 .18rem rgba(211,47,47,.12);
}

.faq-chip-left{display:flex; align-items:center; gap:.5rem;}
.faq-chip-left i{color:var(--brand-red);}

/* Category headings */
.faq-cat-head{
  padding:.9rem 1rem;
  border-radius:14px;
  border:1px solid rgba(0,0,0,.05);
  background:radial-gradient(circle at 0% 0%, rgba(211,47,47,.06), #fff 65%);
  box-shadow:var(--shadow);
  margin:1.1rem 0 .75rem;
}

.faq-cat-title{
  font-weight:800;
  display:flex;
  align-items:center;
  gap:.5rem;
}

.faq-cat-title i{color:var(--brand-red);}

.faq-cat-desc{font-size:.92rem; color:var(--brand-gray); margin-top:.35rem;}
.faq-cat-count{font-size:.92rem; color:var(--brand-gray);}

/* Accordion cosmetics */
#faqAccordion .accordion-item{
  border:0;
  border-radius:14px;
  box-shadow:var(--shadow);
  overflow:hidden;
  margin-bottom:.75rem;
}

#faqAccordion .accordion-button{
  font-weight:650;
}

#faqAccordion .accordion-button:focus{
  box-shadow:0 0 0 .15rem rgba(211,47,47,.22);
}

#faqAccordion .accordion-button:not(.collapsed){
  background:rgba(211,47,47,.06);
  color:#111;
}

/* Badges & tags */
.faq-badge{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  font-size:.8rem;
  padding:.25rem .55rem;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
  font-weight:650;
}

.faq-badge i{color:var(--brand-red);}

.faq-rarity-basic{border-color:rgba(108,117,125,.22);}
.faq-rarity-tech{border-color:rgba(46,125,50,.28);}
.faq-rarity-advanced{border-color:rgba(211,47,47,.28);}

.faq-tag{
  display:inline-flex;
  padding:.2rem .55rem;
  border-radius:999px;
  background:rgba(0,0,0,.04);
  border:1px solid rgba(0,0,0,.06);
  font-size:.78rem;
}

.faq-answer p:last-child{margin-bottom:0;}

.faq-callout{
  padding:.75rem 1rem;
  border-radius:12px;
  background:rgba(46,125,50,.06);
  border:1px solid rgba(46,125,50,.18);
}

.faq-callout.warning{
  background:rgba(211,47,47,.06);
  border-color:rgba(211,47,47,.18);
}

/* Reveal animation */
.faq-reveal{opacity:0; transform:translateY(12px); transition:opacity .4s ease, transform .4s ease;}
.faq-reveal.in-view{opacity:1; transform:translateY(0);}

/* Breadcrumbs */
.page-breadcrumb{
  display:none !important;
  background:#fff;
  border-bottom:1px solid rgba(0,0,0,.06);
}
.page-breadcrumb .breadcrumb{
  padding:.75rem 0;
}
.page-breadcrumb .breadcrumb a{
  color:var(--brand-dark);
  text-decoration:none;
}
.page-breadcrumb .breadcrumb a:hover{
  text-decoration:underline;
}

/* Bayiler */
.dealer-search{ min-width: 280px; }
@media (max-width: 575.98px){
  .dealer-search{ width:100%; min-width:0; }
}
.dealer-province-list{
  max-height:520px;
  overflow:auto;
}

/* Desktop: illeri 2 sütun halinde göster (enine 2) */
@media (min-width: 992px){
  .dealer-province-list{
    display:grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap:.5rem;
    align-content:start;
  }
  /* Bootstrap list-group varsayılanında komşu elemanların üst border'ı sıfırlanır.
     Grid görünümünde her kutu ayrı görünsün diye üst border'ı geri alıyoruz. */
  .dealer-province-list .list-group-item{
    border-top-width: 1px;
    border-radius: .75rem;
  }
  .dealer-province-list .list-group-item + .list-group-item{
    border-top-width: 1px;
  }
  /* "Tüm İller" satırı üstte ve tek satır (iki kolonu da kaplar) */
  .dealer-province-list .list-group-item:first-child{
    grid-column: 1 / -1;
  }
}

.dealer-province-list .list-group-item{
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.dealer-province-list .list-group-item.active{
  background:var(--brand-red);
  border-color:var(--brand-red);
}
.dealer-card{
  transition: transform .15s ease, box-shadow .15s ease;
}
.dealer-card:hover{
  transform: translateY(-2px);
  box-shadow: var(--shadow);
}
.dealer-card .dealer-title{
  color:var(--brand-red);
}

/* Bayi numarası etiketi (kart + detay üst kısım)
   - data-no="05" gibi bir attribute ile sayı verilir
   - "Bayi" metni + sağda numara kapsülü + solda küçük delik efekti
*/
.dealer-no-badge{
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  padding: .38rem .55rem .38rem 1.55rem;
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(211,47,47,.12), rgba(15,108,255,.08));
  border: 1px solid rgba(211,47,47,.28);
  color: var(--brand-dark);
  font-weight: 700;
  letter-spacing: .2px;
  font-size: .78rem;
  line-height: 1;
  white-space: nowrap;
  box-shadow: 0 12px 24px rgba(211,47,47,.10);
}
.dealer-no-badge::before{
  content:"";
  position:absolute;
  left:.58rem;
  top:50%;
  transform: translateY(-50%);
  width:.54rem;
  height:.54rem;
  border-radius: 999px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(211,47,47,.25);
  box-shadow: inset 0 0 0 2px rgba(211,47,47,.08);
}
.dealer-no-badge::after{
  content: attr(data-no);
  display: inline-flex;
  align-items:center;
  justify-content:center;
  min-width: 1.55rem;
  height: 1.55rem;
  padding: 0 .45rem;
  border-radius: 999px;
  background: var(--brand-red);
  color: #fff;
  font-weight: 800;
  line-height: 1;
  box-shadow: 0 12px 22px rgba(211,47,47,.22);
}
.dealer-no-badge:not([data-no])::after,
.dealer-no-badge[data-no=""]::after{
  display:none;
}
@media (max-width: 575.98px){
  .dealer-no-badge{
    font-size: .76rem;
    padding: .34rem .5rem .34rem 1.45rem;
  }
  .dealer-no-badge::after{
    height: 1.45rem;
    min-width: 1.45rem;
  }
}



/* Bayi rozetleri (1-7)
   - data-no="05" : görünen bayi numarası
   - data-rozet="1..7" : 7 farklı tema
*/
.dealer-rozet{
  --rz-size: 1.85rem;
  --rz-c1: var(--brand-red);
  --rz-c2: #0F6CFF;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--rz-size);
  height: var(--rz-size);
  border-radius: 999px;
  font-weight: 900;
  font-size: .78rem;
  line-height: 1;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0,0,0,.18);
  box-shadow: 0 12px 24px rgba(0,0,0,.14);
  border: 1px solid rgba(0,0,0,.08);
  background: conic-gradient(from 210deg,
    rgba(255,255,255,.38),
    rgba(255,255,255,0) 20%,
    rgba(255,255,255,.22) 40%,
    rgba(0,0,0,.08) 60%,
    rgba(255,255,255,.18) 80%,
    rgba(255,255,255,0) 100%
  );
  background-color: var(--rz-c1);
}
.dealer-rozet::before{
  content:"";
  position:absolute;
  inset: 3px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--rz-c1), var(--rz-c2));
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.18);
}
.dealer-rozet::after{
  content: attr(data-no);
  position: relative;
  z-index: 1;
}
.dealer-rozet:not([data-no]),
.dealer-rozet[data-no=""]{
  display:none;
}

/* Büyük rozet (detay sayfası başlığı yanında) */
.dealer-rozet--lg{
  --rz-size: 2.25rem;
  font-size: .88rem;
}

@media (max-width: 575.98px){
  .dealer-rozet{ --rz-size: 1.75rem; font-size: .74rem; }
  .dealer-rozet--lg{ --rz-size: 2.05rem; font-size: .82rem; }
}

/* 7 farklı rozet teması */
.dealer-rozet[data-rozet="1"]{ --rz-c1:#d32f2f; --rz-c2:#ff7043; }
.dealer-rozet[data-rozet="2"]{ --rz-c1:#0f6cff; --rz-c2:#7c4dff; }
.dealer-rozet[data-rozet="3"]{ --rz-c1:#2e7d32; --rz-c2:#00bfa5; }
.dealer-rozet[data-rozet="4"]{ --rz-c1:#6a1b9a; --rz-c2:#ec407a; }
.dealer-rozet[data-rozet="5"]{ --rz-c1:#ef6c00; --rz-c2:#fbc02d; }
.dealer-rozet[data-rozet="6"]{ --rz-c1:#00838f; --rz-c2:#26c6da; }
.dealer-rozet[data-rozet="7"]{ --rz-c1:#8d6e63; --rz-c2:#ffd54f; }

/* Bayiler: Basit üst bar (v3) */
.dealer-header{
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 10px 24px rgba(0,0,0,.05);
}

.dealer-toolbar .input-group-text{
  background:#fff;
}

.dealer-onlyactive{
  user-select:none;
}

.dealer-meta{
  line-height:1.35;
}

/* -----------------------------
   Bayi Detay (Premium)
------------------------------ */

.gear-crumbbar{
  padding:.6rem .9rem;
  border-radius:14px;
  background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(255,255,255,.86));
  border:1px solid rgba(0,0,0,.06);
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
}
.gear-crumbbar .breadcrumb-item a{
  color:var(--brand-dark);
  text-decoration:none;
}
.gear-crumbbar .breadcrumb-item a:hover{ text-decoration:underline; }
.gear-crumbbar .breadcrumb-item.active{ color:rgba(0,0,0,.62); }

.gear-card{
  border:1px solid rgba(0,0,0,.06);
  border-radius:18px;
  overflow:hidden;
  box-shadow: 0 14px 45px rgba(0,0,0,.08);
}
.gear-icon{
  width:40px;
  height:40px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:rgba(211,47,47,.10);
  border:1px solid rgba(211,47,47,.20);
  color:var(--brand-red);
}

@media (min-width: 992px){
  .sticky-lg{ position: sticky; top: 96px; }
}

#dealerCopyAddress.is-copied{
  border-color:rgba(46,125,50,.35) !important;
  background:rgba(46,125,50,.10) !important;
}

/* Premium empty state (shared) */
.gear-empty{
  padding:1.15rem 1.15rem;
  border-radius:18px;
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
  box-shadow: 0 14px 45px rgba(0,0,0,.08);
  text-align:center;
}
.gear-empty .gear-empty-icon{
  width:54px;
  height:54px;
  margin:0 auto .65rem;
  border-radius:18px;
  display:grid;
  place-items:center;
  font-size:1.35rem;
}
.gear-empty .gear-empty-title{
  font-weight:700;
  margin-bottom:.35rem;
}
.gear-empty .gear-empty-text{
  color:rgba(0,0,0,.65);
  margin:0 auto .85rem;
  max-width: 56ch;
}
.gear-empty .gear-empty-actions{
  display:flex;
  gap:.5rem;
  justify-content:center;
  flex-wrap:wrap;
}

.gear-empty-danger{
  border-color:rgba(211,47,47,.18);
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(211,47,47,.04));
}
.gear-empty-danger .gear-empty-icon{
  background:rgba(211,47,47,.10);
  border:1px solid rgba(211,47,47,.22);
  color:var(--brand-red);
}

/* ------------------------------
   Bayiler: Harita + Kart Etkileşimi (Premium)
------------------------------ */

.dealer-map-card{
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 10px 24px rgba(0,0,0,.05);
}

.dealer-map{
  height:360px;
  width:100%;
  border-radius:14px;
  overflow:hidden;
  border:1px solid rgba(0,0,0,.08);
}

.dealer-card{
  border:1px solid rgba(0,0,0,.08);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.dealer-card:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 22px rgba(0,0,0,.06);
  border-color:rgba(220,0,0,.18);
}

.dealer-card.is-selected{
  border-color:rgba(220,0,0,.28);
  box-shadow:0 14px 34px rgba(220,0,0,.08);
}

.dealer-card.is-hover{
  border-color:rgba(220,0,0,.22);
}

.dealer-section-title{
  display:flex;
  align-items:center;
  gap:.5rem;
  font-weight:700;
  padding:.35rem 0;
  color:rgba(0,0,0,.82);
}
.dealer-section-title.is-muted{ color:rgba(0,0,0,.55); }

.dealer-mini-summary .dealer-mini{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:.5rem;
}
.dealer-mini-summary .dealer-mini-item{
  border:1px solid rgba(0,0,0,.08);
  border-radius:14px;
  padding:.6rem .55rem;
  background:linear-gradient(180deg,#fff, rgba(211,47,47,.03));
}
.dealer-mini-summary .dealer-mini-k{
  font-size:.72rem;
  color:rgba(0,0,0,.55);
}
.dealer-mini-summary .dealer-mini-v{
  font-weight:800;
  letter-spacing:.2px;
}

.dealer-chip-row{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
}
.dealer-chip{
  border:1px solid rgba(0,0,0,.10);
  background:#fff;
  border-radius:999px;
  padding:.45rem .65rem;
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  font-size:.85rem;
  line-height:1;
  transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.dealer-chip:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 20px rgba(0,0,0,.06);
  border-color:rgba(220,0,0,.22);
}
.dealer-chip.is-active{
  border-color:rgba(220,0,0,.35);
  background:linear-gradient(180deg,#fff, rgba(211,47,47,.06));
}
.dealer-chip-count{
  padding:.18rem .45rem;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.08);
  background:rgba(0,0,0,.03);
  font-weight:700;
}

/* ------------------------------
   Bayiler: Hero / İstatistik / Skeleton (v2)
------------------------------ */

.dealer-hero{
  position: relative;
  overflow: hidden;
  border:1px solid rgba(0,0,0,.08);
  background: linear-gradient(135deg, rgba(211,47,47,.12), rgba(15,108,255,.06));
}
.dealer-hero::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    radial-gradient(500px 260px at 12% 15%, rgba(211,47,47,.18), transparent 55%),
    radial-gradient(420px 240px at 85% 0%, rgba(15,108,255,.12), transparent 60%),
    radial-gradient(520px 300px at 70% 95%, rgba(211,47,47,.10), transparent 60%);
  opacity:.9;
  pointer-events:none;
  animation: dealerHeroGlow 14s ease-in-out infinite;
}
.dealer-hero > .card-body{ position: relative; z-index: 1; }

@keyframes dealerHeroGlow{
  0%{ transform: translate3d(0,0,0) scale(1); filter: blur(0px); }
  50%{ transform: translate3d(0,-6px,0) scale(1.02); filter: blur(1px); }
  100%{ transform: translate3d(0,0,0) scale(1); filter: blur(0px); }
}

.dealer-hero-pill{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  padding:.30rem .60rem;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.85);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  font-size:.78rem;
  font-weight:800;
  color: rgba(0,0,0,.72);
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
  margin-bottom:.55rem;
}
.dealer-hero-pill .dot{
  width:8px;
  height:8px;
  border-radius:999px;
  background: var(--brand-red);
  box-shadow: 0 0 0 6px rgba(211,47,47,.18);
  animation: dealerDotPulse 2.4s ease-in-out infinite;
}
@keyframes dealerDotPulse{
  0%,100%{ box-shadow: 0 0 0 6px rgba(211,47,47,.18); }
  50%{ box-shadow: 0 0 0 10px rgba(211,47,47,.10); }
}

.dealer-search-help{ max-width: 40ch; }

.dealer-steps{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:.75rem;
}
.dealer-step{
  display:flex;
  gap:.70rem;
  align-items:flex-start;
  padding:.75rem .75rem;
  border:1px solid rgba(0,0,0,.08);
  border-radius:18px;
  background: rgba(255,255,255,.85);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 10px 25px rgba(0,0,0,.06);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.dealer-step:hover{
  transform: translateY(-2px);
  border-color: rgba(220,0,0,.20);
  box-shadow: 0 14px 32px rgba(0,0,0,.08);
}
.dealer-step-ico{
  width:36px;
  height:36px;
  border-radius:14px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  background: rgba(211,47,47,.12);
  border: 1px solid rgba(211,47,47,.22);
  color: var(--brand-red);
  font-size:1rem;
}
.dealer-step-title{ font-weight:900; line-height:1.1; margin-bottom:.15rem; }
.dealer-step-desc{ font-size:.82rem; color: rgba(0,0,0,.60); line-height:1.25; }

.dealer-stats-card{
  border:1px solid rgba(0,0,0,.08);
  border-radius:18px;
  padding:.90rem .90rem;
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.90));
  box-shadow: 0 14px 45px rgba(0,0,0,.08);
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap:.65rem;
}
.dealer-stat{
  border:1px solid rgba(0,0,0,.08);
  border-radius:16px;
  padding:.65rem .65rem;
  background: linear-gradient(180deg, #fff, rgba(211,47,47,.03));
}
.dealer-stat-k{
  font-size:.72rem;
  letter-spacing:.2px;
  color: rgba(0,0,0,.55);
}
.dealer-stat-v{
  font-weight:900;
  letter-spacing:.2px;
  font-size:1.15rem;
  color: rgba(0,0,0,.85);
}

@media (min-width: 992px) and (max-width: 1199.98px){
  .dealer-steps{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 991.98px){
  .dealer-steps{ grid-template-columns: repeat(1, minmax(0,1fr)); }
}

/* Keyboard focus for cards */
.dealer-card:focus-visible{
  outline:none;
  box-shadow: 0 0 0 .18rem rgba(15,108,255,.20), 0 18px 42px rgba(220,0,0,.10);
}

/* Skeleton loading */
.dealer-skeleton{ border-style:dashed; opacity:.95; }
.dealer-skeleton .sk-line,
.dealer-skeleton .sk-btn{
  position: relative;
  overflow: hidden;
  background: rgba(0,0,0,.08);
  border-radius: 999px;
}
.dealer-skeleton .sk-title{ height:16px; width:62%; }
.dealer-skeleton .sk-line-sm{ height:12px; }
.dealer-skeleton .sk-btn{
  height:32px;
  width:84px;
  border-radius:999px;
  background: rgba(0,0,0,.06);
}
.dealer-skeleton .sk-line::after,
.dealer-skeleton .sk-btn::after{
  content:"";
  position:absolute;
  inset:0;
  transform: translateX(-60%);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.65), transparent);
  animation: dealerShimmer 1.2s linear infinite;
}
@keyframes dealerShimmer{ to{ transform: translateX(60%); } }

/* Button loading ("En Yakın Bayi") */
.btn.is-loading{
  position: relative;
  pointer-events:none;
  opacity:.85;
}
.btn.is-loading i{ opacity:0; }
.btn.is-loading::after{
  content:"";
  position:absolute;
  left:.75rem;
  top:50%;
  width:1rem;
  height:1rem;
  border-radius:999px;
  border:2px solid currentColor;
  border-right-color: transparent;
  transform: translateY(-50%);
  animation: dealerSpin .75s linear infinite;
}
@keyframes dealerSpin{ to{ transform: translateY(-50%) rotate(360deg); } }

@media (prefers-reduced-motion: reduce){
  .dealer-hero::before,
  .dealer-hero-pill .dot,
  .dealer-skeleton .sk-line::after,
  .dealer-skeleton .sk-btn::after,
  .btn.is-loading::after{ animation: none !important; }
}

@media (max-width: 575px){
  .dealer-mini-summary .dealer-mini{ grid-template-columns:repeat(2, 1fr); }
}

/* Leaflet small polish */
.leaflet-control-zoom a{
  border-radius:10px;
}


/* =============================
   Home (Premium) components
   ============================= */

.hero-badges{
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
}

.gear-badge{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  padding:.45rem .75rem;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
  box-shadow:0 10px 22px rgba(0,0,0,.05);
  font-weight:700;
  font-size:.92rem;
  color:#222;
}

.gear-badge i{
  color:var(--brand-red);
  font-size:1.05rem;
}

.stat-card{
  border:1px solid rgba(0,0,0,.06);
  border-radius:20px;
  background:linear-gradient(180deg, #fff, rgba(211,47,47,.03));
  box-shadow:var(--shadow);
  padding:1.35rem 1.25rem;
}

.stat-k{
  font-size:.78rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(0,0,0,.55);
  font-weight:700;
}

.stat-v{
  font-size:2.05rem;
  line-height:1.1;
  font-weight:900;
  margin-top:.25rem;
}

.stat-s{
  margin-top:.35rem;
  color:var(--brand-gray);
  font-size:.9rem;
}

.step-card{
  position:relative;
  overflow:hidden;
  border-radius:20px;
  border:1px solid rgba(0,0,0,.06);
  background:#fff;
  box-shadow:var(--shadow);
  padding:1.35rem 1.25rem;
}

.step-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 15% 15%, rgba(211,47,47,.14), transparent 55%);
  opacity:.35;
  pointer-events:none;
}

.step-card .step-icon{
  width:48px;
  height:48px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:rgba(211,47,47,.10);
  color:var(--brand-red);
  font-size:1.35rem;
  margin-bottom:.8rem;
  position:relative;
  z-index:1;
}

.step-card h5{
  font-weight:900;
  letter-spacing:.2px;
  position:relative;
  z-index:1;
}

.step-card p{
  color:var(--brand-gray);
  margin:0;
  position:relative;
  z-index:1;
}


/* Franchise: fee blocks & vision callout */
.fee-grid{
  display:grid;
  gap:.75rem;
}
.fee-item{
  background: rgba(211,47,47,.06);
  border:1px solid rgba(0,0,0,.06);
  border-radius:18px;
  padding:.9rem .95rem;
}
.fee-label{
  display:flex;
  align-items:center;
  gap:.4rem;
  font-weight:800;
  letter-spacing:.02em;
  margin-bottom:.25rem;
}
.fee-value{
  font-weight:900;
  font-size:1.35rem;
  line-height:1.15;
  margin-bottom:.15rem;
}
.fee-item .meta{
  margin:0;
}

.vision-callout{
  border:1px solid rgba(0,0,0,.06);
  background: radial-gradient(circle at 0% 0%, rgba(211,47,47,.14), #fff 55%);
  border-radius:22px;
  box-shadow:var(--shadow);
  padding:1.15rem 1.25rem;
}
.vision-callout .vision-title{
  font-weight:900;
  margin-bottom:.35rem;
}
.vision-callout .vision-title i{
  color:var(--brand-red);
}

.badge-featured{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  padding:.35rem .55rem;
  border-radius:999px;
  border:1px solid rgba(211,47,47,.20);
  background:rgba(211,47,47,.10);
  color:var(--brand-red);
  font-weight:800;
  font-size:.75rem;
}

.card-pricing.featured{
  border:1px solid rgba(211,47,47,.20);
  background:radial-gradient(circle at 0% 0%, rgba(211,47,47,.14), #fff 55%);
  transform:translateY(-4px);
}

.card-pricing.featured:hover{
  transform:translateY(-6px);
}

/* =============================
   Home: Popüler Paketler (v2)
   ============================= */

.home-pricing{
  position: relative;
  overflow: hidden;
}

.home-pricing::before{
  content:"";
  position:absolute;
  inset:-32%;
  background:
    radial-gradient(circle at 18% 22%, rgba(211,47,47,.16), transparent 58%),
    radial-gradient(circle at 82% 74%, rgba(13,110,253,.10), transparent 56%);
  opacity:.95;
  pointer-events:none;
}

.home-pricing > .container{ position:relative; z-index:1; }

/* Pricing cards: tier-aware accents + modern hover */
/*
  NOT: Paket sayfalarındaki (package-card) kartlar kendi "paket rengi" (var(--package-color))
  aksanı ile ayrı bir tasarıma sahip.
  card-pricing stilleri package-card üzerinde de çalışırsa;
  - Üstteki ikon/badge pill'i ile başlık üst üste binebiliyor,
  - Fiyat/ikon/check renkleri paket rengi yerine tier rengine (varsayılan kırmızı) dönüyor.
  Bu yüzden card-pricing stillerini .package-card hariç tutuyoruz.
*/
.card-pricing:not(.package-card){
  --tier-rgb: 211,47,47;
  --tier-color: rgb(var(--tier-rgb));
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 22px;
  background: #fff;
  transition:
    transform .28s cubic-bezier(.2,.8,.2,1),
    box-shadow .28s cubic-bezier(.2,.8,.2,1),
    border-color .28s ease;
}

.card-pricing:not(.package-card)::before{
  content:"";
  position:absolute;
  inset:-40%;
  background: radial-gradient(circle at 18% 18%, rgba(var(--tier-rgb), .26), transparent 55%);
  filter: blur(26px);
  opacity:0;
  transition: opacity .28s ease;
  pointer-events:none;
}

.card-pricing:not(.package-card)::after{
  content:"";
  position:absolute;
  inset:0;
  background: radial-gradient(circle at 0% 0%, rgba(var(--tier-rgb), .12), transparent 58%);
  opacity:.75;
  pointer-events:none;
}

.card-pricing:not(.package-card) .card-body{
  position: relative;
  z-index: 1;
  padding: 1.55rem 1.45rem;
}

.card-pricing:not(.package-card) .pricing-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:.75rem;
  margin-bottom: .35rem;
}

.card-pricing:not(.package-card) .pricing-icon{
  width: 46px;
  height: 46px;
  border-radius: 16px;
  display:grid;
  place-items:center;
  background: rgba(var(--tier-rgb), .12);
  color: var(--tier-color);
  box-shadow: 0 12px 28px rgba(0,0,0,.06);
  flex: 0 0 46px;
}

.card-pricing:not(.package-card) .pricing-icon i{
  font-size: 1.35rem;
  transition: transform .25s ease;
}

.card-pricing:not(.package-card) .badge-brand{
  background: var(--tier-color) !important;
}

.card-pricing:not(.package-card) .price{
  color: var(--tier-color);
  font-weight: 900;
  letter-spacing: .2px;
}

.card-pricing:not(.package-card) .list-check li::before{ color: var(--tier-color); }

.card-pricing:not(.package-card):hover{
  transform: translateY(-7px);
  box-shadow: 0 22px 55px rgba(0,0,0,.14);
  border-color: rgba(var(--tier-rgb), .35);
}

.card-pricing:not(.package-card):hover::before{ opacity:1; }
.card-pricing:not(.package-card):hover .pricing-icon i{ transform: rotate(-6deg) scale(1.05); }

.card-pricing[data-tier="silver"]{ --tier-rgb: 130,130,130; }
.card-pricing[data-tier="gold"]{ --tier-rgb: 244,167,24; }
.card-pricing[data-tier="plat"]{ --tier-rgb: 38,166,154; }

.card-pricing.featured{
  transform: translateY(-10px);
  border-color: rgba(var(--tier-rgb), .35);
}

.card-pricing.featured:hover{ transform: translateY(-12px); }

.card-pricing:not(.package-card) .btn-outline-dark{
  border-radius: 999px;
  padding-block: .55rem;
  font-weight: 600;
}

.home-pricing .btn-link{
  text-decoration:none;
  border-radius: 999px;
  padding: .35rem .75rem;
  border:1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.75);
  box-shadow:0 10px 22px rgba(0,0,0,.05);
}

.home-pricing .btn-link:hover{
  background: rgba(211,47,47,.08);
  color: var(--brand-red);
}

@media (max-width: 575.98px){
  .card-pricing:not(.package-card) .card-body{ padding: 1.35rem 1.25rem; }
  .card-pricing:not(.package-card) .pricing-icon{ width:42px; height:42px; flex-basis:42px; border-radius:14px; }
  .card-pricing.featured{ transform: none; }
  .card-pricing.featured:hover{ transform: translateY(-7px); }
}

/* =============================
   Home: Neden GEAR? (v2)
   ============================= */

.home-why{
  position: relative;
  overflow: hidden;
}

.home-why::before{
  content:"";
  position:absolute;
  inset:-32%;
  background:
    radial-gradient(circle at 12% 20%, rgba(211,47,47,.14), transparent 58%),
    radial-gradient(circle at 86% 78%, rgba(0,0,0,.06), transparent 55%);
  opacity:.95;
  pointer-events:none;
}

.home-why > .container{ position:relative; z-index:1; }

.why-grid{
  display:grid;
  gap:.85rem;
}

@media (min-width: 576px){
  .why-grid{ grid-template-columns: 1fr 1fr; }
}

.why-item{
  display:flex;
  gap:.75rem;
  align-items:flex-start;
  padding:.95rem .95rem;
  border-radius:20px;
  border:1px solid rgba(0,0,0,.06);
  background: rgba(255,255,255,.92);
  box-shadow:0 14px 32px rgba(0,0,0,.06);
  transition: transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s cubic-bezier(.2,.8,.2,1), border-color .25s ease;
}

.why-item:hover{
  transform: translateY(-4px);
  box-shadow:0 18px 42px rgba(0,0,0,.10);
  border-color: rgba(211,47,47,.22);
}

.why-icon{
  width:44px;
  height:44px;
  flex: 0 0 44px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:rgba(211,47,47,.10);
  color:var(--brand-red);
  box-shadow:0 12px 28px rgba(0,0,0,.06);
  font-size:1.25rem;
}

.why-title{
  font-weight: 900;
  letter-spacing: .15px;
  line-height: 1.2;
}

.why-text{
  margin-top:.2rem;
  color: var(--brand-gray);
  font-size: .9rem;
  line-height: 1.35;
}

/* Gallery tiles */
.why-gallery .why-photo{
  margin:0;
  position:relative;
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(0,0,0,.06);
  box-shadow:var(--shadow);
  background:#fff;
}

.why-gallery .why-photo::after{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,0) 35%, rgba(0,0,0,.32) 100%);
  pointer-events:none;
}

.why-gallery .why-photo img{
  display:block;
  width:100%;
  height:220px;
  object-fit:cover;
  border-radius:0;
  transform: scale(1);
  transition: transform .35s cubic-bezier(.2,.8,.2,1);
}

.why-gallery .why-photo figcaption{
  position:absolute;
  left:12px;
  bottom:12px;
  z-index:1;
  padding:.35rem .75rem;
  border-radius:999px;
  background: rgba(0,0,0,.55);
  color:#fff;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .75rem;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: transform .25s ease, background-color .25s ease;
}

.why-gallery .why-photo:hover img{ transform: scale(1.08); }
.why-gallery .why-photo:hover figcaption{ transform: translateY(-2px); background: rgba(211,47,47,.82); }

@media (max-width: 575.98px){
  .why-gallery .why-photo img{ height:190px; }
}

.home-branch-meta{
  opacity:.9;
}

.gear-select{
  border-radius:12px;
  border-color:rgba(0,0,0,.12);
  box-shadow:0 10px 20px rgba(0,0,0,.04);
}

.home-branch-card{
  border-radius:18px;
  border:1px solid rgba(0,0,0,.06);
  overflow:hidden;
}

.home-branch-card .branch-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:.75rem;
}

.home-branch-card .branch-title{
  font-weight:900;
  letter-spacing:.2px;
  margin:0;
}

.home-branch-card .branch-sub{
  font-size:.85rem;
  color:rgba(0,0,0,.55);
  margin-top:.15rem;
}

.home-branch-card.is-nearest{
  border-color:rgba(211,47,47,.45);
  box-shadow:0 14px 30px rgba(211,47,47,.12);
}

.gear-accordion .accordion-item{
  border:0;
  border-radius:18px;
  overflow:hidden;
  box-shadow:var(--shadow);
}

.gear-accordion .accordion-item + .accordion-item{
  margin-top:1rem;
}

.gear-accordion .accordion-button{
  font-weight:800;
}

.gear-accordion .accordion-button:not(.collapsed){
  background:rgba(211,47,47,.08);
  color:#111;
  box-shadow:none;
}

.home-cta{
  border-radius:26px;
  border:1px solid rgba(211,47,47,.18);
  background:linear-gradient(135deg, rgba(211,47,47,.12), rgba(0,0,0,.02));
  box-shadow:var(--shadow);
  padding:2.1rem 2rem;
  display:flex;
  flex-wrap:wrap;
  gap:1.5rem;
  align-items:center;
  justify-content:space-between;
}

.home-cta h3{
  margin:0;
  font-weight:900;
  letter-spacing:.2px;
}

.home-cta p{
  margin:.35rem 0 0;
  color:var(--brand-gray);
}

.home-cta-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
}

@media (max-width: 575.98px){
  .stat-card{ padding:1.1rem 1rem; }
  .stat-v{ font-size:1.8rem; }
  .home-cta{ padding:1.4rem 1.2rem; }
}



/* =========================
   Vizyonumuz (Home + Page)
   ========================= */

/* Home: Vizyonumuz section */
.vision-home{
  position: relative;
  overflow: hidden;
}
.vision-home::before{
  content:"";
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(circle at 20% 28%, rgba(211,47,47,.14), transparent 58%),
    radial-gradient(circle at 82% 70%, rgba(13,110,253,.10), transparent 62%);
  opacity:.9;
  pointer-events:none;
  z-index:0;
}
.vision-home > .container{ position:relative; z-index:1; }

.step-card.step-card-sm{
  padding: 1.05rem 1.05rem;
  border-radius: 18px;
}
.step-card.step-card-sm .step-icon{
  width: 46px;
  height: 46px;
  border-radius: 14px;
  font-size: 1.15rem;
}
.step-card.step-card-sm h5{
  margin-top:.65rem;
  margin-bottom:.35rem;
  font-weight: 900;
  letter-spacing:.2px;
}
.step-card.step-card-sm p{
  color: rgba(0,0,0,.64);
}

.vision-home-note{
  border: 1px dashed rgba(0,0,0,.18);
  background: rgba(255,255,255,.78);
  backdrop-filter: blur(7px);
  border-radius: 16px;
  padding: .9rem 1rem;
  font-size: .95rem;
  box-shadow: 0 14px 30px rgba(0,0,0,.06);
}

/* Page: Vision hero */
.vision-page .vision-hero{
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(211,47,47,.10), rgba(0,0,0,.02));
}
.vision-page .vision-hero::before{
  content:"";
  position:absolute;
  inset:-35%;
  background:
    radial-gradient(circle at 16% 22%, rgba(211,47,47,.22), transparent 58%),
    radial-gradient(circle at 88% 72%, rgba(13,110,253,.14), transparent 58%);
  opacity:.85;
  transform: translate3d(0,0,0);
  animation: vision-bg 16s ease-in-out infinite;
  pointer-events:none;
  z-index:0;
}
.vision-page .vision-hero > .container{ position:relative; z-index:1; }

@keyframes vision-bg{
  0%{ transform: translate3d(0,0,0) rotate(0deg) scale(1); }
  50%{ transform: translate3d(3%, -2%, 0) rotate(1deg) scale(1.02); }
  100%{ transform: translate3d(0,0,0) rotate(0deg) scale(1); }
}

.vision-pill{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.55rem .9rem;
  border-radius:999px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 16px 30px rgba(0,0,0,.06);
  font-weight: 800;
}
.vision-pill .dot{
  width:10px;
  height:10px;
  border-radius:999px;
  background: var(--brand-red);
  box-shadow: 0 0 0 6px rgba(211,47,47,.12);
}

.vision-title{
  font-weight: 1000;
  letter-spacing:.2px;
  line-height:1.1;
  margin-top: .9rem;
}
.vision-lead{
  color: rgba(0,0,0,.68);
  font-size: 1.05rem;
  line-height:1.7;
  margin-top: .7rem;
}

/* Hero entrance animation */
.vision-hero-anim{
  opacity: 0;
  transform: translateY(14px);
  filter: blur(8px);
  animation: vision-hero-in .9s cubic-bezier(.2,.8,.2,1) forwards;
  animation-delay: var(--v-delay, 0ms);
}
@keyframes vision-hero-in{
  to{ opacity:1; transform: translateY(0); filter: blur(0); }
}

/* Visual collage */
.vision-visual{
  position: relative;
  padding-bottom: 1.75rem;
}
.vision-img{
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: var(--shadow);
  background:#fff;
}
.vision-img img{
  width:100%;
  height: 170px;
  object-fit: cover;
  display:block;
  transform: scale(1.02);
  transition: transform .6s ease;
}
.vision-img:hover img{ transform: scale(1.06); }

.vision-tag{
  position:absolute;
  left:12px;
  bottom:12px;
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  padding:.35rem .65rem;
  border-radius:999px;
  background: rgba(255,255,255,.88);
  border:1px solid rgba(0,0,0,.12);
  font-weight: 800;
  font-size: .85rem;
}

.vision-float{
  position:absolute;
  right: 10px;
  bottom: -18px;
  width: min(340px, 92%);
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(8px);
  box-shadow: var(--shadow);
  padding: 1rem 1rem;
}
.vision-float-title{
  font-weight: 900;
  letter-spacing:.2px;
}
.vision-float-text{
  color: rgba(0,0,0,.65);
  margin-top: .25rem;
}

/* Tabs */
.vision-tabs{
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.62);
  backdrop-filter: blur(8px);
  border-radius: 24px;
  box-shadow: var(--shadow);
  padding: 1.25rem;
}
.vision-pills .nav-link{
  border-radius: 16px;
  text-align:left;
  font-weight: 900;
  color:#222;
  background: rgba(0,0,0,.02);
  border:1px solid rgba(0,0,0,.08);
  padding: .85rem 1rem;
  margin-bottom: .65rem;
}
.vision-pills .nav-link:hover{
  transform: translateY(-1px);
}
.vision-pills .nav-link.active{
  background: rgba(211,47,47,.12);
  border-color: rgba(211,47,47,.28);
  color:#111;
}
.vision-pane{
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  background:#fff;
  box-shadow: var(--shadow);
  padding: 1.35rem 1.35rem;
}
.vision-pane-title{
  font-weight: 1000;
  letter-spacing:.2px;
  margin-bottom:.5rem;
}
.vision-pane-text{
  color: rgba(0,0,0,.65);
}

/* Timeline */
.vision-timeline{
  position: relative;
  margin-top: 1.25rem;
}
.vision-timeline::before{
  content:"";
  position:absolute;
  left: 15px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: rgba(0,0,0,.10);
}
.vision-timeline-item{
  position: relative;
  display:flex;
  gap: 1rem;
  margin-bottom: 1.25rem;
}
.vision-tl-dot{
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  border-radius: 999px;
  background: rgba(211,47,47,.12);
  display:flex;
  align-items:center;
  justify-content:center;
  color: var(--brand-red);
  box-shadow: 0 12px 22px rgba(211,47,47,.12);
  margin-top: .35rem;
  position: relative;
  z-index: 2;
}
.vision-tl-card{
  width: 100%;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.08);
  background: rgba(255,255,255,.94);
  backdrop-filter: blur(6px);
  box-shadow: var(--shadow);
  padding: 1.2rem 1.2rem;
}
.vision-tl-title{
  font-weight: 1000;
  letter-spacing:.2px;
}
.vision-tl-text{
  color: rgba(0,0,0,.65);
  margin-top: .15rem;
}

@media (max-width: 991.98px){
  .vision-float{
    position: static;
    margin-top: 1rem;
    bottom:auto;
    right:auto;
  }
}

@media (prefers-reduced-motion: reduce){
  .vision-page .vision-hero::before{ animation:none !important; }
  .vision-hero-anim{ animation:none !important; opacity:1 !important; transform:none !important; filter:none !important; }
  .vision-pills .nav-link:hover{ transform:none !important; }
}


/* Support e-posta + Paket Karşılaştırma (v2) */
.footer-email-link{
  color:rgba(255,255,255,.92);
  font-weight:600;
}
.footer-email-link:hover{
  color:#fff;
  text-decoration:underline;
}

.site-footer-bottom .support-email-link{
  font-weight:600;
  opacity:.95;
}

/* Karşılaştırma: toolbar (masaüstü) */
.compare-toolbar{
  user-select:none;
}
.compare-toolbar-label{
  font-weight:800;
  font-size:.85rem;
  color:rgba(0,0,0,.55);
  margin-right:.25rem;
}
.compare-chip{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  padding:.45rem .85rem;
  border-radius:999px;
  border:1px solid rgba(var(--chip-rgb, 13,110,253), .28);
  background:rgba(var(--chip-rgb, 13,110,253), .08);
  color:rgba(0,0,0,.78);
  font-weight:800;
  font-size:.85rem;
  transition:transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease;
}
.compare-chip:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 18px rgba(15,23,42,.08);
}
.compare-chip.is-active{
  background:rgba(var(--chip-rgb, 13,110,253), .16);
  border-color:rgba(var(--chip-rgb, 13,110,253), .46);
  box-shadow:0 0 0 3px rgba(var(--chip-rgb, 13,110,253), .16);
}
.compare-chip-icon{
  width:18px;
  height:18px;
}
.compare-chip-clear{
  border-color:rgba(0,0,0,.14);
  background:#fff;
}
.compare-chip-clear i{
  font-size:.85rem;
  opacity:.8;
}

/* Karşılaştırma: tablo görünümü */
.compare-table-wrap{
  border-radius:18px;
  overflow:auto;
  border:1px solid rgba(0,0,0,.06);
  box-shadow: var(--shadow);
}
.table-features{
  margin-bottom:0;
}
.table-features thead th{
  position:sticky;
  top:0;
  z-index:3;
  white-space:nowrap;
}
.table-features th:first-child,
.table-features td:first-child{
  position:sticky;
  left:0;
  z-index:2;
  background:#fff;
  font-weight:800;
  min-width: 220px;
}
.table-features thead th:first-child{
  z-index:4;
}
.table-features tbody tr:nth-child(even) td{
  background:rgba(0,0,0,.015);
}
.table-features tbody tr:nth-child(even) td:first-child{
  background:rgba(0,0,0,.02);
}
.table-features tbody tr:hover td{
  background:rgba(13,110,253,.06);
}
.table-features tbody tr:hover td:first-child{
  background:rgba(13,110,253,.08);
}
.table-features td.status-no{
  color:rgba(0,0,0,.35);
  font-weight:700;
}
.table-features td.status-opt{
  color:rgba(0,0,0,.72);
  font-weight:700;
}
.table-features td.status-text{
  color:rgba(0,0,0,.78);
  font-weight:700;
}
.table-features td.status-yes{
  font-weight:900;
}

/* Mobil: tablo yerine akordeon */
.compare-mobile-hint{
  display:flex;
  align-items:center;
  gap:.55rem;
  padding:.75rem 1rem;
  border-radius:16px;
  background:rgba(0,0,0,.02);
  border:1px dashed rgba(0,0,0,.10);
  color:#444;
  font-weight:700;
  margin-bottom:.75rem;
}
.compare-mobile-hint i{
  color:var(--brand-red);
  font-size:1.05rem;
}

.compare-accordion .compare-acc-item{
  border:1px solid rgba(0,0,0,.08);
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 16px 34px rgba(15,23,42,.06);
  margin-bottom:.75rem;
}
.compare-accordion .accordion-button{
  gap:.65rem;
  font-weight:1000;
  background:rgba(var(--pkg-rgb, 13,110,253), .06);
}
.compare-accordion .accordion-button:not(.collapsed){
  background:rgba(var(--pkg-rgb, 13,110,253), .12);
  box-shadow:inset 0 -1px 0 rgba(var(--pkg-rgb, 13,110,253), .18);
}
.compare-accordion .accordion-button:focus{
  box-shadow:0 0 0 .25rem rgba(var(--pkg-rgb, 13,110,253), .22);
}
.compare-acc-icon{
  width:26px;
  height:26px;
}
.compare-acc-title{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
}

.compare-cat{
  margin-top:1rem;
}
.compare-cat-title{
  font-size:.75rem;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-weight:900;
  color:rgba(0,0,0,.55);
  margin-bottom:.45rem;
}
.compare-cat-list{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:.35rem;
}
.compare-li{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:.75rem;
  padding:.35rem 0;
  border-bottom:1px dashed rgba(0,0,0,.10);
}
.compare-li:last-child{
  border-bottom:0;
}
.compare-li-name{
  font-size:.9rem;
  color:#222;
  flex:1;
  line-height:1.25;
}

.status-pill{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  padding:.18rem .6rem;
  border-radius:999px;
  font-size:.78rem;
  font-weight:900;
  white-space:nowrap;
}
.status-pill i{
  font-size:.9rem;
}
.status-pill--yes{
  background:rgba(46,125,50,.12);
  color:#2e7d32;
}
.status-pill--no{
  background:rgba(0,0,0,.06);
  color:rgba(0,0,0,.58);
}
.status-pill--opt{
  background:rgba(255,193,7,.22);
  color:#7a5a00;
}
.status-pill--text{
  background:rgba(13,110,253,.10);
  color:#0d6efd;
}

.compare-mobile-actions{
  display:flex;
  gap:.6rem;
  margin-top:1rem;
}
.compare-mobile-actions .btn{
  flex:1;
}

/* Mobilde masaüstü tablosunu gizle */
@media (max-width: 767.98px){
  .compare-desktop{
    display:none !important;
  }
}