/* NEFES · Hizmet sahnesi v6 (Claude, 16 Ekim 2026) — kutular yandan fırlar, önizleme karşı yandan gelir.
   Performans: yalnız transform/opacity; backdrop-filter, mix-blend-mode, büyük blur ve sonsuz animasyon yok. */
#hizmetler.h6-on .platform-strip,#hizmetler.h6-on .service-list,#hizmetler.h6-on .panel-teaser,#hizmetler.h6-on .locked-ad,
#hizmetler.h6-on .section-header>p,#hizmetler.h6-on .n5-hz{display:none!important}
#hizmetler.h6-on{gap:8px}
#hizmetler.h6-on .section-header h2{font-size:clamp(23px,6.4vw,29px)!important;line-height:1.06;margin:4px 0 0!important}
#hizmetler.h6-on .section-header h2 em{display:block}
.h6{--tq:#65ece3;--tq2:#8ff6ee;--bd:rgba(149,231,225,.26);position:relative;z-index:3;flex:1 1 0;min-height:0;margin:0 -2px}
.h6-i{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* ilerleme çubuğu */
.h6-ilerleme{position:absolute;left:2px;right:2px;top:0;height:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;z-index:6}
.h6-ilerleme i{position:relative;cursor:pointer}
.h6-ilerleme b{position:absolute;left:0;right:0;top:6px;height:3px;border-radius:3px;background:rgba(149,231,225,.16);overflow:hidden}
.h6-ilerleme b::after{content:"";position:absolute;inset:0;background:var(--tq);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.h6-ilerleme i.on b::after{transform:scaleX(1);box-shadow:0 0 10px rgba(101,236,227,.7)}
.h6-ilerleme i.bitti b::after{transform:scaleX(1);opacity:.45}

/* bölüm iskeleti */
.h6-b{position:absolute;inset:22px 0 0;visibility:hidden;pointer-events:none}
.h6-b.on,.h6-b.cik-ust,.h6-b.cik-alt{visibility:visible}
.h6-b.on{pointer-events:auto}
.h6-kart{position:absolute;top:0;width:68%;z-index:3;padding:13px 14px 13px;border-radius:22px;border:1.5px solid var(--bd);
  background:linear-gradient(150deg,rgba(22,66,66,.97),rgba(7,24,27,.98) 70%);box-shadow:0 20px 44px rgba(0,0,0,.5),inset 0 1px 0 rgba(170,255,248,.08)}
.h6-b.sol .h6-kart{left:0}.h6-b.sag .h6-kart{right:0}
.h6-gor{position:absolute;bottom:4px;z-index:2;width:52%;top:calc(var(--kh,190px) - 34px);display:flex;align-items:flex-end;justify-content:center}
.h6-b.sol .h6-gor{right:0}.h6-b.sag .h6-gor{left:0}
.h6-b[data-i="0"] .h6-gor,.h6-b[data-i="3"] .h6-gor{width:84%;top:calc(var(--kh,190px) - 14px);align-items:center}
.h6-b.sol[data-i="0"] .h6-gor{right:-4%}.h6-b.sag[data-i="3"] .h6-gor{left:-4%}

.h6-no{display:flex;align-items:center;gap:7px;margin:0 0 6px;color:var(--tq);font:700 10.5px/1 var(--display);letter-spacing:.16em;text-transform:uppercase}
.h6-no b{font:800 13px/1 var(--display);letter-spacing:.02em;padding:4px 6px;border-radius:8px;background:rgba(101,236,227,.13);border:1px solid rgba(101,236,227,.35)}
.h6-no .h6-i{width:15px;height:15px}
.h6-kart h3,.h6-b.son h3{margin:0;font:800 clamp(20px,5.7vw,24px)/1.06 var(--font);letter-spacing:-.035em;color:#f8fcfa}
.h6-kart h3 em,.h6-b.son h3 em{font-style:normal;color:var(--tq)}
.h6-yazi{margin:7px 0 0;font:500 clamp(12px,3.3vw,13.5px)/1.4 var(--font);color:#c9d6d4}
.h6-cip{list-style:none;margin:9px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:5px}
.h6-cip li{font:700 10.5px/1 var(--font);color:#dff7f4;padding:5px 8px;border-radius:99px;border:1px solid rgba(149,231,225,.3);background:rgba(101,236,227,.07)}

/* giriş / çıkış: kart bir yandan, önizleme karşı yandan */
@keyframes h6-sol{0%{transform:translateX(-118%) rotate(-8deg);opacity:0}60%{opacity:1}100%{transform:none;opacity:1}}
@keyframes h6-sag{0%{transform:translateX(118%) rotate(8deg);opacity:0}60%{opacity:1}100%{transform:none;opacity:1}}
@keyframes h6-ust{to{transform:translateY(-70px) scale(.92);opacity:0}}
@keyframes h6-alt{to{transform:translateY(70px) scale(.92);opacity:0}}
@keyframes h6-par{0%{box-shadow:0 20px 44px rgba(0,0,0,.5),0 0 0 0 rgba(101,236,227,.55)}100%{box-shadow:0 20px 44px rgba(0,0,0,.5),0 0 0 14px rgba(101,236,227,0)}}
.h6-b.sol.on .h6-kart{animation:h6-sol .66s cubic-bezier(.18,1.28,.36,1) both,h6-par .8s .62s ease-out both}
.h6-b.sol.on .h6-gor{animation:h6-sag .74s .13s cubic-bezier(.18,1.2,.36,1) both}
.h6-b.sag.on .h6-kart{animation:h6-sag .66s cubic-bezier(.18,1.28,.36,1) both,h6-par .8s .62s ease-out both}
.h6-b.sag.on .h6-gor{animation:h6-sol .74s .13s cubic-bezier(.18,1.2,.36,1) both}
.h6-b.cik-ust>*{animation:h6-ust .3s cubic-bezier(.4,0,1,1) both}
.h6-b.cik-alt>*{animation:h6-alt .3s cubic-bezier(.4,0,1,1) both}
.h6-b.on .h6-cip li{animation:h6-pop .4s cubic-bezier(.2,1.5,.4,1) both}
.h6-b.on .h6-cip li:nth-child(1){animation-delay:.55s}.h6-b.on .h6-cip li:nth-child(2){animation-delay:.63s}.h6-b.on .h6-cip li:nth-child(3){animation-delay:.71s}
@keyframes h6-pop{0%{transform:scale(.6);opacity:0}100%{transform:none;opacity:1}}
#hizmetler:not(.active) .h6 *,#hizmetler:not(.active) .h6 *::before,#hizmetler:not(.active) .h6 *::after{animation-play-state:paused!important}

/* ---------- 01 Bağlarız: kanal göbeği ---------- */
.h6-hub{position:relative;width:min(100%,330px);aspect-ratio:1;container-type:inline-size}
.h6-tel{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.h6-tel line{stroke:var(--tq);stroke-width:1.4;stroke-linecap:round;stroke-dasharray:110;stroke-dashoffset:110;opacity:.75}
.h6-tel .h6-hal{fill:none;stroke:rgba(149,231,225,.18);stroke-width:1;stroke-dasharray:3 6}
.h6-b.on .h6-tel line{animation:h6-cizgi .45s calc(.75s + var(--k)*.17s) ease-out both}
@keyframes h6-cizgi{to{stroke-dashoffset:0}}
.h6-merkez{position:absolute;left:50%;top:50%;width:38cqw;aspect-ratio:1;margin:-19cqw 0 0 -19cqw;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:radial-gradient(circle at 50% 35%,#16494a,#061517 72%);border:1.5px solid rgba(149,231,225,.4);box-shadow:0 0 0 7cqw rgba(101,236,227,.05),0 16px 40px rgba(0,0,0,.5)}
.h6-merkez img{width:13cqw;height:auto;margin-bottom:1cqw}
.h6-merkez b{font:800 8.5cqw/1 var(--display);color:#f8fcfa;letter-spacing:-.02em}
.h6-merkez small{font:600 3.6cqw/1.2 var(--font);color:#a7bab9;margin-top:.8cqw}
.h6-b.on .h6-merkez{animation:h6-pop .5s .3s cubic-bezier(.2,1.5,.4,1) both}
.h6-kn{position:absolute;left:50%;top:50%;width:14cqw;height:14cqw;margin:-7cqw 0 0 -7cqw;border-radius:50%;display:grid;place-items:center;
  background:#0b2a2c;border:1.5px solid rgba(149,231,225,.32);box-shadow:0 8px 18px rgba(0,0,0,.45);transform:translate(var(--x),var(--y))}
.h6-kn .k-fill{width:48%;height:48%;fill:#e9fbf8;stroke:none}
.h6-kn i{position:absolute;right:-1.2cqw;top:-1.2cqw;width:5.6cqw;height:5.6cqw;border-radius:50%;background:var(--tq);color:#03201f;display:grid;place-items:center;opacity:0;transform:scale(.3)}
.h6-kn i .h6-i{width:72%;height:72%;stroke-width:3.2}
.h6-b.on .h6-kn{animation:h6-kanal .6s calc(.4s + var(--k)*.17s) cubic-bezier(.2,1.25,.35,1) both}
.h6-b.on .h6-kn i{animation:h6-pop .35s calc(.95s + var(--k)*.17s) cubic-bezier(.2,1.6,.4,1) both}
@keyframes h6-kanal{0%{transform:translate(var(--ox),var(--oy)) rotate(-90deg) scale(.6);opacity:0}100%{transform:translate(var(--x),var(--y));opacity:1}}

/* ---------- ortak telefon ---------- */
.h6-telefon{position:relative;height:100%;max-height:430px;aspect-ratio:9/18.6;max-width:100%;padding:5px;border-radius:28px;background:#020708;
  border:1.5px solid rgba(149,231,225,.3);box-shadow:0 26px 60px rgba(0,0,0,.6),0 0 0 4px rgba(101,236,227,.05)}
.h6-telefon::before{content:"";position:absolute;top:9px;left:50%;width:30%;height:9px;margin-left:-15%;border-radius:9px;background:#000;z-index:5}
.h6-ekran{position:relative;width:100%;height:100%;border-radius:23px;overflow:hidden;background:#071a1d}
.h6-et{position:absolute;left:8px;bottom:9px;z-index:4;font:700 9.5px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:#f8fcfa;padding:5px 7px;border-radius:99px;background:rgba(3,12,14,.78);border:1px solid rgba(149,231,225,.3)}
.h6-et.on{color:#03201f;background:var(--tq);border-color:var(--tq)}
.h6-marka{position:absolute;right:8px;top:24px;z-index:4;font:700 9.5px/1 var(--font);color:#f8fcfa;padding:5px 8px;border-radius:99px;background:rgba(3,12,14,.72)}

/* ---------- 02 Üretiriz ---------- */
.h6-ham{position:absolute;inset:0;transition:opacity .4s}
.h6-ham img{position:absolute;left:50%;top:50%;width:74%;aspect-ratio:3/4;object-fit:cover;border-radius:10px;border:3px solid #f2f2f2;box-shadow:0 10px 24px rgba(0,0,0,.5);
  transform:translate(-50%,-50%) rotate(calc((var(--h) - 1)*9deg)) translateY(calc((var(--h) - 1)*6%));opacity:0}
.h6-b.on .h6-ham img{animation:h6-foto .5s calc(.55s + var(--h)*.16s) cubic-bezier(.2,1.3,.4,1) both}
@keyframes h6-foto{0%{opacity:0;transform:translate(-50%,-160%) rotate(calc((var(--h) - 1)*30deg))}100%{opacity:1;transform:translate(-50%,-50%) rotate(calc((var(--h) - 1)*9deg)) translateY(calc((var(--h) - 1)*6%))}}
.h6-son{position:absolute;inset:0;clip-path:inset(0 0 100% 0);transition:clip-path 1.1s cubic-bezier(.5,0,.3,1)}
.h6-son img,.h6-reel video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.h6-tara{position:absolute;left:0;right:0;top:0;height:3px;z-index:3;background:var(--tq);box-shadow:0 0 14px 3px rgba(101,236,227,.7);opacity:0}
.h6[data-u="son"] .h6-son,.h6[data-u="reel"] .h6-son{clip-path:inset(0)}
.h6[data-u="son"] .h6-tara{animation:h6-tara 1.15s cubic-bezier(.5,0,.3,1) both}
@keyframes h6-tara{0%{top:0;opacity:1}88%{top:calc(100% - 3px);opacity:1}100%{top:calc(100% - 3px);opacity:0}}
.h6[data-u="son"] .h6-ham,.h6[data-u="reel"] .h6-ham{opacity:0}
.h6-reel{position:absolute;inset:0;z-index:3;opacity:0;transform:scale(1.06);transition:opacity .5s,transform .7s}
.h6[data-u="reel"] .h6-reel{opacity:1;transform:none}
.h6-rec{position:absolute;left:9px;top:24px;font:700 9.5px/1 var(--display);letter-spacing:.1em;color:#fff;display:flex;align-items:center;gap:5px;padding:4px 7px;border-radius:99px;background:rgba(0,0,0,.55)}
.h6-rec i{width:7px;height:7px;border-radius:50%;background:#ff4d4d}
.h6-sen{position:absolute;left:8px;bottom:44px;font:700 9px/1 var(--display);letter-spacing:.06em;color:#f8fcfa;padding:5px 7px;border-radius:99px;background:rgba(3,12,14,.72);border:1px solid rgba(149,231,225,.3)}
.h6-muz{position:absolute;left:8px;right:8px;bottom:9px;height:26px;display:flex;align-items:flex-end;gap:3px;padding:4px 7px;border-radius:10px;background:rgba(3,12,14,.7)}
.h6-muz i{flex:1;height:100%;border-radius:2px;background:linear-gradient(var(--tq2),var(--tq));transform-origin:bottom;transform:scaleY(.3)}
.h6[data-u="reel"] .h6-marka{opacity:0}

/* ---------- 03 Paylaşırız ---------- */
.h6-tak,.h6-dm{position:absolute;inset:0;padding:30px 9px 10px;display:flex;flex-direction:column;gap:9px;transition:opacity .45s,transform .45s}
.h6-tak p,.h6-dm-ust{margin:0;display:flex;justify-content:space-between;align-items:baseline}
.h6-tak p b,.h6-dm-ust b{font:800 13px/1 var(--font);color:#f8fcfa}
.h6-tak p small,.h6-dm-ust small{font:600 9.5px/1 var(--font);color:var(--tq)}
.h6-gun{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.h6-gun span{display:flex;flex-direction:column;align-items:center;gap:5px;padding:6px 0;border-radius:8px;background:rgba(149,231,225,.06)}
.h6-gun small{font:700 8px/1 var(--font);color:#a7bab9}
.h6-gun i{width:7px;height:7px;border-radius:50%;background:rgba(149,231,225,.18)}
.h6-gun span.dol i{background:var(--tq)}
.h6-gun span.on{background:rgba(101,236,227,.2);outline:1px solid var(--tq)}
.h6-gun span.on small{color:#f8fcfa}
.h6-b.on .h6-gun span.dol i{animation:h6-iğne .45s calc(.7s + var(--g)*.07s) cubic-bezier(.2,1.6,.4,1) both}
@keyframes h6-iğne{0%{transform:translateY(-22px) scale(.4);opacity:0}100%{transform:none;opacity:1}}
.h6-slot{display:flex;align-items:center;gap:7px;padding:6px;border-radius:12px;background:#0e3234;border:1px solid rgba(149,231,225,.35)}
.h6-slot img{width:34px;height:42px;border-radius:7px;object-fit:cover;flex:none}
.h6-slot span{flex:1;min-width:0}
.h6-slot b{display:block;font:800 10.5px/1.15 var(--font);color:#f8fcfa}
.h6-slot small{display:block;margin-top:3px;font:600 8.5px/1.2 var(--font);color:#a7bab9}
.h6-slot .ok{width:18px;height:18px;padding:3px;border-radius:50%;background:var(--tq);color:#03201f;stroke-width:3}
.h6-b.on .h6-slot{animation:h6-sag .55s 1.05s cubic-bezier(.2,1.25,.4,1) both}
.h6-tag{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.h6-tag span{font:700 9.5px/1 var(--font);color:var(--tq2);padding:5px 7px;border-radius:99px;background:rgba(101,236,227,.1);border:1px solid rgba(101,236,227,.28)}
.h6-b.on .h6-tag span{animation:h6-yuk .5s calc(1.45s + var(--t)*.18s) cubic-bezier(.2,1.2,.4,1) both}
@keyframes h6-yuk{0%{transform:translateY(16px);opacity:0}100%{transform:none;opacity:1}}
.h6-dm{opacity:0;transform:translateX(30%)}
.h6[data-p="dm"] .h6-dm{opacity:1;transform:none}
.h6[data-p="dm"] .h6-tak{opacity:0;transform:translateX(-30%)}
.h6-bal{max-width:88%;padding:7px 9px;border-radius:14px;font:600 10px/1.35 var(--font);opacity:0;transform:translateY(10px) scale(.95);transition:opacity .3s,transform .3s}
.h6-bal.sen{align-self:flex-start;background:#173c3e;color:#f8fcfa;border-bottom-left-radius:4px;font-weight:800;letter-spacing:.04em}
.h6-bal.biz{align-self:flex-end;background:var(--tq);color:#03201f;border-bottom-right-radius:4px}
.h6-bal.biz u{display:block;margin-top:6px;padding:5px 7px;border-radius:8px;background:rgba(3,32,31,.14);text-decoration:none;font-weight:800}
.h6-yaz{align-self:flex-end;display:flex;gap:3px;padding:7px 9px;border-radius:12px;background:rgba(101,236,227,.18);opacity:0}
.h6-yaz i{width:5px;height:5px;border-radius:50%;background:var(--tq)}
.h6-oto{align-self:flex-end;font:600 8.5px/1 var(--font);color:#a7bab9;opacity:0;transition:opacity .3s}
.h6[data-p="dm"] .h6-bal.sen{opacity:1;transform:none;transition-delay:.35s}
.h6[data-p="dm"] .h6-yaz{animation:h6-yazi 1s .8s both}
@keyframes h6-yazi{0%,100%{opacity:0}15%,85%{opacity:1}}
.h6[data-p="dm"] .h6-bal.biz{opacity:1;transform:none;transition-delay:1.85s}
.h6[data-p="dm"] .h6-oto{opacity:1;transition-delay:2.2s}

/* ---------- 04 Ölçeriz ---------- */
.h6-olc{position:relative;width:min(100%,330px);aspect-ratio:1;container-type:inline-size}
.h6-pk{position:absolute;left:50%;top:50%;width:34cqw;aspect-ratio:9/16;object-fit:cover;object-position:top;border-radius:4cqw;border:1.5px solid rgba(149,231,225,.3);
  box-shadow:0 14px 30px rgba(0,0,0,.55);transform:translate(-50%,-50%) translateX(calc((var(--p) - 1)*34cqw)) rotate(calc((var(--p) - 1)*12deg)) translateY(var(--py,0));opacity:.9}
.h6-pk[style*="--p:0"],.h6-pk[style*="--p:2"]{--py:6cqw}
.h6-b.on .h6-pk{animation:h6-yelpaze .6s calc(.35s + var(--p)*.1s) cubic-bezier(.2,1.25,.4,1) both}
@keyframes h6-yelpaze{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}}
.h6-skor{position:absolute;left:50%;top:50%;width:44cqw;aspect-ratio:1;margin:-22cqw 0 0 -22cqw;border-radius:50%;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:radial-gradient(circle at 50% 35%,#164a4b,#051416 72%);box-shadow:0 18px 44px rgba(0,0,0,.6),0 0 0 2cqw rgba(5,20,22,.85)}
.h6-skor svg{position:absolute;inset:6%;width:88%;height:88%;transform:rotate(-90deg)}
.h6-skor circle{fill:none;stroke:rgba(149,231,225,.14);stroke-width:7}
.h6-skor .h6-dol{stroke:var(--tq);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:none}
.h6-b.on .h6-dol{animation:h6-skor 1.4s .5s cubic-bezier(.3,.6,.2,1) both}
@keyframes h6-skor{to{stroke-dashoffset:13}}
.h6-skor b{font:800 13cqw/1 var(--display);color:#f8fcfa;letter-spacing:-.03em}
.h6-skor small{font:700 3.4cqw/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--tq);margin-top:1.5cqw}
.h6-b.on .h6-skor{animation:h6-pop .5s .2s cubic-bezier(.2,1.5,.4,1) both}
.h6-met{position:absolute;z-index:3;display:flex;flex-direction:column;gap:1cqw;padding:2.4cqw 3.4cqw;border-radius:3.6cqw;background:#0b2a2c;border:1.5px solid rgba(149,231,225,.35);box-shadow:0 10px 22px rgba(0,0,0,.5)}
.h6-met small{font:600 3.3cqw/1 var(--font);color:#a7bab9}
.h6-met b{font:800 5.6cqw/1 var(--display);color:var(--tq2)}
.h6-met[style*="--m:0"]{left:2%;top:8%}.h6-met[style*="--m:1"]{right:0;top:30%}.h6-met[style*="--m:2"]{left:6%;bottom:12%}
.h6-b.on .h6-met{animation:h6-pop .45s calc(1.2s + var(--m)*.2s) cubic-bezier(.2,1.6,.4,1) both}
.h6-ornek{position:absolute;right:4%;bottom:3%;font:700 3cqw/1 var(--display);letter-spacing:.12em;text-transform:uppercase;color:#a7bab9;padding:1.6cqw 2.4cqw;border-radius:99px;border:1px solid rgba(149,231,225,.22);background:rgba(3,12,14,.6)}

/* ---------- 05 Hepsi tek pakette ---------- */
.h6-b.son{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:0 4px 6px}
.h6-ozet{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:min(100%,320px);margin-bottom:10px}
.h6-ozet span{display:flex;align-items:center;gap:8px;padding:11px 12px;border-radius:16px;cursor:pointer;color:var(--tq);
  background:linear-gradient(150deg,rgba(22,66,66,.97),rgba(7,24,27,.98));border:1.5px solid var(--bd);box-shadow:0 12px 26px rgba(0,0,0,.4)}
.h6-ozet b{font:800 14px/1 var(--font);color:#f8fcfa;letter-spacing:-.01em}
.h6-b.son.on .h6-ozet span:nth-child(odd){animation:h6-sol .55s calc(var(--o)*.09s) cubic-bezier(.18,1.28,.36,1) both}
.h6-b.son.on .h6-ozet span:nth-child(even){animation:h6-sag .55s calc(var(--o)*.09s) cubic-bezier(.18,1.28,.36,1) both}
.h6-b.son h3{font-size:clamp(24px,7vw,30px)}
.h6-b.son .h6-yazi{margin-top:2px;max-width:290px}
.h6-b.son.on>h3,.h6-b.son.on>.h6-yazi{animation:h6-yuk .5s .35s cubic-bezier(.2,1.2,.4,1) both}
.h6-ek-b{margin:12px 0 2px;font:700 10px/1 var(--display);letter-spacing:.2em;text-transform:uppercase;color:var(--tq)}
.h6-ek{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:330px}
.h6-ek li{font:700 11.5px/1 var(--font);color:#dff7f4;padding:7px 10px;border-radius:99px;border:1px solid rgba(149,231,225,.3);background:rgba(101,236,227,.07)}
.h6-b.son.on .h6-ek li{animation:h6-pop .4s calc(.55s + var(--e)*.07s) cubic-bezier(.2,1.5,.4,1) both}
.h6-katalog{margin-top:12px;display:inline-flex;align-items:center;gap:6px;font:700 12.5px/1 var(--font);color:var(--tq);text-decoration:none;padding:10px 14px;border-radius:99px;border:1px solid rgba(101,236,227,.4)}
.h6-b.son.on .h6-katalog{animation:h6-yuk .45s .95s both}

/* kaydırma ipucu */
.h6-ipucu{position:absolute;left:50%;bottom:-4px;z-index:5;transform:translateX(-50%);display:flex;align-items:center;gap:4px;font:700 10px/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:#a7bab9;opacity:0;pointer-events:none;transition:opacity .3s}
.h6-ipucu .h6-i{width:14px;height:14px;color:var(--tq)}
.h6[data-b="0"] .h6-ipucu{opacity:1;animation:h6-ipucu 1.2s 2.4s 2 ease-in-out both}
@keyframes h6-ipucu{50%{transform:translateX(-50%) translateY(-6px)}}

/* kısa ekranlar */
@media (max-height:740px){
  .h6-cip{display:none}
  .h6-kart{padding:11px 12px}
  .h6-telefon{aspect-ratio:9/16.2}
  .h6-ozet{margin-bottom:4px}.h6-ozet span{padding:9px 10px}
}
@media (max-height:640px){
  .h6-yazi{font-size:11.5px}
  .h6-kart h3{font-size:19px}
  .h6-ek-b{margin-top:6px}
}
@media (max-width:350px){.h6-kart{width:72%}.h6-kart h3{font-size:19px}}
@media (prefers-reduced-motion:reduce){.h6 *{animation-duration:.01s!important;animation-delay:0s!important;transition-duration:.01s!important}}