/* =====================================================================
   Obuz Media — kırmızı / siyah / beyaz
   İçindekiler: 1 Tokenlar · 2 Temel · 3 Açılış & geçiş · 4 İmleç · 5 Header & menü
   6 Hero · 7 Manifesto · 8 Hizmetler · 9 Dev bant · 10 Portfolyo · 11 Gemlik'te Hayat
   12 Rabe Art · 13 Ekip · 14 Süreç · 15 İletişim & footer · 16 Duyarlı · 17 Hareket azaltma
   ===================================================================== */

/* ---------- 1 Tokenlar ---------- */
:root{
  --siyah:#000;
  --komur:#0d0d0d;
  --cizgi:#232323;
  --kirmizi:#E52521;
  --kirmizi-koyu:#B51B18;
  --beyaz:#fff;
  --gri:#9a9a9a;
  --font:"Archivo","Helvetica Neue",Arial,sans-serif;
  --kenar:clamp(20px,5vw,72px);
  --maks:1440px;
  --header-h:76px;
  --bant-h:60px;
  --ease:cubic-bezier(.2,.8,.2,1);
  --ease-io:cubic-bezier(.7,0,.2,1);
}

/* ---------- 2 Temel ---------- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:auto;-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--siyah);color:var(--beyaz);
  font-family:var(--font);font-size:clamp(16px,1.05vw,18px);line-height:1.6;
  font-variation-settings:"wdth" 100;-webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
body.yukleniyor,body.menu-acik{overflow:hidden}
main{overflow-x:clip}
img{max-width:100%;display:block}
a{color:inherit}
ul,ol{margin:0;padding:0;list-style:none}
:focus-visible{outline:2px solid var(--kirmizi);outline-offset:3px}
.kap{max-width:var(--maks);margin:0 auto;padding:0 var(--kenar);width:100%}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.atla{position:fixed;left:12px;top:-60px;z-index:300;background:var(--kirmizi);color:#fff;padding:12px 18px;text-decoration:none;font-weight:700;transition:top .2s}
.atla:focus{top:12px}

.dev{overflow-wrap:break-word;font-weight:850;font-variation-settings:"wdth" 125;letter-spacing:-.02em;line-height:.95;margin:0}
.etiket-kucuk{margin:0 0 20px;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--kirmizi)}

.bolum-bas{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:clamp(40px,6vw,80px)}
.bolum-bas h2{font-size:clamp(44px,8vw,128px)}
.bolum-bas p{color:var(--gri);max-width:46ch;margin:0}
@media (min-width:900px){.bolum-bas{grid-template-columns:1.4fr 1fr;align-items:end}}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:17px 28px;border:1.5px solid var(--beyaz);border-radius:999px;
  font:700 15px/1 var(--font);text-decoration:none;color:var(--beyaz);background:transparent;cursor:pointer;
  transition:background .25s,color .25s,border-color .25s,transform .25s var(--ease);
}
.btn:hover{background:var(--beyaz);color:var(--siyah)}
.btn-kirmizi{background:var(--kirmizi);border-color:var(--kirmizi)}
.btn-kirmizi:hover{background:var(--beyaz);border-color:var(--beyaz);color:var(--siyah)}
.btn-siyah{background:var(--siyah);border-color:var(--siyah);color:#fff}
.btn-siyah:hover{background:#fff;border-color:#fff;color:#000}
.butonlar{display:flex;flex-wrap:wrap;gap:12px}

/* Kaydırmayla beliren öğeler (yalnızca JS açıkken gizlenir) */
.js [data-rv]{opacity:0;transition:opacity .9s var(--ease),transform 1s var(--ease);transition-delay:var(--d,0s)}
.js [data-rv="yukari"]{transform:translateY(48px)}
.js [data-rv="egik"]{transform:translateY(110px) rotate(5deg);transform-origin:0 100%}
.js [data-rv].in{opacity:1;transform:none}
.js [data-rv="satir"]{opacity:1}
.satir{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.satir>span{display:block}
.js [data-rv="satir"] .satir>span{transform:translateY(112%);transition:transform 1.05s var(--ease);transition-delay:calc(var(--i,0) * .1s)}
.js [data-rv="satir"].in .satir>span{transform:none}
.kelime-rv .kl{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.1em;margin-bottom:-.1em}
.kelime-rv .kl>span{display:inline-block;transform:translateY(112%);transition:transform 1s var(--ease);transition-delay:calc(var(--i,0) * .08s)}
.kelime-rv.in .kl>span{transform:none}

/* ---------- 3 Açılış & sayfa geçişi ---------- */
.yukleyici{
  position:fixed;inset:0;z-index:150;background:var(--siyah);
  display:grid;place-items:center;
  transition:clip-path .9s var(--ease-io);clip-path:inset(0 0 0 0);
}
.yukleyici.bitti{clip-path:inset(0 0 100% 0);pointer-events:none}
.yukleyici.bitti .yk-logo{transform:scale(1.15);opacity:0}
.yk-logo{width:min(380px,62vw);transition:transform .8s var(--ease),opacity .5s;animation:ykGir .9s var(--ease) both}
@keyframes ykGir{from{opacity:0;transform:translateY(24px)}}
.yk-alt{position:absolute;left:var(--kenar);right:var(--kenar);bottom:clamp(24px,5vh,56px);display:flex;align-items:center;gap:20px}
.yk-sayi{font-weight:800;font-variation-settings:"wdth" 118;font-size:clamp(28px,4vw,52px);font-variant-numeric:tabular-nums;line-height:1}
.yk-sayi b{font-weight:inherit}
.yk-cizgi{flex:1;height:3px;background:#222;position:relative;overflow:hidden}
.yk-cizgi i{position:absolute;inset:0;background:var(--kirmizi);transform:scaleX(0);transform-origin:left}

.perde{
  position:fixed;inset:0;z-index:120;background:var(--siyah);border-top:8px solid var(--kirmizi);
  display:grid;place-items:center;transform:translateY(100%);pointer-events:none;
}
.perde img{width:min(300px,50vw);opacity:0;transition:opacity .3s}
.perde.gir{transform:translateY(0);transition:transform .6s var(--ease-io)}
.perde.gir img{opacity:1;transition-delay:.25s}
.perde.cik{transform:translateY(-100%);transition:transform .7s var(--ease-io)}
.perde.sifirla{transition:none;transform:translateY(100%)}

.ilerleme{position:fixed;top:0;left:0;right:0;height:3px;z-index:110;pointer-events:none}
.ilerleme i{display:block;height:100%;background:var(--kirmizi);transform:scaleX(0);transform-origin:left}

/* ---------- 4 Özel imleç ---------- */
/* Halka, nokta ve yazı tek parça: aynı merkezde, aynı anda hareket eder */
.imlec{position:fixed;left:0;top:0;z-index:200;pointer-events:none;display:none;will-change:transform;transition:opacity .25s}
html.imlec-acik .imlec{display:block}
html.imlec-acik,html.imlec-acik *{cursor:none!important}
.imlec.disari{opacity:0}
.imlec-halka{
  position:absolute;left:0;top:0;translate:-50% -50%;
  width:38px;height:38px;border-radius:50%;border:1.5px solid rgba(255,255,255,.85);
  transition:width .4s var(--ease),height .4s var(--ease),border-radius .4s var(--ease),background .25s,border-color .25s,scale .2s;
}
.imlec-nokta{position:absolute;left:50%;top:50%;translate:-50% -50%;width:6px;height:6px;border-radius:50%;background:var(--kirmizi);transition:scale .25s var(--ease),background .25s}
.imlec-yazi{position:absolute;left:50%;top:50%;translate:-50% -50%;font:800 12px/1 var(--font);letter-spacing:.1em;color:#fff;opacity:0;white-space:nowrap;transition:opacity .2s}
.k{position:absolute;width:22px;height:22px;border:0 solid #fff;opacity:0;transition:opacity .25s,transform .4s var(--ease)}
.k1{top:0;left:0;border-width:3px 0 0 3px;transform:translate(10px,10px)}
.k2{top:0;right:0;border-width:3px 3px 0 0;transform:translate(-10px,10px)}
.k3{bottom:0;left:0;border-width:0 0 3px 3px;transform:translate(10px,-10px)}
.k4{bottom:0;right:0;border-width:0 3px 3px 0;transform:translate(-10px,-10px)}

/* Banner (vizör) modu: imleç kamera vizörüne dönüşür, nokta merkezde kalır */
.imlec.m-vizor .imlec-halka{width:150px;height:150px;border-radius:8px;border-color:transparent}
.imlec.m-vizor .k{opacity:1;transform:none}
.imlec.m-vizor .imlec-nokta{background:#fff}
.imlec.m-vizor .imlec-yazi{opacity:1;top:calc(100% + 20px);font-size:11px}
/* Bağlantı / düğme */
.imlec.m-link .imlec-halka{width:60px;height:60px;background:rgba(229,37,33,.28);border-color:var(--kirmizi)}
.imlec.m-link .imlec-nokta{scale:0}
/* Yazılı imleç: İNCELE, TAKİP ET, SATIN AL … */
.imlec.m-yazi .imlec-halka{width:116px;height:116px;background:var(--kirmizi);border-color:transparent}
.imlec.m-yazi .imlec-yazi{opacity:1}
.imlec.m-yazi .imlec-nokta{scale:0}
.imlec.bas .imlec-halka{scale:.85}
/* Kırmızı zemin üstünde imleç siyah */
.imlec.k-tema .imlec-nokta{background:#000}
.imlec.k-tema:not(.m-yazi):not(.m-link) .imlec-halka{border-color:rgba(0,0,0,.85)}
.imlec.k-tema.m-yazi .imlec-halka,.imlec.k-tema.m-link .imlec-halka{background:#000}

/* ---------- 5 Header & tam ekran menü ---------- */
#ust{position:fixed;top:0;left:0;right:0;z-index:60;padding-top:env(safe-area-inset-top,0px);transition:transform .5s var(--ease-io),background .3s,border-color .3s;border-bottom:1px solid transparent}
#ust.dolu{background:rgba(0,0,0,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom-color:var(--cizgi)}
#ust.gizli{transform:translateY(-101%)}
.ust-ic{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:var(--header-h);padding:0 var(--kenar)}
.logo img{height:40px;width:auto}
.ust-sayac{display:flex;align-items:baseline;gap:8px;font-size:14px;font-variant-numeric:tabular-nums;color:var(--gri)}
.ust-sayac b{color:var(--beyaz);font-weight:800}
.ust-sayac em{font-style:normal;color:var(--beyaz);margin-left:10px;min-width:9ch}
.ust-sag{display:flex;align-items:center;justify-content:flex-end;gap:14px}
.ust-btn{padding:13px 22px}
.menu-dugme{display:flex;align-items:center;gap:12px;background:none;border:0;color:var(--beyaz);cursor:pointer;padding:10px 4px;font:700 14px/1 var(--font);text-transform:uppercase;letter-spacing:.12em}
.menu-dugme .cizgiler{display:grid;gap:6px;width:28px}
.menu-dugme i{display:block;height:2px;background:currentColor;transition:transform .45s var(--ease),width .3s;transform-origin:center}
.menu-dugme i:last-child{width:70%;margin-left:auto}
.menu-dugme:hover i:last-child{width:100%}
.menu-acik .menu-dugme i:first-child{transform:translateY(4px) rotate(45deg)}
.menu-acik .menu-dugme i:last-child{transform:translateY(-4px) rotate(-45deg);width:100%}

.tam-menu{
  position:fixed;inset:0;z-index:55;background:var(--siyah);
  clip-path:inset(0 0 100% 0);visibility:hidden;
  transition:clip-path .8s var(--ease-io),visibility 0s .8s;
  display:flex;align-items:center;padding:calc(var(--header-h) + 12px) var(--kenar) 28px;
  overflow-y:auto;overscroll-behavior:contain;
}
.tam-menu::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 60% at 82% 55%,rgba(229,37,33,.14),transparent 70%)}
.menu-acik .tam-menu{clip-path:inset(0 0 0 0);visibility:visible;transition:clip-path .8s var(--ease-io),visibility 0s}
.tam-menu-ic{position:relative;width:100%;max-width:var(--maks);margin:auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(32px,6vw,110px);align-items:center}
.tm-sol{display:grid;gap:clamp(18px,4vh,40px)}
.tam-menu li{overflow:hidden;border-bottom:1px solid var(--cizgi)}
.tam-menu li a{
  display:flex;align-items:baseline;gap:20px;text-decoration:none;
  font-size:clamp(30px,min(6.2vw,7.2vh),88px);font-weight:850;font-variation-settings:"wdth" 125;letter-spacing:-.02em;line-height:1.05;padding:.08em 0;
  transform:translateY(105%);transition:transform .9s var(--ease),color .25s,padding-left .4s var(--ease);
}
.tam-menu li a small{font-size:14px;font-weight:600;color:var(--kirmizi);letter-spacing:.1em;font-variation-settings:"wdth" 100}
.tam-menu li a:hover{color:var(--kirmizi);padding-left:24px}
.menu-acik .tam-menu li a{transform:none}
.menu-acik .tam-menu li:nth-child(1) a{transition-delay:.25s,0s,0s}
.menu-acik .tam-menu li:nth-child(2) a{transition-delay:.31s,0s,0s}
.menu-acik .tam-menu li:nth-child(3) a{transition-delay:.37s,0s,0s}
.menu-acik .tam-menu li:nth-child(4) a{transition-delay:.43s,0s,0s}
.menu-acik .tam-menu li:nth-child(5) a{transition-delay:.49s,0s,0s}
.menu-acik .tam-menu li:nth-child(6) a{transition-delay:.55s,0s,0s}
.menu-acik .tam-menu li:nth-child(7) a{transition-delay:.61s,0s,0s}
.tam-menu-alt{display:flex;flex-wrap:wrap;gap:10px 32px;color:var(--gri);font-size:15px}
.tam-menu-alt a{text-decoration:none}
.tam-menu-alt a:hover{color:var(--kirmizi)}

/* sağ panel: iletişim, harita, sosyal medya */
.tm-sag{display:grid;gap:clamp(14px,2.6vh,26px);min-width:0}
.tm-blok{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease),transform .9s var(--ease)}
.menu-acik .tm-blok{opacity:1;transform:none}
.menu-acik .tm-iletisim{transition-delay:.4s}
.menu-acik .tm-harita{transition-delay:.5s}
.menu-acik .tm-sosyal{transition-delay:.6s}
.tm-baslik{display:flex;align-items:center;gap:12px;margin:0 0 14px;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--kirmizi)}
.tm-baslik span{width:28px;height:2px;background:var(--kirmizi)}
.tm-bilgi{display:grid;grid-template-columns:repeat(3,auto);justify-content:space-between;gap:16px 28px}
.tm-bilgi small{display:block;font-size:12px;color:var(--gri);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}
.tm-bilgi a,.tm-bilgi span{font-size:clamp(15px,1.25vw,19px);font-weight:600;text-decoration:none;color:var(--beyaz);white-space:nowrap}
.tm-bilgi a:hover{color:var(--kirmizi)}

.tm-harita-cerceve{position:relative;height:clamp(190px,32vh,340px);border-radius:20px;overflow:hidden;background:#0b0b0b;border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 80px -30px rgba(229,37,33,.45),inset 0 0 0 1px rgba(0,0,0,.6)}
.tm-harita-yedek{position:absolute;inset:0;background:
  linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px) 0 0/44px 44px,
  linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px) 0 0/44px 44px,#0b0b0b}
.tm-harita-yedek b{position:absolute;left:50%;top:50%;width:16px;height:16px;margin:-8px;border-radius:50%;background:var(--kirmizi);box-shadow:0 0 0 8px rgba(229,37,33,.25),0 0 0 22px rgba(229,37,33,.1)}
.tm-harita iframe{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);border:0;
  /* haritayı marka temasına uyar: koyu + hafif kırmızı ton */
  filter:grayscale(1) invert(.92) contrast(.92) brightness(.9) sepia(.35) hue-rotate(-25deg) saturate(1.6);
  opacity:0;transition:opacity .8s .2s}
.tm-harita.yuklendi iframe{opacity:1}
.tm-harita-cerceve::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(180deg,rgba(0,0,0,.35),transparent 28%,transparent 62%,rgba(0,0,0,.65))}
.hk{position:absolute;width:16px;height:16px;z-index:3;border:0 solid var(--kirmizi);pointer-events:none}
.hk1{left:12px;top:12px;border-width:2px 0 0 2px}.hk2{right:12px;top:12px;border-width:2px 2px 0 0}
.hk3{left:12px;bottom:12px;border-width:0 0 2px 2px}.hk4{right:12px;bottom:12px;border-width:0 2px 2px 0}
.tm-harita-etiket{position:absolute;left:18px;top:18px;z-index:3;display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:99px;background:rgba(0,0,0,.72);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.16);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.tm-harita-etiket .nokta{width:8px;height:8px;border-radius:50%;background:var(--kirmizi);animation:nabiz 2s infinite}
.tm-yol{position:absolute;right:16px;bottom:16px;z-index:3;display:inline-flex;align-items:center;gap:10px;padding:11px 18px;border-radius:99px;background:var(--kirmizi);color:#fff;text-decoration:none;font-size:13px;font-weight:700;letter-spacing:.04em;transition:background .25s,transform .3s var(--ease)}
.tm-yol i{font-style:normal;transition:transform .3s var(--ease)}
.tm-yol:hover{background:#fff;color:#000}
.tm-yol:hover i{transform:translate(3px,-3px)}

.tm-sosyal-liste{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tm-sosyal-liste a{position:relative;display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.14);text-decoration:none;color:#fff;overflow:hidden;transition:border-color .3s,background .3s,transform .4s var(--ease)}
.tm-sosyal-liste a svg{flex:none;width:38px;height:38px;padding:9px;border-radius:50%;background:rgba(255,255,255,.08);transition:background .3s}
.tm-sosyal-liste a span{display:grid;font-weight:700;font-size:15px;min-width:0}
.tm-sosyal-liste a small{font-size:11px;font-weight:600;color:var(--gri);letter-spacing:.1em;text-transform:uppercase}
.tm-sosyal-liste a em{margin-left:auto;font-style:normal;color:var(--gri);transition:transform .3s var(--ease),color .3s}
.tm-sosyal-liste a:hover{border-color:var(--kirmizi);background:rgba(229,37,33,.1);transform:translateY(-3px)}
.tm-sosyal-liste a:hover svg{background:var(--kirmizi)}
.tm-sosyal-liste a:hover em{color:#fff;transform:translate(3px,-3px)}

/* Yan bölüm göstergesi */
.yan-nav{position:fixed;right:22px;top:50%;translate:0 -50%;z-index:40;display:none;flex-direction:column;gap:14px}
@media (min-width:1100px){.yan-nav{display:flex}}
.yan-nav a{display:flex;align-items:center;justify-content:flex-end;gap:12px;text-decoration:none;font-size:12px;font-weight:600;color:var(--gri)}
.yan-nav a span{opacity:0;transform:translateX(8px);transition:opacity .25s,transform .3s var(--ease);white-space:nowrap;text-shadow:0 0 8px #000}
.yan-nav a i{width:9px;height:9px;border-radius:50%;border:1.5px solid #fff;background:transparent;transition:background .25s,border-color .25s,transform .3s var(--ease)}
.yan-nav a:hover span,.yan-nav a.on span{opacity:1;transform:none;color:#fff}
.yan-nav a.on i{background:var(--kirmizi);border-color:var(--kirmizi);transform:scale(1.4)}

/* ---------- 6 Hero ---------- */
.hero{position:relative;height:100svh;min-height:640px;display:flex;flex-direction:column;overflow:hidden;background:var(--siyah)}
.hero-izgara{position:absolute;inset:0;pointer-events:none}
.hero-izgara::before{
  content:"";position:absolute;inset:-20% 0;
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,.055) 0 1px,transparent 1px calc(100% / 12)),
    radial-gradient(60% 55% at 12% 100%,rgba(229,37,33,.28),transparent 70%);
  -webkit-mask-image:linear-gradient(#000 40%,transparent);mask-image:linear-gradient(#000 40%,transparent);
  transform:translateY(var(--gy,0px));
}
.hero-izgara::after{
  content:"";position:absolute;
  inset:calc(var(--header-h) + 10px) var(--kenar) calc(var(--bant-h) + 12px);
  background:
    linear-gradient(#fff,#fff) top left/34px 2px no-repeat,linear-gradient(#fff,#fff) top left/2px 34px no-repeat,
    linear-gradient(#fff,#fff) top right/34px 2px no-repeat,linear-gradient(#fff,#fff) top right/2px 34px no-repeat,
    linear-gradient(#fff,#fff) bottom left/34px 2px no-repeat,linear-gradient(#fff,#fff) bottom left/2px 34px no-repeat,
    linear-gradient(#fff,#fff) bottom right/34px 2px no-repeat,linear-gradient(#fff,#fff) bottom right/2px 34px no-repeat;
  opacity:.5;
}
.hero-icerik{
  position:relative;flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;
  padding:calc(var(--header-h) + 64px) calc(var(--kenar) + 24px) 158px;
  will-change:transform,opacity;
}
.vizor-bilgi{position:absolute;top:calc(var(--header-h) + 22px);left:calc(var(--kenar) + 24px);right:calc(var(--kenar) + 24px);display:flex;justify-content:space-between;gap:16px;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;color:#cfcfcf}
.rec{display:flex;align-items:center;gap:8px;color:var(--beyaz)}
.rec i{width:10px;height:10px;border-radius:50%;background:var(--kirmizi);animation:yanson 1.2s steps(2,start) infinite}
@keyframes yanson{to{visibility:hidden}}
.hero-etiket{margin:0 0 22px;font-size:14px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--kirmizi)}
.hero-baslik{font-size:clamp(40px,min(6.6vw,10.6vh),120px);max-width:14.5ch}
.hero-baslik .satir>span{transform:translateY(112%)}
html.hazir .hero-baslik .satir>span{animation:yuksel 1.1s var(--ease) forwards}
html.hazir .hero-baslik .satir:nth-child(2)>span{animation-delay:.12s}
html.hazir .hero-baslik .satir:nth-child(3)>span{animation-delay:.24s}
@keyframes yuksel{to{transform:none}}
.hero-alt{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:28px;margin-top:clamp(26px,4vh,48px)}
.hero-alt p{max-width:48ch;margin:0;color:#cfcfcf;font-size:clamp(16px,1.3vw,20px)}
.js .hero-etiket,.js .hero-alt,.js .vizor-bilgi{opacity:0;transform:translateY(20px)}
html.hazir .hero-etiket,html.hazir .hero-alt,html.hazir .vizor-bilgi{opacity:1;transform:none;transition:opacity 1s .5s,transform 1s .5s var(--ease)}

/* Ofis fotoğrafı: koyu taban + imlecin bulunduğu yerde açılan renkli mercek */
.hero-foto{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:#050505}
.hf-yedek{position:absolute;inset:0;background:radial-gradient(55% 70% at 80% 35%,rgba(229,37,33,.2),transparent 70%),radial-gradient(50% 60% at 8% 100%,rgba(229,37,33,.24),transparent 70%)}
.hf-taban,.hf-lens{position:absolute;inset:0;overflow:hidden}
.hf-img{position:absolute;left:-4%;top:-4%;width:108%;height:108%;max-width:none;object-fit:cover;transform:translate3d(var(--px,0px),var(--py,0px),0) scale(1.03);will-change:transform}
.hf-taban .hf-img{filter:grayscale(1) brightness(.3) contrast(1.15)}
html:not(.imlec-acik) .hf-taban .hf-img{filter:grayscale(.25) brightness(.5)}
.hf-lens{
  visibility:hidden;
  -webkit-mask-image:radial-gradient(circle at var(--mx,-999px) var(--my,-999px),#000 0,#000 calc(var(--r,0px) * .55),transparent var(--r,0px));
  mask-image:radial-gradient(circle at var(--mx,-999px) var(--my,-999px),#000 0,#000 calc(var(--r,0px) * .55),transparent var(--r,0px));
}
.hf-lens.acik{visibility:visible}
.hf-lens .hf-img{filter:saturate(1.1) brightness(.95) contrast(1.06)}
.hf-golge{position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(0,0,0,.6),rgba(0,0,0,.1) 62%,rgba(0,0,0,.3)),
  linear-gradient(0deg,rgba(0,0,0,.9),transparent 36%),
  linear-gradient(180deg,rgba(0,0,0,.65),transparent 24%)}
/* Fotoğraf henüz eklenmediyse: kırmızı ızgara deseni mercekle açılır */
.hero.foto-yok .hf-img{display:none}
.hero.foto-yok .hf-lens{background:
  radial-gradient(circle at 30% 60%,rgba(229,37,33,.55),transparent 60%),
  repeating-linear-gradient(90deg,rgba(255,255,255,.2) 0 1px,transparent 1px 48px),
  repeating-linear-gradient(0deg,rgba(255,255,255,.2) 0 1px,transparent 1px 48px)}
.hero-icerik h1,.hero-alt p{text-shadow:0 2px 28px rgba(0,0,0,.65)}

/* Logodaki basamaklı çizgi + yuvarlanan O */
.zemin{position:absolute;left:var(--kenar);right:var(--kenar);bottom:calc(var(--bant-h) + 22px);height:64px;pointer-events:none;z-index:4}
.zemin-cizgi{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.zemin-cizgi path{fill:none;stroke:var(--kirmizi);stroke-width:4;vector-effect:non-scaling-stroke;stroke-dasharray:var(--uzunluk,3000);stroke-dashoffset:var(--uzunluk,3000)}
html.hazir .zemin-cizgi path{animation:ciz 1.8s .4s var(--ease-io) forwards}
@keyframes ciz{to{stroke-dashoffset:0}}
.top{position:absolute;left:0;bottom:3px;width:clamp(72px,9vw,132px);aspect-ratio:1;will-change:transform}
.top svg{display:block;width:100%;height:100%;will-change:transform}
/* Alt bilgi çubuğu */
.bant{
  position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:24px;
  height:var(--bant-h);padding:0 var(--kenar);
  border-top:1px solid rgba(255,255,255,.14);
  background:linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.88));
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
}
.bant-sol{display:flex;align-items:center;gap:12px;color:#cfcfcf;white-space:nowrap}
.bant-sol .nokta{width:8px;height:8px;border-radius:50%;background:var(--kirmizi);box-shadow:0 0 0 0 rgba(229,37,33,.6);animation:nabiz 2s infinite}
@keyframes nabiz{70%{box-shadow:0 0 0 10px rgba(229,37,33,0)}100%{box-shadow:0 0 0 0 rgba(229,37,33,0)}}
.bant-sol b{color:#fff;font-weight:700;font-variant-numeric:tabular-nums}
.bant-orta{display:none;color:var(--gri)}
.bant-orta li{padding:0 22px;border-left:1px solid rgba(255,255,255,.14);white-space:nowrap}
.bant-orta li:last-child{border-right:1px solid rgba(255,255,255,.14)}
@media (min-width:1050px){.bant-orta{display:flex}}
.bant-sag{display:inline-flex;align-items:center;gap:14px;text-decoration:none;color:#fff;white-space:nowrap}
.bant-sag i{position:relative;width:38px;height:38px;border-radius:50%;border:1.5px solid rgba(255,255,255,.5);display:grid;place-items:center;font-style:normal;font-size:16px;letter-spacing:0;transition:background .3s,border-color .3s,transform .4s var(--ease);overflow:hidden}
.bant-sag i::before{content:"↓";animation:asagi 1.8s var(--ease-io) infinite}
@keyframes asagi{0%{transform:translateY(-140%)}45%,60%{transform:none}100%{transform:translateY(140%)}}
.bant-sag:hover i{background:var(--kirmizi);border-color:var(--kirmizi)}
.yatay-bant{display:flex;flex:none;white-space:nowrap;will-change:transform}
.yatay-bant span{flex:none}

/* ---------- 7 Manifesto ---------- */
.manifesto{position:relative;background:var(--siyah);border-top:1px solid var(--cizgi);padding:clamp(80px,12vw,160px) 0}
.manifesto-metin{margin:0;font-size:clamp(22px,3.5vw,56px);font-weight:800;font-variation-settings:"wdth" 108;line-height:1.08;letter-spacing:-.02em;max-width:27ch}
.manifesto-metin .w{color:#2e2e2e;transition:color .2s}
.manifesto-metin .w.on{color:#fff}
.manifesto-metin .w.r.on{color:var(--kirmizi)}
.rakamlar{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:clamp(40px,7vh,90px)}
.rakam{border-top:2px solid var(--cizgi);padding-top:18px;display:flex;flex-direction:column;gap:2px}
.rakam b{font-size:clamp(44px,7vw,104px);font-weight:900;font-variation-settings:"wdth" 125;line-height:1;color:var(--kirmizi);font-variant-numeric:tabular-nums}
.rakam span{color:var(--gri);font-size:15px}
html.pin .manifesto{height:260vh;padding:0}
html.pin .manifesto-pin{position:sticky;top:0;height:100svh;display:flex;align-items:center;padding-top:var(--header-h)}
html.pin .manifesto-metin{font-size:clamp(22px,min(3.5vw,6vh),56px)}
html.pin .rakamlar{margin-top:clamp(24px,5vh,72px)}
html.pin .rakam b{font-size:clamp(40px,min(7vw,11vh),104px)}

/* ---------- 8 Hizmetler: üst üste binen kartlar ---------- */
.hizmetler{background:var(--siyah);padding:clamp(80px,10vw,140px) 0 0;border-top:1px solid var(--cizgi)}
.kartlar{padding-bottom:clamp(60px,12vh,160px)}
.kart{
  position:relative;border-radius:clamp(18px,2.4vw,32px);overflow:hidden;margin-bottom:24px;
  min-height:min(74vh,700px);transform-origin:center top;will-change:transform;
}
.kart-koyu{background:#121212;border:1px solid #262626}
.kart-kirmizi{background:var(--kirmizi);color:#fff}
.kart-beyaz{background:#fff;color:#000}
.kart-golge{position:absolute;inset:0;background:#000;opacity:var(--g,0);pointer-events:none}
.kart-lens{position:absolute!important;inset:0;overflow:hidden;pointer-events:none;-webkit-mask-image:radial-gradient(circle 220px at var(--mx,-999px) var(--my,-999px),#000 0,#000 62%,transparent 100%);mask-image:radial-gradient(circle 220px at var(--mx,-999px) var(--my,-999px),#000 0,#000 62%,transparent 100%)}
.kart-lens img{width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.05) brightness(.8)}
.kart-foto .kart-sol h3,.kart-foto .kart-liste b,.kart-foto .kart-liste p{text-shadow:0 2px 16px rgba(0,0,0,.75),0 1px 3px rgba(0,0,0,.9)}
.kart-beyaz.kart-foto .kart-sol h3,.kart-beyaz.kart-foto .kart-liste b,.kart-beyaz.kart-foto .kart-liste p{text-shadow:0 0 3px #fff,0 0 10px #fff,0 0 18px rgba(255,255,255,.9)}
@media (prefers-reduced-motion:reduce){.kart-lens{display:none}}
.kart-ic{position:relative;display:grid;grid-template-columns:1fr;gap:32px;padding:clamp(26px,4vw,64px);height:100%}
.kart-sol{display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.kart-no{font-size:clamp(70px,10vw,170px);font-weight:900;font-variation-settings:"wdth" 125;line-height:.8;color:transparent;-webkit-text-stroke:2px #fff;opacity:.5}
.kart-beyaz .kart-no{-webkit-text-stroke-color:#000;opacity:.45}
.kart-kirmizi .kart-no{-webkit-text-stroke-color:#000;opacity:.6}
.kart-sol{container-type:inline-size}
.kart-sol h3{font-size:clamp(30px,min(11.5cqw,7.4vh),84px);line-height:.98;overflow-wrap:normal}
.kl-no{display:inline-block;min-width:1.5em;font-weight:900;opacity:.45}
.kart-liste li strong{font-weight:700;opacity:1}
.kart-liste li p{opacity:.82}
.hz-bas{grid-template-columns:1fr;container-type:inline-size;max-width:100%}
.hz-bas h2{font-size:clamp(34px,10.5cqw,150px);margin-bottom:6px}
.hz-bas .etiket-kucuk{margin-bottom:6px}
.hz-alt{color:#bdbdbd;max-width:64ch;margin:14px 0 0;font-size:clamp(16px,1.25vw,20px)}
.kart-liste{display:flex;flex-direction:column;justify-content:center}
.kart-liste li{position:relative;padding:clamp(16px,2.4vh,28px) 0 clamp(16px,2.4vh,28px) 0;border-top:1px solid currentColor;border-top-color:rgba(127,127,127,.35);transition:padding-left .45s var(--ease)}
.kart-liste li:last-child{border-bottom:1px solid rgba(127,127,127,.35)}
.kart-liste li::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--kirmizi);transform:scaleY(0);transform-origin:top;transition:transform .45s var(--ease)}
.kart-kirmizi .kart-liste li::before{background:#000}
.kart-liste li:hover{padding-left:28px}
.kart-liste li:hover::before{transform:scaleY(1)}
.kart-liste b{display:block;font-size:clamp(19px,min(2.1vw,3.6vh),32px);font-weight:800;font-variation-settings:"wdth" 112;line-height:1.15;letter-spacing:-.01em}
.kart-liste p{margin:8px 0 0;max-width:64ch;font-size:clamp(13px,min(1.05vw,1.95vh),17px);line-height:1.5;opacity:.78}
@media (min-width:900px){
  .kart-ic{grid-template-columns:.85fr 1.15fr;gap:clamp(24px,4vw,72px)}
}
html.pin .kart{position:sticky;top:calc(var(--header-h) + 2vh + var(--i,0) * 26px)}
html.pin .kart:nth-child(1){--i:0}html.pin .kart:nth-child(2){--i:1}html.pin .kart:nth-child(3){--i:2}
html.pin .kart{margin-bottom:12vh}
html.pin .kart:last-child{margin-bottom:0}

/* ---------- 9 Dev kayan yazı ---------- */
.dev-bant{overflow:hidden;border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi);padding:clamp(20px,3vw,44px) 0;background:var(--siyah)}
.dev-bant .yatay-bant{align-items:center}
.dev-bant span{font-size:clamp(72px,14vw,220px);font-weight:900;font-variation-settings:"wdth" 125;letter-spacing:-.03em;line-height:1;padding:0 .35em;text-transform:uppercase}
.dev-bant span.ic{color:transparent;-webkit-text-stroke:2px #fff}
.dev-bant .yatay-bant{will-change:transform}

/* ---------- 10 Portfolyo: yatay kaydırma ---------- */
.port{position:relative;height:420vh;background:var(--siyah)}
.port-pin{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;flex-direction:column;padding-top:var(--header-h)}
.port-dev-yazi{
  position:absolute;left:0;top:26%;white-space:nowrap;pointer-events:none;
  font-size:clamp(160px,30vw,520px);font-weight:900;font-variation-settings:"wdth" 125;letter-spacing:-.04em;line-height:1;
  color:transparent;-webkit-text-stroke:1.5px #262626;will-change:transform;
}
.port-ust{position:relative;display:flex;justify-content:space-between;align-items:flex-end;padding-top:clamp(8px,2vh,28px)}
.port-ust h2{font-size:clamp(48px,min(9vw,15vh),150px)}
.port-sayac{font-variant-numeric:tabular-nums;font-weight:800;font-variation-settings:"wdth" 118;font-size:clamp(22px,3vw,44px);color:var(--gri);display:flex;align-items:baseline;gap:8px}
.port-sayac b{color:var(--kirmizi);font-size:1.5em;font-weight:900}
.port-yol{position:relative;flex:1;min-height:0;display:flex;align-items:stretch;gap:clamp(20px,3vw,52px);padding:clamp(14px,2.4vh,30px) var(--kenar);width:max-content;will-change:transform}
.pk{flex:none;width:clamp(300px,40vw,660px);display:flex;flex-direction:column;text-decoration:none;color:#fff;perspective:1400px;min-height:0}
.pk:nth-child(even){padding-top:clamp(0px,5vh,56px)}
.pk:nth-child(odd){padding-bottom:clamp(0px,5vh,56px)}
.pk-gorsel{position:relative;flex:1;min-height:0;overflow:hidden;border-radius:clamp(14px,1.6vw,24px);background:#111;will-change:transform;transform-style:preserve-3d;box-shadow:0 30px 60px -30px rgba(229,37,33,.35)}
.pk-gorsel::after{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid var(--kirmizi);opacity:0;transition:opacity .3s;pointer-events:none}
.pk:hover .pk-gorsel::after{opacity:1}
.pk-art{position:absolute;inset:0 -10%;will-change:transform}
.pk-art svg,.pk-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s var(--ease)}
.pk:hover .pk-art svg,.pk:hover .pk-art img{transform:scale(1.07)}
.pk-bilgi{display:flex;align-items:center;gap:18px;padding:16px 4px 0}
.pk-no{font-size:14px;font-weight:700;color:var(--kirmizi);font-variant-numeric:tabular-nums}
.pk-bilgi h3{margin:0;font-size:clamp(18px,1.8vw,28px);font-weight:800;font-variation-settings:"wdth" 112;line-height:1.1}
.pk-bilgi p{margin:2px 0 0;color:var(--gri);font-size:14px;line-height:1.3}
.pk-ok{margin-left:auto;flex:none;width:44px;height:44px;border-radius:50%;border:1.5px solid #444;display:grid;place-items:center;font-style:normal;font-size:20px;transition:background .3s,border-color .3s,transform .4s var(--ease)}
.pk:hover .pk-ok{background:var(--kirmizi);border-color:var(--kirmizi);transform:rotate(45deg)}

/* Portfolyo kartı 01 — Gemlik'te Hayat kapağı (proje içindeki ekran tasarımıyla uyumlu) */
.gk-kapak{background:radial-gradient(60% 55% at 92% 6%,rgba(79,169,160,.38),transparent 70%),radial-gradient(55% 50% at 4% 100%,rgba(240,161,42,.26),transparent 70%),#0a0a0a}
.gk-sahne{position:absolute;left:8.333%;right:8.333%;top:0;bottom:0;container:gk/size;overflow:visible}
.gk-sahne img{width:100%;height:100%;object-fit:cover;display:block;background:#2a3538}
.pk:hover .pk-art .gk-sahne img{transform:none}
.gk-sahne em,.gk-sahne strong,.gk-sahne b{font-style:normal}
.gk-tarayici{position:absolute;left:50%;top:54%;width:min(86cqw,134cqh);container-type:inline-size;transform:translate(-50%,-56%) rotate(-2.4deg);border-radius:2.4cqw;overflow:hidden;background:#0d0d0d;border:1px solid #2c2c2c;box-shadow:0 5cqw 9cqw -3cqw rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.03);transition:transform .9s var(--ease)}
.pk:hover .gk-tarayici{transform:translate(-50%,-60%) rotate(-1.4deg)}
.gk-cubuk{display:flex;align-items:center;gap:1.5cqw;padding:2cqw 2.6cqw;background:#171717}
.gk-cubuk i{width:1.9cqw;height:1.9cqw;border-radius:50%;background:#ff5f57}
.gk-cubuk i:nth-child(2){background:#febc2e}.gk-cubuk i:nth-child(3){background:#28c840}
.gk-cubuk span{margin-left:2cqw;flex:0 1 46cqw;background:#0b0b0b;border-radius:99px;padding:.9cqw 2.6cqw;font-size:2.3cqw;line-height:1.3;color:#9a9a9a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gk-ekran{background:#f2f4f5;color:#22262a}
.gk-ust{display:flex;align-items:center;gap:2.4cqw;padding:1.3cqw 4cqw;background:#fff;border-bottom:1px solid #e3e6e9;font-size:2.1cqw;line-height:1.3}
.gk-ust b{flex:none;background:#2b2f33;color:#fff;font-weight:800;font-size:1.8cqw;border-radius:99px;padding:.7cqw 2cqw;letter-spacing:.05em}
.gk-ust em{font-weight:600;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gk-logo{display:grid;place-items:center;background:#fff;height:12cqw}
.gk-logo img{width:auto;height:10cqw;object-fit:contain;background:none}
.gk-nav{display:flex;justify-content:center;gap:3.4cqw;background:#fff;border-bottom:1px solid #e3e6e9;padding:1.5cqw 0 1.8cqw;font-size:2.15cqw;font-weight:700;color:#22262a;white-space:nowrap}
.gk-man{display:grid;grid-template-columns:1.75fr 1fr;gap:2.2cqw;margin:2.6cqw 3.6cqw 3.6cqw;height:33cqw}
.gk-b{position:relative;overflow:hidden;border-radius:2cqw;display:flex;flex-direction:column;justify-content:flex-end;padding:3cqw 3.2cqw;background:#222;color:#fff}
.gk-b img{position:absolute;inset:0}
.gk-b::after,.gk-tel-man::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 32%,rgba(0,0,0,.85))}
.gk-b>em,.gk-b>strong,.gk-tel-man>em,.gk-tel-man>strong{position:relative;z-index:2}
.gk-b em,.gk-y em,.gk-tel-man em{align-self:flex-start;background:#1b6566;color:#fff;font-size:1.9cqw;font-weight:700;padding:.6cqw 1.8cqw;border-radius:1cqw;margin-bottom:1.5cqw}
.gk-b strong{font-size:4.4cqw;line-height:1.15;font-weight:800;max-width:90%}
.gk-y{display:grid;grid-template-rows:repeat(3,1fr);gap:1.6cqw;min-height:0}
.gk-y>div{display:grid;grid-template-columns:38% 1fr;gap:1.8cqw;background:#fff;border-radius:1.8cqw;overflow:hidden;min-height:0}
.gk-y span{display:flex;flex-direction:column;justify-content:center;padding:.6cqw 1.6cqw .6cqw 0;min-width:0}
.gk-y em{background:#e8b13a;color:#1f1500;margin-bottom:.9cqw;font-size:1.6cqw;padding:.4cqw 1.3cqw}
.gk-y strong{font-size:2.35cqw;line-height:1.25;font-weight:700;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
/* telefon */
.gk-tel{position:absolute;right:4cqw;bottom:5cqh;width:min(29cqw,34cqh);container-type:inline-size;aspect-ratio:9/18.6;transform:rotate(4deg);border-radius:12cqw;padding:3.6cqw;background:#101010;border:1px solid #333;box-shadow:0 6cqw 10cqw -3cqw rgba(0,0,0,.85),0 0 0 .8cqw #060606;transition:transform .9s var(--ease) .05s}
.pk:hover .gk-tel{transform:translateY(-3cqh) rotate(2deg)}
.gk-tel-ic{height:100%;border-radius:9.4cqw;overflow:hidden;background:#f2f4f5;display:flex;flex-direction:column;gap:3cqw;color:#22262a}
.gk-tel-logo{display:grid;place-items:center;background:#fff;height:19cqw;flex:none;padding-top:4cqw}
.gk-tel-logo img{width:auto;height:13cqw;object-fit:contain;background:none}
.gk-tel-man{position:relative;overflow:hidden;margin:0 3cqw;border-radius:5cqw;height:48cqw;flex:none;display:flex;flex-direction:column;justify-content:flex-end;padding:4.5cqw;background:#222;color:#fff}
.gk-tel-man img{position:absolute;inset:0}
.gk-tel-man em{font-size:4.6cqw;padding:1.1cqw 3.4cqw;border-radius:2.4cqw;margin-bottom:2.6cqw}
.gk-tel-man strong{font-size:7cqw;line-height:1.15;font-weight:800}
.gk-tel-s{flex:1;min-height:0;display:grid;grid-auto-rows:1fr;gap:2.4cqw;margin:0 3cqw 3.4cqw}
.gk-tel-s>div{display:grid;grid-template-columns:32% 1fr;gap:3cqw;background:#fff;border-radius:3.6cqw;overflow:hidden;min-height:0}
.gk-tel-s span{font-size:4.6cqw;line-height:1.22;font-weight:700;align-self:center;padding-right:3cqw;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
/* rozetler */
.gk-son{position:absolute;left:2cqw;top:3cqh;z-index:3;background:var(--kirmizi);color:#fff;font-weight:800;font-size:clamp(11px,3.1cqw,20px);letter-spacing:.06em;padding:.9em 1.5em;border-radius:6px;transform:rotate(-4deg);box-shadow:0 12px 30px -10px rgba(229,37,33,.7)}
.gk-canli{position:absolute;left:2cqw;bottom:5cqh;z-index:3;display:flex;align-items:center;gap:.7em;background:rgba(0,0,0,.72);border:1px solid #333;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:99px;padding:.7em 1.3em .7em 1.1em;font-size:clamp(11px,2.8cqw,17px);font-weight:700;color:#fff}
.gk-canli i{width:.7em;height:.7em;border-radius:50%;background:var(--kirmizi);box-shadow:0 0 0 0 rgba(229,37,33,.7);animation:gkNabiz 1.8s infinite}
@keyframes gkNabiz{70%{box-shadow:0 0 0 .8em rgba(229,37,33,0)}100%{box-shadow:0 0 0 0 rgba(229,37,33,0)}}
@container gk (max-aspect-ratio:1/1){
  .gk-tarayici{top:38%;width:min(90cqw,140cqh)}
  .gk-tel{width:min(46cqw,32cqh);right:3cqw;bottom:9cqh}
  .gk-canli{bottom:4cqh}
}
@media (prefers-reduced-motion:reduce){.gk-canli i{animation:none}.gk-tarayici,.gk-tel{transition:none}}

/* Portfolyo kartı 02 — Bulutoğlu Grup kapağı */
.blk-kapak{background:radial-gradient(60% 55% at 90% 6%,rgba(70,128,235,.38),transparent 70%),radial-gradient(55% 50% at 4% 100%,rgba(214,169,96,.26),transparent 70%),#0a0a0a}
.blk-sahne{position:absolute;left:8.333%;right:8.333%;top:0;bottom:0;container:blk/size;overflow:visible}
.blk-sahne img{width:100%;height:100%;object-fit:cover;display:block;background:#1b2130}
.pk:hover .pk-art .blk-sahne img{transform:none}
.blk-tarayici{position:absolute;left:50%;top:52%;width:min(86cqw,138cqh);container-type:inline-size;transform:translate(-52%,-56%) rotate(2.2deg);border-radius:2.4cqw;overflow:hidden;background:#0d0d0d;border:1px solid #2c2c2c;box-shadow:0 5cqw 9cqw -3cqw rgba(0,0,0,.75);transition:transform .9s var(--ease)}
.pk:hover .blk-tarayici{transform:translate(-52%,-60%) rotate(1.2deg)}
.blk-cubuk{display:flex;align-items:center;gap:1.5cqw;padding:2cqw 2.6cqw;background:#171717}
.blk-cubuk i{width:1.9cqw;height:1.9cqw;border-radius:50%;background:#ff5f57}
.blk-cubuk i:nth-child(2){background:#febc2e}.blk-cubuk i:nth-child(3){background:#28c840}
.blk-cubuk span{margin-left:2cqw;flex:0 1 46cqw;background:#0b0b0b;border-radius:99px;padding:.9cqw 2.6cqw;font-size:2.3cqw;line-height:1.3;color:#9a9a9a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.blk-ekran{background:#fff}
.blk-menu{display:flex;justify-content:center;gap:4.6cqw;background:#f4f5f7;border-bottom:1px solid #e6e8ec;padding:1.5cqw 0;font-size:2.1cqw;color:#616877;white-space:nowrap}
.blk-menu b{color:#0e1330;font-weight:800}
.blk-hero{position:relative;height:40cqw;background:#111;color:#fff;overflow:hidden}
.blk-hero img{position:absolute;inset:0}
.blk-hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.05) 70%)}
.blk-hero div{position:absolute;z-index:2;left:4cqw;bottom:4cqw}
.blk-hero small{display:block;font-size:1.9cqw;letter-spacing:.3em;font-weight:700;color:#d8b26e;margin-bottom:1.2cqw}
.blk-hero strong{font-size:9.4cqw;line-height:.9;font-weight:850;letter-spacing:-.01em}
.blk-logolar{display:grid;grid-template-columns:repeat(3,1fr);gap:2.4cqw;padding:2.6cqw 4cqw;background:#fff}
.blk-logolar span{height:9cqw;display:grid;place-items:center;background:#f4f5f7;border-radius:1.6cqw;padding:1.4cqw 2cqw}
.blk-logolar img{width:100%;height:100%;object-fit:contain;background:none}
.blk-tel{position:absolute;right:4cqw;bottom:5cqh;width:min(27cqw,32cqh);container-type:inline-size;aspect-ratio:9/18.6;transform:rotate(-4deg);border-radius:12cqw;padding:3.6cqw;background:#101010;border:1px solid #333;box-shadow:0 6cqw 10cqw -3cqw rgba(0,0,0,.85),0 0 0 .8cqw #060606;transition:transform .9s var(--ease) .05s}
.pk:hover .blk-tel{transform:translateY(-3cqh) rotate(-2deg)}
.blk-tel-ic{height:100%;border-radius:9.4cqw;overflow:hidden;background:#fff;display:flex;flex-direction:column;gap:3cqw;padding-bottom:4cqw}
.blk-tel-l{height:15cqw;flex:none;display:grid;place-items:center;padding:5cqw 12cqw 0}
.blk-tel-l img{width:100%;height:100%;object-fit:contain;background:none}
.blk-tel-k1,.blk-tel-k2{position:relative;flex:1;margin:0 3cqw;border-radius:5cqw;overflow:hidden}
.blk-tel-k1{background:#eeeef0}
.blk-tel-k1 img{position:absolute;left:8%;bottom:-2%;width:84%;height:62%;object-fit:contain;object-position:center bottom;background:none}
.blk-tel-k2{background:#000}
.blk-tel-k2 img{position:absolute;inset:0}
.blk-tel-k1 b,.blk-tel-k2 b{position:absolute;left:5cqw;top:4.5cqw;right:5cqw;z-index:2;font-size:6.6cqw;line-height:1.1;font-weight:800;color:#0e1330}
.blk-tel-k2 b{color:#fff}
.blk-rozet{position:absolute;left:2cqw;top:3cqh;z-index:3;background:var(--kirmizi);color:#fff;font-weight:800;font-size:clamp(11px,3cqw,19px);letter-spacing:.06em;padding:.9em 1.5em;border-radius:6px;transform:rotate(-4deg);box-shadow:0 12px 30px -10px rgba(229,37,33,.7);white-space:nowrap}
.blk-pill{position:absolute;left:2cqw;bottom:5cqh;z-index:3;display:flex;align-items:center;gap:.7em;background:rgba(0,0,0,.72);border:1px solid #333;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:99px;padding:.7em 1.3em .7em 1.1em;font-size:clamp(11px,2.8cqw,17px);font-weight:700;color:#fff}
.blk-pill i{width:.7em;height:.7em;border-radius:50%;background:#5b8be6;box-shadow:0 0 0 0 rgba(91,139,230,.7);animation:blkNabiz 1.8s infinite}
@keyframes blkNabiz{70%{box-shadow:0 0 0 .8em rgba(91,139,230,0)}100%{box-shadow:0 0 0 0 rgba(91,139,230,0)}}
@container blk (max-aspect-ratio:1/1){
  .blk-tarayici{top:38%;width:min(90cqw,140cqh)}
  .blk-tel{width:min(44cqw,32cqh);right:3cqw;bottom:9cqh}
  .blk-pill{bottom:4cqh}
}
@media (prefers-reduced-motion:reduce){.blk-pill i{animation:none}.blk-tarayici,.blk-tel{transition:none}}

/* Portfolyo kartı 03 — Kavlak Zeytin kapağı */
.kvk-kapak{background:radial-gradient(60% 55% at 90% 6%,rgba(94,20,26,.4),transparent 70%),radial-gradient(55% 50% at 4% 100%,rgba(215,165,62,.24),transparent 70%),#0a0a0a}
.kvk-sahne{position:absolute;left:8.333%;right:8.333%;top:0;bottom:0;container:kvk/size;overflow:visible}
.kvk-sahne img{width:100%;height:100%;object-fit:cover;display:block;background:#1c1a16}
.pk:hover .pk-art .kvk-sahne img{transform:none}
.kvk-tarayici{position:absolute;left:50%;top:52%;width:min(86cqw,138cqh);container-type:inline-size;transform:translate(-52%,-56%) rotate(-2.4deg);border-radius:2.4cqw;overflow:hidden;background:#0d0d0d;border:1px solid #2c2c2c;box-shadow:0 5cqw 9cqw -3cqw rgba(0,0,0,.75);transition:transform .9s var(--ease)}
.pk:hover .kvk-tarayici{transform:translate(-52%,-60%) rotate(-1.4deg)}
.kvk-cubuk{display:flex;align-items:center;gap:1.5cqw;padding:2cqw 2.6cqw;background:#171717}
.kvk-cubuk i{width:1.9cqw;height:1.9cqw;border-radius:50%;background:#ff5f57}
.kvk-cubuk i:nth-child(2){background:#febc2e}.kvk-cubuk i:nth-child(3){background:#28c840}
.kvk-cubuk span{margin-left:2cqw;flex:0 1 46cqw;background:#0b0b0b;border-radius:99px;padding:.9cqw 2.6cqw;font-size:2.3cqw;line-height:1.3;color:#9a9a9a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kvk-ekran{background:#fff}
.kvk-bar{display:flex;justify-content:space-between;background:#4d0c12;color:#f4e6d8;font-size:1.8cqw;padding:1.4cqw 3.6cqw}
.kvk-hd{display:flex;justify-content:center;padding:2cqw 0;border-bottom:1px solid #eee}
.kvk-hd .lg{height:9cqw}
.kvk-hd .lg img{height:100%;width:auto;object-fit:contain}
.kvk-hero{position:relative;margin:2.4cqw 3.6cqw 3cqw;height:33cqw;border-radius:1.8cqw;overflow:hidden;background:linear-gradient(120deg,#1c2410,#2c3417);color:#fff;display:flex;align-items:center}
.kvk-hero div{position:relative;z-index:2;padding-left:4.2cqw;max-width:58%}
.kvk-hero small{display:block;font-size:1.7cqw;letter-spacing:.18em;font-weight:700;color:#d7a53e;margin-bottom:.8cqw}
.kvk-hero strong{font-size:6cqw;line-height:.98;font-weight:850}
.kvk-hero .im{position:absolute;right:3cqw;bottom:0;top:1.4cqw;width:42%;object-fit:contain;object-position:bottom;background:none;z-index:1;filter:drop-shadow(0 2cqw 2cqw rgba(0,0,0,.5))}
.kvk-tel{position:absolute;right:4cqw;bottom:5cqh;width:min(27cqw,32cqh);container-type:inline-size;aspect-ratio:9/18.6;transform:rotate(4deg);border-radius:12cqw;padding:3.6cqw;background:#101010;border:1px solid #333;box-shadow:0 6cqw 10cqw -3cqw rgba(0,0,0,.85),0 0 0 .8cqw #060606;transition:transform .9s var(--ease) .05s}
.pk:hover .kvk-tel{transform:translateY(-3cqh) rotate(2deg)}
.kvk-tel-ic{height:100%;border-radius:9.4cqw;overflow:hidden;background:#fff;display:flex;flex-direction:column;padding-bottom:4cqw}
.kvk-tel-l{height:15cqw;flex:none;display:grid;place-items:center;padding:5cqw 15cqw 0}
.kvk-tel-l img{width:100%;height:100%;object-fit:contain;background:none}
.kvk-tel-k{position:relative;flex:1;margin:2cqw 3cqw 0;border-radius:5cqw;overflow:hidden;background:#faf7f1}
.kvk-tel-k img{position:absolute;inset:12% 18% 30%;width:64%;height:58%;object-fit:contain;background:none}
.kvk-tel-k b{position:absolute;left:5cqw;bottom:4.5cqw;right:5cqw;z-index:2;font-size:5.4cqw;line-height:1.15;font-weight:800;color:#221a12}
.kvk-rozet{position:absolute;left:2cqw;top:3cqh;z-index:3;background:var(--kirmizi);color:#fff;font-weight:800;font-size:clamp(11px,2.8cqw,18px);letter-spacing:.05em;padding:.9em 1.4em;border-radius:6px;transform:rotate(-4deg);box-shadow:0 12px 30px -10px rgba(229,37,33,.7);white-space:nowrap}
.kvk-pill{position:absolute;left:2cqw;bottom:5cqh;z-index:3;display:flex;align-items:center;gap:.7em;background:rgba(0,0,0,.72);border:1px solid #333;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:99px;padding:.7em 1.3em .7em 1.1em;font-size:clamp(11px,2.6cqw,16px);font-weight:700;color:#fff}
.kvk-pill i{width:.7em;height:.7em;border-radius:50%;background:#d7a53e;box-shadow:0 0 0 0 rgba(215,165,62,.7);animation:kvkNabiz 1.8s infinite}
@keyframes kvkNabiz{70%{box-shadow:0 0 0 .8em rgba(215,165,62,0)}100%{box-shadow:0 0 0 0 rgba(215,165,62,0)}}
@container kvk (max-aspect-ratio:1/1){
  .kvk-tarayici{top:38%;width:min(90cqw,140cqh)}
  .kvk-tel{width:min(44cqw,32cqh);right:3cqw;bottom:9cqh}
  .kvk-pill{bottom:4cqh}
}
@media (prefers-reduced-motion:reduce){.kvk-pill i{animation:none}.kvk-tarayici,.kvk-tel{transition:none}}

/* Portfolyo kartı 04 — GEMTAŞ kapağı */
.gtk-kapak{background:radial-gradient(60% 55% at 90% 6%,rgba(46,75,148,.42),transparent 70%),radial-gradient(55% 50% at 4% 100%,rgba(184,151,136,.2),transparent 70%),#0a0a0a}
.gtk-sahne{position:absolute;left:8.333%;right:8.333%;top:0;bottom:0;container:gtk/size;overflow:visible}
.gtk-sahne img{width:100%;height:100%;object-fit:cover;display:block;background:#1c1a16}
.pk:hover .pk-art .gtk-sahne img{transform:none}
.gtk-tarayici{position:absolute;left:50%;top:52%;width:min(86cqw,138cqh);container-type:inline-size;transform:translate(-52%,-56%) rotate(-2.4deg);border-radius:2.4cqw;overflow:hidden;background:#0d0d0d;border:1px solid #2c2c2c;box-shadow:0 5cqw 9cqw -3cqw rgba(0,0,0,.75);transition:transform .9s var(--ease)}
.pk:hover .gtk-tarayici{transform:translate(-52%,-60%) rotate(-1.4deg)}
.gtk-cubuk{display:flex;align-items:center;gap:1.5cqw;padding:2cqw 2.6cqw;background:#171717}
.gtk-cubuk i{width:1.9cqw;height:1.9cqw;border-radius:50%;background:#ff5f57}
.gtk-cubuk i:nth-child(2){background:#febc2e}.gtk-cubuk i:nth-child(3){background:#28c840}
.gtk-cubuk span{margin-left:2cqw;flex:0 1 46cqw;background:#0b0b0b;border-radius:99px;padding:.9cqw 2.6cqw;font-size:2.3cqw;line-height:1.3;color:#9a9a9a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gtk-ekran{background:#fff}
.gtk-bar{display:flex;justify-content:center;background:#2c2c2c;color:#cfd3da;font-size:1.7cqw;padding:1.4cqw 3.6cqw}
.gtk-hd{display:flex;justify-content:center;padding:1.6cqw 0;background:#2e4b94}
.gtk-hd .lg{height:6.2cqw}
.gtk-hd .lg img{height:100%;width:auto;object-fit:contain}
.gtk-hero{position:relative;margin:0;height:33cqw;overflow:hidden;color:#fff;display:flex;align-items:center}
.gtk-hero .im{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:none;z-index:0}
.gtk-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,20,30,.82),rgba(21,53,135,.2) 65%);z-index:1}
.gtk-hero div{position:relative;z-index:2;padding-left:4.2cqw;max-width:64%}
.gtk-hero small{display:block;font-size:1.6cqw;letter-spacing:.16em;font-weight:700;color:#e3c9ae;margin-bottom:.8cqw}
.gtk-hero strong{font-size:5.2cqw;line-height:1.02;font-weight:850}
.gtk-tel{position:absolute;right:4cqw;bottom:5cqh;width:min(27cqw,32cqh);container-type:inline-size;aspect-ratio:9/18.6;transform:rotate(4deg);border-radius:12cqw;padding:3.6cqw;background:#101010;border:1px solid #333;box-shadow:0 6cqw 10cqw -3cqw rgba(0,0,0,.85),0 0 0 .8cqw #060606;transition:transform .9s var(--ease) .05s}
.pk:hover .gtk-tel{transform:translateY(-3cqh) rotate(2deg)}
.gtk-tel-ic{height:100%;border-radius:9.4cqw;overflow:hidden;background:#fff;display:flex;flex-direction:column;padding-bottom:4cqw}
.gtk-tel-l{height:15cqw;flex:none;display:grid;place-items:center;padding:5cqw 15cqw 0;background:#2e4b94}
.gtk-tel-l img{width:100%;height:100%;object-fit:contain;background:none}
.gtk-tel-k{position:relative;flex:1;margin:2cqw 3cqw 0;border-radius:5cqw;overflow:hidden;background:#eef1fa}
.gtk-tel-k img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:none}
.gtk-tel-k::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,15,30,.78),transparent 55%)}
.gtk-tel-k b{position:absolute;left:5cqw;bottom:4.5cqw;right:5cqw;z-index:2;font-size:5.4cqw;line-height:1.15;font-weight:800;color:#fff}
.gtk-rozet{position:absolute;left:2cqw;top:3cqh;z-index:3;background:var(--kirmizi);color:#fff;font-weight:800;font-size:clamp(10px,2.3cqw,16px);letter-spacing:.04em;padding:.9em 1.3em;border-radius:6px;transform:rotate(-4deg);box-shadow:0 12px 30px -10px rgba(229,37,33,.7);white-space:nowrap}
.gtk-pill{position:absolute;left:2cqw;bottom:5cqh;z-index:3;display:flex;align-items:center;gap:.7em;background:rgba(0,0,0,.72);border:1px solid #333;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:99px;padding:.7em 1.3em .7em 1.1em;font-size:clamp(11px,2.6cqw,16px);font-weight:700;color:#fff}
.gtk-pill i{width:.7em;height:.7em;border-radius:50%;background:#8fa8e6;box-shadow:0 0 0 0 rgba(143,168,230,.7);animation:gtkNabiz 1.8s infinite}
@keyframes gtkNabiz{70%{box-shadow:0 0 0 .8em rgba(143,168,230,0)}100%{box-shadow:0 0 0 0 rgba(143,168,230,0)}}
@container gtk (max-aspect-ratio:1/1){
  .gtk-tarayici{top:38%;width:min(90cqw,140cqh)}
  .gtk-tel{width:min(44cqw,32cqh);right:3cqw;bottom:9cqh}
  .gtk-pill{bottom:4cqh}
}
@media (prefers-reduced-motion:reduce){.gtk-pill i{animation:none}.gtk-tarayici,.gtk-tel{transition:none}}

/* Portfolyo kartı 05 — Gemlik Sümerbey FSK kapağı */
.gsk-kapak{background:radial-gradient(60% 55% at 90% 6%,rgba(229,37,33,.38),transparent 70%),radial-gradient(55% 50% at 4% 100%,rgba(34,40,52,.5),transparent 70%),#0a0a0a}
.gsk-sahne{position:absolute;left:8.333%;right:8.333%;top:0;bottom:0;container:gsk/size;overflow:visible}
.gsk-sahne img{width:100%;height:100%;object-fit:cover;display:block;background:#1c1a16}
.pk:hover .pk-art .gsk-sahne img{transform:none}
.gsk-tarayici{position:absolute;left:50%;top:52%;width:min(86cqw,138cqh);container-type:inline-size;transform:translate(-52%,-56%) rotate(-2.4deg);border-radius:2.4cqw;overflow:hidden;background:#0d0d0d;border:1px solid #2c2c2c;box-shadow:0 5cqw 9cqw -3cqw rgba(0,0,0,.75);transition:transform .9s var(--ease)}
.pk:hover .gsk-tarayici{transform:translate(-52%,-60%) rotate(-1.4deg)}
.gsk-cubuk{display:flex;align-items:center;gap:1.5cqw;padding:2cqw 2.6cqw;background:#171717}
.gsk-cubuk i{width:1.9cqw;height:1.9cqw;border-radius:50%;background:#ff5f57}
.gsk-cubuk i:nth-child(2){background:#febc2e}.gsk-cubuk i:nth-child(3){background:#28c840}
.gsk-cubuk span{margin-left:2cqw;flex:0 1 46cqw;background:#0b0b0b;border-radius:99px;padding:.9cqw 2.6cqw;font-size:2.3cqw;line-height:1.3;color:#9a9a9a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gsk-hd{display:flex;align-items:center;gap:1.4cqw;padding:1.8cqw 3.6cqw;background:#171b22}
.gsk-hd .lg{height:5.6cqw}
.gsk-hd .lg img{height:100%;width:auto;object-fit:contain}
.gsk-hd b{color:#fff;font-size:2cqw;font-weight:800}
.gsk-hero{position:relative;height:33cqw;overflow:hidden;color:#fff;display:flex;align-items:flex-end}
.gsk-hero .im{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 15%;background:none;z-index:0}
.gsk-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,10,12,.92),rgba(10,10,12,.15) 60%);z-index:1}
.gsk-hero div{position:relative;z-index:2;padding:0 0 2.4cqw 3.6cqw}
.gsk-hero small{display:block;font-size:1.6cqw;letter-spacing:.14em;font-weight:800;color:#ff8a86;margin-bottom:.6cqw}
.gsk-hero strong{font-size:4.6cqw;line-height:1.02;font-weight:850;text-transform:uppercase}
.gsk-tel{position:absolute;right:4cqw;bottom:5cqh;width:min(27cqw,32cqh);container-type:inline-size;aspect-ratio:9/18.6;transform:rotate(4deg);border-radius:12cqw;padding:3.6cqw;background:#101010;border:1px solid #333;box-shadow:0 6cqw 10cqw -3cqw rgba(0,0,0,.85),0 0 0 .8cqw #060606;transition:transform .9s var(--ease) .05s}
.pk:hover .gsk-tel{transform:translateY(-3cqh) rotate(2deg)}
.gsk-tel-ic{height:100%;border-radius:9.4cqw;overflow:hidden;background:#fff;display:flex;flex-direction:column;padding-bottom:4cqw}
.gsk-tel-l{height:15cqw;flex:none;display:grid;place-items:center;padding:5cqw 15cqw 0;background:#171b22}
.gsk-tel-l img{width:100%;height:100%;object-fit:contain;background:none}
.gsk-tel-k{position:relative;flex:1;margin:2cqw 3cqw 0;border-radius:5cqw;overflow:hidden;background:#f4f4f4}
.gsk-tel-k img{position:absolute;inset:8%;width:84%;height:78%;object-fit:contain;background:none}
.gsk-tel-k b{position:absolute;left:5cqw;bottom:4.5cqw;right:5cqw;z-index:2;font-size:5.4cqw;line-height:1.15;font-weight:800;color:#171b22}
.gsk-rozet{position:absolute;left:2cqw;top:3cqh;z-index:3;background:var(--kirmizi);color:#fff;font-weight:800;font-size:clamp(10px,2.3cqw,16px);letter-spacing:.04em;padding:.9em 1.3em;border-radius:6px;transform:rotate(-4deg);box-shadow:0 12px 30px -10px rgba(229,37,33,.7);white-space:nowrap}
.gsk-pill{position:absolute;left:2cqw;bottom:5cqh;z-index:3;display:flex;align-items:center;gap:.7em;background:rgba(0,0,0,.72);border:1px solid #333;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:99px;padding:.7em 1.3em .7em 1.1em;font-size:clamp(11px,2.6cqw,16px);font-weight:700;color:#fff}
.gsk-pill i{width:.7em;height:.7em;border-radius:50%;background:#ff8a86;box-shadow:0 0 0 0 rgba(255,138,134,.7);animation:gskNabiz 1.8s infinite}
@keyframes gskNabiz{70%{box-shadow:0 0 0 .8em rgba(255,138,134,0)}100%{box-shadow:0 0 0 0 rgba(255,138,134,0)}}
@container gsk (max-aspect-ratio:1/1){
  .gsk-tarayici{top:38%;width:min(90cqw,140cqh)}
  .gsk-tel{width:min(44cqw,32cqh);right:3cqw;bottom:9cqh}
  .gsk-pill{bottom:4cqh}
}
@media (prefers-reduced-motion:reduce){.gsk-pill i{animation:none}.gsk-tarayici,.gsk-tel{transition:none}}

/* Portfolyo kartı 06 — GEMTAR kapağı */
.grk-kapak{background:radial-gradient(60% 55% at 90% 6%,rgba(138,156,63,.35),transparent 70%),radial-gradient(55% 50% at 4% 100%,rgba(201,161,58,.28),transparent 70%),#0a0a08}
.grk-sahne{position:absolute;left:8.333%;right:8.333%;top:0;bottom:0;container:grk/size;overflow:visible}
.grk-sahne img{width:100%;height:100%;object-fit:cover;display:block;background:#1c1a16}
.pk:hover .pk-art .grk-sahne img{transform:none}
.grk-tarayici{position:absolute;left:50%;top:52%;width:min(86cqw,138cqh);container-type:inline-size;transform:translate(-52%,-56%) rotate(-2.4deg);border-radius:2.4cqw;overflow:hidden;background:#0d0d0d;border:1px solid #2c2c2c;box-shadow:0 5cqw 9cqw -3cqw rgba(0,0,0,.75);transition:transform .9s var(--ease)}
.pk:hover .grk-tarayici{transform:translate(-52%,-60%) rotate(-1.4deg)}
.grk-cubuk{display:flex;align-items:center;gap:1.5cqw;padding:2cqw 2.6cqw;background:#171717}
.grk-cubuk i{width:1.9cqw;height:1.9cqw;border-radius:50%;background:#ff5f57}
.grk-cubuk i:nth-child(2){background:#febc2e}.grk-cubuk i:nth-child(3){background:#28c840}
.grk-cubuk span{margin-left:2cqw;flex:0 1 46cqw;background:#0b0b0b;border-radius:99px;padding:.9cqw 2.6cqw;font-size:2.3cqw;line-height:1.3;color:#9a9a9a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.grk-hd{display:flex;align-items:center;justify-content:center;padding:2.2cqw 3.6cqw;background:#fff}
.grk-hd .lg{height:8.6cqw;width:auto;object-fit:contain}
.grk-hero{position:relative;height:33cqw;overflow:hidden;color:#fff;display:flex;align-items:flex-end;background:#1c2410}
.grk-hero .im{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%;background:none;z-index:0}
.grk-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(16,20,8,.9) 30%,rgba(16,20,8,.15) 80%);z-index:1}
.grk-hero div{position:relative;z-index:2;padding:0 0 2.4cqw 3.6cqw}
.grk-hero small{display:block;font-size:1.6cqw;letter-spacing:.14em;font-weight:800;color:#e0c264;margin-bottom:.6cqw}
.grk-hero strong{font-size:4.2cqw;line-height:1.05;font-weight:850}
.grk-tel{position:absolute;right:4cqw;bottom:5cqh;width:min(27cqw,32cqh);container-type:inline-size;aspect-ratio:9/18.6;transform:rotate(4deg);border-radius:12cqw;padding:3.6cqw;background:#101010;border:1px solid #333;box-shadow:0 6cqw 10cqw -3cqw rgba(0,0,0,.85),0 0 0 .8cqw #060606;transition:transform .9s var(--ease) .05s}
.pk:hover .grk-tel{transform:translateY(-3cqh) rotate(2deg)}
.grk-tel-ic{height:100%;border-radius:9.4cqw;overflow:hidden;background:#fff;display:flex;flex-direction:column;padding:5cqw 4cqw 4cqw}
.grk-tel-l{flex:none;border-radius:5cqw;overflow:hidden;background:#faf9f4;aspect-ratio:1/1;display:grid;place-items:center;padding:6%}
.grk-tel-l img{width:100%;height:100%;object-fit:contain;background:none}
.grk-tel-k{margin-top:3cqw}
.grk-tel-k b{display:block;font-size:6cqw;font-weight:850;color:#3f5321}
.grk-tel-k span{display:block;font-size:3.4cqw;font-weight:700;color:#26301a;line-height:1.25;margin-top:.6cqw}
.grk-rozet{position:absolute;left:2cqw;top:3cqh;z-index:3;background:var(--kirmizi);color:#fff;font-weight:800;font-size:clamp(10px,2.3cqw,16px);letter-spacing:.04em;padding:.9em 1.3em;border-radius:6px;transform:rotate(-4deg);box-shadow:0 12px 30px -10px rgba(229,37,33,.7);white-space:nowrap}
.grk-pill{position:absolute;left:2cqw;bottom:5cqh;z-index:3;display:flex;align-items:center;gap:.7em;background:rgba(0,0,0,.72);border:1px solid #333;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:99px;padding:.7em 1.3em .7em 1.1em;font-size:clamp(11px,2.6cqw,16px);font-weight:700;color:#fff}
.grk-pill i{width:.7em;height:.7em;border-radius:50%;background:#e0c264;box-shadow:0 0 0 0 rgba(224,194,100,.7);animation:grkNabiz 1.8s infinite}
@keyframes grkNabiz{70%{box-shadow:0 0 0 .8em rgba(224,194,100,0)}100%{box-shadow:0 0 0 0 rgba(224,194,100,0)}}
@container grk (max-aspect-ratio:1/1){
  .grk-tarayici{top:38%;width:min(90cqw,140cqh)}
  .grk-tel{width:min(44cqw,32cqh);right:3cqw;bottom:9cqh}
  .grk-pill{bottom:4cqh}
}
@media (prefers-reduced-motion:reduce){.grk-pill i{animation:none}.grk-tarayici,.grk-tel{transition:none}}

/* Portfolyo kartı 07 — Türkmenbaşı & Class Mattress kapağı */
.tck-kapak{background:radial-gradient(60% 55% at 90% 6%,rgba(163,20,92,.32),transparent 70%),radial-gradient(55% 50% at 4% 100%,rgba(63,167,154,.3),transparent 70%),#0a0a0a}
.tck-sahne{position:absolute;left:8.333%;right:8.333%;top:0;bottom:0;container:tck/size;overflow:visible}
.tck-sahne img{width:100%;height:100%;object-fit:cover;display:block;background:#1c1a16}
.pk:hover .pk-art .tck-sahne img{transform:none}
.tck-tarayici{position:absolute;left:50%;top:52%;width:min(86cqw,138cqh);container-type:inline-size;transform:translate(-52%,-56%) rotate(-2.4deg);border-radius:2.4cqw;overflow:hidden;background:#0d0d0d;border:1px solid #2c2c2c;box-shadow:0 5cqw 9cqw -3cqw rgba(0,0,0,.75);transition:transform .9s var(--ease)}
.pk:hover .tck-tarayici{transform:translate(-52%,-60%) rotate(-1.4deg)}
.tck-cubuk{display:flex;align-items:center;gap:1.5cqw;padding:2cqw 2.6cqw;background:#171717}
.tck-cubuk i{width:1.9cqw;height:1.9cqw;border-radius:50%;background:#ff5f57}
.tck-cubuk i:nth-child(2){background:#febc2e}.tck-cubuk i:nth-child(3){background:#28c840}
.tck-cubuk span{margin-left:2cqw;flex:0 1 46cqw;background:#0b0b0b;border-radius:99px;padding:.9cqw 2.6cqw;font-size:2.3cqw;line-height:1.3;color:#9a9a9a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tck-hd{display:flex;align-items:center;padding:2.2cqw 3.6cqw;background:#fff}
.tck-hd .lg{height:5cqw;width:auto;object-fit:contain}
.tck-hero{position:relative;height:33cqw;overflow:hidden;color:#fff;display:flex;align-items:center;background:#eef2f2}
.tck-hero .im{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:none;z-index:0}
.tck-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,20,20,.82) 34%,rgba(10,20,20,.1) 78%);z-index:1}
.tck-hero div{position:relative;z-index:2;padding:0 0 0 3.6cqw}
.tck-hero small{display:block;font-size:1.6cqw;letter-spacing:.14em;font-weight:800;color:#7fd9c9;margin-bottom:.6cqw}
.tck-hero strong{font-size:3.6cqw;line-height:1.1;font-weight:850}
.tck-tel{position:absolute;right:4cqw;bottom:5cqh;width:min(27cqw,32cqh);container-type:inline-size;aspect-ratio:9/18.6;transform:rotate(4deg);border-radius:12cqw;padding:3.6cqw;background:#101010;border:1px solid #333;box-shadow:0 6cqw 10cqw -3cqw rgba(0,0,0,.85),0 0 0 .8cqw #060606;transition:transform .9s var(--ease) .05s}
.pk:hover .tck-tel{transform:translateY(-3cqh) rotate(2deg)}
.tck-tel-ic{height:100%;border-radius:9.4cqw;overflow:hidden;background:#fff;display:flex;flex-direction:column;padding:5cqw 4cqw 4cqw}
.tck-tel-l{flex:none;border-radius:5cqw;overflow:hidden;background:#faf7f9;aspect-ratio:1/1;display:grid;place-items:center;padding:6%}
.tck-tel-l img{width:100%;height:100%;object-fit:cover;background:none;border-radius:4cqw}
.tck-tel-k{margin-top:3cqw;display:flex;flex-direction:column;align-items:flex-start;gap:1.4cqw}
.tck-tel-k img{height:3.6cqw;width:auto;object-fit:contain}
.tck-tel-k b{display:block;font-size:4.6cqw;font-weight:850;color:#a3145c;line-height:1.15}
.tck-rozet{position:absolute;left:2cqw;top:3cqh;z-index:3;background:var(--kirmizi);color:#fff;font-weight:800;font-size:clamp(10px,2.3cqw,16px);letter-spacing:.04em;padding:.9em 1.3em;border-radius:6px;transform:rotate(-4deg);box-shadow:0 12px 30px -10px rgba(229,37,33,.7);white-space:nowrap}
.tck-pill{position:absolute;left:2cqw;bottom:5cqh;z-index:3;display:flex;align-items:center;gap:.7em;background:rgba(0,0,0,.72);border:1px solid #333;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:99px;padding:.7em 1.3em .7em 1.1em;font-size:clamp(11px,2.6cqw,16px);font-weight:700;color:#fff}
.tck-pill i{width:.7em;height:.7em;border-radius:50%;background:#7fd9c9;box-shadow:0 0 0 0 rgba(127,217,201,.7);animation:tckNabiz 1.8s infinite}
@keyframes tckNabiz{70%{box-shadow:0 0 0 .8em rgba(127,217,201,0)}100%{box-shadow:0 0 0 0 rgba(127,217,201,0)}}
@container tck (max-aspect-ratio:1/1){
  .tck-tarayici{top:38%;width:min(90cqw,140cqh)}
  .tck-tel{width:min(44cqw,32cqh);right:3cqw;bottom:9cqh}
  .tck-pill{bottom:4cqh}
}
@media (prefers-reduced-motion:reduce){.tck-pill i{animation:none}.tck-tarayici,.tck-tel{transition:none}}

/* Portfolyo kartı 08 — Enmodi Mobilya kapağı */
.enk-kapak{background:radial-gradient(60% 55% at 90% 6%,rgba(193,122,74,.34),transparent 70%),radial-gradient(55% 50% at 4% 100%,rgba(90,60,40,.3),transparent 70%),#0a0a0a}
.enk-sahne{position:absolute;left:8.333%;right:8.333%;top:0;bottom:0;container:enk/size;overflow:visible}
.enk-sahne img{width:100%;height:100%;object-fit:cover;display:block;background:#1c1a16}
.pk:hover .pk-art .enk-sahne img{transform:none}
.enk-tarayici{position:absolute;left:50%;top:52%;width:min(86cqw,138cqh);container-type:inline-size;transform:translate(-52%,-56%) rotate(-2.4deg);border-radius:2.4cqw;overflow:hidden;background:#0d0d0d;border:1px solid #2c2c2c;box-shadow:0 5cqw 9cqw -3cqw rgba(0,0,0,.75);transition:transform .9s var(--ease)}
.pk:hover .enk-tarayici{transform:translate(-52%,-60%) rotate(-1.4deg)}
.enk-cubuk{display:flex;align-items:center;gap:1.5cqw;padding:2cqw 2.6cqw;background:#171717}
.enk-cubuk i{width:1.9cqw;height:1.9cqw;border-radius:50%;background:#ff5f57}
.enk-cubuk i:nth-child(2){background:#febc2e}.enk-cubuk i:nth-child(3){background:#28c840}
.enk-cubuk span{margin-left:2cqw;flex:0 1 46cqw;background:#0b0b0b;border-radius:99px;padding:.9cqw 2.6cqw;font-size:2.3cqw;line-height:1.3;color:#9a9a9a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.enk-hd{display:flex;align-items:center;padding:2.2cqw 3.6cqw;background:#fff}
.enk-hd .lg{height:5cqw;width:auto;object-fit:contain}
.enk-hero{position:relative;height:33cqw;overflow:hidden;color:#fff;display:flex;align-items:center;background:#eee6de}
.enk-hero .im{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:none;z-index:0}
.enk-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(28,17,9,.82) 34%,rgba(28,17,9,.1) 78%);z-index:1}
.enk-hero div{position:relative;z-index:2;padding:0 0 0 3.6cqw}
.enk-hero small{display:block;font-size:1.6cqw;letter-spacing:.14em;font-weight:800;color:#e3a878;margin-bottom:.6cqw}
.enk-hero strong{font-size:3.6cqw;line-height:1.1;font-weight:850}
.enk-tel{position:absolute;right:4cqw;bottom:5cqh;width:min(27cqw,32cqh);container-type:inline-size;aspect-ratio:9/18.6;transform:rotate(4deg);border-radius:12cqw;padding:3.6cqw;background:#101010;border:1px solid #333;box-shadow:0 6cqw 10cqw -3cqw rgba(0,0,0,.85),0 0 0 .8cqw #060606;transition:transform .9s var(--ease) .05s}
.pk:hover .enk-tel{transform:translateY(-3cqh) rotate(2deg)}
.enk-tel-ic{height:100%;border-radius:9.4cqw;overflow:hidden;background:#fff;display:flex;flex-direction:column;padding:5cqw 4cqw 4cqw}
.enk-tel-l{flex:none;border-radius:5cqw;overflow:hidden;background:#faf6f2;aspect-ratio:1/1;display:grid;place-items:center;padding:6%}
.enk-tel-l img{width:100%;height:100%;object-fit:cover;background:none;border-radius:4cqw}
.enk-tel-k{margin-top:3cqw;display:flex;flex-direction:column;align-items:flex-start;gap:1.4cqw}
.enk-tel-k img{height:3.6cqw;width:auto;object-fit:contain}
.enk-tel-k b{display:block;font-size:4.6cqw;font-weight:850;color:#c17a4a;line-height:1.15}
.enk-rozet{position:absolute;left:2cqw;top:3cqh;z-index:3;background:var(--kirmizi);color:#fff;font-weight:800;font-size:clamp(10px,2.3cqw,16px);letter-spacing:.04em;padding:.9em 1.3em;border-radius:6px;transform:rotate(-4deg);box-shadow:0 12px 30px -10px rgba(229,37,33,.7);white-space:nowrap}
.enk-pill{position:absolute;left:2cqw;bottom:5cqh;z-index:3;display:flex;align-items:center;gap:.7em;background:rgba(0,0,0,.72);border:1px solid #333;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:99px;padding:.7em 1.3em .7em 1.1em;font-size:clamp(11px,2.6cqw,16px);font-weight:700;color:#fff}
.enk-pill i{width:.7em;height:.7em;border-radius:50%;background:#e3a878;box-shadow:0 0 0 0 rgba(227,168,120,.7);animation:enkNabiz 1.8s infinite}
@keyframes enkNabiz{70%{box-shadow:0 0 0 .8em rgba(227,168,120,0)}100%{box-shadow:0 0 0 0 rgba(227,168,120,0)}}
@container enk (max-aspect-ratio:1/1){
  .enk-tarayici{top:38%;width:min(90cqw,140cqh)}
  .enk-tel{width:min(44cqw,32cqh);right:3cqw;bottom:9cqh}
  .enk-pill{bottom:4cqh}
}
@media (prefers-reduced-motion:reduce){.enk-pill i{animation:none}.enk-tarayici,.enk-tel{transition:none}}

/* Portfolyo kartı 09 — Asil Uzunkaya kapağı */
.auk-kapak{background:radial-gradient(60% 55% at 90% 6%,rgba(21,150,201,.34),transparent 70%),radial-gradient(55% 50% at 4% 100%,rgba(4,49,79,.34),transparent 70%),#0a0a0a}
.auk-sahne{position:absolute;left:8.333%;right:8.333%;top:0;bottom:0;container:auk/size;overflow:visible}
.auk-sahne img{width:100%;height:100%;object-fit:cover;display:block;background:#101820}
.pk:hover .pk-art .auk-sahne img{transform:none}
.auk-tarayici{position:absolute;left:50%;top:52%;width:min(86cqw,138cqh);container-type:inline-size;transform:translate(-52%,-56%) rotate(-2.4deg);border-radius:2.4cqw;overflow:hidden;background:#0d0d0d;border:1px solid #2c2c2c;box-shadow:0 5cqw 9cqw -3cqw rgba(0,0,0,.75);transition:transform .9s var(--ease)}
.pk:hover .auk-tarayici{transform:translate(-52%,-60%) rotate(-1.4deg)}
.auk-cubuk{display:flex;align-items:center;gap:1.5cqw;padding:2cqw 2.6cqw;background:#171717}
.auk-cubuk i{width:1.9cqw;height:1.9cqw;border-radius:50%;background:#ff5f57}
.auk-cubuk i:nth-child(2){background:#febc2e}.auk-cubuk i:nth-child(3){background:#28c840}
.auk-cubuk span{margin-left:2cqw;flex:0 1 46cqw;background:#0b0b0b;border-radius:99px;padding:.9cqw 2.6cqw;font-size:2.3cqw;line-height:1.3;color:#9a9a9a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.auk-hd{display:flex;align-items:center;padding:2.2cqw 3.6cqw;background:#04314f}
.auk-hd .lg{height:5cqw;width:auto;object-fit:contain}
.auk-hero{position:relative;height:33cqw;overflow:hidden;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;background:#0b2136}
.auk-hero .im{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5;background:none;z-index:0}
.auk-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,49,79,.15),rgba(4,20,33,.88));z-index:1}
.auk-hero div{position:relative;z-index:2;padding:0 4cqw}
.auk-hero small{display:block;font-size:1.6cqw;letter-spacing:.14em;font-weight:800;color:#5fc4ea;margin-bottom:.6cqw}
.auk-hero strong{font-size:3.4cqw;line-height:1.15;font-weight:850}
.auk-tel{position:absolute;right:4cqw;bottom:5cqh;width:min(27cqw,32cqh);container-type:inline-size;aspect-ratio:9/18.6;transform:rotate(4deg);border-radius:12cqw;padding:3.6cqw;background:#101010;border:1px solid #333;box-shadow:0 6cqw 10cqw -3cqw rgba(0,0,0,.85),0 0 0 .8cqw #060606;transition:transform .9s var(--ease) .05s}
.pk:hover .auk-tel{transform:translateY(-3cqh) rotate(2deg)}
.auk-tel-ic{height:100%;border-radius:9.4cqw;overflow:hidden;background:#fff;display:flex;flex-direction:column;padding:5cqw 4cqw 4cqw}
.auk-tel-l{flex:none;border-radius:5cqw;overflow:hidden;background:#eef5f9;aspect-ratio:1/1;display:grid;place-items:center;padding:6%}
.auk-tel-l img{width:100%;height:100%;object-fit:cover;background:none;border-radius:4cqw}
.auk-tel-k{margin-top:3cqw;display:flex;flex-direction:column;align-items:flex-start;gap:1.4cqw}
.auk-tel-k img{height:3.6cqw;width:auto;object-fit:contain}
.auk-tel-k b{display:block;font-size:4.2cqw;font-weight:850;color:#04314f;line-height:1.15}
.auk-rozet{position:absolute;left:2cqw;top:3cqh;z-index:3;background:var(--kirmizi);color:#fff;font-weight:800;font-size:clamp(10px,2.3cqw,16px);letter-spacing:.04em;padding:.9em 1.3em;border-radius:6px;transform:rotate(-4deg);box-shadow:0 12px 30px -10px rgba(229,37,33,.7);white-space:nowrap}
.auk-pill{position:absolute;left:2cqw;bottom:5cqh;z-index:3;display:flex;align-items:center;gap:.7em;background:rgba(0,0,0,.72);border:1px solid #333;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:99px;padding:.7em 1.3em .7em 1.1em;font-size:clamp(11px,2.6cqw,16px);font-weight:700;color:#fff}
.auk-pill i{width:.7em;height:.7em;border-radius:50%;background:#5fc4ea;box-shadow:0 0 0 0 rgba(95,196,234,.7);animation:aukNabiz 1.8s infinite}
@keyframes aukNabiz{70%{box-shadow:0 0 0 .8em rgba(95,196,234,0)}100%{box-shadow:0 0 0 0 rgba(95,196,234,0)}}
@container auk (max-aspect-ratio:1/1){
  .auk-tarayici{top:38%;width:min(90cqw,140cqh)}
  .auk-tel{width:min(44cqw,32cqh);right:3cqw;bottom:9cqh}
  .auk-pill{bottom:4cqh}
}
@media (prefers-reduced-motion:reduce){.auk-pill i{animation:none}.auk-tarayici,.auk-tel{transition:none}}

/* Portfolyo kartı 10 — Olta Dükkanım kapağı */
.odk-kapak{background:radial-gradient(60% 55% at 90% 6%,rgba(217,161,37,.3),transparent 70%),radial-gradient(55% 50% at 4% 100%,rgba(11,42,64,.4),transparent 70%),#0a0a0a}
.odk-sahne{position:absolute;left:8.333%;right:8.333%;top:0;bottom:0;container:odk/size;overflow:visible}
.odk-sahne img{width:100%;height:100%;object-fit:cover;display:block;background:#101820}
.pk:hover .pk-art .odk-sahne img{transform:none}
.odk-tarayici{position:absolute;left:50%;top:52%;width:min(86cqw,138cqh);container-type:inline-size;transform:translate(-52%,-56%) rotate(-2.4deg);border-radius:2.4cqw;overflow:hidden;background:#0d0d0d;border:1px solid #2c2c2c;box-shadow:0 5cqw 9cqw -3cqw rgba(0,0,0,.75);transition:transform .9s var(--ease)}
.pk:hover .odk-tarayici{transform:translate(-52%,-60%) rotate(-1.4deg)}
.odk-cubuk{display:flex;align-items:center;gap:1.5cqw;padding:2cqw 2.6cqw;background:#171717}
.odk-cubuk i{width:1.9cqw;height:1.9cqw;border-radius:50%;background:#ff5f57}
.odk-cubuk i:nth-child(2){background:#febc2e}.odk-cubuk i:nth-child(3){background:#28c840}
.odk-cubuk span{margin-left:2cqw;flex:0 1 46cqw;background:#0b0b0b;border-radius:99px;padding:.9cqw 2.6cqw;font-size:2.3cqw;line-height:1.3;color:#9a9a9a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.odk-hd{display:flex;align-items:center;padding:2.2cqw 3.6cqw;background:#0b2a40}
.odk-hd .lg{height:5cqw;width:auto;object-fit:contain}
.odk-hero{position:relative;height:33cqw;overflow:hidden;color:#fff;display:flex;align-items:center;background:#0b2a40}
.odk-hero .im{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.4;background:none;z-index:0}
.odk-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,42,64,.92) 34%,rgba(11,42,64,.2) 82%);z-index:1}
.odk-hero div{position:relative;z-index:2;padding:0 0 0 3.6cqw}
.odk-hero small{display:block;font-size:1.5cqw;letter-spacing:.12em;font-weight:800;color:#e8bd5c;margin-bottom:.6cqw}
.odk-hero strong{font-size:3.4cqw;line-height:1.15;font-weight:850}
.odk-tel{position:absolute;right:4cqw;bottom:5cqh;width:min(27cqw,32cqh);container-type:inline-size;aspect-ratio:9/18.6;transform:rotate(4deg);border-radius:12cqw;padding:3.6cqw;background:#101010;border:1px solid #333;box-shadow:0 6cqw 10cqw -3cqw rgba(0,0,0,.85),0 0 0 .8cqw #060606;transition:transform .9s var(--ease) .05s}
.pk:hover .odk-tel{transform:translateY(-3cqh) rotate(2deg)}
.odk-tel-ic{height:100%;border-radius:9.4cqw;overflow:hidden;background:#fff;display:flex;flex-direction:column;padding:5cqw 4cqw 4cqw}
.odk-tel-l{flex:none;border-radius:5cqw;overflow:hidden;background:#f3f6f7;aspect-ratio:1/1;display:grid;place-items:center;padding:6%}
.odk-tel-l img{width:100%;height:100%;object-fit:contain;background:none;border-radius:4cqw}
.odk-tel-k{margin-top:3cqw;display:flex;flex-direction:column;align-items:flex-start;gap:1.4cqw}
.odk-tel-k img{height:3.6cqw;width:auto;object-fit:contain}
.odk-tel-k b{display:block;font-size:4.2cqw;font-weight:850;color:#0b2a40;line-height:1.15}
.odk-rozet{position:absolute;left:2cqw;top:3cqh;z-index:3;background:var(--kirmizi);color:#fff;font-weight:800;font-size:clamp(9px,2.1cqw,15px);letter-spacing:.02em;padding:.9em 1.2em;border-radius:6px;transform:rotate(-4deg);box-shadow:0 12px 30px -10px rgba(229,37,33,.7);white-space:nowrap}
.odk-pill{position:absolute;left:2cqw;bottom:5cqh;z-index:3;display:flex;align-items:center;gap:.7em;background:rgba(0,0,0,.72);border:1px solid #333;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:99px;padding:.7em 1.3em .7em 1.1em;font-size:clamp(11px,2.6cqw,16px);font-weight:700;color:#fff}
.odk-pill i{width:.7em;height:.7em;border-radius:50%;background:#e8bd5c;box-shadow:0 0 0 0 rgba(232,189,92,.7);animation:odkNabiz 1.8s infinite}
@keyframes odkNabiz{70%{box-shadow:0 0 0 .8em rgba(232,189,92,0)}100%{box-shadow:0 0 0 0 rgba(232,189,92,0)}}
@container odk (max-aspect-ratio:1/1){
  .odk-tarayici{top:38%;width:min(90cqw,140cqh)}
  .odk-tel{width:min(44cqw,32cqh);right:3cqw;bottom:9cqh}
  .odk-pill{bottom:4cqh}
}
@media (prefers-reduced-motion:reduce){.odk-pill i{animation:none}.odk-tarayici,.odk-tel{transition:none}}
.pk-son{width:clamp(280px,34vw,520px)}
.pk-son-ic{flex:1;background:var(--kirmizi);border-radius:clamp(14px,1.6vw,24px);padding:clamp(24px,3vw,48px);display:flex;flex-direction:column;justify-content:space-between;transition:background .3s,color .3s}
.pk-son-ic span{font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.pk-son-ic b{font-size:clamp(40px,5vw,84px)}
.pk-son-ic i{font-style:normal;font-size:clamp(40px,5vw,80px);line-height:1;transition:transform .4s var(--ease)}
.pk-son:hover .pk-son-ic{background:#fff;color:#000}
.pk-son:hover .pk-son-ic i{transform:translateX(16px)}
.port-alt{position:relative;display:flex;align-items:center;gap:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));padding-top:6px;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gri)}
.port-cubuk{flex:1;height:3px;background:#222;position:relative;overflow:hidden}
.port-cubuk i{position:absolute;inset:0;background:var(--kirmizi);transform:scaleX(0);transform-origin:left}

/* ---------- 11 Gemlik'te Hayat ---------- */
.gh{position:relative;background:var(--siyah);border-top:1px solid var(--cizgi);padding:clamp(80px,12vw,150px) 0}
.gh-pin{position:relative}
.gh{--g-teal:#4FA9A0;--g-teal2:#2E8B88;--g-deniz:#1B6566;--g-gun:#F0A12A;--g-lac:#10262d}
.gh-halka{position:absolute;right:-8%;top:50%;width:min(84vmin,940px);aspect-ratio:1;translate:0 -50%;border-radius:50%;background:radial-gradient(circle at 58% 34%,rgba(240,161,42,.42),transparent 34%),radial-gradient(circle,rgba(79,169,160,.44),rgba(27,101,102,.14) 58%,transparent 72%);pointer-events:none;transform:scale(var(--hs,1))}
.gh-grid{position:relative;display:grid;grid-template-columns:1fr;gap:clamp(40px,6vw,96px);align-items:center}
@media (min-width:900px){.gh-grid{grid-template-columns:1.05fr .95fr}}
.gh-metinler{display:grid}
.gh-adim{grid-area:auto;margin-bottom:56px}
.gh-adim h2{font-size:clamp(38px,5.8vw,92px);margin-bottom:24px}
.gh-adim p{color:#c8c8c8;max-width:48ch}
.gh-adim .etiket-kucuk{color:var(--g-gun)}
.gh .kulp{display:inline-block;margin:6px 0 0;font-weight:800;font-size:clamp(20px,2vw,30px);color:var(--g-gun);text-decoration:none;border-bottom:2px solid currentColor}
.gh .butonlar{margin-top:26px}
.gh-sahne{position:relative;justify-self:center;perspective:1600px}
.telefon{
  width:min(330px,74vw);aspect-ratio:9/18.6;border:2px solid #3b3b3b;border-radius:44px;padding:14px;background:#111;position:relative;
  box-shadow:0 60px 120px -30px rgba(79,169,160,.55),0 20px 60px -30px rgba(240,161,42,.4),inset 0 0 0 2px #000;
  transform:rotateY(var(--ry,-12deg)) rotateX(var(--rx,4deg)) rotate(var(--rz,0deg));will-change:transform;
}
.telefon::before{content:"";position:absolute;top:14px;left:50%;translate:-50% 0;width:96px;height:24px;background:#000;border-radius:0 0 16px 16px;z-index:3}
.ekran{height:100%;border-radius:32px;background:#000;overflow:hidden;display:flex;flex-direction:column}
.ekran{background:#000}
/* Instagram tarzı ekran */
.ig-bar{display:flex;align-items:center;gap:6px;padding:40px 16px 8px;flex:none;font-size:15px;background:#000;position:relative;z-index:3}
.ig-bar .ok{width:14px;height:14px}
.ig-bar-sag{margin-left:auto;display:flex;gap:14px}
.ig-bar-sag svg{width:22px;height:22px}
.akis{flex:1;min-height:0;overflow:hidden}
.akis-ic{display:flex;flex-direction:column;gap:0;will-change:transform}
.ig-av{flex:none;display:grid;place-items:center;border-radius:50%;background:conic-gradient(from 200deg,var(--g-gun),var(--g-teal),var(--g-gun));padding:2px;position:relative}
.ig-av img{object-fit:contain;border-radius:50%;background:var(--g-lac);padding:12%;border:2px solid #000}
.ig-av.b{width:74px;height:74px;padding:3px}
.ig-av.kc{width:30px;height:30px;padding:1.5px}
.ig-av.kc img{width:27px;height:27px;border-width:1.5px;padding:10%}
.ig-av.b img{width:68px;height:68px}
.ig-profil{padding:6px 14px 4px}
.ig-ust{display:flex;align-items:center;gap:14px}
.ig-ad b{display:block;font-size:17px;line-height:1.1}
.ig-ad small{color:var(--gri);font-size:12px}
.ig-bio{margin:12px 0 10px;font-size:12.5px;line-height:1.4;color:#e8e8e8}
.ig-konum{display:inline-flex;align-items:center;gap:4px;color:var(--g-teal);font-size:12px;margin-top:2px}
.ig-konum svg{width:13px;height:13px}
.ig-dugme{display:grid;grid-template-columns:1.3fr 1fr;gap:8px;margin-bottom:14px}
.ig-dugme span{display:block;text-align:center;padding:7px 0;border-radius:8px;background:#262626;font-size:12.5px;font-weight:700}
.ig-dugme .tak{background:linear-gradient(90deg,var(--g-gun),#e07a1a);color:#1a1000}
.ig-yls{display:flex;gap:12px;overflow:hidden;margin-bottom:12px}
.ig-yl{flex:none;display:grid;justify-items:center;gap:5px;font-size:10.5px;color:#d8d8d8}
.ig-yl i{width:52px;height:52px;border-radius:50%;border:2px solid var(--g-teal);padding:3px;display:block}
.ig-yl i svg{width:100%;height:100%;padding:11px;border-radius:50%;background:var(--g-lac);color:var(--g-gun)}
.ig-sek{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #262626;margin:0 -14px}
.ig-sek svg{width:22px;height:22px;justify-self:center;margin:9px 0;color:#777}
.ig-sek svg.on{color:#fff}
.ig-sek svg.on{box-shadow:0 11px 0 -10px #fff}
.ig-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin:0 -14px}
.ig-izgara i{aspect-ratio:1;display:grid;place-items:center;position:relative}
.ig-izgara i svg{position:absolute;right:5px;top:5px;width:14px;height:14px}
.ig-izgara .t0{background:linear-gradient(180deg,var(--g-lac),#2E6E73 60%,var(--g-gun))}
.ig-izgara .t1{background:linear-gradient(160deg,var(--g-deniz),var(--g-teal))}
.ig-izgara .t2{background:linear-gradient(160deg,var(--g-gun),#c9601a)}
.ig-izgara .t3{background:linear-gradient(200deg,#26404D,var(--g-lac))}
.ig-izgara .t4{background:linear-gradient(160deg,var(--g-teal),var(--g-lac))}
.ig-izgara .t5{background:linear-gradient(180deg,#f7c97e,var(--g-gun))}
.ig-post{padding-top:12px}
.ig-ph{display:flex;align-items:center;gap:9px;padding:0 12px 9px}
.ig-ph b{display:block;font-size:12px;line-height:1.15}
.ig-ph small{color:var(--gri);font-size:10px}
.ig-ph i{margin-left:auto;font-style:normal;letter-spacing:1px;color:#aaa;font-size:11px}
.gonderi{flex:none;aspect-ratio:4/5;border-radius:0;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:16px;overflow:hidden}
.gonderi .sahne{position:absolute;inset:0;width:100%;height:100%}
.g1{background:linear-gradient(180deg,var(--g-lac),#2E6E73 50%,#f0a12a 72%)}
.g2{background:linear-gradient(160deg,var(--g-teal),var(--g-deniz))}
.g3{background:linear-gradient(200deg,#26404D,var(--g-lac))}
.g4{background:linear-gradient(160deg,#f5b04a,#d9691a)}
.gonderi::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 46%,rgba(0,0,0,.62));pointer-events:none}
.gonderi .etiket{position:absolute;z-index:2;top:12px;left:12px;background:#fff;color:#0d1f24;font-size:10.5px;font-weight:800;padding:4px 8px;letter-spacing:.04em}
.g1 .etiket{background:var(--g-gun);color:#1a1000}
.g3 .etiket{background:linear-gradient(90deg,#e5342d,#f0a12a);color:#fff}
.gonderi strong,.gonderi small{position:relative;z-index:2}
.gonderi strong{font-size:21px;line-height:1.05;font-variation-settings:"wdth" 118;font-weight:850}
.gonderi small{color:#f0f0f0;font-size:11.5px;margin-top:7px}
.gonderi .halka{transform-box:fill-box;transform-origin:center;animation:ghHalka 2.6s ease-out infinite}
.gonderi .h2{animation-delay:1.3s}
@keyframes ghHalka{0%{transform:scale(1);opacity:.9}100%{transform:scale(2.4);opacity:0}}
.ig-eylem{display:flex;gap:14px;padding:9px 12px 4px;color:#f2f2f2}
.ig-eylem svg{width:21px;height:21px}
.ig-eylem .kayit{margin-left:auto}
.ig-yazi{margin:0;padding:2px 12px 6px;font-size:11.5px;line-height:1.35;color:#dcdcdc}
.ig-yazi b{color:#fff}
.ig-nav{display:flex;justify-content:space-around;align-items:center;padding:9px 12px 12px;flex:none;border-top:1px solid #1d1d1d;background:#000;color:#f2f2f2}
.ig-nav svg{width:23px;height:23px}
.ig-mini{width:24px;height:24px;border-radius:50%;background:var(--g-lac);border:1.5px solid #fff;display:grid;place-items:center;overflow:hidden}
.ig-mini img{width:80%;height:80%;object-fit:contain}
.gh-rozet{position:absolute;z-index:4;left:-40%;top:16%;width:clamp(72px,7.4vw,112px);aspect-ratio:1;border-radius:50%;background:var(--g-lac);border:2px solid rgba(255,255,255,.75);display:grid;place-items:center;box-shadow:0 20px 50px -14px rgba(0,0,0,.8),0 0 0 8px rgba(79,169,160,.18);animation:ghYuz 5s ease-in-out infinite}
.gh-rozet img{width:74%;height:74%;object-fit:contain}
@keyframes ghYuz{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-12px) rotate(4deg)}}
@media (max-width:899px){.gh-rozet{left:auto;right:-2%;top:-5%;width:64px}}
@media (prefers-reduced-motion:reduce){.gh-rozet,.gonderi .halka{animation:none}}
.gh-noktalar{display:none}
html.pin .gh{height:340vh;padding:0}
html.pin .gh-pin{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;align-items:center;padding-top:var(--header-h)}
html.pin .gh-adim{grid-area:1/1;align-self:center;margin:0;opacity:0;transform:translateY(46px);pointer-events:none;transition:opacity .7s var(--ease),transform .9s var(--ease)}
html.pin .gh-adim.on{opacity:1;transform:none;pointer-events:auto}
html.pin .gh-adim h2{font-size:clamp(36px,min(5.6vw,9.5vh),92px)}
html.pin .telefon{width:min(330px,74vw,calc((100svh - var(--header-h) - 60px) * .484))}
html.pin .gh-noktalar{display:flex;flex-direction:column;gap:10px;position:absolute;right:-46px;top:50%;translate:0 -50%}
.gh-noktalar i{width:8px;height:8px;border-radius:50%;background:#444;transition:background .3s,transform .3s}
.gh-noktalar i.on{background:var(--g-gun);transform:scale(1.5)}
@media (max-width:1199px){html.pin .gh-noktalar{display:none}}

/* ---------- 12 Rabe Art ---------- */
.rabe{position:relative;background:#000;color:#fff}
.rabe-intro{position:relative;background:var(--kirmizi);color:#fff}
.rabe-pin{position:relative;overflow:hidden;padding:clamp(70px,10vw,140px) 0 0}
.rabe-daire{display:none}
.rabe-icerik{position:relative}
.rabe-grid{display:grid;grid-template-columns:1fr;gap:48px;align-items:center;padding-bottom:clamp(40px,7vw,90px)}
@media (min-width:900px){.rabe-grid{grid-template-columns:1.1fr .9fr}}
.rabe-baslik{font-size:clamp(72px,15vw,260px);line-height:.82;color:#000;margin-bottom:28px}
.harfler{display:flex;overflow:hidden;padding:.06em 0}
.harfler i{font-style:normal;display:inline-block}
.rabe-intro p{max-width:46ch;font-size:clamp(17px,1.4vw,21px);font-weight:500}
.rabe-intro .btn{margin-top:14px}
.tisort{width:min(480px,100%);justify-self:center;display:block;margin:0 auto;filter:drop-shadow(0 40px 40px rgba(0,0,0,.35));will-change:transform}
.rabe-bant{background:#000;border-top:0;padding:14px 0;overflow:hidden}
.rabe-bant span{padding:0 30px;font-size:clamp(20px,2.2vw,32px);font-weight:850;font-variation-settings:"wdth" 118;text-transform:uppercase;letter-spacing:-.01em}
.rabe-bant span:nth-child(even){color:var(--kirmizi)}
html.pin .rabe-intro{height:320vh;background:var(--siyah)}
html.pin .rabe-pin{position:sticky;top:0;height:100svh;padding:0;background:var(--siyah)}
html.pin .rabe-daire{display:block;position:absolute;inset:0;background:var(--kirmizi);clip-path:circle(4vmax at 50% 50%)}
html.pin .rabe-icerik{position:absolute;inset:0 0 58px 0;padding-top:var(--header-h);display:flex;align-items:center;opacity:0}
html.pin .rabe-grid{padding-bottom:0}
html.pin .rabe-baslik{font-size:clamp(60px,min(13vw,21vh),220px);margin-bottom:16px}
html.pin .harfler i{transform:translateY(105%)}
html.pin .tisort{width:min(460px,100%,52vh)}
html.pin .rabe-bant{position:absolute;left:0;right:0;bottom:0}

/* ---------- 12b Rabe Art vitrini ---------- */
.rv{position:relative;background:#000;color:#fff;padding-bottom:clamp(60px,9vw,130px);--rk:#E52521}
.rv a{text-decoration:none}
.rv-slogan{overflow:hidden;background:var(--kirmizi);padding:clamp(14px,2vw,26px) 0;transform:rotate(-1.4deg);margin:clamp(-10px,-1vw,-4px) -2% clamp(40px,6vw,90px);position:relative;z-index:2}
.rv-slogan span{font-size:clamp(34px,6.4vw,104px);font-weight:900;font-variation-settings:"wdth" 125;letter-spacing:-.03em;line-height:1;padding:0 .4em;text-transform:uppercase;color:#000}
.rv-slogan span.ic{color:transparent;-webkit-text-stroke:2px #000}
.rv-slogan .yatay-bant{align-items:center}
/* galeri */
.rv-galeri{display:grid;gap:clamp(10px,1.2vw,18px);overflow:hidden;margin-bottom:clamp(70px,10vw,150px)}
.rv-bant{overflow:hidden}
.rv-tile{flex:none;display:block;width:clamp(150px,17vw,270px);padding-right:clamp(10px,1.2vw,18px)}
.rv-tile>span{position:relative;display:block;aspect-ratio:1;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#1c1c1c,#0d0d0d);border:1px solid #2a2a2a}
.rv-tile img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease),filter .4s}
.rv-tile:hover img{transform:scale(1.09)}
.rv-tile>span::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(229,37,33,.5));opacity:0;transition:opacity .35s}
.rv-tile:hover>span::after{opacity:1}
.rv-tile i{position:absolute;right:12px;bottom:12px;z-index:2;width:38px;height:38px;border-radius:50%;background:var(--kirmizi);display:grid;place-items:center;font-style:normal;font-size:18px;transform:scale(0) rotate(-45deg);transition:transform .4s var(--ease)}
.rv-tile:hover i{transform:none}
/* koleksiyonlar */
.rv-kol-b{margin-bottom:clamp(60px,8vw,110px)}
.rv-baslik{max-width:820px;margin-bottom:clamp(30px,4vw,56px)}
.rv-baslik h2{font-size:clamp(38px,6vw,96px);margin-bottom:20px}
.rv-alt{color:#bdbdbd;max-width:56ch;margin:0}
.rv-kol{display:grid;grid-template-columns:1fr;gap:clamp(14px,1.6vw,22px)}
@media (min-width:760px){.rv-kol{grid-template-columns:repeat(12,1fr)}
  .rv-k{grid-column:span 6}
  .rv-k.k-raven{grid-column:span 7}.rv-k.k-cine{grid-column:span 5}
  .rv-k.k-sea{grid-column:span 5}.rv-k.k-vin{grid-column:span 7}
  .rv-k.k-deri{grid-column:span 12}}
.rv-k{position:relative;display:block;overflow:hidden;isolation:isolate;container-type:inline-size;background:#111;border:1px solid #262626;border-radius:clamp(20px,2vw,30px);padding:clamp(24px,3cqw,40px);padding:clamp(24px,2.6vw,40px);min-height:clamp(320px,34vw,440px);transition:transform .5s var(--ease),border-color .4s,background .4s}
.rv-k::before{content:"";position:absolute;inset:auto -20% -60% -20%;height:90%;background:radial-gradient(closest-side,var(--kg,rgba(229,37,33,.35)),transparent);z-index:-1;transition:transform .6s var(--ease),opacity .4s;opacity:.7}
.rv-k:hover{transform:translateY(-6px);border-color:var(--kb,#E52521)}
.rv-k:hover::before{transform:translateY(-14%) scale(1.1);opacity:1}
.k-raven{--kg:rgba(229,37,33,.4);--kb:#E52521}
.k-cine{--kg:rgba(230,180,80,.3);--kb:#e6b450}
.k-sea{--kg:rgba(40,150,210,.35);--kb:#2896d2}
.k-vin{--kg:rgba(190,150,100,.32);--kb:#be9664}
.k-deri{--kg:rgba(150,90,40,.4);--kb:#b0723a}
.rv-no{display:block;font-size:13px;font-weight:700;letter-spacing:.14em;color:#8a8a8a;margin-bottom:14px}
.rv-k h3{margin:0 0 10px;font-size:clamp(26px,5.4cqw,46px);font-weight:850;font-variation-settings:"wdth" 118;line-height:1;letter-spacing:-.02em;max-width:calc(100% - 60px);overflow-wrap:break-word}
.rv-k p{margin:0 0 16px;color:#c4c4c4;max-width:38ch;font-size:clamp(15px,2.6cqw,17px)}
.rv-cip{display:flex;flex-wrap:wrap;gap:8px;max-width:min(100%,440px);margin-bottom:22px}
.rv-cip li{padding:6px 12px;border:1px solid #3a3a3a;border-radius:99px;font-size:clamp(12px,2.2cqw,13.5px);color:#dcdcdc;background:rgba(0,0,0,.35);backdrop-filter:blur(4px)}
.rv-fiyat{display:inline-block;font-weight:850;font-variation-settings:"wdth" 112;font-size:clamp(20px,3.6cqw,26px);padding:6px 16px;border-radius:99px;background:#fff;color:#000}
.rv-git{position:absolute;top:clamp(20px,2.2vw,30px);right:clamp(20px,2.2vw,30px);width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(255,255,255,.4);display:grid;place-items:center;font-style:normal;font-size:20px;transition:background .3s,color .3s,transform .5s var(--ease)}
.rv-k:hover .rv-git{background:#fff;color:#000;transform:rotate(45deg)}
.rv-yigin{position:absolute;right:clamp(14px,3cqw,36px);bottom:clamp(-30px,-2cqw,-10px);width:min(46%,300px);aspect-ratio:1;pointer-events:none}
.rv-yigin img{position:absolute;inset:0;width:62%;height:62%;object-fit:cover;border-radius:16px;border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 40px rgba(0,0,0,.55);transition:transform .6s var(--ease)}
.rv-yigin img:nth-child(1){left:0;bottom:0;top:auto;transform:rotate(-8deg)}
.rv-yigin img:nth-child(2){right:0;left:auto;top:6%;transform:rotate(7deg)}
.rv-yigin img:nth-child(3){right:14%;left:auto;bottom:0;top:auto;transform:rotate(-2deg);z-index:2;width:56%;height:56%}
.rv-k:hover .rv-yigin img:nth-child(1){transform:rotate(-14deg) translate(-16px,6px)}
.rv-k:hover .rv-yigin img:nth-child(2){transform:rotate(13deg) translate(14px,-8px)}
.rv-k:hover .rv-yigin img:nth-child(3){transform:rotate(0) translateY(-14px) scale(1.06)}
@media (min-width:760px){.rv-k:not(.k-deri) .rv-cip{max-width:56%}.rv-k:not(.k-deri) .rv-fiyat{position:relative;z-index:2}}
@media (max-width:759px){.rv-yigin{position:relative;right:auto;bottom:auto;width:70%;margin:22px auto -30px}}
.rv-deri-ic{max-width:min(100%,520px);position:relative;z-index:2}
.k-deri{display:block}
.rv-cuzdan{position:absolute;right:clamp(10px,5%,70px);top:50%;width:min(44%,360px);transform:translateY(-50%) rotate(-7deg);filter:drop-shadow(0 26px 30px rgba(0,0,0,.6));transition:transform .6s var(--ease)}
.k-deri:hover .rv-cuzdan{transform:translateY(-54%) rotate(-2deg) scale(1.05)}
@media (max-width:759px){.rv-cuzdan{position:relative;right:auto;top:auto;width:70%;margin:20px auto 0;transform:rotate(-5deg)}.k-deri:hover .rv-cuzdan{transform:rotate(-2deg)}}
.rv-kat{display:flex;flex-wrap:wrap;gap:10px;margin-top:clamp(24px,3vw,40px);align-items:center}
.rv-kat span{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8a8a8a;margin-right:8px}
.rv-kat a{padding:9px 18px;border-radius:99px;border:1px solid #333;font-size:14px;color:#ddd;transition:background .3s,color .3s,border-color .3s}
.rv-kat a:hover{background:#fff;color:#000;border-color:#fff}
/* güven */
.rv-guv{display:grid;grid-template-columns:1fr;gap:1px;margin-bottom:clamp(60px,8vw,110px)}
.rv-guv{background:none}
@media (min-width:640px){.rv-guv{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.rv-guv{grid-template-columns:repeat(4,1fr)}}
.rv-g{padding:clamp(22px,2.4vw,34px);border-top:1px solid #2a2a2a}
.rv-g svg{width:34px;height:34px;color:var(--kirmizi);margin-bottom:16px}
.rv-g h3{margin:0 0 6px;font-size:19px;font-weight:800}
.rv-g p{margin:0;color:#a9a9a9;font-size:15px}
/* kampanya */
.rv-kamp{position:relative;display:block;overflow:hidden;isolation:isolate;container-type:inline-size;background:var(--kirmizi);color:#fff;border-radius:clamp(24px,3vw,44px);padding:clamp(34px,5vw,80px);margin-bottom:clamp(60px,8vw,110px);transition:transform .5s var(--ease)}
.rv-kamp:hover{transform:scale(1.012)}
.rv-kamp::before{content:"";position:absolute;inset:-40% -10% auto auto;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.28),transparent);z-index:-1}
.rv-kamp-e{margin:0 0 14px;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#000}
.rv-kamp strong{display:block;font-size:clamp(56px,15cqw,190px);line-height:.86;color:#000;margin-bottom:24px}
.rv-kamp-d{display:block;max-width:34ch;font-size:clamp(16px,2.2cqw,21px);font-weight:500;margin-bottom:26px}
.rv-kamp-b{display:inline-flex;align-items:center;gap:12px;padding:14px 26px;border-radius:99px;background:#000;font-weight:700;transition:background .3s,color .3s}
.rv-kamp:hover .rv-kamp-b{background:#fff;color:#000}
.rv-rozet{position:absolute;right:clamp(16px,5%,70px);top:50%;width:clamp(110px,26%,260px);transform:translateY(-50%);animation:rvDon 18s linear infinite}
.rv-rozet text{font-size:12.4px;font-weight:800;letter-spacing:.09em;fill:#000}
@keyframes rvDon{to{transform:translateY(-50%) rotate(360deg)}}
/* özel tasarım */
.rv-ozel{display:grid;grid-template-columns:1fr;gap:clamp(30px,5vw,70px);margin-bottom:clamp(80px,11vw,160px);align-items:start}
@media (min-width:900px){.rv-ozel{grid-template-columns:1.2fr .8fr}}
.rv-ozel h2{font-size:clamp(36px,5.4vw,84px);margin-bottom:22px}
.rv-ozel-sol>p:last-child{color:#c4c4c4;max-width:54ch;margin:0}
.rv-yorumlar{display:grid;gap:16px}
.rv-yorumlar figure{margin:0;padding:26px;border-radius:22px;background:#111;border:1px solid #262626}
.rv-yorumlar figure:nth-child(2){margin-left:clamp(0px,4vw,50px)}
.rv-yorumlar blockquote{margin:0 0 14px;font-size:clamp(17px,1.5vw,21px);line-height:1.4;font-weight:600}
.rv-yorumlar figcaption{font-size:13px;color:var(--kirmizi);font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.rv-yorumlar figcaption::before{content:"★★★★★  ";color:#e6b450;letter-spacing:.1em}
/* final */
.rv-son{text-align:center;display:flex;flex-direction:column;align-items:center;container-type:inline-size}
.rv-marka{margin:0;font-size:clamp(40px,min(15.5cqw,30vh),300px);line-height:.9;font-weight:900;font-variation-settings:"wdth" 125;letter-spacing:-.05em;text-transform:lowercase;white-space:nowrap;max-width:100%}
.rv-marka span{color:var(--kirmizi)}
.rv-slg{margin:14px 0 30px;font-size:clamp(18px,2vw,28px);color:#bdbdbd;font-weight:500}
.rv-cta{display:inline-flex;align-items:center;gap:18px;padding:clamp(16px,1.6vw,22px) clamp(28px,3vw,46px);border-radius:99px;background:var(--kirmizi);color:#fff;font-weight:800;font-size:clamp(17px,1.6vw,22px);position:relative;overflow:hidden;isolation:isolate;transition:transform .4s var(--ease),color .3s}
.rv-cta::before{content:"";position:absolute;inset:0;background:#fff;transform:translateY(101%);transition:transform .45s var(--ease);z-index:-1}
.rv-cta:hover{color:#000;transform:scale(1.05)}
.rv-cta:hover::before{transform:none}
.rv-cta i{font-style:normal;transition:transform .4s var(--ease)}
.rv-cta:hover i{transform:translate(4px,-4px)}
.rv-alt-l{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;margin:34px 0 0;font-size:14px;color:#9a9a9a}
.rv-alt-l a:hover{color:#fff}
@media (min-width:760px) and (max-width:1100px){.rv-cuzdan{width:32%}.rv-deri-ic{max-width:58%}}
@keyframes rvDon2{to{transform:rotate(360deg)}}
@media (max-width:699px){.rv-rozet{top:20px;right:18px;width:84px;transform:none;animation-name:rvDon2}.rv-kamp strong{max-width:60%}}
@media (prefers-reduced-motion:reduce){.rv-rozet{animation:none}}

/* ---------- 13 Ekip ---------- */
.ekip-b{background:var(--siyah);padding:clamp(80px,12vw,160px) 0;border-top:1px solid var(--cizgi)}
.ekip{display:grid;grid-template-columns:1fr;gap:20px}
@media (min-width:640px){.ekip{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.ekip{grid-template-columns:repeat(4,1fr)}}
.kisi{
  position:relative;overflow:hidden;background:var(--komur);border:1px solid #242424;border-radius:clamp(18px,2vw,28px);
  padding:clamp(26px,3vw,44px);min-height:clamp(340px,52vh,480px);display:flex;flex-direction:column;justify-content:space-between;gap:40px;
  transform-style:preserve-3d;will-change:transform;
}
.kisi.tilt{transition:transform .18s ease-out,background .3s}
.kisi::before{content:"";position:absolute;inset:0;background:var(--kirmizi);transform:translateY(101%);transition:transform .6s var(--ease);z-index:0}
.kisi:hover::before{transform:none}
.kisi>*{position:relative;z-index:1}
.kisi-lens{position:absolute!important;inset:0;overflow:hidden;pointer-events:none;-webkit-mask-image:radial-gradient(circle 130px at var(--mx,-999px) var(--my,-999px),#000 0,#000 62%,transparent 100%);mask-image:radial-gradient(circle 130px at var(--mx,-999px) var(--my,-999px),#000 0,#000 62%,transparent 100%)}
.kisi-lens img{width:100%;height:100%;object-fit:cover;filter:saturate(1.05) contrast(1.05) brightness(.92)}
@media (prefers-reduced-motion:reduce){.kisi-lens{display:none}}
.kisi svg{width:60px;height:60px;color:var(--kirmizi);transition:color .3s,transform .6s var(--ease)}
.kisi:hover svg{color:#000;transform:scale(1.15) rotate(-6deg)}
.kisi-no{position:absolute!important;top:22px;right:28px;font-size:clamp(60px,7vw,110px);font-weight:900;font-variation-settings:"wdth" 125;line-height:1;color:transparent;-webkit-text-stroke:1.5px #333;transition:-webkit-text-stroke-color .3s}
.kisi:hover .kisi-no{-webkit-text-stroke-color:rgba(0,0,0,.4)}
.kisi h3{margin:0 0 10px;font-size:clamp(26px,2.4vw,36px);font-weight:800;font-variation-settings:"wdth" 115;line-height:1.1}
.kisi p{margin:0;color:var(--gri);transition:color .3s}
.kisi:hover p{color:#fff}

/* ---------- 14 Süreç ---------- */
.surec-b{background:var(--siyah);padding:clamp(80px,12vw,160px) 0;border-top:1px solid var(--cizgi)}
.surec{position:relative}
.surec-cizgi{position:absolute;left:0;top:0;bottom:0;width:4px;background:#222}
.surec-cizgi i{position:absolute;inset:0;background:var(--kirmizi);transform:scaleY(0);transform-origin:top}
.surec ol{display:grid;grid-template-columns:1fr;gap:40px;padding-left:36px}
.surec li{opacity:.3;transition:opacity .5s}
.surec li.aktif{opacity:1}
.surec .sn{display:block;font-size:clamp(64px,9vw,140px);font-weight:900;font-variation-settings:"wdth" 125;line-height:1;color:transparent;-webkit-text-stroke:2px #444;margin-bottom:18px;transition:color .5s,-webkit-text-stroke-color .5s}
.surec li.aktif .sn{color:var(--kirmizi);-webkit-text-stroke-color:var(--kirmizi)}
.surec h3{margin:0 0 8px;font-size:clamp(22px,2vw,30px);font-weight:800;font-variation-settings:"wdth" 112}
.surec p{margin:0;color:var(--gri);max-width:32ch}
@media (min-width:900px){
  .surec-cizgi{top:0;bottom:auto;left:0;right:0;width:auto;height:4px}
  .surec-cizgi i{transform:scaleX(0);transform-origin:left}
  .surec ol{grid-template-columns:repeat(4,1fr);gap:32px;padding:44px 0 0}
}

/* ---------- 15 İletişim & footer ---------- */
.iletisim-b{background:var(--siyah);padding:clamp(80px,12vw,160px) 0;border-top:1px solid var(--cizgi)}
.iletisim{display:grid;grid-template-columns:1fr;gap:clamp(40px,6vw,96px)}
@media (min-width:900px){.iletisim{grid-template-columns:.95fr 1.05fr}}
.iletisim h2{font-size:clamp(52px,8.4vw,136px)}
.bilgi{margin-top:40px;display:grid;gap:22px}
.bilgi small{display:block;color:var(--gri);font-size:13px}
.bilgi a,.bilgi span{font-size:clamp(18px,1.7vw,26px);font-weight:700;text-decoration:none}
.bilgi a:hover{color:var(--kirmizi)}
form{display:grid;gap:24px}
.alan{display:grid;gap:8px}
.alan label{font-size:14px;color:#cfcfcf}
.alan input,.alan select,.alan textarea{width:100%;background:transparent;border:0;border-bottom:1.5px solid #444;color:var(--beyaz);font:500 18px/1.4 var(--font);padding:10px 0;border-radius:0;transition:border-color .25s}
.alan select{appearance:none;-webkit-appearance:none;cursor:pointer;background:linear-gradient(45deg,transparent 50%,#fff 50%) right 6px center/7px 7px no-repeat}
.alan select option{background:var(--komur)}
.alan textarea{min-height:120px;resize:vertical}
.alan input:focus,.alan select:focus,.alan textarea:focus{outline:none;border-bottom-color:var(--kirmizi)}
.iki{display:grid;grid-template-columns:1fr;gap:24px}
@media (min-width:640px){.iki{grid-template-columns:1fr 1fr}}
.form-alt{display:flex;flex-wrap:wrap;align-items:center;gap:20px}
.form-alt .btn{padding:22px 40px;font-size:16px}
.form-not{font-size:14px;color:var(--gri);min-height:1.4em;margin:0}
.form-not.hata{color:#ff6b68}
.ck-alani{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}

footer{background:var(--siyah);border-top:1px solid var(--cizgi);padding:clamp(40px,6vw,80px) 0 32px;overflow:hidden}

/* --- Mini Tetris oyunu (eski dev "OBUZ MEDIA" yazısının yerinde) --- */
.foot-oyun-baslik{margin:0 0 clamp(20px,3.4vw,32px);text-align:center;font-size:clamp(32px,6.4vw,88px);font-weight:900;font-variation-settings:"wdth" 120;line-height:.98;letter-spacing:-.02em;color:#fff}
.foot-oyun-baslik span{color:var(--kirmizi)}
.foot-oyun{margin-bottom:clamp(40px,6vw,72px)}
.fo-ic{display:flex;flex-direction:column;align-items:center;gap:18px;padding:clamp(18px,3vw,32px);border:1px solid var(--cizgi);border-radius:24px;background:linear-gradient(160deg,var(--komur),#000)}
.fo-ust-bar{width:100%;max-width:680px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px 28px}
.fo-baslik-blok{display:grid;gap:8px;min-width:220px}
.fo-etiket{display:flex;align-items:center;gap:12px;margin:0;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--kirmizi)}
.fo-etiket span{width:28px;height:2px;background:var(--kirmizi)}
.fo-h{margin:0;font-size:clamp(19px,2.1vw,25px);font-weight:800;font-variation-settings:"wdth" 115;line-height:1.25;max-width:26ch}
.fo-h span{color:var(--kirmizi)}
.fo-skor-satir{display:flex;flex-wrap:wrap;gap:22px;align-items:end}
.fo-adet{display:grid;gap:4px}
.fo-adet small{font-size:11px;color:var(--gri);letter-spacing:.1em;text-transform:uppercase}
.fo-adet b{font-size:clamp(24px,2.6vw,32px);font-weight:800;font-variation-settings:"wdth" 115;font-variant-numeric:tabular-nums}
.fo-sonraki-blok canvas{display:block;width:44px;height:44px;background:#0b0b0b;border:1px solid var(--cizgi);border-radius:8px}
.fo-ilerleme{position:relative;width:100%;max-width:680px;height:6px;border-radius:99px;background:#1c1c1c;overflow:hidden}
.fo-ilerleme i{position:absolute;inset:0 auto 0 0;width:0%;background:linear-gradient(90deg,var(--kirmizi-koyu),var(--kirmizi));border-radius:inherit;transition:width .3s var(--ease)}
.fo-yardim{margin:0;color:var(--gri);font-size:13.5px;line-height:1.6;max-width:60ch;text-align:center}
.fo-yardim b{color:#fff}
.fo-yardim-dokunma{display:none}
@media (hover:none),(pointer:coarse){
  .fo-yardim-fare{display:none}
  .fo-yardim-dokunma{display:block}
}

.fo-dokunmatik{display:none;width:100%;max-width:680px;gap:10px}
@media (hover:none),(pointer:coarse){
  .fo-dokunmatik{display:flex}
}
.fo-tus{flex:1 1 0;display:grid;place-items:center;height:54px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);color:#fff;font-size:24px;line-height:1;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation;transition:background .15s,border-color .15s,transform .12s}
.fo-tus i{font-style:normal;pointer-events:none}
.fo-tus:active{background:rgba(229,37,33,.22);border-color:var(--kirmizi);transform:scale(.94)}
.fo-tus-don{color:var(--kirmizi);font-size:22px}
.fo-tus-dus{font-size:19px}

.fo-oyun-alan{position:relative;width:min(94vw,680px);max-width:100%;aspect-ratio:22/23;border-radius:16px;overflow:hidden;background:#0b0b0b;border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(0,0,0,.6),0 30px 70px -30px rgba(229,37,33,.35)}
.fo-oyun-alan canvas{display:block;width:100%;height:100%;touch-action:none}

.fo-ekran{position:absolute;inset:0;z-index:4;display:grid;place-items:center;text-align:center;padding:18px;gap:10px;background:rgba(0,0,0,.82);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .3s var(--ease)}
.fo-ekran.gorunur{opacity:1;pointer-events:auto}
.fo-ekran h4{margin:0;font-size:20px;font-weight:800;font-variation-settings:"wdth" 115}
.fo-ekran p{margin:0;color:#cfcfcf;font-size:13.5px;line-height:1.5}
.fo-ekran .btn{padding:12px 22px;font-size:13px;margin-top:4px}
.fo-kod{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.06);border:1px dashed rgba(255,255,255,.4);border-radius:99px;padding:10px 10px 10px 20px;font-weight:800;letter-spacing:.08em}
.fo-kod button{border:0;border-radius:99px;background:var(--kirmizi);color:#fff;font:700 12px/1 var(--font);padding:10px 16px;cursor:pointer;transition:background .25s}
.fo-kod button:hover{background:#fff;color:#000}
.fo-sayac{font-size:44px;font-weight:900;color:var(--kirmizi)}
.fo-rozet{display:inline-flex;align-items:center;gap:8px;margin-top:6px;padding:8px 16px;border-radius:99px;background:rgba(229,37,33,.12);border:1px solid rgba(229,37,33,.4);font-size:12px;font-weight:700;color:var(--kirmizi)}

/* --- Genişletilmiş footer --- */
.foot-ust{position:relative;display:grid;grid-template-columns:1.3fr .8fr .8fr 1.1fr;gap:clamp(28px,4vw,48px);padding-bottom:clamp(32px,5vw,56px)}
.foot-marka img{height:40px;width:auto;margin-bottom:16px}
.foot-marka p{margin:0 0 22px;color:var(--gri);font-size:14px;line-height:1.7;max-width:34ch}
.foot-sosyal{display:flex;gap:10px}
.foot-sosyal a{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--cizgi);color:#cfcfcf;text-decoration:none;transition:border-color .25s,background .25s,color .25s,transform .3s var(--ease)}
.foot-sosyal a:hover{border-color:var(--kirmizi);background:var(--kirmizi);color:#fff;transform:translateY(-3px)}
.foot-sutun{position:relative;padding-left:clamp(28px,4vw,48px);border-left:1px solid var(--cizgi)}
.foot-baslik{display:flex;align-items:center;gap:12px;margin:0 0 20px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#fff}
.foot-baslik span{width:20px;height:2px;flex:none;background:var(--kirmizi)}
.foot-sutun ul{display:grid;gap:14px}
.foot-sutun ul a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#cfcfcf;font-size:14.5px;transition:color .2s,transform .25s var(--ease)}
.foot-sutun ul a::after{content:"↗";font-size:11px;color:var(--kirmizi);opacity:0;transform:translate(-4px,1px);transition:opacity .2s,transform .25s var(--ease)}
.foot-sutun ul a:hover{color:#fff;transform:translateX(4px)}
.foot-sutun ul a:hover::after{opacity:1;transform:translate(0,1px)}
.foot-bilgi-liste{margin-bottom:20px;display:grid;gap:14px}
.foot-bilgi-liste a,.foot-bilgi-liste span{color:#cfcfcf;font-size:14.5px;text-decoration:none;line-height:1.5}
.foot-bilgi-liste a{display:inline-flex;transition:color .2s,transform .25s var(--ease)}
.foot-bilgi-liste a:hover{color:var(--kirmizi);transform:translateX(4px)}

.foot-harita{margin:clamp(8px,3vw,20px) 0 clamp(32px,5vw,56px)}
.foot-harita .tm-harita-cerceve{height:clamp(260px,30vw,420px);border-radius:20px}
.foot-harita .tm-harita-etiket{font-size:12px;padding:8px 15px;left:18px;top:18px}
.foot-harita .tm-yol{font-size:13px;padding:11px 18px;right:18px;bottom:18px}

.foot-alt{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding-top:28px;border-top:1px solid var(--cizgi)}
.telif{margin:0;color:#6f6f6f;font-size:13px}
.yukari{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:15px}
.yukari i{font-style:normal;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--kirmizi);transition:transform .4s var(--ease)}
.yukari:hover i{transform:translateY(-6px)}

/* ---------- 16 Duyarlı ---------- */
@media (max-width:899px){
  .ust-btn{display:none}
  .ust-sayac{display:none}
  .ust-ic{grid-template-columns:1fr auto}
  .hero-icerik{padding:calc(var(--header-h) + 60px) calc(var(--kenar) + 6px) 130px}
  .vizor-bilgi{left:calc(var(--kenar) + 6px);right:calc(var(--kenar) + 6px);font-size:11px}
  .vizor-bilgi .ozel{display:none}
  .hero-izgara::after{opacity:.35}
  .rakamlar{grid-template-columns:1fr;gap:16px}
  .rakam{flex-direction:row;align-items:baseline;gap:16px}
  .kart{min-height:auto}
  .port-dev-yazi{display:none}
  .pk{width:78vw}
  .pk:nth-child(even),.pk:nth-child(odd){padding:0}
  .pk-son{width:70vw}
  .yk-alt{gap:14px}
}
@media (max-width:980px){
  .tam-menu{align-items:flex-start}
  .tam-menu-ic{grid-template-columns:1fr;gap:34px;margin:0 auto}
  .tam-menu li a{font-size:clamp(30px,8.4vw,56px)}
  .tm-harita-cerceve{height:clamp(200px,34vh,320px)}
}
@media (max-width:520px){
  .tm-bilgi{grid-template-columns:1fr 1fr}
  .tm-sosyal-liste{grid-template-columns:1fr}
  .bant{font-size:11px;letter-spacing:.1em}
  .tam-menu li a{font-size:clamp(34px,10vw,52px)}
  .hero-alt .btn{width:100%}
  .hero-alt .butonlar{width:100%}
}
@media (max-width:900px){
  .foot-ust{grid-template-columns:1fr 1fr;row-gap:36px}
  .foot-marka{grid-column:1/-1}
  .foot-sutun{border-left:0;padding-left:0}
}
@media (max-width:560px){
  .foot-ust{grid-template-columns:1fr}
  .foot-sutun{border-left:0;padding-left:0;border-top:1px solid var(--cizgi);padding-top:24px}
  .foot-harita .tm-harita-cerceve{height:clamp(200px,60vw,300px)}
  .fo-ic{padding:14px;border-radius:18px}
  .fo-ust-bar{justify-content:center;text-align:center}
  .fo-baslik-blok{justify-items:center}
  .fo-oyun-alan{width:min(98vw,480px)}
  .fo-skor-satir{justify-content:center}
  .fo-yardim{max-width:none}
}
@media (prefers-reduced-motion:reduce){
  .fo-ilerleme i,.fo-ekran{transition:none}
}

/* ---------- 7b ObuzSoft AI Akıllı E-Ticaret ---------- */
@property --oa{syntax:"<angle>";initial-value:0deg;inherits:false}
.os{position:relative;background:var(--siyah);border-top:1px solid var(--cizgi)}
.nk{display:inline-block;width:.6em;height:.6em;border-radius:50%;background:var(--kirmizi);animation:nabiz 2s infinite}

/* A. ürün turu */
.os-hikaye{position:relative;padding:clamp(80px,10vw,140px) 0 clamp(60px,8vw,100px)}
.os-pin{position:relative}
.os-glow{position:absolute;right:-12%;top:50%;width:min(95vmin,1050px);aspect-ratio:1;translate:0 -50%;border-radius:50%;background:radial-gradient(circle,rgba(229,37,33,.34),rgba(229,37,33,.05) 60%,transparent 72%);pointer-events:none}
.os-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(36px,5vw,72px);align-items:center}
@media (min-width:900px){.os-grid{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)}}
.os-sol{position:relative;z-index:3;container-type:inline-size;min-width:0}
.os-rozet{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border:1px solid rgba(255,255,255,.2);border-radius:99px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#e6e6e6;margin-bottom:clamp(18px,3vh,30px)}
.os-rozet i{width:8px;height:8px;border-radius:50%;background:var(--kirmizi);animation:nabiz 2s infinite}
.os-metinler{display:grid}
.os-adim{grid-area:1/1;opacity:0;transform:translateY(40px);pointer-events:none;transition:opacity .7s var(--ease),transform .9s var(--ease)}
.os-adim.on{opacity:1;transform:none;pointer-events:auto}
.os-adim h2{font-size:clamp(30px,min(9.6cqw,8.6vh),84px);margin:0 0 clamp(14px,2.4vh,26px)}
.os-adim p:not(.etiket-kucuk){color:#c8c8c8;max-width:46ch;margin:0}
.os-noktalar{display:flex;gap:10px;margin:clamp(20px,3.6vh,38px) 0 clamp(18px,3vh,30px)}
.os-noktalar button{flex:1;max-width:96px;background:none;border:0;border-top:2px solid #333;padding:10px 0 0;color:#777;text-align:left;cursor:pointer;font:inherit;transition:color .3s,border-color .3s}
.os-noktalar button b{display:block;font-size:12px;letter-spacing:.1em}
.os-noktalar button span{display:block;font-size:12px;font-weight:600;margin-top:2px}
.os-noktalar button.on{border-color:var(--kirmizi);color:#fff}
.os-noktalar button:hover{color:#fff}
.os-cta{display:flex;flex-wrap:wrap;gap:12px}

.os-sahne{container-type:inline-size;position:relative;z-index:1;width:100%;min-width:0}
.os-panel{position:relative;font-size:calc(100cqw / 56);aspect-ratio:16/10.4;transform:perspective(2000px) rotateY(calc(-9deg + var(--p,0) * 9deg)) rotateX(calc(3deg - var(--p,0) * 3deg));transform-origin:60% 50%;transition:transform .2s linear}
.os-fenster{position:absolute;inset:0;display:flex;flex-direction:column;background:#0b0b0b;border:1px solid rgba(255,255,255,.16);border-radius:1.2em;overflow:hidden;box-shadow:0 60px 120px -40px rgba(229,37,33,.5),0 30px 80px -30px #000}
.os-ust{display:flex;align-items:center;gap:.5em;padding:.8em 1.1em;background:#141414;border-bottom:1px solid rgba(255,255,255,.08)}
.os-ust>i{width:.75em;height:.75em;border-radius:50%;background:#333}
.os-ust>i:first-child{background:var(--kirmizi)}
.os-url{display:flex;align-items:center;gap:.5em;margin-left:1em;padding:.35em 1.2em;border-radius:99px;background:#0b0b0b;color:#9a9a9a;font-size:.8em}
.os-url svg{width:1em;height:1em}
.os-canli{margin-left:auto;display:flex;align-items:center;gap:.5em;font-size:.75em;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#cfcfcf}
.os-canli b{width:.7em;height:.7em;border-radius:50%;background:var(--kirmizi);animation:nabiz 2s infinite}
.os-govde{flex:1;display:flex;min-height:0}
.os-yan{width:9.6em;flex:none;padding:1em .8em;background:#0f0f0f;border-right:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;gap:.35em}
.os-marka{width:2.3em;height:2.3em;border-radius:.7em;background:var(--kirmizi);display:grid;place-items:center;font-weight:900;font-size:1.05em;margin:0 0 1em .2em}
.os-m{display:flex;align-items:center;gap:.7em;padding:.6em .7em;border-radius:.7em;color:#8a8a8a;font-size:.82em;font-weight:600;transition:background .4s,color .4s}
.os-m svg{width:1.3em;height:1.3em;flex:none}
.os-m.on{background:rgba(229,37,33,.16);color:#fff}
.os-m.on svg{color:var(--kirmizi)}
.os-sol-l i{width:1.3em;height:1.3em;border-radius:.4em;background:#1c1c1c;flex:none}
.os-sol-l .k{height:.6em;flex:1;border-radius:9px;background:#1c1c1c}
.os-ana{position:relative;flex:1;min-width:0}
.os-v{position:absolute;inset:0;padding:1.2em 1.4em;display:flex;flex-direction:column;gap:1em;opacity:0;transform:translateY(1.4em);pointer-events:none;transition:opacity .5s var(--ease),transform .7s var(--ease);overflow:hidden}
[data-adim="0"] .v0,[data-adim="1"] .v1,[data-adim="2"] .v2,[data-adim="3"] .v3{opacity:1;transform:none;transition-delay:.15s}
.os-vb{display:flex;align-items:center;justify-content:space-between}
.os-vb h4{margin:0;font-size:1.25em;font-weight:800;font-variation-settings:"wdth" 110}
.os-chip{display:inline-flex;align-items:center;gap:.5em;padding:.4em 1em;border-radius:99px;background:#1a1a1a;border:1px solid rgba(255,255,255,.1);font-size:.75em;font-weight:700;letter-spacing:.06em;color:#cfcfcf}
.os-chip.kirmizi{background:rgba(229,37,33,.16);border-color:rgba(229,37,33,.5);color:#fff}
.os-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:.8em}
.os-kpi>div{padding:.9em 1em;border-radius:1em;background:#121212;border:1px solid rgba(255,255,255,.08);display:grid;gap:.15em;position:relative}
.os-kpi small{font-size:.72em;color:#8f8f8f;letter-spacing:.04em}
.os-kpi b{font-size:1.75em;font-weight:850;font-variation-settings:"wdth" 118;line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap}
.os-kpi em{font-style:normal;font-size:.72em;font-weight:700;color:#4ade80}
.os-kpi em.dur{color:#9a9a9a}
.os-alt2{flex:1;min-height:0;display:grid;grid-template-columns:1.5fr 1fr;gap:.8em}
.os-kart{isolation:isolate;padding:1em;border-radius:1em;background:#121212;border:1px solid rgba(255,255,255,.08);min-width:0;display:flex;flex-direction:column;gap:.55em;overflow:hidden}
.os-kb{display:flex;justify-content:space-between;align-items:center;font-size:.78em;color:#a5a5a5;font-weight:600}
.os-kb b{color:#fff;font-size:1.2em}
.os-kb svg{width:1.1em;height:1.1em;margin-right:.4em;vertical-align:-.15em;color:var(--kirmizi)}
.os-grafik{flex:1;width:100%;min-height:0;overflow:visible}
.os-grafik .g-cizgi{stroke-dasharray:1;stroke-dashoffset:1}
.os-grafik .g-alan{opacity:0}
[data-adim="0"] .os-grafik .g-cizgi{animation:osCiz 1.8s .5s var(--ease-io) forwards}
[data-adim="0"] .os-grafik .g-alan{animation:osAlan 1s 1.6s forwards}
@keyframes osCiz{to{stroke-dashoffset:0}}
@keyframes osAlan{to{opacity:1}}
.os-cubuk{display:grid;grid-template-columns:5.6em 1fr 2.6em;align-items:center;gap:.6em;font-size:.76em;color:#bdbdbd}
.os-cubuk i{display:block;height:.55em;border-radius:9px;background:linear-gradient(90deg,var(--kirmizi),#ff6a5e);width:0;transition:width 1s var(--ease)}
.os-cubuk em{font-style:normal;text-align:right;color:#fff;font-weight:700}
[data-adim="0"] .v0 .os-cubuk i,[data-adim="3"] .v3 .os-cubuk i{width:var(--w);transition-delay:.7s}
.os-cubuk{position:relative}
.os-cubuk::after{content:"";position:absolute;left:6.2em;right:3.2em;top:50%;height:.55em;translate:0 -50%;border-radius:9px;background:#1d1d1d;z-index:-1}

/* AI görünümü */
.os-alt2.ai{grid-template-columns:1.1fr 1fr}
.os-form{gap:.5em}
.os-form label{font-size:.7em;color:#8f8f8f;letter-spacing:.06em;text-transform:uppercase}
.os-input{padding:.7em .9em;border-radius:.7em;background:#0a0a0a;border:1px solid rgba(255,255,255,.12);font-size:.85em;color:#e9e9e9}
.os-alan{flex:1;min-height:0;line-height:1.5;position:relative;border-color:rgba(229,37,33,.6);box-shadow:0 0 0 .25em rgba(229,37,33,.12)}
.os-yaz .kl{opacity:0}
[data-adim="1"] .os-yaz .kl{animation:osKelime .35s calc(1.3s + var(--i) * .07s) forwards}
@keyframes osKelime{from{opacity:0;filter:blur(3px)}to{opacity:1;filter:none}}
.os-alan u{display:inline-block;width:.15em;height:1em;background:var(--kirmizi);vertical-align:-.15em;margin-left:.15em;animation:osImlec 1s steps(2) infinite}
@keyframes osImlec{50%{opacity:0}}
.os-tag{display:flex;gap:.5em;flex-wrap:wrap}
.os-tag span,.os-oner span{padding:.35em .8em;border-radius:99px;background:#1b1b1b;font-size:.72em;color:#cfcfcf;border:1px solid rgba(255,255,255,.1)}
.os-sohbet .os-bal{padding:.7em .9em;border-radius:1em;font-size:.8em;line-height:1.4;max-width:88%;opacity:0;transform:translateY(.8em)}
.os-bal.ben{align-self:flex-end;background:#232323;border-bottom-right-radius:.3em}
.os-bal.ai-b{background:rgba(229,37,33,.16);border:1px solid rgba(229,37,33,.4);border-bottom-left-radius:.3em;position:relative}
.os-bal-m{opacity:0}
.os-yaziyor{position:absolute;left:.9em;top:50%;translate:0 -50%;display:flex;gap:.25em}
.os-yaziyor i{width:.45em;height:.45em;border-radius:50%;background:#fff;animation:osNokta 1s infinite}
.os-yaziyor i:nth-child(2){animation-delay:.15s}.os-yaziyor i:nth-child(3){animation-delay:.3s}
@keyframes osNokta{0%,100%{opacity:.25;transform:none}50%{opacity:1;transform:translateY(-.25em)}}
.os-oner{display:flex;flex-wrap:wrap;gap:.5em;margin-top:auto;opacity:0}
.os-oner span{border-color:rgba(229,37,33,.6);color:#fff}
[data-adim="1"] .os-sohbet .ben{animation:osGir .6s .5s forwards}
[data-adim="1"] .os-sohbet .ai-b{animation:osGir .6s 1s forwards}
[data-adim="1"] .os-yaziyor{animation:osKay .3s 2.4s forwards}
[data-adim="1"] .os-bal-m{animation:osGor .5s 2.5s forwards}
[data-adim="1"] .os-oner{animation:osGor .6s 3s forwards}
.os-bal.ai-b{min-width:6em;min-height:2.2em}
@keyframes osGir{to{opacity:1;transform:none}}
@keyframes osKay{to{opacity:0}}
@keyframes osGor{to{opacity:1}}

/* Kanallar görünümü */
.os-alt2.kn{grid-template-columns:1.35fr 1fr}
.os-orbit{position:relative;padding:0;background:radial-gradient(circle at 50% 50%,rgba(229,37,33,.14),transparent 62%),#101010}
.os-hatlar{position:absolute;inset:0;width:100%;height:100%}
.os-hatlar path{fill:none;stroke:rgba(229,37,33,.7);stroke-width:.5;stroke-dasharray:2 2.4;vector-effect:non-scaling-stroke;stroke-width:1.5;animation:osAkis 1.4s linear infinite}
@keyframes osAkis{to{stroke-dashoffset:-8.8}}
.os-merkez{position:absolute;left:50%;top:50%;width:5.4em;height:5.4em;translate:-50% -50%;border-radius:50%;background:var(--kirmizi);display:grid;place-items:center;font-size:1em;font-weight:900;box-shadow:0 0 0 .7em rgba(229,37,33,.18),0 0 0 1.6em rgba(229,37,33,.08),0 0 4em rgba(229,37,33,.6)}
.os-merkez span{font-size:2.3em;line-height:1}
.os-dugum{position:absolute;padding:.55em 1em;border-radius:.8em;background:#1a1a1a;border:1px solid rgba(255,255,255,.18);font-size:.8em;font-weight:700;translate:-50% -50%;white-space:nowrap;opacity:0;transform:scale(.8);transition:opacity .5s,transform .6s var(--ease)}
[data-adim="2"] .os-dugum{opacity:1;transform:none}
.os-dugum.d1{left:22%;top:20%;transition-delay:.4s}.os-dugum.d2{left:78%;top:20%;transition-delay:.55s}
.os-dugum.d3{left:22%;top:80%;transition-delay:.7s}.os-dugum.d4{left:78%;top:80%;transition-delay:.85s}
.os-dugum::before{content:"";display:inline-block;width:.55em;height:.55em;border-radius:50%;background:#4ade80;margin-right:.55em;vertical-align:.05em}
.os-akis{gap:.7em}
.os-satir{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:.7em;font-size:.8em;padding:.55em 0;border-top:1px solid rgba(255,255,255,.07);opacity:0;transform:translateX(1em)}
.os-satir i.ok{grid-row:1/3;align-self:center;width:1.5em;height:1.5em;border-radius:50%;background:rgba(74,222,128,.15);position:relative}
.os-satir i.ok::after{content:"";position:absolute;left:.5em;top:.32em;width:.35em;height:.7em;border:solid #4ade80;border-width:0 .16em .16em 0;rotate:40deg}
.os-satir span{font-weight:700}
.os-satir em{font-style:normal;color:#9a9a9a;font-size:.9em}
[data-adim="2"] .os-satir{animation:osSat .6s var(--ease) forwards}
[data-adim="2"] .os-satir:nth-child(2){animation-delay:.9s}
[data-adim="2"] .os-satir:nth-child(3){animation-delay:1.3s}
[data-adim="2"] .os-satir:nth-child(4){animation-delay:1.7s}
[data-adim="2"] .os-satir:nth-child(5){animation-delay:2.1s}
@keyframes osSat{to{opacity:1;transform:none}}

/* Analiz görünümü */
.os-alt2.an{grid-template-columns:1.6fr 1fr}
.os-harita{padding:.6em;justify-content:center;gap:.8em;background:radial-gradient(circle at 50% 60%,rgba(229,37,33,.1),transparent 70%),#101010}
.os-harita-svg{width:100%;flex:1;min-height:0;overflow:visible}
.os-sehir{display:grid;grid-template-columns:repeat(4,1fr);gap:.5em}
.os-sehir span{padding:.5em .7em;border-radius:.7em;background:#1a1a1a;border:1px solid rgba(255,255,255,.08);font-size:.78em;font-weight:800;color:var(--kirmizi)}
.os-sehir b{display:block;font-size:.85em;font-weight:600;color:#a5a5a5}
.os-harita-svg .hs-n{fill:var(--kirmizi)}
.os-harita-svg .hs-h{fill:rgba(229,37,33,.35);transform-box:fill-box;transform-origin:center;opacity:0}
.os-harita-svg .hs-n{opacity:0;transition:opacity .5s calc(.4s + var(--i) * .22s)}
.os-harita-svg text{font-size:5.6px;fill:#e6e6e6;font-weight:700;opacity:0;transition:opacity .5s 1.4s}
[data-adim="3"] .os-harita-svg .hs-n,[data-adim="3"] .os-harita-svg text{opacity:1}
[data-adim="3"] .os-harita-svg .hs-h{animation:osHalka 2.2s calc(.6s + var(--i) * .22s) infinite}
@keyframes osHalka{0%{transform:scale(.6);opacity:.9}100%{transform:scale(3.2);opacity:0}}

/* bildirim kartları */
.os-toast{position:absolute;z-index:4;display:flex;align-items:center;gap:.9em;padding:.8em 1.2em .8em 1em;border-radius:1em;background:rgba(18,18,18,.94);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);box-shadow:0 24px 50px -20px #000;font-size:.92em;opacity:0;transform:translateY(1.2em) scale(.95);transition:opacity .5s,transform .7s var(--ease);pointer-events:none}
.os-toast b{display:block;font-size:.95em}
.os-toast span{display:block;font-size:.8em;color:#a5a5a5;margin-top:.15em}
.os-toast .nk{width:.9em;height:.9em}
[data-adim="0"] .t0,[data-adim="1"] .t1,[data-adim="2"] .t2,[data-adim="3"] .t3{opacity:1;transform:none;transition-delay:1.6s}
.t0{right:-2%;top:9%}.t1{left:-3%;bottom:14%}.t2{right:-2%;bottom:9%}.t3{left:-3%;bottom:14%}
.os-not{margin:1.6em 0 0;font-size:12px;color:#6d6d6d;text-align:center}

/* pin modu */
html.pin .os-hikaye{height:540vh;padding:0}
html.pin .os-pin{position:sticky;top:0;height:100svh;display:flex;align-items:center;padding-top:var(--header-h);overflow:hidden}
html.pin .os-sahne{width:min(100%,calc((100svh - var(--header-h) - 96px) * 1.54));justify-self:end}
html.pin .os-not{position:absolute;left:0;right:0;bottom:-2.6em;margin:0}

/* B. bant */
.os-bant{overflow:hidden;border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi);padding:clamp(14px,2vw,26px) 0;background:#050505}
.os-bant .yatay-bant{align-items:center}
.os-bant span{font-size:clamp(34px,5.6vw,84px);font-weight:900;font-variation-settings:"wdth" 125;letter-spacing:-.02em;padding:0 .5em;text-transform:uppercase;line-height:1.1}
.os-bant span::after{content:"✦";color:var(--kirmizi);margin-left:1em;font-size:.5em;vertical-align:.25em}
.os-bant span.ic{color:transparent;-webkit-text-stroke:1.5px #fff}

/* C. özellikler */
.os-ozellik{padding:clamp(80px,10vw,150px) 0 clamp(60px,8vw,110px)}
.os-baslik{max-width:900px;margin-bottom:clamp(40px,6vw,80px)}
.os-baslik h2,.os-h2-orta{font-size:clamp(34px,min(5.2vw,84px),84px)}
.os-alt-yazi{margin:26px 0 0;color:#c8c8c8;max-width:54ch;font-size:clamp(16px,1.3vw,19px)}
.os-oz{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.os-oz-k{position:relative;padding:clamp(24px,2.4vw,36px);border-radius:24px;border:1px solid var(--cizgi);background:#0a0a0a;overflow:hidden;transition:transform .5s var(--ease),border-color .3s}
.os-oz-k::before{content:"";position:absolute;inset:0;background:radial-gradient(circle 240px at var(--mx,50%) var(--my,0%),rgba(229,37,33,.26),transparent 70%);opacity:0;transition:opacity .35s;pointer-events:none}
.os-oz-k:hover{transform:translateY(-6px);border-color:rgba(229,37,33,.6)}
.os-oz-k:hover::before{opacity:1}
.os-oz-k .no{position:absolute;right:22px;top:20px;font-size:13px;font-weight:700;letter-spacing:.1em;color:#444}
.os-oz-k .ik{width:52px;height:52px;padding:13px;border-radius:50%;border:1px solid rgba(255,255,255,.2);color:var(--kirmizi);margin-bottom:clamp(24px,3vw,44px);transition:background .3s,color .3s,border-color .3s,transform .5s var(--ease)}
.os-oz-k:hover .ik{background:var(--kirmizi);color:#fff;border-color:var(--kirmizi);transform:rotate(-8deg) scale(1.06)}
.os-oz-k h3{font-size:clamp(20px,1.7vw,26px);margin:0 0 10px;font-weight:800;font-variation-settings:"wdth" 110}
.os-oz-k p{margin:0;color:#a9a9a9;font-size:15px}

/* D. süreç */
.os-surec-b{padding:clamp(40px,6vw,90px) 0 clamp(80px,10vw,140px);border-top:1px solid var(--cizgi)}
.os-h2-orta{margin:0 0 clamp(40px,6vw,80px)}
.os-surec{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2vw,32px);position:relative;counter-reset:x}
.os-surec::before{content:"";position:absolute;left:0;right:0;top:27px;height:2px;background:linear-gradient(90deg,var(--kirmizi),#5a1210);transform:scaleX(0);transform-origin:left;transition:transform 1.8s .3s var(--ease-io)}
.os-surec.in::before{transform:scaleX(1)}
.os-surec li{position:relative;padding-top:74px}
.os-surec li b{position:absolute;left:0;top:0;width:56px;height:56px;border-radius:50%;background:#000;border:2px solid var(--kirmizi);display:grid;place-items:center;font-size:15px;color:var(--kirmizi);z-index:1}
.os-surec h3{margin:0 0 8px;font-size:clamp(18px,1.6vw,24px);font-weight:800;font-variation-settings:"wdth" 110}
.os-surec p{margin:0;color:#a9a9a9;font-size:15px;max-width:26ch}

/* E. satın alma */
.os-satin-b{padding:0 0 clamp(70px,9vw,130px)}
.os-satin{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(30px,5vw,80px);padding:clamp(28px,4.4vw,72px);border-radius:36px;border:2px solid transparent;background:linear-gradient(#0a0a0a,#0a0a0a) padding-box,conic-gradient(from var(--oa),#E52521,#3a0e0d 25%,#E52521 50%,#3a0e0d 75%,#E52521) border-box;animation:osDon 7s linear infinite;overflow:hidden}
@keyframes osDon{to{--oa:360deg}}
.os-satin::before{content:"";position:absolute;right:-10%;top:-20%;width:60%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(229,37,33,.3),transparent 65%);pointer-events:none}
.os-satin>*{position:relative;min-width:0}
.os-satin-sol{container-type:inline-size}
.os-satin h2{font-size:clamp(26px,6.8cqw,64px);margin:0 0 clamp(16px,2vw,28px)}
.os-fiyat{display:flex;align-items:flex-start;gap:8px;line-height:.9;max-width:100%}
.os-fiyat b{font-size:clamp(52px,17cqw,170px);font-weight:900;font-variation-settings:"wdth" 125;letter-spacing:-.04em;color:#fff;font-variant-numeric:tabular-nums}
.os-fiyat em{font-style:normal;font-size:clamp(24px,6.5cqw,64px);font-weight:800;color:var(--kirmizi);margin-top:.15em}
.os-fiyat-alt{margin:16px 0 26px;color:#bdbdbd}
.os-fiyat-alt strong{color:#fff}
.os-fiyat-alt .indirim{display:inline-block;margin-left:8px;padding:3px 10px;border-radius:99px;background:var(--kirmizi);color:#fff;font-size:12px;font-weight:800;letter-spacing:.06em}
.os-liste{list-style:none;margin:0 0 30px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 24px}
.os-liste li{position:relative;padding-left:30px;font-size:15px;color:#e2e2e2}
.os-liste li::before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;border-radius:50%;background:rgba(229,37,33,.18)}
.os-liste li::after{content:"";position:absolute;left:7px;top:6px;width:5px;height:9px;border:solid var(--kirmizi);border-width:0 2px 2px 0;rotate:40deg}
.os-satin-btn{display:flex;flex-wrap:wrap;gap:12px}
.os-satin-btn .btn{padding-block:20px;font-size:16px}
.os-guven{display:flex;align-items:center;gap:10px;margin:22px 0 0;font-size:13px;color:#8f8f8f}
.os-guven svg{width:20px;height:20px;flex:none;color:var(--kirmizi)}
.os-satin-sag{display:flex;flex-direction:column;gap:20px;justify-content:center}
.os-satin-sag .etiket-kucuk{margin:0}
.os-ek{display:grid;gap:14px}
.os-ek>div{display:grid;grid-template-columns:1fr auto;gap:6px 20px;padding:22px;border-radius:20px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.03);transition:border-color .3s,background .3s}
.os-ek>div:hover{border-color:var(--kirmizi);background:rgba(229,37,33,.08)}
.os-ek b{font-size:clamp(17px,1.4vw,21px);font-weight:800}
.os-ek span{grid-column:1;color:#a9a9a9;font-size:14px}
.os-ek em{grid-column:2;grid-row:1/3;align-self:center;text-align:right;font-style:normal;font-size:clamp(20px,1.9vw,28px);font-weight:850;font-variation-settings:"wdth" 115;white-space:nowrap}
.os-ek em small{display:block;font-size:12px;font-weight:600;color:#9a9a9a}
.os-chipler{display:flex;flex-wrap:wrap;gap:8px}
.os-chipler span{padding:8px 14px;border-radius:99px;border:1px solid rgba(255,255,255,.14);font-size:13px;color:#d0d0d0}
.os-wp{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-radius:20px;background:var(--kirmizi);color:#fff;text-decoration:none;font-weight:800;font-size:clamp(16px,1.4vw,20px);transition:background .3s,color .3s}
.os-wp small{display:block;font-size:12px;font-weight:600;opacity:.85;letter-spacing:.06em;margin-bottom:2px}
.os-wp i{font-style:normal;font-size:28px;transition:transform .3s var(--ease)}
.os-wp:hover{background:#fff;color:#000}
.os-wp:hover i{transform:translate(4px,-4px)}

/* F. referanslar */
.os-ref{padding:0 0 clamp(60px,8vw,110px);overflow:hidden}
.os-ref .etiket-kucuk{margin-bottom:26px}
.os-ref-bant{border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi);padding:26px 0}
.os-ref-bant .yatay-bant{align-items:center}
.os-ref-bant span{font-size:clamp(26px,3.4vw,52px);font-weight:800;font-variation-settings:"wdth" 112;letter-spacing:-.01em;padding:0 1em;color:#dcdcdc}
.os-ref-bant span::after{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--kirmizi);margin-left:2em;vertical-align:middle}
.os-ref-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0;padding:0}

/* duyarlı */
@media (max-width:1100px){
  .os-oz{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:899px){
  .os-sahne{margin-top:8px}
  .os-panel{font-size:calc(100cqw / 44);aspect-ratio:1/.92}
  .os-yan{display:none}
  .os-kpi{grid-template-columns:1fr 1fr;gap:.6em}
  .os-kpi b{font-size:1.5em}
  .os-v{padding:1em}
  .os-alt2,.os-alt2.ai,.os-alt2.kn,.os-alt2.an{grid-template-columns:1fr}
  .os-alt2>.os-kart:nth-child(2){display:none}
  .v0 .os-alt2>.os-kart:nth-child(2){display:flex}
  .os-toast{font-size:.8em}
  .t0{right:0;top:-4%}.t1{left:0;bottom:-4%}.t2{right:0;bottom:-4%}.t3{left:0;top:-4%}
  .os-satin{grid-template-columns:1fr}
  .os-surec{grid-template-columns:1fr 1fr;row-gap:36px}
  .os-surec::before{display:none}
}
@media (max-width:640px){
  .os-oz{grid-template-columns:1fr}
  .os-liste{grid-template-columns:1fr}
  .os-surec{grid-template-columns:1fr}
  .os-noktalar button{max-width:none}
  .os-satin-btn .btn,.os-cta .btn{width:100%}
  .os-ek>div{grid-template-columns:1fr}
  .os-ek em{grid-column:1;grid-row:auto;text-align:left}
}
@media (prefers-reduced-motion:reduce){
  .os-satin{animation:none}
  .os-grafik .g-cizgi{stroke-dashoffset:0!important}
  .os-grafik .g-alan,.os-yaz .kl,.os-sohbet .os-bal,.os-bal-m,.os-oner,.os-satir{opacity:1!important;transform:none!important;animation:none!important}
  .os-yaziyor{display:none}
  .os-surec::before{transform:none}
}

/* ---------- 17 Hareket azaltma ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0s!important;scroll-behavior:auto!important}
  .js [data-rv],.js [data-rv] .satir>span,.kelime-rv .kl>span{opacity:1!important;transform:none!important}
  .hero-baslik .satir>span{transform:none}
  .js .hero-etiket,.js .hero-alt,.js .vizor-bilgi{opacity:1;transform:none}
  .zemin-cizgi path{stroke-dashoffset:0}
  .manifesto-metin .w{color:#fff}
  .manifesto-metin .w.r{color:var(--kirmizi)}
  .port{height:auto}
  .port-pin{position:relative;height:auto;overflow:visible}
  .port-yol{width:auto;overflow-x:auto;padding-bottom:24px;scroll-snap-type:x mandatory}
  .pk{scroll-snap-align:start;height:min(70vh,560px)}
  .yukleyici{display:none}
}