/* uzmantemizlik.com.tr — neşe katmanı: sıcak renkler + vektör sahne hareketi.
   🔴 Hareket yalnız `prefers-reduced-motion: no-preference` içinde; taban stil SON durumdur
   (hareketsiz de çizim eksiksiz görünür). WhatsApp kuralları stil.css'in SONUNDA kalır. */
:root{--sari:#ffc233;--sari-a:#fff3cc;--mint:#e3f6ec;--gok-a:#e1effb;--kiremit:#e9967a;--pembe:#ffe3dc}

/* ---------------------------------------------------------------- sıcak yüzeyler */
.kahraman{background:
  radial-gradient(520px 340px at 92% 0%,rgba(255,194,51,.42),transparent 66%),
  radial-gradient(700px 420px at -6% 105%,rgba(108,166,214,.32),transparent 62%),
  radial-gradient(380px 260px at 40% 100%,rgba(22,122,67,.10),transparent 70%),
  linear-gradient(180deg,#fff8e4,#eaf5ff 72%,#fff)}
.kahraman-ic{position:relative;z-index:1}
.bolum-acik{background:linear-gradient(180deg,#f0fbf5,#eef6ff)}
.teklif-serit{background:linear-gradient(90deg,#1b4283,#2555a7 55%,#3b80d3)}
.teklif-serit .dugme-beyaz{background:var(--sari);color:var(--lac)}
.teklif-serit .dugme-beyaz:hover{background:#ffd163;color:var(--lac)}
.hk-no{background:var(--sari);color:var(--lac)}
.hk,.yk,.deger,.sube,.form-kutu,.yan-kutu,.ref-tam li{border-radius:20px}
.hk-foto,.yk-foto{border-radius:0}
.rakamlar li:nth-child(1){background:var(--sari-a);border-color:#f6dd8e}
.rakamlar li:nth-child(2){background:var(--mint);border-color:#bfe6cf}
.rakamlar li:nth-child(3){background:var(--gok-a);border-color:#bcd8f0}
.rakamlar li:nth-child(4){background:var(--pembe);border-color:#f6c9bd}
.sube{border-left-color:var(--sari)}
.deger svg{box-sizing:content-box;padding:10px;border-radius:16px;background:var(--sari-a)}
.deger:nth-child(2) svg{background:var(--mint)}
.deger:nth-child(3) svg{background:var(--gok-a)}
.bb-etiket{background:var(--sari-a);padding:4px 12px;border-radius:99px;color:var(--lac)}
.bolum-koyu .bb-etiket{background:rgba(255,194,51,.18);color:var(--sari)}
.vurgu{position:relative;white-space:nowrap;z-index:0}
.vurgu::after{content:"";position:absolute;left:-2%;right:-2%;bottom:.06em;height:.34em;background:var(--sari);border-radius:99px;z-index:-1;transform-origin:left}
.ref-liste li{border-color:rgba(255,194,51,.4)}

/* ---------------------------------------------------------------- dalga ayırıcı */
.dalga{height:34px;margin-top:-33px;position:relative;z-index:2;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 720 34'%3E%3Cpath d='M0 17 Q90 0 180 17 T360 17 T540 17 T720 17 V34 H0Z' fill='%231b4283'/%3E%3C/svg%3E") repeat-x;background-size:720px 34px}

/* ---------------------------------------------------------------- baloncuklar */
.kabarciklar{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.kabarciklar span{position:absolute;bottom:-60px;width:var(--s);height:var(--s);border-radius:50%;
  background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.95) 0 14%,rgba(255,255,255,.25) 36%,rgba(108,166,214,.22) 100%);
  border:1px solid rgba(108,166,214,.45);opacity:.0}

/* ---------------------------------------------------------------- sahneler */
.sahne{width:100%;height:auto;display:block}
.f-zemin{fill:var(--gok-a)}
.f-beyaz{fill:#fff}.f-gok{fill:var(--gok)}.f-mavi{fill:var(--mavi)}.f-lac{fill:var(--lac)}
.f-sari{fill:var(--sari)}.f-yesil{fill:#2fa766}.f-tugla{fill:var(--kiremit)}
.s-lac{stroke:var(--lac);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.s-sari{fill:none;stroke:var(--sari);stroke-width:7;stroke-linejoin:round;stroke-linecap:round}
.s-gok{fill:none;stroke:var(--gok);stroke-width:3;stroke-linecap:round}
.s-yesil{stroke:#2fa766;stroke-width:4;stroke-linecap:round}
line.s-lac,path.s-lac{fill:none}
.yildiz{fill:var(--sari);stroke:#fff;stroke-width:1;transform-box:fill-box;transform-origin:center}
.toz{fill:#c9ced4;opacity:.8}
.kabarcik-k,.kopuk{fill:#fff;stroke:var(--gok);stroke-width:1.500;opacity:.9}
.damla{fill:var(--gok)}
.jet{fill:none;stroke:var(--gok);stroke-width:5;stroke-linecap:round;stroke-dasharray:7 9}
.buhar{fill:none;stroke:#fff;stroke-width:5;stroke-linecap:round;opacity:.95;filter:drop-shadow(0 0 1px rgba(37,85,167,.55))}
.cam-parilti{stroke:#fff;stroke-width:2;stroke-linecap:round}
.parilti{fill:#fff;opacity:.65}
.pen{fill:var(--sari)}
.yaprak,.siler,.suru,.sallan,.gez,.sik,.don,.don-ters{transform-box:view-box}
.tik{fill:none;stroke:#2fa766;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.nokta{fill:#fff}
.adim-ikon{width:92px;height:92px;display:block}

/* kart köşesindeki küçük sahne rozeti */
.hk-sahne{position:absolute;right:8px;top:calc(100% - 0px);display:none}
.hk-foto{position:relative}
.hk-foto .hk-rozet{position:absolute;right:8px;bottom:8px;width:64px;height:64px;border-radius:50%;background:#fff;box-shadow:0 4px 12px rgba(30,37,45,.25);padding:2px;overflow:hidden}

/* ayrıntı sayfası: fotoğraf + sahne yan yana */
.detay-gorsel{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;align-items:stretch;margin-bottom:20px}
.detay-gorsel .detay-foto{margin:0}
.detay-gorsel .detay-foto img{max-width:none;height:100%}
.detay-sahne{background:linear-gradient(160deg,var(--sari-a),var(--gok-a));border-radius:20px;display:flex;align-items:center;justify-content:center;padding:10px;box-shadow:var(--golge)}
.detay-sahne .sahne{max-width:320px}

/* nasıl çalışıyoruz */
.adimlar{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;counter-reset:adim;position:relative}
.adim{background:#fff;border:1px solid var(--cizgi);border-radius:20px;padding:20px 18px 22px;text-align:center;position:relative;box-shadow:var(--golge)}
.adim .adim-ikon{margin:0 auto 10px}
.adim::before{counter-increment:adim;content:counter(adim);position:absolute;top:-14px;left:50%;transform:translateX(-50%);width:32px;height:32px;border-radius:50%;background:var(--sari);color:var(--lac);font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px rgba(30,37,45,.2)}
.adim h3{margin-bottom:6px}
.adim p{margin:0;color:var(--gri);font-size:15px}
.adimlar{margin-top:18px}
.adim:nth-child(1){background:linear-gradient(180deg,var(--sari-a),#fff 60%)}
.adim:nth-child(2){background:linear-gradient(180deg,var(--mint),#fff 60%)}
.adim:nth-child(3){background:linear-gradient(180deg,var(--gok-a),#fff 60%)}
.adim:nth-child(4){background:linear-gradient(180deg,var(--pembe),#fff 60%)}

@media (max-width:1020px){ .adimlar{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:26px} .detay-gorsel{grid-template-columns:1fr} .detay-gorsel .detay-foto img{height:auto} .detay-sahne .sahne{max-width:200px} }
@media (max-width:560px){ .adimlar{grid-template-columns:1fr} }

/* ---------------------------------------------------------------- hareket */
@media (prefers-reduced-motion:no-preference){
  .kabarciklar span{animation:yuksel var(--d) linear var(--g) infinite}
  .vurgu::after{animation:cizil 1.1s .4s cubic-bezier(.2,.8,.2,1) both}
  .dalga{animation:dalga 16s linear infinite}
  .yildiz{animation:parla 2.4s ease-in-out var(--g,0s) infinite}
  .suru{animation:suru 2.8s ease-in-out infinite alternate}
  .sallan{transform-origin:126px 22px;animation:sallan 1.8s ease-in-out infinite alternate}
  .gez{animation:gez 3.4s ease-in-out infinite alternate}
  .toz{animation:toz 2.6s ease-out var(--g,0s) infinite}
  .kopuk,.kabarcik-k{transform-box:fill-box;transform-origin:center;animation:nefes 2.4s ease-in-out var(--g,0s) infinite}
  .damla{animation:damla 1.6s ease-in var(--g,0s) infinite}
  .sik{transform-origin:127px 40px;animation:sik 2.2s ease-in-out infinite}
  .don{animation:don 8s linear infinite}
  .don-ters{animation:don 6s linear infinite reverse}
  .jet{animation:jet .9s linear infinite}
  .siler{animation:siler 3.6s ease-in-out infinite alternate}
  .parilti{animation:parilti 3.6s ease-in-out infinite}
  .buhar{animation:buhar 2.8s ease-out var(--g,0s) infinite}
  .pen{animation:pen 3.2s ease-in-out var(--g,0s) infinite}
  .yaprak{transform-box:fill-box;transform-origin:center bottom;animation:buyu 3s ease-in-out var(--g,0s) infinite alternate}
  .nokta{animation:nokta 1.2s ease-in-out var(--g,0s) infinite}
  .gun{animation:nabiz-k 1.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
  .tik{stroke-dasharray:40;animation:tik 2.6s ease-out infinite}
  .hk:hover .hk-rozet svg{transform:scale(1.12) rotate(-3deg)}
  .hk-rozet svg{transition:transform .3s}
  .adim:hover .adim-ikon{transform:translateY(-4px) scale(1.05)}
  .adim-ikon{transition:transform .3s}
}
@keyframes yuksel{0%{transform:translateY(0) translateX(0);opacity:0}10%{opacity:.9}50%{transform:translateY(-45vh) translateX(14px)}100%{transform:translateY(-95vh) translateX(-10px);opacity:0}}
@keyframes cizil{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes dalga{to{background-position:-720px 0}}
@keyframes parla{0%,100%{transform:scale(.55) rotate(0);opacity:.55}50%{transform:scale(1.15) rotate(20deg);opacity:1}}
@keyframes suru{from{transform:translateX(-16px)}to{transform:translateX(18px)}}
@keyframes sallan{from{transform:rotate(-14deg)}to{transform:rotate(14deg)}}
@keyframes gez{from{transform:translateX(0)}to{transform:translateX(-58px)}}
@keyframes toz{0%{transform:translateY(8px) scale(.6);opacity:0}30%{opacity:.8}100%{transform:translateY(-16px) scale(1.3);opacity:0}}
@keyframes nefes{0%,100%{transform:scale(.8)}50%{transform:scale(1.18)}}
@keyframes damla{0%{transform:translateY(-4px);opacity:0}25%{opacity:1}100%{transform:translateY(22px);opacity:0}}
@keyframes sik{0%,70%,100%{transform:rotate(0)}80%{transform:rotate(-12deg)}}
@keyframes don{to{transform:rotate(360deg)}}
@keyframes jet{to{stroke-dashoffset:-32}}
@keyframes siler{from{transform:translateY(0)}to{transform:translateY(74px)}}
@keyframes parilti{0%{transform:translateX(0) skewX(-18deg);opacity:0}15%{opacity:.7}85%{opacity:.7}100%{transform:translateX(190px) skewX(-18deg);opacity:0}}
@keyframes buhar{0%{transform:translateY(10px);opacity:0}30%{opacity:.95}100%{transform:translateY(-14px);opacity:0}}
@keyframes pen{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes buyu{from{transform:scale(.82)}to{transform:scale(1.08)}}
@keyframes nokta{0%,100%{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}
@keyframes nabiz-k{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}
@keyframes tik{0%{stroke-dashoffset:40}35%,100%{stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce){ .kabarciklar{display:none} }

/* ================================================================ 2. kat neşe */
/* mozaik: hafif eğik, renkli çerçeveli "yapışkan not" havası */
.mz{border:4px solid #fff;border-radius:20px}
.mz1{transform:rotate(-1.4deg);box-shadow:0 10px 24px rgba(255,194,51,.45)}
.mz2{transform:rotate(1.6deg);box-shadow:0 10px 24px rgba(108,166,214,.5)}
.mz3{transform:rotate(-1.2deg);box-shadow:0 10px 24px rgba(47,167,102,.4)}
.mz4{transform:rotate(.8deg);box-shadow:0 10px 24px rgba(233,150,122,.5)}
.mz span{background:var(--sari);color:var(--lac)}
.mozaik{position:relative}

.cikartma{position:absolute;pointer-events:none;z-index:3;width:54px;height:54px}
.cikartma.c1{left:-22px;top:-18px}
.cikartma.c2{right:-14px;top:46%;width:46px;height:46px}
.cikartma.c3{left:auto;right:16%;bottom:-26px;width:60px;height:60px}
.cikartma svg{width:100%;height:100%;overflow:visible}

/* kayan hizmet şeridi */
.serit{background:var(--sari);color:var(--lac);overflow:hidden;white-space:nowrap;border-block:3px solid var(--lac)}
.serit-ray{display:flex;width:max-content}
.serit-liste{display:flex;list-style:none;flex:none}
.serit-liste li{display:flex;align-items:center;gap:22px;padding:14px 11px 14px 0;font-weight:800;font-size:clamp(16px,1.8vw,20px);letter-spacing:.02em;text-transform:uppercase}
.serit-liste li::after{content:"";width:16px;height:16px;background:var(--lac);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);flex:none}
.serit-liste a{color:inherit;text-decoration:none}
.serit-liste a:hover{text-decoration:underline}

/* hizmet kartları: her biri kendi pastel rengiyle */
.hizmet-izgara .hk:nth-child(5n+1){--k:#fff3cc}.hizmet-izgara .hk:nth-child(5n+2){--k:#e3f6ec}
.hizmet-izgara .hk:nth-child(5n+3){--k:#e1effb}.hizmet-izgara .hk:nth-child(5n+4){--k:#ffe3dc}
.hizmet-izgara .hk:nth-child(5n+5){--k:#efe6fb}
.hk{background:linear-gradient(180deg,#fff 40%,var(--k,#fff));border-width:2px}
.hk:hover{border-color:var(--sari)}
.yk:nth-child(3n+1){--k:#fff3cc}.yk:nth-child(3n+2){--k:#e3f6ec}.yk:nth-child(3n+3){--k:#e1effb}
.yk{background:linear-gradient(180deg,#fff 45%,var(--k,#fff))}
.hk-rozet{border:3px solid var(--sari)}

/* bölüm başlıklarına minik parıltı */
.bb-etiket::before{content:"✦";margin-right:6px;color:#e3a008}
.bolum-koyu .bb-etiket::before{color:var(--sari)}

/* konfetili çağrı bandı */
.cagri{background:
  radial-gradient(circle at 8% 30%,rgba(255,194,51,.55) 0 5px,transparent 6px),
  radial-gradient(circle at 22% 80%,rgba(255,255,255,.5) 0 4px,transparent 5px),
  radial-gradient(circle at 46% 18%,rgba(255,255,255,.45) 0 3px,transparent 4px),
  radial-gradient(circle at 72% 78%,rgba(255,194,51,.55) 0 6px,transparent 7px),
  radial-gradient(circle at 92% 24%,rgba(255,255,255,.5) 0 4px,transparent 5px),
  linear-gradient(120deg,var(--mavi-k),var(--mavi) 55%,#3b80d3)}
.cagri .dugme-beyaz{background:var(--sari);color:var(--lac)}

/* düğmeler zıplasın, WhatsApp halkası nabız atsın */
.dugme{border-radius:99px}
.dugme-kucuk{border-radius:99px}
.dugme:active{transform:translateY(1px) scale(.98)}
.dugme-wa{position:relative}

/* dalgalı bölüm geçişleri */
.bolum-acik{position:relative}
.bolum-acik::before{content:"";position:absolute;left:0;right:0;top:-1px;height:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 22' preserveAspectRatio='none'%3E%3Cpath d='M0 0 H120 V6 Q90 22 60 6 T0 6Z' fill='%23fff'/%3E%3C/svg%3E") repeat-x;background-size:120px 22px}

@media (prefers-reduced-motion:no-preference){
  .serit-ray{animation:serit 38s linear infinite}
  .serit:hover .serit-ray{animation-play-state:paused}
  .mz1{animation:yuz-1 7s ease-in-out infinite}
  .mz2{animation:yuz-2 7s ease-in-out -2s infinite}
  .mz3{animation:yuz-1 7s ease-in-out -4s infinite}
  .mz4{animation:yuz-2 7s ease-in-out -5.5s infinite}
  .cikartma{animation:sallan-c 4s ease-in-out infinite alternate}
  .cikartma.c2{animation-duration:3.2s;animation-delay:-1s}
  .cikartma.c3{animation-duration:4.6s;animation-delay:-2s}
  .dugme-wa::after{content:"";position:absolute;inset:-2px;border-radius:99px;border:2px solid var(--yesil);animation:halka 2.4s ease-out infinite;pointer-events:none}
  .hk:hover,.yk:hover{animation:ziplat .5s}
  .hk:hover .hk-rozet{animation:donucuk .6s}
}
@keyframes serit{to{transform:translateX(-50%)}}
@keyframes yuz-1{0%,100%{transform:rotate(-1.4deg) translateY(0)}50%{transform:rotate(-.6deg) translateY(-6px)}}
@keyframes yuz-2{0%,100%{transform:rotate(1.4deg) translateY(0)}50%{transform:rotate(.6deg) translateY(-6px)}}
@keyframes sallan-c{from{transform:translateY(0) rotate(-8deg)}to{transform:translateY(-10px) rotate(10deg)}}
@keyframes halka{0%{opacity:.8;transform:scale(1)}100%{opacity:0;transform:scale(1.18,1.5)}}
@keyframes ziplat{0%,100%{transform:translateY(-4px)}40%{transform:translateY(-10px)}70%{transform:translateY(-2px)}}
@keyframes donucuk{0%{transform:rotate(0)}60%{transform:rotate(18deg) scale(1.12)}100%{transform:rotate(0)}}
@media (prefers-reduced-motion:reduce){ .serit-ray{flex-wrap:wrap;width:auto} .serit-liste[aria-hidden]{display:none} .serit{white-space:normal} }
@media (max-width:620px){ .cikartma{display:none} }

/* ================================================================ 3. kat: orta ve alt bölümler */
.ilerleme{position:fixed;left:0;top:0;height:5px;width:100%;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,var(--sari),#2fa766,var(--gok),var(--kiremit));z-index:90;pointer-events:none}

/* baloncuk taşıyıcıları */
.sayfabasi,.altbilgi,.cagri,.bolum-koyu{position:relative;overflow:hidden}
.sayfabasi>.kapsa,.altbilgi>.kapsa,.cagri>.kapsa,.bolum-koyu>.kapsa{position:relative;z-index:1}
.sayfabasi{background:
  radial-gradient(420px 220px at 95% 0%,rgba(255,194,51,.4),transparent 70%),
  radial-gradient(420px 260px at 0% 100%,rgba(108,166,214,.3),transparent 70%),
  linear-gradient(180deg,#fff8e4,#eaf5ff)}
.altbilgi .kabarciklar span,.cagri .kabarciklar span,.bolum-koyu .kabarciklar span{background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.7) 0 14%,rgba(255,255,255,.12) 40%,rgba(108,166,214,.2) 100%);border-color:rgba(255,255,255,.4)}

/* altbilgi dalgası */
.dalga-alt{margin-top:-33px;margin-bottom:-1px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 720 34'%3E%3Cpath d='M0 17 Q90 0 180 17 T360 17 T540 17 T720 17 V34 H0Z' fill='%231e252d'/%3E%3C/svg%3E");height:34px}
.altbilgi{padding-top:44px}
.altbilgi h4::after{content:"";display:block;width:34px;height:4px;border-radius:4px;background:var(--sari);margin-top:6px}
.altbilgi li a:hover{color:var(--sari)}
.kapanis{border-top:2px dashed rgba(255,194,51,.4)}

/* koyu bölüm üst dalgası */
.bolum-koyu::before{content:"";position:absolute;left:0;right:0;top:0;height:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 22' preserveAspectRatio='none'%3E%3Cpath d='M0 0 H120 V6 Q90 22 60 6 T0 6Z' fill='%23fff'/%3E%3C/svg%3E") repeat-x;background-size:120px 22px;z-index:1}

/* galeri: eğik "fotoğraf" */
.gk{border:4px solid #fff;box-shadow:0 6px 16px rgba(30,37,45,.18);border-radius:14px;transition:transform .3s,box-shadow .3s}
.galeri .gk:nth-child(4n+1){--r:-2deg;border-color:#fff3cc}.galeri .gk:nth-child(4n+2){--r:1.6deg;border-color:#e3f6ec}
.galeri .gk:nth-child(4n+3){--r:-1deg;border-color:#e1effb}.galeri .gk:nth-child(4n+4){--r:2.2deg;border-color:#ffe3dc}
.galeri .gk{transform:rotate(var(--r,0deg))}
.galeri .gk:hover{transform:rotate(0) scale(1.08);z-index:2;box-shadow:0 14px 28px rgba(30,37,45,.28)}
.galeri-tam{gap:20px}

/* referanslar: renkli hapçıklar */
.ref-liste li{transition:transform .25s,background .25s}
.ref-liste li:nth-child(5n+1){background:rgba(255,194,51,.22)}.ref-liste li:nth-child(5n+2){background:rgba(47,167,102,.25)}
.ref-liste li:nth-child(5n+3){background:rgba(108,166,214,.28)}.ref-liste li:nth-child(5n+4){background:rgba(233,150,122,.28)}
.ref-liste li:nth-child(5n+5){background:rgba(190,160,235,.28)}
.ref-liste li:hover{transform:translateY(-3px) rotate(-1.5deg)}
.ref-tam li{transition:transform .25s,box-shadow .25s,border-color .25s}
.ref-tam li:nth-child(4n+1) i{color:#e3a008}.ref-tam li:nth-child(4n+2) i{color:#2fa766}
.ref-tam li:nth-child(4n+3) i{color:var(--mavi)}.ref-tam li:nth-child(4n+4) i{color:#d9694b}
.ref-tam li:hover{transform:translateX(5px);border-color:var(--sari);box-shadow:var(--golge)}

/* değerler, şubeler, iletişim kartları */
.deger,.sube,.iletisim-kart,.yan-kutu{transition:transform .25s,box-shadow .25s}
.deger:hover,.sube:hover,.iletisim-kart:hover{transform:translateY(-5px);box-shadow:0 16px 30px rgba(30,37,45,.14)}
.iletisim-kart:nth-child(1){background:linear-gradient(180deg,#fff,var(--mint))}
.iletisim-kart:nth-child(2){background:linear-gradient(180deg,#fff,var(--gok-a))}
.iletisim-kart:nth-child(3){background:linear-gradient(180deg,#fff,var(--sari-a))}
.sube:nth-child(2){border-left-color:#2fa766}
.form-kutu{border:3px solid var(--sari-a);background:linear-gradient(180deg,#fff,#fffdf5)}
.yan-kutu:first-child{background:linear-gradient(180deg,#fff,var(--gok-a))}

/* yüzen renkli lekeler (bölüm arkası) */
.bolum{position:relative}
.bolum:not(.bolum-koyu)::after{content:"";position:absolute;right:-70px;top:30px;width:200px;height:200px;border-radius:46% 54% 60% 40%/50% 40% 60% 50%;background:var(--sari);opacity:.14;pointer-events:none}
.bolum:nth-of-type(even):not(.bolum-koyu)::after{right:auto;left:-80px;top:auto;bottom:20px;background:#2fa766;opacity:.10}
.bolum>.kapsa{position:relative;z-index:1}

/* yazı sayfaları */
.yazi-metin h2,.yazi-metin h3{margin-top:1.2em}
.yazi-metin ol li::marker,.yazi-metin ul li::marker{color:#e3a008;font-weight:800}
.yazi-metin strong{background:linear-gradient(transparent 62%,var(--sari-a) 62%)}
.detay-foto img{border:5px solid #fff;box-shadow:0 12px 28px rgba(30,37,45,.2);transform:rotate(-.8deg)}
.detay-sahne{box-shadow:0 12px 28px rgba(255,194,51,.35)}

@media (prefers-reduced-motion:no-preference){
  .bolum:not(.bolum-koyu)::after{animation:leke 12s ease-in-out infinite alternate}
  .deger svg{animation:ziplar 3.2s ease-in-out infinite}
  .deger:nth-child(2) svg{animation-delay:-1s}.deger:nth-child(3) svg{animation-delay:-2s}
  .js .bel{transition:opacity .6s ease,transform .7s cubic-bezier(.3,1.5,.5,1)}
  .js .galeri .gk.bel,.js .hizmet-izgara .hk.bel{transform:translateY(26px) scale(.92) rotate(var(--r,0deg))}
  .js .galeri .gk.bel.gor{transform:rotate(var(--r,0deg))}
  .js .hizmet-izgara .hk.bel.gor{transform:none}
  .js .ref-tam li.bel:nth-child(odd){transform:translateX(-24px)}
  .js .ref-tam li.bel:nth-child(even){transform:translateX(24px)}
  .js .ref-tam li.bel.gor{transform:none}
  .altbilgi .kapanis::before{content:"✦ ✦ ✦";color:var(--sari);letter-spacing:6px;animation:parla 2.4s ease-in-out infinite}
  .ref-tam i{display:inline-block;animation:ziplar 3s ease-in-out infinite}
}
@keyframes leke{0%{transform:translate(0,0) rotate(0) scale(1)}100%{transform:translate(-26px,22px) rotate(40deg) scale(1.18)}}
@keyframes ziplar{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@media (max-width:620px){ .bolum:not(.bolum-koyu)::after{width:120px;height:120px;right:-50px} .galeri-tam{gap:12px} }

/* leke taşmasını kırp (clip: sticky yan sütunu bozmaz) */
.bolum{overflow-x:clip}

/* hero dalgası: şeridin AYNI yatay gradyanı + maske (renk sağda da şeritle birebir) */
.dalga:not(.dalga-alt){background:linear-gradient(90deg,#1b4283,#2555a7 55%,#3b80d3);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 720 34'%3E%3Cpath d='M0 17 Q90 0 180 17 T360 17 T540 17 T720 17 V34 H0Z'/%3E%3C/svg%3E") repeat-x 0 0/720px 34px;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 720 34'%3E%3Cpath d='M0 17 Q90 0 180 17 T360 17 T540 17 T720 17 V34 H0Z'/%3E%3C/svg%3E") repeat-x 0 0/720px 34px;
  animation:none}
@media (prefers-reduced-motion:no-preference){
  .dalga:not(.dalga-alt){animation:dalga-m 16s linear infinite}
}
@keyframes dalga-m{to{-webkit-mask-position:-720px 0;mask-position:-720px 0}}

.dalga:not(.dalga-alt) + .teklif-serit{margin-top:-1px}