/* ==========================================================================
   UBS Sigorta — tasarım sistemi
   Renkler doğrudan onaylanan tasarımdan örneklendi.
   ========================================================================== */

:root{
  --beyaz:      #FFFFFF;
  --zemin:      #F5F8FC;   /* açık bölüm zemini */
  --zemin-2:    #EAF0F7;

  --lacivert:   #0D2743;   /* başlıklar */
  --lacivert-2: #14375F;   /* koyu bloklar */
  --mavi:       #1F5FA9;   /* bağlantı, "Detaylı Bilgi" */
  --kirmizi:    #E1332E;   /* aksiyon */
  --kirmizi-k:  #C4241F;
  --kirmizi-a:  #FDEDEC;

  --gri:        #5B6B82;   /* gövde metni */
  --soluk:      #8494A8;
  --cizgi:      #E4EAF2;
  --cizgi-k:    #CFD9E6;

  --wa:         #1FA855;   /* kanal rengi, dekor değil */
  --wa-k:       #17853F;

  --olcu: 1280px;
  --r:   12px;
  --r-s:  9px;
  --r-b: 20px;

  --g-1: 0 1px 2px rgba(13,39,67,.05), 0 8px 24px -12px rgba(13,39,67,.22);
  --g-2: 0 2px 6px rgba(13,39,67,.06), 0 24px 54px -24px rgba(13,39,67,.34);
}

*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body{
  margin:0; background:var(--beyaz); color:var(--gri);
  font:400 16px/1.65 "Plus Jakarta Sans", "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing:antialiased;
}
@media (prefers-reduced-motion:reduce){
  html{ scroll-behavior:auto; } *{ animation:none!important; transition:none!important; }
}

h1,h2,h3,h4{ color:var(--lacivert); margin:0; font-weight:800; letter-spacing:-.024em; }
h1{ font-size:clamp(2.05rem,1.5rem + 1.9vw,3.15rem); line-height:1.08; letter-spacing:-.035em; }
h2{ font-size:clamp(1.6rem,1.2rem + 1.6vw,2.35rem); line-height:1.15; letter-spacing:-.03em; }
h3{ font-size:1.06rem; line-height:1.35; font-weight:800; }
p{ margin:0 0 1em; } p:last-child{ margin-bottom:0; }
ul,ol{ margin:0; padding:0; list-style:none; }
a{ color:var(--mavi); }
strong{ color:var(--lacivert); font-weight:700; }
img{ max-width:100%; }
:focus-visible{ outline:3px solid var(--kirmizi); outline-offset:3px; border-radius:3px; }

.wrap{ width:100%; max-width:var(--olcu); margin:0 auto; padding:0 26px; }
@media (max-width:520px){ .wrap{ padding:0 18px; } }
.vh{ position:absolute; width:1px; height:1px; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.skip{ position:absolute; left:-9999px; top:0; z-index:99; background:var(--lacivert);
       color:#fff; padding:12px 20px; text-decoration:none; }
.skip:focus{ left:0; }

/* tasarımdaki aralıklı küçük üst başlık */
.ustetiket{
  display:block; font-size:.73rem; font-weight:700; letter-spacing:.17em;
  text-transform:uppercase; color:var(--soluk); margin-bottom:.8rem;
}
.kirmizi{ color:var(--kirmizi); }
.elyazi{ font-family:Caveat,"Segoe Script",cursive; font-weight:700; line-height:1.1; }
.sec__p{ max-width:60ch; font-size:1rem; }

/* ------------------------------------------------------------- düğmeler */
.dg{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  min-height:52px; padding:0 26px; border-radius:var(--r-s);
  font:700 .99rem/1.2 "Plus Jakarta Sans",Arial,sans-serif;
  text-decoration:none; border:0; cursor:pointer;
  transition:background-color .15s ease, box-shadow .15s ease, color .15s ease;
}
.dg svg{ flex:0 0 auto; }
.dg--ana{ background:var(--kirmizi); color:#fff; box-shadow:0 10px 22px -10px rgba(225,51,46,.75); }
.dg--ana:hover{ background:var(--kirmizi-k); }
.dg--bos{ background:#fff; color:var(--lacivert); box-shadow:inset 0 0 0 1.5px var(--cizgi-k); }
.dg--bos:hover{ box-shadow:inset 0 0 0 1.5px var(--lacivert); }
.dg--wa{ background:var(--wa); color:#fff; }
.dg--wa:hover{ background:var(--wa-k); }
.dg--kucuk{ min-height:44px; padding:0 20px; font-size:.93rem; }
.ok{ font-size:1.05em; line-height:1; }

/* ------------------------------------------------------------- üst menü */
.ust{ background:#fff; position:relative; z-index:50; }
.ust__in{ display:flex; align-items:center; gap:18px; min-height:82px; flex-wrap:wrap; }
.ust__logo{ display:flex; align-items:center; gap:12px; text-decoration:none; flex:0 0 auto; }
.ust__logo img{ height:42px; width:auto; display:block; }
.ust__slogan{ font-size:.73rem; color:var(--soluk); line-height:1.3; display:block; }
@media (max-width:1120px){ .ust__slogan{ display:none; } }

.mnu{ position:absolute; opacity:0; pointer-events:none; }
.mnu__d{ display:none; }

.ust__nav{ display:flex; align-items:center; gap:26px; margin-left:auto; }
.nav{ display:flex; align-items:center; gap:25px; }
.nav a,.nav__ac{
  color:var(--lacivert); text-decoration:none; font-size:.93rem; font-weight:600;
  background:none; border:0; padding:0; cursor:pointer; font-family:inherit; white-space:nowrap;
}
.nav a:hover,.nav__ac:hover{ color:var(--kirmizi); }
.nav > li > a[aria-current]{ color:var(--kirmizi); }
.nav > li > a[aria-current]::after{
  content:""; display:block; height:2px; background:var(--kirmizi); margin-top:6px; border-radius:2px;
}
.nav__alt{ position:relative; }
.nav__ac::after{
  content:""; display:inline-block; width:6px; height:6px; margin-left:7px;
  border-right:2px solid var(--soluk); border-bottom:2px solid var(--soluk);
  transform:rotate(45deg) translateY(-2px);
}
.nav__l{
  position:absolute; top:calc(100% + 16px); left:-18px; min-width:272px; display:none;
  background:#fff; border:1px solid var(--cizgi); border-radius:var(--r);
  box-shadow:var(--g-2); padding:9px;
}
.nav__alt.acik > .nav__l,
.nav__alt:focus-within > .nav__l{ display:block; }
@media (hover:hover) and (pointer:fine){
  .nav__alt:hover > .nav__l{ display:block; }
  /* Düğme ile panel arasındaki boşlukta hover kopuyordu; görünmez köprü
     fare aşağı inerken menüyü açık tutar. */
  .nav__alt::after{
    content:""; position:absolute; top:100%; left:-20px; right:-20px; height:22px;
  }
}
.nav__ac[aria-expanded="true"]{ color:var(--kirmizi); }
.nav__ac[aria-expanded="true"]::after{ transform:rotate(225deg) translateY(-2px); }
.nav__l a{ display:block; padding:10px 13px; border-radius:6px; font-weight:500; font-size:.93rem; }
.nav__l a:hover{ background:var(--zemin); }
.nav__l a[aria-current]{ color:var(--kirmizi); }

.ust__cta{ display:flex; align-items:center; gap:12px; }
.ust__tel{
  display:inline-flex; align-items:center; gap:9px; min-height:46px; padding:0 18px;
  background:#fff; border-radius:var(--r-s); box-shadow:var(--g-1);
  color:var(--lacivert); text-decoration:none; font-weight:700; font-size:.95rem; white-space:nowrap;
}
.ust__tel svg{ color:var(--kirmizi); }
.ust__tel:hover{ color:var(--kirmizi); }

@media (max-width:1000px){
  .ust__in{ min-height:70px; }
  .mnu__d{ display:block; margin-left:auto; width:46px; height:46px; cursor:pointer;
           border:1px solid var(--cizgi-k); border-radius:var(--r-s); position:relative; }
  .mnu__d span,.mnu__d span::before,.mnu__d span::after{
    content:""; position:absolute; left:12px; width:20px; height:2px;
    background:var(--lacivert); border-radius:2px; }
  .mnu__d span{ top:22px; }
  .mnu__d span::before{ left:0; top:-6px; } .mnu__d span::after{ left:0; top:6px; }
  .ust__nav{ display:none; flex-direction:column; align-items:stretch; gap:0; width:100%;
             margin:0; padding:6px 0 18px; border-top:1px solid var(--cizgi); }
  .mnu:checked ~ .ust__nav{ display:flex; }
  .nav{ flex-direction:column; align-items:stretch; gap:0; }
  .nav > li{ border-bottom:1px solid var(--cizgi); }
  .nav > li > a,.nav__ac{ display:block; padding:15px 2px; width:100%; text-align:left; }
  .nav > li > a[aria-current]::after{ display:none; }
  .nav__ac::after{ float:right; margin-top:9px; }
  .nav__l{ position:static; display:block; border:0; box-shadow:none; padding:0 0 10px 14px;
           min-width:0; background:transparent; }
  .ust__cta{ padding-top:16px; }
  .ust__cta .dg,.ust__tel{ flex:1; justify-content:center; }
}

/* ------------------------------------------------------------- kahraman */
.kah{ background:#fff; }
/* Görsel de konteynerin içinde durur: sayfanın sol ve sağ kenarı baştan sona
   aynı hizada kalır. Tek elemanın taşması kompozisyonu sağa yatık gösteriyordu. */
.kah__in{ display:grid; align-items:center; gap:clamp(28px,3.4vw,52px);
          padding-top:clamp(28px,3.4vw,52px); padding-bottom:clamp(32px,3.8vw,56px); }
.kah__in > *{ min-width:0; }
@media (min-width:960px){ .kah__in{ grid-template-columns:1.04fr 1fr; } }
.kah__say{ align-self:center; }
.kah__ic{ width:100%; max-width:600px; }
.kah h1 span{ display:block; }
.kah__lede{ font-size:clamp(1rem,.95rem + .25vw,1.09rem); line-height:1.6;
            max-width:430px; margin-top:1.15rem; }
.kah__dg{ display:flex; flex-wrap:wrap; gap:12px; margin-top:1.8rem; }
.rozet{ display:flex; flex-wrap:wrap; gap:12px 26px; margin-top:2rem; }
.rozet li{ display:flex; align-items:center; gap:9px; font-size:.87rem;
           font-weight:600; color:var(--lacivert); }
.rozet svg{ color:var(--lacivert); flex:0 0 auto; }

.kah__gor{ position:relative; min-height:330px; border-radius:var(--r-b); overflow:hidden; }
.kah__gor > img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
@media (min-width:960px){ .kah__gor{ min-height:490px; } }
.kah__el{
  position:absolute; top:24px; right:32px; max-width:280px; text-align:right;
  font-size:clamp(1.4rem,1.1rem + 1vw,2rem); color:#0F2E52;
  text-shadow:0 2px 12px rgba(255,255,255,.85);
}
.kah__pin{
  position:absolute; right:24px; bottom:24px; max-width:236px;
  display:flex; align-items:center; gap:12px; background:#fff;
  border-radius:var(--r); padding:13px 18px; box-shadow:var(--g-2);
  font-size:.85rem; font-weight:700; color:var(--lacivert); line-height:1.35;
}
.kah__pin svg{ color:var(--kirmizi); flex:0 0 auto; }
@media (max-width:959px){
  .kah__gor{ min-height:250px; }
  .kah__el{ font-size:1.3rem; max-width:190px; top:18px; right:20px; }
  .kah__pin{ right:16px; bottom:16px; padding:11px 14px; font-size:.8rem; }
}

/* ------------------------------------------------------------- hızlı teklif */
.hizli{ background:var(--zemin); padding:clamp(32px,3.6vw,52px) 0; }
.hizli__k{
  background:#fff; border-radius:var(--r-b); box-shadow:var(--g-2);
  padding:clamp(24px,2.8vw,38px); display:grid; gap:clamp(24px,3vw,42px);
}
@media (min-width:940px){ .hizli__k{ grid-template-columns:.66fr 1.34fr; align-items:start; } }
.hizli__k > *{ min-width:0; }
.hizli h2{ font-size:clamp(1.55rem,1.2rem + 1.3vw,2.1rem); }
.hizli__say > p{ font-size:.97rem; margin-top:.75rem; max-width:32ch; }
.hizli__not{ display:flex; align-items:center; gap:6px; margin-top:1.8rem; }
.hizli__not .elyazi{ font-size:1.5rem; color:var(--kirmizi); transform:rotate(-6deg); }
.hizli__ok{ color:var(--kirmizi); flex:0 0 auto; margin:0 2px 0 -4px; }
.hizli__saat{ color:var(--lacivert); flex:0 0 auto; }

.sekme{ display:grid; grid-template-columns:repeat(6,1fr); gap:9px; }
@media (max-width:820px){ .sekme{ grid-template-columns:repeat(3,1fr); } }
.sekme__d{
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px;
  min-height:80px; padding:10px 4px; cursor:pointer; text-align:center;
  background:#fff; border:1.5px solid var(--cizgi); border-radius:var(--r);
  font:700 .82rem/1.2 "Plus Jakarta Sans",Arial,sans-serif; color:var(--gri);
  transition:border-color .15s ease,color .15s ease,background-color .15s ease;
}
.sekme__d svg{ color:var(--soluk); transition:color .15s ease; }
.sekme__d:hover{ border-color:var(--cizgi-k); color:var(--lacivert); }
.sekme__d[aria-selected="true"]{ border-color:var(--kirmizi); color:var(--kirmizi); background:var(--kirmizi-a); }
.sekme__d[aria-selected="true"] svg{ color:var(--kirmizi); }

.hzf{ margin-top:22px; display:grid; gap:15px; }
@media (min-width:760px){ .hzf{ grid-template-columns:1fr 1fr 1fr auto; align-items:end; } }
.alan{ display:block; min-width:0; }
.alan__l{ display:block; font-size:.85rem; font-weight:700; color:var(--lacivert); margin-bottom:.45rem; }
.alan input{
  width:100%; height:54px; padding:0 16px;
  font:500 .99rem/1 "Plus Jakarta Sans",Arial,sans-serif; color:var(--lacivert);
  background:#fff; border:1.5px solid var(--cizgi-k); border-radius:var(--r-s);
}
.alan input::placeholder{ color:#A8B4C4; font-weight:400; }
.alan input:focus{ border-color:var(--kirmizi); outline:0; box-shadow:0 0 0 3px rgba(225,51,46,.15); }
.hzf .dg{ height:54px; min-height:54px; }

.guv{ display:flex; flex-wrap:wrap; gap:12px 32px; margin-top:22px;
      padding-top:18px; border-top:1px solid var(--cizgi); }
.guv li{ display:flex; align-items:center; gap:9px; font-size:.86rem; }
.guv svg{ color:var(--lacivert); flex:0 0 auto; }

/* ------------------------------------------------------------- ürünler */
.urun{ background:#fff; padding:clamp(46px,5vw,80px) 0; }
.urun__bas{ display:flex; align-items:flex-end; justify-content:space-between; gap:24px; flex-wrap:wrap; }
.urun__tum{ font-weight:700; font-size:.92rem; text-decoration:none; color:var(--mavi); white-space:nowrap; }
.urun__tum:hover{ color:var(--kirmizi); }
.urun__ag{ margin-top:2rem; display:grid; gap:15px;
           grid-template-columns:repeat(auto-fill,minmax(178px,1fr)); }
.krt{
  display:flex; flex-direction:column; text-decoration:none; padding:14px;
  background:#fff; border:1px solid var(--cizgi); border-radius:var(--r);
  transition:box-shadow .16s ease,border-color .16s ease,transform .16s ease;
}
.krt:hover{ border-color:var(--cizgi-k); box-shadow:var(--g-1); transform:translateY(-3px); }
.krt img{ display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover;
          border-radius:8px; background:var(--zemin-2); margin-bottom:14px; }
.krt h3{ font-size:.99rem; margin-bottom:.4rem; }
.krt p{ font-size:.86rem; line-height:1.5; margin-bottom:1rem; }
.krt span{ margin-top:auto; font-size:.85rem; font-weight:700; color:var(--mavi); }
.krt:hover span{ color:var(--kirmizi); }

/* ------------------------------------------------------------- niçin biz */
.nicin{ background:var(--zemin); padding:clamp(40px,4.6vw,62px) 0; }
.nicin__ag{ display:grid; gap:0; }
@media (min-width:640px){ .nicin__ag{ grid-template-columns:1fr 1fr; row-gap:34px; } }
@media (min-width:1010px){ .nicin__ag{ grid-template-columns:repeat(4,1fr); row-gap:0; } }
.nicin__ag li{ padding:4px 28px 4px 0; }
@media (min-width:640px){
  .nicin__ag li:nth-child(2n){ border-left:1px solid var(--cizgi-k); padding-left:28px; }
}
@media (min-width:1010px){
  .nicin__ag li + li{ border-left:1px solid var(--cizgi-k); padding-left:28px; }
}
@media (max-width:639px){
  .nicin__ag li + li{ border-top:1px solid var(--cizgi-k); margin-top:22px; padding-top:22px; }
}
.nicin__ik{ width:50px; height:50px; border-radius:50%; background:#fff;
            display:flex; align-items:center; justify-content:center; margin-bottom:16px;
            box-shadow:var(--g-1); color:var(--lacivert); }
.nicin__ag h3{ font-size:1rem; margin-bottom:.4rem; }
.nicin__ag p{ font-size:.89rem; line-height:1.55; }

/* ------------------------------------------------------------- danışmanlık */
.danis{ background:#fff; position:relative; overflow:hidden; }
.danis__in{ display:grid; align-items:center; gap:clamp(28px,3.4vw,48px);
            padding-top:clamp(36px,4.4vw,64px); padding-bottom:clamp(36px,4.4vw,64px); }
.danis__in > *{ min-width:0; }
@media (min-width:960px){ .danis__in{ grid-template-columns:1fr 1fr; } }
.danis__gor{ position:relative; min-height:320px; align-self:stretch;
             border-radius:var(--r-b); overflow:hidden; }
.danis__gor > img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
@media (min-width:960px){ .danis__gor{ min-height:430px; } }
.danis__al{
  position:absolute; right:20px; bottom:20px; max-width:300px; margin:0;
  background:#fff; border-radius:var(--r); padding:18px 20px; box-shadow:var(--g-2);
}
.danis__al p{ font-size:.88rem; line-height:1.5; color:var(--lacivert); margin-bottom:.55rem; }
.danis__al cite{ font-style:normal; font-size:.79rem; font-weight:700; color:var(--soluk); }
.danis__say{ position:relative; z-index:2; }
@media (min-width:960px){ .danis__say{ padding-left:clamp(20px,2.4vw,36px); } }
.danis__ic{ width:100%; max-width:600px; }
.danis__ile{ display:flex; flex-wrap:wrap; gap:14px 28px; margin-top:1.8rem; }
.danis__ile a{ display:inline-flex; align-items:center; gap:11px; text-decoration:none;
               color:var(--lacivert); font-weight:700; font-size:.95rem; }
.danis__ile a:hover{ color:var(--kirmizi); }
.danis__ik{ width:38px; height:38px; border-radius:50%; background:var(--zemin);
            display:flex; align-items:center; justify-content:center; color:var(--kirmizi); flex:0 0 auto; }
.danis__fil{ position:absolute; right:-60px; top:20px; color:var(--lacivert);
             opacity:.045; pointer-events:none; }
@media (max-width:959px){ .danis__fil{ display:none; } }

/* ------------------------------------------------------------- kapanış */
.cta{ background:var(--lacivert); color:#B7C8DC; padding:clamp(38px,4.6vw,60px) 0; }
.cta__in{ display:grid; gap:26px; align-items:center; }
@media (min-width:880px){ .cta__in{ grid-template-columns:1fr auto; gap:46px; } }
.cta h2{ color:#fff; font-size:clamp(1.4rem,1.15rem + .85vw,1.85rem); margin-bottom:.5rem; }
.cta p{ font-size:.99rem; max-width:54ch; }
.cta__dg{ display:flex; flex-wrap:wrap; gap:11px; }
.cta .dg--bos{ background:transparent; color:#fff; box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.42); }
.cta .dg--bos:hover{ box-shadow:inset 0 0 0 1.5px #fff; background:rgba(255,255,255,.08); }

/* ------------------------------------------------------------- iç sayfa */
.sbas{ background:var(--zemin); padding:clamp(28px,3.6vw,48px) 0 clamp(28px,3.6vw,44px);
       border-bottom:1px solid var(--cizgi); }
.sbas__in{ max-width:780px; }
.sbas .lede{ font-size:clamp(1rem,.95rem + .28vw,1.13rem); max-width:60ch; margin-top:.9rem; }
.iz{ font-size:.85rem; color:var(--soluk); margin-bottom:1rem; }
.iz a{ text-decoration:none; color:var(--soluk); }
.iz a:hover{ color:var(--kirmizi); }
.iz span{ margin:0 .45em; color:var(--cizgi-k); }

.yazi{ background:#fff; padding:clamp(36px,4.2vw,60px) 0 clamp(44px,5vw,74px); }
.yazi__in{ max-width:900px; }
.yazi--dar .yazi__in{ max-width:730px; }
.blok{ margin-top:clamp(32px,3.8vw,50px); }
.blok:first-child{ margin-top:0; }
.blok > h2{ margin-bottom:.85rem; font-size:clamp(1.28rem,1.1rem + .7vw,1.6rem); }
.blok p{ max-width:70ch; }

.tem{ display:grid; gap:18px; }
@media (min-width:820px){ .tem{ grid-template-columns:1fr 1fr; gap:22px; } }
.tem__k{ padding:26px; border-radius:var(--r); border:1px solid; }
.tem__k h2{ font-size:1.06rem; margin-bottom:1rem; }
.tem__k ul{ display:grid; gap:.72rem; }
.tem__k li{ position:relative; padding-left:27px; font-size:.94rem; line-height:1.55; }
.tem__k--v{ background:#F3FAF5; border-color:#C2E2CE; }
.tem__k--v h2{ color:#12683A; }
.tem__k--v li::before{ content:""; position:absolute; left:1px; top:.42em; width:13px; height:7px;
  border-left:2.5px solid var(--wa); border-bottom:2.5px solid var(--wa); transform:rotate(-45deg); }
.tem__k--y{ background:#FEF5F5; border-color:#F2CCCA; }
.tem__k--y h2{ color:var(--kirmizi-k); }
.tem__k--y li::before{ content:""; position:absolute; left:3px; top:.66em; width:12px; height:2px;
  background:var(--kirmizi); }
.tem__not{ margin-top:1.1rem; padding-top:1rem; border-top:1px solid #F2CCCA;
           font-size:.85rem; color:var(--soluk); }

.sss details{ border-bottom:1px solid var(--cizgi); }
.sss details:first-of-type{ border-top:1px solid var(--cizgi); }
.sss summary{ cursor:pointer; list-style:none; padding:19px 46px 19px 0; position:relative;
              font-weight:700; font-size:1rem; color:var(--lacivert); }
.sss summary::-webkit-details-marker{ display:none; }
.sss summary::after{ content:""; position:absolute; right:9px; top:50%; margin-top:-5px;
  width:10px; height:10px; border-right:2.5px solid var(--kirmizi); border-bottom:2.5px solid var(--kirmizi);
  transform:rotate(45deg) translateY(-2px); transition:transform .18s ease; }
.sss details[open] summary::after{ transform:rotate(225deg) translateY(-2px); }
.sss summary:hover{ color:var(--kirmizi); }
.sss details p{ padding:0 46px 22px 0; font-size:.95rem; margin:0; }

.etkt{ display:flex; flex-wrap:wrap; gap:9px; }
.etkt a{ display:block; padding:11px 16px; background:var(--zemin); border:1px solid var(--cizgi);
         border-radius:var(--r-s); text-decoration:none; color:var(--lacivert);
         font-size:.9rem; font-weight:600; }
.etkt a:hover{ border-color:var(--kirmizi); color:var(--kirmizi); background:var(--kirmizi-a); }

.ilet__ag{ display:grid; gap:16px; grid-template-columns:repeat(auto-fill,minmax(248px,1fr)); }
.ilet__k{ padding:24px; border:1px solid var(--cizgi); border-radius:var(--r); }
.ilet__k h2{ font-size:.78rem; color:var(--soluk); font-weight:700; margin-bottom:.75rem;
             letter-spacing:.1em; text-transform:uppercase; }
.ilet__k address{ font-style:normal; color:var(--lacivert); line-height:1.65; }
.buyuk{ font-size:1.1rem; font-weight:800; text-decoration:none; color:var(--lacivert); }
.buyuk:hover{ color:var(--kirmizi); text-decoration:underline; }
.kucuk{ font-size:.84rem; color:var(--soluk); }

.kunye{ border-collapse:collapse; width:100%; margin-top:1.2rem; font-size:.94rem; }
.kunye th,.kunye td{ text-align:left; padding:14px 0; border-bottom:1px solid var(--cizgi); vertical-align:top; }
.kunye th{ width:186px; font-weight:700; color:var(--lacivert); padding-right:20px; }

.metin h2{ font-size:1.12rem; margin:2rem 0 .6rem; }
.metin h2:first-child{ margin-top:0; }
.metin p{ max-width:70ch; }
.uyari{ background:#FEF5F5; border:1px solid #F2CCCA; border-radius:var(--r);
        padding:15px 18px; font-size:.89rem; color:var(--kirmizi-k); max-width:none; }

/* ------------------------------------------------------------- reklam sayfası */
.lp__band{ max-width:660px; }
.lp__form{ background:#fff; border-radius:var(--r-b); box-shadow:var(--g-2);
           padding:clamp(22px,2.6vw,32px); border-top:5px solid var(--kirmizi); }
.lp__form h2{ font-size:1.15rem; margin-bottom:1rem; }
.plaka{ display:flex; align-items:stretch; height:70px; background:#fff;
        border:2px solid var(--lacivert); border-radius:7px; overflow:hidden; }
.plaka__tr{ flex:0 0 34px; background:#0B3F94; color:#fff; display:flex;
            align-items:flex-end; justify-content:center; padding-bottom:8px;
            font-size:.7rem; font-weight:700; }
.plaka__il{ flex:0 0 auto; display:flex; align-items:center; padding:0 10px 0 13px;
            font-size:1.9rem; font-weight:800; color:var(--lacivert); }
.plaka input{
  min-width:0; border:0; background:transparent; font-family:inherit; font-size:1.9rem;
  font-weight:800; color:var(--lacivert); text-transform:uppercase; padding:0 6px; letter-spacing:.02em;
}
.plaka input::placeholder{ color:#C3CDD9; font-weight:700; }
.plaka input:focus{ outline:0; background:var(--kirmizi-a); }
.plaka .h{ flex:1 1 34%; } .plaka .r{ flex:1 1 46%; }
.plaka:focus-within{ box-shadow:0 0 0 3px rgba(225,51,46,.22); }
.lp__ip{ font-size:.81rem; color:var(--soluk); margin:.6rem 0 1.2rem; }
.lp__dg{ display:grid; gap:10px; margin-top:1.2rem; }
@media (min-width:430px){ .lp__dg{ grid-template-columns:1fr 1fr; } }
.lp__dg .dg{ width:100%; }
.lp__durum{ font-size:.85rem; line-height:1.55; color:var(--soluk); margin:1rem 0 0;
            display:flex; gap:9px; align-items:flex-start; }
.nokta{ flex:0 0 auto; width:9px; height:9px; border-radius:50%; margin-top:.42em; background:var(--cizgi-k); }
#durum.acik .nokta{ background:var(--wa); box-shadow:0 0 0 3px rgba(31,168,85,.2); }
#durum.kapali .nokta{ background:#D08A1E; box-shadow:0 0 0 3px rgba(208,138,30,.2); }
.lp__gizli{ font-size:.79rem; color:var(--soluk); margin:.5rem 0 0; padding-left:18px; }
.orya{ display:flex; align-items:center; gap:14px; margin:1.4rem 0 1rem; color:var(--soluk); font-size:.84rem; }
.orya::before,.orya::after{ content:""; flex:1; height:1px; background:var(--cizgi); }

.fark{ background:var(--lacivert); color:#B7C8DC; padding:clamp(42px,4.8vw,68px) 0; }
.fark__ag{ display:grid; gap:32px; }
@media (min-width:820px){
  .fark__ag{ grid-template-columns:1fr 1fr; gap:0; }
  .fark__ag > div:first-child{ padding-right:46px; }
  .fark__ag > div:last-child{ padding-left:46px; border-left:1px solid rgba(255,255,255,.18); }
}
.fark h2{ color:#fff; font-size:1.2rem; margin-bottom:1.1rem; }
.fark ul{ display:grid; gap:.75rem; }
.fark li{ position:relative; padding-left:27px; font-size:.98rem; }
.fark__o{ opacity:.58; }
.fark__o li::before{ content:""; position:absolute; left:2px; top:.62em; width:12px; height:2px; background:#88A0BC; }
.fark__b li{ color:#fff; }
.fark__b li::before{ content:""; position:absolute; left:0; top:.4em; width:14px; height:7px;
  border-left:2.5px solid #FF7F79; border-bottom:2.5px solid #FF7F79; transform:rotate(-45deg); }

.adim{ background:#fff; padding:clamp(44px,5vw,74px) 0; }
.adim__l{ display:grid; gap:32px; margin-top:2.1rem; }
@media (min-width:800px){ .adim__l{ grid-template-columns:repeat(3,1fr); gap:38px; } }
.adim__l li{ position:relative; padding-top:54px; }
.adim__n{ position:absolute; top:0; left:0; width:40px; height:40px; border-radius:50%;
          background:var(--kirmizi); color:#fff; display:flex; align-items:center;
          justify-content:center; font-size:1rem; font-weight:800; }
@media (min-width:800px){
  .adim__l li::after{ content:""; position:absolute; top:20px; left:50px; right:-38px;
                      height:1px; background:var(--cizgi-k); }
  .adim__l li:last-child::after{ display:none; }
}
.adim__l h3{ margin-bottom:.45rem; }
.adim__l p{ font-size:.93rem; }

.sirk{ background:var(--zemin); padding:clamp(44px,5vw,74px) 0; }
.sirk__ag{ margin-top:1.8rem; display:flex; flex-wrap:wrap; gap:9px; }
.sirk__ag li{ background:#fff; border:1px solid var(--cizgi); border-radius:var(--r-s);
              padding:12px 17px; font-size:.91rem; font-weight:600; color:var(--lacivert); white-space:nowrap; }
.sirk__not{ margin-top:1.5rem; font-size:.85rem; color:var(--soluk); max-width:62ch; }

.nden{ background:#fff; padding:clamp(44px,5vw,74px) 0; }
.nden__in{ display:grid; gap:32px; }
@media (min-width:920px){ .nden__in{ grid-template-columns:.85fr 1.15fr; gap:56px; align-items:start; }
  .nden__say{ position:sticky; top:30px; } }
.nden__l{ margin:0; display:grid; }
.nden__l > div{ padding:20px 0 20px 24px; border-left:2px solid var(--cizgi-k); }
.nden__l > div:first-child{ padding-top:0; } .nden__l > div:last-child{ padding-bottom:0; }
.nden__l dt{ font-weight:800; color:var(--lacivert); font-size:1rem; margin-bottom:.3rem; }
.nden__l dd{ margin:0; font-size:.94rem; }

.yerel{ background:var(--zemin); padding:clamp(44px,5vw,74px) 0; }
.yerel__in{ display:grid; gap:32px; }
@media (min-width:920px){ .yerel__in{ grid-template-columns:1fr 1fr; gap:56px; } }
.yerel address{ font-style:normal; margin-top:1.4rem; font-size:.99rem; line-height:1.8; color:var(--lacivert); }
.yerel address a{ font-weight:700; text-decoration:none; }
.yerel address a:hover{ text-decoration:underline; }
.yerel__k{ background:#fff; border:1px solid var(--cizgi); border-radius:var(--r); padding:26px; }
.yerel__k h3{ margin-bottom:.7rem; }
.yerel__k p{ font-size:.93rem; line-height:1.9; }
.yerel__n{ margin-top:1rem; padding-top:1rem; border-top:1px solid var(--cizgi);
           font-size:.86rem; color:var(--soluk); }

.sssb{ background:#fff; padding:clamp(44px,5vw,74px) 0; }
.sssb .sss{ max-width:800px; margin-top:1.8rem; }

/* ------------------------------------------------------------- footer */
.alt{ background:var(--lacivert); color:#93A9C2; padding:clamp(44px,4.8vw,64px) 0 0; }
.alt__in{ display:grid; gap:36px; padding-bottom:40px; }
@media (min-width:880px){ .alt__in{ grid-template-columns:1fr 1.55fr; gap:54px; } }
.alt__marka img{ height:40px; width:auto; filter:brightness(0) invert(1); opacity:.95; }
.alt__k{ margin-top:1.1rem; font-size:.89rem; line-height:1.8; }
.alt__k strong{ color:#fff; font-weight:600; }
.alt__k a{ color:#93A9C2; }
.alt__k a:hover{ color:#fff; }
.alt__nav{ display:grid; gap:26px; }
@media (min-width:560px){ .alt__nav{ grid-template-columns:repeat(3,1fr); } }
.alt__nav h3{ color:#fff; font-size:.86rem; margin-bottom:.85rem; letter-spacing:.07em; text-transform:uppercase; }
.alt__nav ul{ display:grid; gap:.52rem; }
.alt__nav a{ color:#93A9C2; text-decoration:none; font-size:.89rem; }
.alt__nav a:hover{ color:#fff; text-decoration:underline; }
.alt__son{ border-top:1px solid rgba(255,255,255,.14); padding-top:22px; padding-bottom:28px; }
.alt__son p{ font-size:.79rem; line-height:1.65; color:#7C93AE; max-width:84ch; }

/* ------------------------------------------------------------- sabit kanallar */
.wafl{ position:fixed; right:22px; bottom:22px; z-index:45; width:56px; height:56px;
       border-radius:50%; background:var(--wa); color:#fff; display:flex;
       align-items:center; justify-content:center; box-shadow:0 8px 22px -5px rgba(31,168,85,.6); }
.wafl:hover{ background:var(--wa-k); }
@media (max-width:700px){ .wafl{ display:none; } }
.kuy{ display:none; }
@media (max-width:700px){
  .kuy{ display:grid; grid-template-columns:1fr 1fr 1.15fr; gap:8px;
        position:fixed; left:0; right:0; bottom:0; z-index:46; background:#fff;
        border-top:1px solid var(--cizgi-k); padding:8px 8px calc(8px + env(safe-area-inset-bottom));
        box-shadow:0 -6px 22px -12px rgba(13,39,67,.45); }
  .kuy a{ display:flex; align-items:center; justify-content:center; min-height:50px;
          border-radius:var(--r-s); text-decoration:none;
          font:700 .96rem/1 "Plus Jakarta Sans",Arial,sans-serif; color:var(--lacivert);
          box-shadow:inset 0 0 0 1.5px var(--cizgi-k); }
  .kuy .w{ background:var(--wa); color:#fff; box-shadow:none; }
  .kuy .t{ background:var(--kirmizi); color:#fff; box-shadow:none; }
  body{ padding-bottom:76px; }
}

/* ==========================================================================
   ÜRÜN SAYFASI — 5 Eyl 2026 tarihli trafik sigortası tasarımı
   Sekiz sigorta sayfasının tamamı bu şablonu kullanır.
   ========================================================================== */

/* kırmızı çizgi — bölüm etiketlerinin üstündeki vurgu */
.kcizgi{ display:block; width:30px; height:3px; background:var(--kirmizi);
         border-radius:2px; margin-bottom:14px; }

/* ------------------------------------------------------------- ürün hero */
.uhero{
  position:relative; background:var(--zemin);
  /* üç katman: (1) altta zemine bağlayan dikey geçiş — özellik şeridi okunsun,
     (2) soldan sağa açılan yatay geçiş — başlık okunsun, (3) fotoğraf */
  background-image:
    linear-gradient(180deg, rgba(247,250,253,0) 52%, rgba(247,250,253,.82) 72%,
                    #F7FAFD 86%),
    linear-gradient(100deg, #F7FAFD 0%, #F7FAFD 26%, rgba(247,250,253,.92) 40%,
                    rgba(247,250,253,.55) 52%, rgba(247,250,253,0) 66%),
    var(--gorsel);
  background-size:auto, auto, cover;
  background-position:center, center, center right;
  background-repeat:no-repeat;
}
@media (max-width:860px){
  .uhero{
    background-image:
      linear-gradient(180deg, rgba(247,250,253,.96) 0%, rgba(247,250,253,.88) 40%,
                      rgba(247,250,253,.86) 62%, #F7FAFD 88%),
      linear-gradient(180deg, rgba(247,250,253,0) 0%, rgba(247,250,253,0) 100%),
      var(--gorsel);
    background-position:center, center, center;
  }
}
.uhero .iz{ padding-top:20px; margin-bottom:0; }
.uhero__in{ padding:clamp(26px,3.2vw,46px) 0 clamp(28px,3.4vw,44px); }
.uhero__say{ max-width:560px; }
.uhero h1{ font-size:clamp(1.95rem,1.35rem + 2.2vw,3rem); }
.uhero h1 span{ display:block; }
.uhero__lede{
  font-size:clamp(.99rem,.94rem + .22vw,1.07rem); line-height:1.62;
  max-width:480px; margin-top:1.05rem; color:var(--gri);
}
.uhero__dg{ display:flex; flex-wrap:wrap; gap:12px; margin-top:1.7rem; }
.uhero__el{
  position:absolute; top:clamp(56px,7vw,96px); left:52%; max-width:300px;
  font-size:clamp(1.25rem,1rem + 1vw,1.85rem); color:var(--lacivert);
  text-shadow:0 1px 12px rgba(255,255,255,.8); transform:rotate(-4deg);
  pointer-events:none;
}
@media (max-width:1080px){ .uhero__el{ display:none; } }

/* 4'lü özellik şeridi */
.uhero__oz{
  display:grid; gap:20px 0; padding:22px 0 clamp(60px,7vw,86px);
  grid-template-columns:1fr;
}
@media (min-width:560px){ .uhero__oz{ grid-template-columns:1fr 1fr; } }
@media (min-width:1000px){ .uhero__oz{ grid-template-columns:repeat(4,1fr); } }
.uhero__oz li{ display:flex; align-items:flex-start; gap:13px; padding-right:24px; }
@media (min-width:1000px){
  .uhero__oz li + li{ border-left:1px solid var(--cizgi-k); padding-left:24px; }
}
.uhero__oz .ikn{
  flex:0 0 auto; width:42px; height:42px; border-radius:50%; background:#fff;
  display:flex; align-items:center; justify-content:center;
  color:var(--lacivert); box-shadow:var(--g-1);
}
.uhero__oz strong{ display:block; font-size:.94rem; color:var(--lacivert);
                   font-weight:800; margin-bottom:.15rem; }
.uhero__oz span{ display:block; font-size:.83rem; line-height:1.45; color:var(--gri); }

/* ------------------------------------------------------------- teklif kartı */
.tkart{
  background:#fff; border-radius:var(--r-b); box-shadow:var(--g-2);
  padding:clamp(24px,2.8vw,36px); margin-top:clamp(-50px,-4vw,-38px);
  position:relative; z-index:5;
}
.tkart__bas{ display:flex; align-items:flex-start; justify-content:space-between;
             gap:24px; flex-wrap:wrap; margin-bottom:1.5rem; }
.tkart__bas h2{ font-size:clamp(1.3rem,1.1rem + .8vw,1.72rem); }
.tkart__bas p{ font-size:.95rem; margin-top:.4rem; color:var(--mavi); }
.tkart__not{ display:flex; align-items:center; gap:10px; }
.tkart__not svg{ color:var(--lacivert); flex:0 0 auto; }
.tkart__not .elyazi{ font-size:1.32rem; color:var(--kirmizi);
                     border-bottom:2px solid var(--kirmizi); padding-bottom:2px; }

.tkart__satir{ display:grid; gap:14px; grid-template-columns:1fr; align-items:end; }
@media (min-width:620px){ .tkart__satir{ grid-template-columns:1fr 1fr; } }
@media (min-width:1000px){ .tkart__satir{ grid-template-columns:repeat(4,1fr) auto; } }
.tkart .alan__l .yldz{ color:var(--kirmizi); }
.alan select{
  width:100%; height:54px; padding:0 40px 0 15px; cursor:pointer;
  font:500 .98rem/1 "Plus Jakarta Sans",Arial,sans-serif; color:var(--lacivert);
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%238494A8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M1 1.5 6 6.5l5-5'/%3E%3C/svg%3E") no-repeat right 15px center;
  border:1.5px solid var(--cizgi-k); border-radius:var(--r-s); appearance:none;
}
.alan select:invalid{ color:#A8B4C4; }
.alan select:focus{ border-color:var(--kirmizi); outline:0; box-shadow:0 0 0 3px rgba(225,51,46,.15); }
.tkart__satir .dg{ height:54px; min-height:54px; }
@media (max-width:999px){ .tkart__satir .dg{ grid-column:1/-1; } }
.tkart__guv{
  display:flex; align-items:center; gap:11px; margin-top:1.4rem; padding-top:1.2rem;
  border-top:1px solid var(--cizgi); font-size:.85rem; color:var(--gri);
}
.tkart__guv svg{ color:var(--lacivert); flex:0 0 auto; }

/* ------------------------------------------------------------- neden bu ürün */
.neden{ background:#fff; padding:clamp(48px,5.4vw,84px) 0; }
.neden__in{ display:grid; gap:34px; }
@media (min-width:940px){ .neden__in{ grid-template-columns:.82fr 1.18fr; gap:52px; align-items:start; } }
.neden__in > *{ min-width:0; }
.neden__say h2{ margin-bottom:1rem; }
.neden__say p{ font-size:1rem; line-height:1.68; max-width:44ch; }
.neden__ag{ display:grid; gap:16px; }
@media (min-width:640px){ .neden__ag{ grid-template-columns:1fr 1fr; } }
.neden__k{
  display:flex; align-items:flex-start; gap:16px; padding:22px;
  background:var(--zemin); border:1px solid var(--cizgi); border-radius:var(--r);
}
.neden__ik{
  flex:0 0 auto; width:52px; height:52px; border-radius:12px; background:#fff;
  display:flex; align-items:center; justify-content:center;
  color:var(--lacivert); box-shadow:var(--g-1);
}
.neden__k h3{ font-size:1rem; margin-bottom:.35rem; }
.neden__k p{ font-size:.88rem; line-height:1.55; }

/* ------------------------------------------------------------- nasıl alınır */
.nasil{ background:var(--zemin); padding:clamp(48px,5.4vw,84px) 0; }
.nasil__ag{ display:grid; gap:30px; margin-top:2.2rem; grid-template-columns:1fr; }
@media (min-width:640px){ .nasil__ag{ grid-template-columns:1fr 1fr; gap:32px 40px; } }
@media (min-width:1040px){ .nasil__ag{ grid-template-columns:repeat(4,1fr); gap:38px; } }
.nasil__ag li{ position:relative; }
.nasil__ust{ display:flex; align-items:center; gap:12px; margin-bottom:14px; }
.nasil__n{
  width:34px; height:34px; border-radius:50%; background:var(--kirmizi); color:#fff;
  display:flex; align-items:center; justify-content:center;
  font-size:.94rem; font-weight:800; flex:0 0 auto;
}
.nasil__ust > svg{ color:var(--lacivert); }
.nasil__ag h3{ font-size:1rem; margin-bottom:.4rem; }
.nasil__ag p{ font-size:.88rem; line-height:1.55; }
@media (min-width:1040px){
  .nasil__ag li:not(:last-child)::after{
    content:""; position:absolute; top:10px; right:-26px; width:9px; height:9px;
    border-right:2px solid var(--cizgi-k); border-top:2px solid var(--cizgi-k);
    transform:rotate(45deg);
  }
}

/* ------------------------------------------------------------- SSS 2 sütun */
.sssx{ background:#fff; padding:clamp(48px,5.4vw,84px) 0; }
.sssx__bas{ display:flex; align-items:flex-end; justify-content:space-between;
            gap:22px; flex-wrap:wrap; }
.sssx__ag{ display:grid; gap:14px; margin-top:2rem; }
@media (min-width:820px){ .sssx__ag{ grid-template-columns:1fr 1fr; gap:14px 20px; } }
.sssx details{
  background:#fff; border:1px solid var(--cizgi); border-radius:var(--r);
  transition:border-color .15s ease, box-shadow .15s ease;
}
.sssx details[open]{ border-color:var(--cizgi-k); box-shadow:var(--g-1); }
.sssx summary{
  cursor:pointer; list-style:none; position:relative;
  padding:17px 52px 17px 20px; font-weight:700; font-size:.96rem; color:var(--lacivert);
}
.sssx summary::-webkit-details-marker{ display:none; }
.sssx summary::before,
.sssx summary::after{
  content:""; position:absolute; right:20px; top:50%; background:var(--kirmizi);
  border-radius:2px; transition:transform .2s ease, opacity .2s ease;
}
.sssx summary::before{ width:13px; height:2px; margin-top:-1px; }
.sssx summary::after{ width:2px; height:13px; margin-top:-6.5px; right:25.5px; }
.sssx details[open] summary::after{ transform:rotate(90deg); opacity:0; }
.sssx summary:hover{ color:var(--kirmizi); }
.sssx details > p{ padding:0 20px 18px; margin:0; font-size:.9rem; line-height:1.6; }

/* ------------------------------------------------------------- footer v2 */
.alt__ust{ display:grid; gap:34px; padding-bottom:38px; }
@media (min-width:760px){ .alt__ust{ grid-template-columns:1.5fr 1fr 1.3fr; } }
@media (min-width:1080px){ .alt__ust{ grid-template-columns:1.6fr .9fr 1.25fr 1.05fr; } }
.alt__hak{ margin-top:1.05rem; font-size:.88rem; line-height:1.7; max-width:38ch; }
.alt__sos{ display:flex; gap:11px; margin-top:1.4rem; }
.alt__sos a{
  width:38px; height:38px; border-radius:9px; display:flex; align-items:center;
  justify-content:center; color:#B9CBDE; background:rgba(255,255,255,.08);
  transition:background-color .15s ease, color .15s ease;
}
.alt__sos a:hover{ background:var(--kirmizi); color:#fff; }
.alt__ile{ display:grid; gap:.85rem; }
.alt__ile li{ display:flex; align-items:flex-start; gap:11px; font-size:.88rem; line-height:1.55; }
.alt__ile svg{ color:#7F9AB8; flex:0 0 auto; margin-top:2px; }
.alt__ile a{ color:#93A9C2; text-decoration:none; }
.alt__ile a:hover{ color:#fff; }
.alt__harita{
  display:block; border-radius:var(--r); overflow:hidden; position:relative;
  background:#E8EDF3; min-height:150px; text-decoration:none;
  border:1px solid rgba(255,255,255,.14);
}
.alt__harita svg{ display:block; width:100%; height:auto; }
.alt__harita span{
  position:absolute; left:50%; bottom:16px; transform:translateX(-50%);
  background:#fff; color:var(--lacivert); font-size:.8rem; font-weight:700;
  padding:8px 14px; border-radius:7px; box-shadow:0 4px 14px rgba(13,39,67,.25);
  white-space:nowrap;
}
.alt__son2{
  border-top:1px solid rgba(255,255,255,.14); padding-top:20px; padding-bottom:26px;
  display:flex; flex-wrap:wrap; gap:10px 26px; align-items:center; justify-content:space-between;
}
.alt__son2 p{ font-size:.79rem; color:#7C93AE; margin:0; }
.alt__son2 ul{ display:flex; flex-wrap:wrap; gap:8px 20px; }
.alt__son2 a{ font-size:.79rem; color:#7C93AE; text-decoration:none; }
.alt__son2 a:hover{ color:#fff; text-decoration:underline; }

.alt__logo{ height:40px; width:auto; display:block; filter:brightness(0) invert(1); opacity:.95; }
.alt__kunye2{ padding-bottom:26px;
  display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:18px 32px; }
.alt__kunye2 p{ font-size:.76rem; line-height:1.6; color:#6D849F; max-width:100ch; margin:0; flex:1 1 34ch; }
.alt__kunye2 strong{ color:#A8BDD4; font-weight:600; }

/* footer v2 — başlık ve bağlantılar (eski .alt__nav yerine .alt__ust kullanılıyor) */
.alt__ust h3{ color:#fff; font-size:.86rem; margin-bottom:.95rem;
              letter-spacing:.07em; text-transform:uppercase; }
.alt__ust nav ul{ display:grid; gap:.55rem; }
.alt__ust nav a{ color:#93A9C2; text-decoration:none; font-size:.89rem; }
.alt__ust nav a:hover{ color:#fff; text-decoration:underline; }

/* hızlı teklif — sekmeye göre değişen üçüncü alan */
.hzf__ozel{ display:block; min-width:0; }
.hzf__ozel > .alan{ display:block; }
.hzf__ozel > .alan[hidden]{ display:none; }

/* form gönderim sonucu — başarı yeşili, hata kırmızısı */
.form-sonuc{ grid-column:1/-1; margin:.9rem 0 0; padding:.7rem .9rem; border-radius:8px;
             font-size:.9rem; line-height:1.5; font-weight:600;
             background:#E8F6EE; color:#14663C; border:1px solid #BFE3D0; }
.form-sonuc--hata{ background:var(--kirmizi-a); color:var(--kirmizi-k); border-color:#F5C4C2; }
.form-sonuc:empty{ display:none; }

/* ajans kredisi — koyu pill + dada creative wordmark'ı */
.kredi{
  flex:0 0 auto; display:inline-flex; align-items:center; gap:14px;
  background:#111; border-radius:999px; padding:9px 16px 9px 18px;
  font-size:.6875rem; text-transform:uppercase; letter-spacing:.1em;
  color:rgba(255,255,255,.72); text-decoration:none;
  transition:background .18s ease, color .18s ease;
}
.kredi:hover{ background:#000; color:#fff; text-decoration:none; }
.kredi img{ width:76px; height:auto; display:block; }
@media (max-width:640px){
  .alt__kunye2{ align-items:flex-start; }
  .kredi{ font-size:.64rem; gap:11px; padding:8px 14px 8px 15px; }
  .kredi img{ width:66px; }
}