#intro{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}body.locked{overflow:auto!important}
:root{--ink:#080d15;--ink2:#0d1421;--frost:#eef6ff;--muted:#9aaabd;--line:rgba(173,196,222,.16);--gold:#d8a24a;--gold2:#f0c77d;--blue:#59a8de;--green:#25d366;--glass:rgba(255,255,255,.06);--glass2:rgba(255,255,255,.1);--r:22px;--max:1200px;--ease:cubic-bezier(.22,.61,.36,1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Manrope,system-ui,sans-serif;background:radial-gradient(circle at 85% 5%,rgba(216,162,74,.18),transparent 30%),radial-gradient(circle at 10% 35%,rgba(89,168,222,.16),transparent 32%),var(--ink);color:var(--frost);line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{max-width:var(--max);margin:auto;padding:0 24px}h1,h2,h3,.logo{font-family:Fraunces,Georgia,serif;letter-spacing:-.02em;line-height:1.08}.eyebrow{display:inline-flex;gap:10px;align-items:center;color:var(--gold2);font-weight:800;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase}.eyebrow:before{content:"";width:28px;height:1px;background:var(--gold)}.ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.ambient i{position:absolute;border-radius:50%;filter:blur(90px);opacity:.45}.ambient i:nth-child(1){width:520px;height:520px;background:rgba(216,162,74,.35);right:-180px;top:-160px}.ambient i:nth-child(2){width:600px;height:600px;background:rgba(89,168,222,.28);left:-250px;top:35%}.ambient i:nth-child(3){width:420px;height:420px;background:rgba(255,255,255,.08);right:12%;bottom:-160px}#intro{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:linear-gradient(145deg,#07101d,#121b2b);animation:introOut .65s ease 1.6s forwards;pointer-events:none}.intro-card{text-align:center;animation:introIn .7s var(--ease) both}.intro-mark{width:76px;height:76px;border:1px solid rgba(240,199,125,.7);border-radius:22px;display:grid;place-items:center;margin:0 auto 18px;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.03));box-shadow:0 0 40px rgba(216,162,74,.18);font-family:Fraunces;font-size:1.5rem;color:var(--gold2)}#intro h1{font-size:clamp(2rem,7vw,4rem)}#intro p{color:var(--gold2);letter-spacing:.25em;text-transform:uppercase;font-size:.78rem;margin:10px 0 18px}#intro span{display:block;width:170px;height:2px;background:rgba(255,255,255,.14);margin:auto;overflow:hidden;border-radius:4px}#intro span:before{content:"";display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--gold),var(--blue));animation:load 1.35s var(--ease) both}@keyframes load{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes introIn{from{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:none}}@keyframes introOut{to{opacity:0;visibility:hidden}}header{position:fixed;top:0;left:0;right:0;z-index:100;padding:18px 0;transition:.3s}header.scrolled{background:rgba(8,13,21,.75);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);padding:11px 0}.nav{display:flex;justify-content:space-between;align-items:center;gap:20px}.logo{display:flex;align-items:center;gap:12px;font-size:1.28rem}.logo small{display:block;font-family:Manrope;font-size:.58rem;letter-spacing:.22em;color:var(--muted);text-transform:uppercase}.lm{width:38px;height:38px;border-radius:11px;border:1px solid var(--gold);display:inline-block;position:relative;background:rgba(216,162,74,.08)}.lm:before,.lm:after{content:"";position:absolute;background:var(--gold);opacity:.8}.lm:before{width:1px;height:100%;left:50%}.lm:after{height:1px;width:100%;top:50%}.menu{display:flex;gap:28px}.menu a{color:var(--muted);font-weight:700;font-size:.9rem}.menu a:hover{color:#fff}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;padding:13px 22px;font-weight:800;font-family:Manrope;cursor:pointer;transition:.25s}.nav-cta,.btn-gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#1a1206;box-shadow:0 12px 28px rgba(216,162,74,.23)}.btn-wa{background:var(--green);color:#062b15}.btn-ghost{background:var(--glass);border:1px solid var(--line);color:#fff}.btn:hover,.nav-cta:hover{transform:translateY(-3px)}.burger{display:none;background:none;border:0;flex-direction:column;gap:5px}.burger span{width:25px;height:2px;background:#fff}.mobile-menu{position:fixed;inset:0;z-index:90;background:rgba(8,13,21,.97);backdrop-filter:blur(16px);display:flex;flex-direction:column;justify-content:center;padding:38px;opacity:0;visibility:hidden;transition:.3s}.mobile-menu.open{opacity:1;visibility:visible}.mobile-menu a{font-family:Fraunces;font-size:2rem;padding:12px 0;border-bottom:1px solid var(--line)}.hero{min-height:100vh;display:flex;align-items:center;padding:125px 0 80px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}.hero h1{font-size:clamp(2.7rem,6.2vw,5rem);margin:20px 0}.hero .hl{color:var(--gold2);font-style:italic}.lead{font-size:1.13rem;color:var(--muted);max-width:560px;margin-bottom:32px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-meta{display:flex;gap:28px;margin-top:34px;flex-wrap:wrap}.hero-meta b{font-family:Fraunces;font-size:1.7rem}.hero-meta span{display:block;color:var(--muted);font-size:.82rem}.hero-visual,.about-card{height:520px;border-radius:28px;border:1px solid rgba(121,180,222,.2);overflow:hidden;position:relative;background:var(--glass);box-shadow:0 45px 90px rgba(0,0,0,.42),inset 0 0 70px rgba(89,168,222,.07)}.glass-scene{position:absolute;inset:0;background:linear-gradient(180deg,#152846 0%,#314d78 44%,#d19055 75%,#0d1017 100%)}.glass-scene.small{position:absolute}.sun{position:absolute;width:125px;height:125px;border-radius:50%;left:58%;top:43%;background:radial-gradient(circle,#ffe7ae,#e89942 58%,transparent 70%);filter:blur(2px);animation:float 5s ease-in-out infinite alternate}.city{position:absolute;left:0;right:0;bottom:34%;height:90px;background:repeating-linear-gradient(90deg,#101827 0 20px,transparent 20px 30px,#172235 30px 48px,transparent 48px 60px);opacity:.42}.glass-panels{position:absolute;inset:0;display:flex}.glass-panels i{flex:1;border-right:2px solid rgba(12,18,28,.75);background:linear-gradient(115deg,rgba(255,255,255,.14),transparent 45%)}.rail{position:absolute;left:0;right:0;bottom:32%;height:8px;background:#111827}.floor{position:absolute;left:0;right:0;bottom:0;height:32%;background:linear-gradient(#1c2432,#0b0f16)}.tag{position:absolute;left:20px;bottom:20px;background:rgba(8,13,21,.62);border:1px solid var(--line);backdrop-filter:blur(10px);padding:12px 18px;border-radius:16px}.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.025)}.trust .wrap{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding-top:28px;padding-bottom:28px;color:var(--muted);font-weight:800}.block{padding:92px 0;position:relative}.sec-head{max-width:720px;margin-bottom:42px}.sec-head h2,.why h2{font-size:clamp(2rem,4.6vw,3.25rem);margin:16px 0 14px}.sec-head p{color:var(--muted);font-size:1.05rem}.why{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.why-list{list-style:none;display:grid;gap:18px}.why-list li{display:flex;gap:16px;background:var(--glass);border:1px solid var(--line);padding:18px;border-radius:18px;transition:.25s}.why-list li:hover{transform:translateX(6px);background:var(--glass2)}.why-list span{width:44px;height:44px;border-radius:14px;border:1px solid var(--line);display:grid;place-items:center;color:var(--gold2);font-family:Fraunces;flex:none}.why-list p{color:var(--muted);font-size:.94rem}.about-card{height:430px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{appearance:none;text-align:left;color:inherit;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid var(--line);border-radius:var(--r);padding:28px;position:relative;overflow:hidden;transition:.35s var(--ease)}.card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--x,50%) var(--y,0%),rgba(240,199,125,.18),transparent 32%);opacity:0;transition:.25s}.card:hover{transform:translateY(-8px);border-color:rgba(240,199,125,.35)}.card:hover:before{opacity:1}.card .ic{width:54px;height:54px;border-radius:16px;background:rgba(216,162,74,.12);border:1px solid var(--line);display:grid;place-items:center;color:var(--gold2);font-size:1.5rem;margin-bottom:18px}.card img{height:130px;width:100%;object-fit:cover;border-radius:15px;margin-bottom:14px}.card h3{font-size:1.35rem;margin-bottom:8px}.card p{color:var(--muted);font-size:.94rem}.card em{display:block;color:var(--gold2);font-style:normal;font-weight:800;margin-top:16px;font-size:.86rem}.completed{margin-top:76px}.compact{margin-bottom:28px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:26px}.filters button{background:var(--glass);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:10px 17px;font-weight:800;cursor:pointer}.filters button.active,.filters button:hover{background:var(--gold);color:#181006}.gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.shot{min-height:310px;border-radius:20px;overflow:hidden;position:relative;border:1px solid var(--line);background:#142033;transition:.3s}.shot:hover{transform:translateY(-6px) scale(1.015)}.shot img,.fake-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.fake-img{background:linear-gradient(180deg,#1c2c47,#3a5078 45%,#d99a5c 80%,#15110c)}.g2{background:linear-gradient(180deg,#14233d,#28456c 50%,#9fb6cf 85%,#0c121c)}.g3{background:linear-gradient(180deg,#2a1f33,#6b5b7a 45%,#e8b97a 82%,#1a1410)}.g4{background:linear-gradient(180deg,#16263f,#34568a 55%,#cfe0ee 88%,#0c121c)}.g5{background:linear-gradient(180deg,#202a3a,#46546e 50%,#caa06a 85%,#15120c)}.shot:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(0,0,0,.84))}.shot>b{position:absolute;top:12px;left:12px;z-index:2;background:rgba(216,162,74,.95);color:#1a1206;border-radius:999px;padding:6px 10px;font-size:.74rem}.shot div:last-child{position:absolute;left:14px;right:14px;bottom:14px;z-index:2}.shot h3{font-family:Manrope;font-size:1rem}.shot span{color:var(--gold2);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.more{margin:28px auto 0;max-width:200px}.tmwrap{overflow:hidden}.tm-track{display:flex;transition:transform .65s var(--ease)}.tm{min-width:100%;padding:4px}.tm-inner{background:var(--glass);border:1px solid var(--line);border-radius:26px;padding:42px}.stars{color:var(--gold2);letter-spacing:4px;margin-bottom:18px}.tm blockquote{font-family:Fraunces;font-size:clamp(1.25rem,2.7vw,1.85rem);line-height:1.45;margin-bottom:24px}.who{display:flex;gap:14px;align-items:center}.who>span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold2),var(--blue));color:#08101d;font-weight:900}.who small{display:block;color:var(--muted)}.tm-nav{display:flex;gap:9px;justify-content:center;margin-top:24px}.tm-nav button{width:10px;height:10px;border-radius:50%;border:0;background:rgba(255,255,255,.22);cursor:pointer}.tm-nav button.active{width:30px;border-radius:999px;background:var(--gold)}.review-form,.form-card,.info-card{background:var(--glass);border:1px solid var(--line);border-radius:var(--r);padding:30px;margin-top:34px}.form-title{margin-bottom:20px}.form-title h3{font-size:1.55rem;margin-top:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-weight:700}.form-grid .full{grid-column:1/-1}input,select,textarea{width:100%;background:#0b1220;border:1px solid var(--line);color:#fff;border-radius:13px;padding:13px 14px;font:inherit}textarea{min-height:105px;resize:vertical}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.info-card{margin:0}.info-card>div:not(.info-actions){display:flex;gap:14px;padding:17px 0;border-bottom:1px solid var(--line)}.info-card span{width:44px;height:44px;border-radius:14px;background:rgba(216,162,74,.12);border:1px solid var(--line);display:grid;place-items:center;color:var(--gold2);flex:none}.info-card b{display:block;color:var(--muted);font-size:.77rem;text-transform:uppercase;letter-spacing:.12em}.info-actions{display:flex;gap:12px;margin-top:22px}.map-card{min-height:430px;border-radius:var(--r);overflow:hidden;border:1px solid var(--line)}.map-card iframe{width:100%;height:100%;border:0;min-height:430px}.form-card{margin-top:30px}footer{border-top:1px solid var(--line);padding:55px 0 24px;background:rgba(0,0,0,.14)}.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:36px}.foot p,.foot a{display:block;color:var(--muted);margin-top:8px}.foot h4{color:var(--gold2);margin-bottom:12px}.copy{text-align:center;color:var(--muted);border-top:1px solid var(--line);margin-top:34px;padding-top:22px}.floats{position:fixed;right:18px;bottom:18px;z-index:80;display:flex;flex-direction:column;gap:12px}.floats a{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:1.45rem;box-shadow:0 12px 28px rgba(0,0,0,.35)}.floats .call{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#1a1206;order:1}.floats .whatsapp{background:var(--green);color:#062b15;order:2}.reveal{opacity:0;transform:translateY(30px);transition:opacity .75s var(--ease),transform .75s var(--ease)}.reveal.in{opacity:1;transform:none}@keyframes float{to{transform:translateY(-18px)}}@media(max-width:980px){.hero-grid,.why,.contact-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:repeat(3,1fr)}.hero-visual{height:420px}.foot{grid-template-columns:1fr 1fr}}@media(max-width:680px){.wrap{padding:0 18px}.menu,.nav-cta{display:none}.burger{display:flex}.hero{padding-top:110px}.hero h1{font-size:2.7rem}.cards{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.foot{grid-template-columns:1fr}.block{padding:66px 0}.trust .wrap{display:grid;grid-template-columns:1fr 1fr}.floats{right:14px;bottom:14px}.floats a{width:52px;height:52px}.hero-actions .btn{width:100%}}

.floats svg{width:26px;height:26px;display:block}.floats .call{order:1}.floats .whatsapp{order:2}

/* =========================================================
   GÜNEY PEN - GÜNCEL SON DÜZELTMELER
   Neden Güney Pen kesilme sorunu + yorum carousel uyumu
   ========================================================= */

/* Intro tamamen kapalı kalsın */
#intro {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* 2026-06 responsive proportion and brand polish */
body.menu-open{overflow:hidden}
.logo{min-width:max-content}
.logo-mark{width:46px;height:46px;flex:0 0 46px;display:block;object-fit:contain;filter:drop-shadow(0 7px 14px rgba(0,0,0,.28))}
header{padding:14px 0}
header.scrolled{padding:8px 0}
.hero{min-height:0;padding:116px 0 58px}
.hero-grid{gap:clamp(30px,4vw,52px)}
.hero h1{font-size:clamp(2.65rem,5vw,4.4rem);margin:17px 0}
.hero-visual{height:clamp(350px,42vw,460px)}
.hero-media,.hero-media img,.hero-media video{position:absolute;inset:0;width:100%;height:100%}
.hero-media{z-index:2}
.hero-media img,.hero-media video{object-fit:cover}
.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(8,13,21,.42))}
.hero-visual .tag{z-index:3}
.burger{position:relative;width:44px;height:44px;align-items:center;justify-content:center;padding:0;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.05);z-index:102}
.burger span{position:absolute;transition:transform .25s,opacity .2s;transform-origin:center}
.burger span:nth-child(1){transform:translateY(-7px)}
.burger span:nth-child(3){transform:translateY(7px)}
.burger.open span:nth-child(1){transform:rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:rotate(-45deg)}
.mobile-menu{padding-top:92px;justify-content:flex-start;overflow-y:auto}
.mobile-menu a{font-size:clamp(1.55rem,7vw,2rem)}

@media(max-width:980px){
  .hero{padding-top:105px}
  .hero-grid{gap:34px}
  .hero-copy{max-width:720px}
  .hero-visual{height:min(54vw,440px)}
}

@media(max-width:680px){
  .wrap{padding-left:16px;padding-right:16px}
  header{padding:10px 0}
  header.scrolled{padding:7px 0}
  .logo{gap:9px;font-size:1.08rem}
  .logo small{font-size:.52rem;letter-spacing:.16em}
  .logo-mark{width:40px;height:40px;flex-basis:40px}
  .hero{padding:92px 0 42px}
  .hero h1{font-size:clamp(2.05rem,10.5vw,2.85rem);margin:14px 0}
  .lead{font-size:1rem;line-height:1.65;margin-bottom:24px}
  .hero-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:24px}
  .hero-meta>div{padding:11px 7px;border:1px solid var(--line);border-radius:14px;background:var(--glass);text-align:center}
  .hero-meta b{font-size:clamp(1rem,5vw,1.35rem);white-space:nowrap}
  .hero-meta span{font-size:.67rem;line-height:1.35;margin-top:3px}
  .hero-visual{height:clamp(240px,68vw,320px);border-radius:22px}
  .tag{left:12px;right:12px;bottom:12px;text-align:center;padding:10px 12px;font-size:.8rem}
  .trust .wrap{gap:10px;padding-top:20px;padding-bottom:20px}
  .trust .item{font-size:.78rem;line-height:1.4}
  .block{padding:56px 0}
  .sec-head{margin-bottom:30px}
  .gallery{gap:10px}
  .shot{min-height:240px;border-radius:16px}
  .review-form,.form-card,.info-card{padding:20px}
  .info-actions{flex-direction:column}
  .info-actions .btn{width:100%}
  .map-card,.map-card iframe{min-height:340px}
}

@media(max-width:390px){
  .gallery{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

body.locked {
  overflow: auto !important;
}

/* Neden Güney Pen / Hakkımızda alanı kesilmesin */
#neden,
#hakkimizda,
#neden.block,
#hakkimizda.block,
#neden.premium-section,
#hakkimizda.premium-section {
  height: auto !important;
  min-height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  display: block !important;
  padding-top: 110px !important;
  padding-bottom: 150px !important;
}

#neden .wrap,
#hakkimizda .wrap,
#neden .why,
#hakkimizda .why {
  height: auto !important;
  min-height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

#neden .why,
#hakkimizda .why {
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr) !important;
  gap: 64px !important;
  align-items: start !important;
}

#neden .why > div,
#hakkimizda .why > div,
#neden .why-list,
#hakkimizda .why-list {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

#neden .why-list,
#hakkimizda .why-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 22px !important;
}

#neden .why-list li,
#hakkimizda .why-list li,
#neden .premium-list-item,
#hakkimizda .premium-list-item {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: none !important;
  height: auto !important;
  min-height: 96px !important;
  max-height: none !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 3 !important;
}

#neden .why-visual,
#hakkimizda .why-visual,
#neden .about-card,
#hakkimizda .about-card {
  height: 520px !important;
  min-height: 520px !important;
  max-height: none !important;
  overflow: hidden !important;
  position: sticky !important;
  top: 110px !important;
}

/* Alttaki bölüm üstüne binmesin */
#hizmetler,
section#hizmetler {
  position: relative !important;
  z-index: 4 !important;
  margin-top: 0 !important;
}

.premium-section,
.block {
  max-height: none !important;
}

/* Yorumlar carousel */
.testimonial-carousel {
  position: relative;
  margin-top: 36px;
  padding: 70px 72px;
  border-radius: 42px;
  background:
    radial-gradient(circle at 50% 12%, rgba(121,180,222,.24), transparent 42%),
    linear-gradient(135deg, rgba(248,244,232,.95), rgba(188,207,218,.88));
  border: 1px solid rgba(231,192,129,.72);
  box-shadow: 0 35px 95px rgba(0,0,0,.30);
  overflow: hidden;
}

.testimonial-window {
  overflow: hidden;
  width: 100%;
  touch-action: pan-y;
}

.testimonial-track {
  display: flex;
  gap: 34px;
  transition: transform .55s cubic-bezier(.22,.61,.36,1);
  will-change: transform;
  cursor: grab;
}

.testimonial-track:active {
  cursor: grabbing;
}

.testimonial-card {
  flex: 0 0 calc((100% - 68px) / 3);
  min-height: 330px;
  background: rgba(255,255,255,.94);
  color: #324252;
  border-radius: 26px;
  padding: 34px 32px;
  box-shadow: 0 22px 58px rgba(22,34,48,.18);
  border: 1px solid rgba(255,255,255,.9);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.testimonial-stars {
  color: #d8a24a;
  font-size: 1.15rem;
  letter-spacing: 4px;
  margin-bottom: 22px;
}

.testimonial-text {
  font-family: Fraunces, Georgia, serif;
  font-size: 1.18rem;
  line-height: 1.55;
  color: #334455;
  margin-bottom: 28px;
}

.testimonial-user {
  display: flex;
  align-items: center;
  gap: 14px;
}

.testimonial-avatar {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--gold2), var(--blue));
  color: #08101d;
  display: grid;
  place-items: center;
  font-weight: 900;
}

.testimonial-user h4 {
  margin: 0;
  color: #263443;
  font-size: 1rem;
  font-family: Manrope, system-ui, sans-serif;
}

.testimonial-user span {
  display: block;
  color: #6d7d8e;
  font-size: .88rem;
}

.testimonial-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  width: 58px;
  height: 58px;
  border: 0;
  border-radius: 50%;
  background: rgba(255,255,255,.96);
  color: #334455;
  font-size: 2.2rem;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 14px 32px rgba(0,0,0,.20);
  transition: transform .25s ease, box-shadow .25s ease;
}

.testimonial-arrow:hover {
  transform: translateY(-50%) scale(1.08);
  box-shadow: 0 18px 42px rgba(0,0,0,.24);
}

.testimonial-prev {
  left: 28px;
}

.testimonial-next {
  right: 28px;
}

/* Eski yorum slider class'ları yeni carousel ile çakışmasın */
#yorumlar .tmwrap,
#yorumlar .tm-track,
#yorumlar .tm,
#yorumlar .tm-inner {
  all: unset;
}

/* Tablet */
@media (max-width: 980px) {
  #neden .why,
  #hakkimizda .why {
    grid-template-columns: 1fr !important;
  }

  #neden .why-visual,
  #hakkimizda .why-visual,
  #neden .about-card,
  #hakkimizda .about-card {
    position: relative !important;
    top: auto !important;
    height: 420px !important;
    min-height: 420px !important;
  }

  #neden.block,
  #hakkimizda.block,
  #neden.premium-section,
  #hakkimizda.premium-section {
    padding-top: 85px !important;
    padding-bottom: 110px !important;
  }

  .testimonial-carousel {
    padding: 56px 56px;
  }

  .testimonial-card {
    flex: 0 0 calc((100% - 34px) / 2);
  }
}

/* Mobil */
@media (max-width: 680px) {
  #neden,
  #hakkimizda,
  #neden.block,
  #hakkimizda.block,
  #neden.premium-section,
  #hakkimizda.premium-section {
    padding-top: 75px !important;
    padding-bottom: 95px !important;
  }

  #neden .why-visual,
  #hakkimizda .why-visual,
  #neden .about-card,
  #hakkimizda .about-card {
    height: 340px !important;
    min-height: 340px !important;
  }

  #neden .why-list li,
  #hakkimizda .why-list li,
  #neden .premium-list-item,
  #hakkimizda .premium-list-item {
    min-height: auto !important;
    padding: 16px !important;
  }

  .testimonial-carousel {
    padding: 42px 18px 76px;
    border-radius: 28px;
  }

  .testimonial-track {
    gap: 18px;
  }

  .testimonial-card {
    flex: 0 0 100%;
    min-height: 300px;
  }

  .testimonial-arrow {
    top: auto;
    bottom: 18px;
    width: 46px;
    height: 46px;
    font-size: 1.8rem;
  }

  .testimonial-prev {
    left: calc(50% - 56px);
  }

  .testimonial-next {
    right: calc(50% - 56px);
  }
}


/* =========================================================
   GÜNEY PEN MARKA UYUMLU TAM EKRAN HERO / BANNER
   Renk, buton ve cam balkon hissi Güney Pen temasında bırakıldı.
   ========================================================= */

header{
  background:rgba(8,13,21,.38) !important;
  border-bottom:1px solid rgba(240,199,125,.12) !important;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  padding:14px 0 !important;
}

header.scrolled{
  background:rgba(8,13,21,.86) !important;
  border-bottom:1px solid rgba(240,199,125,.18) !important;
  box-shadow:0 16px 42px rgba(0,0,0,.28);
  padding:9px 0 !important;
}

.nav{min-height:58px;}
.logo-mark{width:46px;height:46px;flex:0 0 46px;display:block;object-fit:contain;filter:drop-shadow(0 7px 14px rgba(0,0,0,.28));}
.menu{gap:30px;}
.menu a{position:relative;color:var(--muted);font-weight:800;font-size:.94rem;padding:10px 0;transition:color .22s ease,text-shadow .22s ease;}
.menu a:hover{color:var(--gold2);text-shadow:0 0 18px rgba(216,162,74,.25);}
.menu a:after{content:"";position:absolute;left:50%;bottom:2px;width:0;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--gold2),var(--blue));transform:translateX(-50%);transition:width .22s ease;}
.menu a:hover:after{width:34px;}
.nav-cta{border-radius:999px !important;background:linear-gradient(135deg,var(--gold2),var(--gold)) !important;color:#1a1206 !important;border:0 !important;box-shadow:0 12px 28px rgba(216,162,74,.23) !important;}

.hero.hero-brand-banner{
  min-height:100svh !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate;
  background:var(--ink) !important;
}

.hero.hero-brand-banner .hero-bg{
  position:absolute;
  inset:0;
  z-index:-3;
  overflow:hidden;
  background:#101827;
}

.hero.hero-brand-banner .hero-bg img,
.hero.hero-brand-banner .hero-bg video{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:saturate(1.05) contrast(1.06) brightness(.86);
  transform:scale(1.02);
}

.hero.hero-brand-banner .hero-bg-fallback{
  background:
    radial-gradient(circle at 72% 42%, rgba(240,199,125,.28), transparent 19%),
    radial-gradient(circle at 76% 62%, rgba(89,168,222,.22), transparent 24%),
    linear-gradient(115deg, #07101d 0%, #122138 45%, #28415f 100%);
}

.hero.hero-brand-banner .hero-bg-fallback:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(115deg, transparent 0 49%, rgba(255,255,255,.16) 50%, transparent 52%);
  background-size:90px 90px,90px 90px,100% 100%;
  opacity:.72;
}

.hero.hero-brand-banner:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    radial-gradient(circle at 18% 50%, rgba(216,162,74,.16), transparent 32%),
    linear-gradient(90deg, rgba(8,13,21,.98) 0%, rgba(8,13,21,.86) 36%, rgba(8,13,21,.58) 65%, rgba(8,13,21,.32) 100%),
    linear-gradient(180deg, rgba(8,13,21,.28) 0%, rgba(8,13,21,.08) 48%, rgba(8,13,21,.92) 100%);
}

.hero.hero-brand-banner:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(240,199,125,.04) 1px, transparent 1px),
    linear-gradient(0deg, rgba(89,168,222,.038) 1px, transparent 1px);
  background-size:92px 92px;
  mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.86) 46%,transparent 100%);
}

.hero-content{width:100%;position:relative;z-index:2;padding-top:90px;}
.hero.hero-brand-banner .hero-copy{max-width:780px;}

.hero.hero-brand-banner .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding:11px 20px;
  border-radius:999px;
  background:rgba(8,13,21,.56);
  border:1px solid rgba(240,199,125,.30);
  color:var(--gold2);
  font-size:.86rem;
  letter-spacing:.12em;
  box-shadow:inset 0 0 30px rgba(240,199,125,.06),0 14px 38px rgba(0,0,0,.28);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

.hero.hero-brand-banner .eyebrow:before{
  width:10px;
  height:10px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--gold2),var(--blue));
  box-shadow:0 0 20px rgba(216,162,74,.75);
}

.hero.hero-brand-banner h1{
  font-size:clamp(3.2rem,6.1vw,5.9rem);
  line-height:1.02;
  letter-spacing:-.045em;
  max-width:850px;
  margin:30px 0 22px;
  color:#fff;
  text-shadow:0 18px 55px rgba(0,0,0,.46);
}

.hero.hero-brand-banner .hl{color:var(--gold2) !important;font-style:italic !important;}
.hero.hero-brand-banner .lead{max-width:650px;color:rgba(238,246,255,.82);font-size:clamp(1.08rem,1.35vw,1.32rem);line-height:1.72;margin-bottom:32px;text-shadow:0 10px 28px rgba(0,0,0,.42);}
.hero.hero-brand-banner .hero-actions{gap:14px;margin-bottom:0;}
.hero.hero-brand-banner .hero-actions .btn{min-height:62px;min-width:190px;border-radius:999px !important;padding:17px 28px;font-size:1.03rem;}
.hero.hero-brand-banner .btn-wa{background:var(--green) !important;color:#062b15 !important;box-shadow:0 18px 44px rgba(37,211,102,.20) !important;}
.hero.hero-brand-banner .btn-ghost{background:rgba(255,255,255,.08) !important;border:1px solid rgba(240,199,125,.20) !important;color:#fff !important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}

.hero.hero-brand-banner .hero-meta{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap;}
.hero.hero-brand-banner .hero-meta>div{min-width:150px;padding:14px 16px;border-radius:18px;background:rgba(8,13,21,.46);border:1px solid rgba(240,199,125,.16);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 16px 38px rgba(0,0,0,.20);}
.hero.hero-brand-banner .hero-meta b{display:block;color:#fff;font-size:1.38rem;}
.hero.hero-brand-banner .hero-meta span{display:block;color:rgba(238,246,255,.68);font-size:.78rem;margin-top:2px;}

.hero.hero-brand-banner + .trust{margin-top:0;border-top:1px solid rgba(240,199,125,.14);background:rgba(8,13,21,.72);}

@media(max-width:980px){
  .hero.hero-brand-banner{min-height:90svh !important;align-items:flex-end !important;}
  .hero-content{padding-top:118px;padding-bottom:68px;}
  .hero.hero-brand-banner .hero-copy{max-width:720px;}
  .hero.hero-brand-banner h1{font-size:clamp(2.7rem,9vw,4.55rem);}
  .hero.hero-brand-banner:before{background:linear-gradient(90deg, rgba(8,13,21,.96), rgba(8,13,21,.70)),linear-gradient(180deg, rgba(8,13,21,.10), rgba(8,13,21,.92));}
}

@media(max-width:680px){
  header{background:rgba(8,13,21,.82) !important;padding:10px 0 !important;}
  header.scrolled{padding:7px 0 !important;}
  .logo{gap:9px;font-size:1.08rem;}
  .logo small{font-size:.52rem;letter-spacing:.16em;}
  .logo-mark{width:40px;height:40px;flex-basis:40px;}
  .nav{min-height:50px;}
  .hero.hero-brand-banner{min-height:86svh !important;}
  .hero-content{padding-top:98px;padding-bottom:44px;}
  .hero.hero-brand-banner .eyebrow{font-size:.74rem;letter-spacing:.08em;padding:10px 14px;}
  .hero.hero-brand-banner h1{font-size:clamp(2.16rem,12.6vw,3.25rem);letter-spacing:-.045em;margin:22px 0 16px;}
  .hero.hero-brand-banner .lead{font-size:1rem;line-height:1.62;margin-bottom:24px;}
  .hero.hero-brand-banner .hero-actions{display:grid;grid-template-columns:1fr;gap:12px;}
  .hero.hero-brand-banner .hero-actions .btn{width:100%;min-width:0;min-height:56px;padding:14px 18px;font-size:1rem;}
  .hero.hero-brand-banner .hero-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px;}
  .hero.hero-brand-banner .hero-meta>div{min-width:0;padding:12px 12px;}
  .hero.hero-brand-banner .hero-meta b{font-size:1.1rem;}
  .hero.hero-brand-banner .hero-meta span{font-size:.7rem;}
}

@media(max-width:430px){
  .hero.hero-brand-banner .hero-meta{grid-template-columns:1fr;}
}

/* =========================================================
   HAKKIMIZDA + NEDEN GÜNEY PEN YAN YANA DÜZEN
   Sadece bu iki alan birleştirildi; diğer bölümlere dokunulmadı.
   ========================================================= */
#hakkimizda.about-why-section{
  padding:105px 0 115px !important;
  height:auto !important;
  min-height:auto !important;
  max-height:none !important;
  overflow:hidden !important;
  position:relative !important;
  background:
    radial-gradient(circle at 9% 84%, rgba(89,168,222,.18), transparent 32%),
    radial-gradient(circle at 88% 14%, rgba(216,162,74,.10), transparent 29%),
    linear-gradient(135deg, rgba(8,13,21,.94), rgba(13,20,33,.78) 48%, rgba(8,13,21,.96));
}

#hakkimizda.about-why-section:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255,255,255,.028) 1px, transparent 1px);
  background-size:92px 92px;
  opacity:.32;
  mask-image:linear-gradient(90deg, #000 0%, rgba(0,0,0,.75) 62%, transparent 100%);
}

#hakkimizda .about-why-grid{
  display:grid !important;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr) !important;
  gap:clamp(38px,5.2vw,76px) !important;
  align-items:start !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
}

#hakkimizda .about-side,
#hakkimizda .why-side{
  position:relative !important;
  z-index:2 !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
}

#hakkimizda .about-side{
  padding-top:8px !important;
  max-width:620px !important;
}

#hakkimizda .about-side h2,
#hakkimizda .why-side h2{
  font-size:clamp(2.35rem,4.5vw,4.05rem) !important;
  line-height:1.06 !important;
  letter-spacing:-.035em !important;
  margin:18px 0 24px !important;
  color:var(--frost) !important;
}

#hakkimizda .about-side p{
  color:var(--muted) !important;
  font-size:clamp(1.02rem,1.25vw,1.22rem) !important;
  line-height:1.72 !important;
  max-width:690px !important;
  margin:0 !important;
}

#hakkimizda .about-photo-slot{
  margin-top:34px !important;
  width:min(100%, 650px) !important;
  height:clamp(260px, 28vw, 380px) !important;
  border-radius:28px !important;
  overflow:hidden !important;
  position:relative !important;
  border:1px solid rgba(173,196,222,.20) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.03)),
    radial-gradient(circle at 20% 12%, rgba(240,199,125,.16), transparent 35%),
    radial-gradient(circle at 80% 88%, rgba(89,168,222,.18), transparent 38%) !important;
  box-shadow:0 28px 70px rgba(0,0,0,.26), inset 0 0 55px rgba(89,168,222,.05) !important;
}

#hakkimizda .about-photo-slot:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg, rgba(255,255,255,.13), transparent 34%, rgba(240,199,125,.08) 78%, transparent) !important;
  z-index:2;
}

#hakkimizda .about-photo-slot img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
  filter:saturate(1.05) contrast(1.03) brightness(.92) !important;
}

#hakkimizda .about-photo-placeholder{
  width:100% !important;
  height:100% !important;
  display:flex !important;
  align-items:flex-end !important;
  gap:16px !important;
  padding:26px !important;
  color:var(--frost) !important;
  background:
    linear-gradient(180deg, rgba(10,18,30,.10), rgba(10,18,30,.78)),
    repeating-linear-gradient(90deg, rgba(255,255,255,.12) 0 1px, transparent 1px 92px),
    linear-gradient(135deg, #13263c, #1d314b 52%, #0b121f) !important;
}

#hakkimizda .about-photo-placeholder:before{
  content:"";
  position:absolute;
  left:12%;
  right:12%;
  top:18%;
  height:45%;
  border:1px solid rgba(240,199,125,.28);
  border-radius:22px;
  background:linear-gradient(90deg, transparent 24%, rgba(255,255,255,.16) 25%, transparent 26%, transparent 49%, rgba(255,255,255,.16) 50%, transparent 51%, transparent 74%, rgba(255,255,255,.16) 75%, transparent 76%);
  box-shadow:0 24px 55px rgba(0,0,0,.25);
  opacity:.75;
}

#hakkimizda .about-photo-placeholder .placeholder-mark{
  width:56px !important;
  height:56px !important;
  border-radius:18px !important;
  display:grid !important;
  place-items:center !important;
  flex:0 0 56px !important;
  position:relative !important;
  z-index:3 !important;
  border:1px solid rgba(240,199,125,.34) !important;
  color:var(--gold2) !important;
  font-family:Fraunces, Georgia, serif !important;
  font-weight:900 !important;
  background:rgba(8,13,21,.42) !important;
}

#hakkimizda .about-photo-placeholder div:last-child{
  position:relative !important;
  z-index:3 !important;
}

#hakkimizda .about-photo-placeholder strong{
  display:block !important;
  font-size:1.08rem !important;
  line-height:1.35 !important;
  color:var(--frost) !important;
}

#hakkimizda .about-photo-placeholder span{
  display:block !important;
  margin-top:4px !important;
  color:var(--muted) !important;
  font-size:.92rem !important;
}

#hakkimizda .why-side,
#hakkimizda #neden,
.about-why-section #neden{
  padding:0 !important;
  margin:0 !important;
  display:block !important;
  background:transparent !important;
}

#hakkimizda .why-side h2{
  max-width:720px !important;
  margin-bottom:30px !important;
}

#hakkimizda .why-side .why-list{
  display:flex !important;
  flex-direction:column !important;
  gap:22px !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

#hakkimizda .why-side .premium-list-item{
  display:flex !important;
  align-items:flex-start !important;
  gap:20px !important;
  min-height:112px !important;
  padding:23px 24px !important;
  border-radius:25px !important;
  background:linear-gradient(135deg, rgba(255,255,255,.075), rgba(255,255,255,.035)) !important;
  border:1px solid rgba(173,196,222,.18) !important;
  box-shadow:0 22px 54px rgba(0,0,0,.18), inset 0 0 34px rgba(89,168,222,.035) !important;
  transform:none !important;
  opacity:1 !important;
  visibility:visible !important;
}

#hakkimizda .why-side .premium-list-item:hover{
  transform:translateX(6px) !important;
  border-color:rgba(240,199,125,.34) !important;
  background:linear-gradient(135deg, rgba(255,255,255,.095), rgba(255,255,255,.048)) !important;
}

#hakkimizda .why-side .premium-list-item .n{
  width:54px !important;
  height:54px !important;
  border-radius:17px !important;
  display:grid !important;
  place-items:center !important;
  flex:0 0 54px !important;
  color:var(--gold2) !important;
  border:1px solid rgba(240,199,125,.20) !important;
  background:rgba(8,13,21,.22) !important;
  font-size:1.05rem !important;
}

#hakkimizda .why-side .premium-list-item h4{
  font-family:Manrope, system-ui, sans-serif !important;
  font-size:1.08rem !important;
  line-height:1.35 !important;
  margin:0 0 6px !important;
  color:var(--frost) !important;
}

#hakkimizda .why-side .premium-list-item p{
  margin:0 !important;
  color:var(--muted) !important;
  font-size:.98rem !important;
  line-height:1.55 !important;
}

@media(max-width:1080px){
  #hakkimizda .about-why-grid{
    grid-template-columns:1fr !important;
    gap:42px !important;
  }
  #hakkimizda .about-side{
    max-width:850px !important;
  }
  #hakkimizda .about-side h2,
  #hakkimizda .why-side h2{
    font-size:clamp(2.25rem,7vw,3.55rem) !important;
  }
}

@media(max-width:680px){
  #hakkimizda.about-why-section{
    padding:72px 0 82px !important;
  }
  #hakkimizda .about-why-grid{
    gap:36px !important;
  }
  #hakkimizda .about-side h2,
  #hakkimizda .why-side h2{
    font-size:clamp(2.05rem,10.5vw,2.85rem) !important;
    margin:15px 0 20px !important;
  }
  #hakkimizda .about-side p{
    font-size:1rem !important;
    line-height:1.65 !important;
  }
  #hakkimizda .about-photo-slot{
    margin-top:26px !important;
    height:250px !important;
    border-radius:22px !important;
  }
  #hakkimizda .about-photo-placeholder{
    padding:20px !important;
  }
  #hakkimizda .about-photo-placeholder .placeholder-mark{
    width:48px !important;
    height:48px !important;
    flex-basis:48px !important;
    border-radius:15px !important;
  }
  #hakkimizda .why-side .premium-list-item{
    min-height:auto !important;
    padding:18px !important;
    gap:15px !important;
    border-radius:20px !important;
  }
  #hakkimizda .why-side .premium-list-item .n{
    width:46px !important;
    height:46px !important;
    flex-basis:46px !important;
    border-radius:15px !important;
  }
}

/* Konum haritası: Google link butonu */
.map-card{
  position:relative !important;
  background:rgba(255,255,255,.04) !important;
}
.map-open-link{
  position:absolute !important;
  left:18px !important;
  bottom:18px !important;
  z-index:3 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  padding:12px 18px !important;
  border-radius:999px !important;
  font-weight:900 !important;
  font-family:Manrope,system-ui,sans-serif !important;
  color:#1a1206 !important;
  background:linear-gradient(135deg,var(--gold2),var(--gold)) !important;
  box-shadow:0 14px 28px rgba(0,0,0,.28) !important;
}
.map-open-link:hover{transform:translateY(-3px)}
@media(max-width:680px){
  .map-open-link{
    left:14px !important;
    right:14px !important;
    bottom:14px !important;
    width:auto !important;
  }
}

/* =========================================================
   BANNER FOTOĞRAF NETLİK / PARLAKLIK DÜZELTMESİ
   Fotoğrafın aşırı silik görünmesine neden olan koyu katman azaltıldı.
   ========================================================= */
.hero.hero-brand-banner .hero-bg img,
.hero.hero-brand-banner .hero-bg video{
  filter:saturate(1.12) contrast(1.04) brightness(1.08) !important;
  opacity:1 !important;
}

.hero.hero-brand-banner:before{
  background:
    radial-gradient(circle at 18% 50%, rgba(216,162,74,.10), transparent 32%),
    linear-gradient(90deg, rgba(8,13,21,.70) 0%, rgba(8,13,21,.50) 36%, rgba(8,13,21,.24) 65%, rgba(8,13,21,.08) 100%),
    linear-gradient(180deg, rgba(8,13,21,.12) 0%, rgba(8,13,21,.03) 48%, rgba(8,13,21,.62) 100%) !important;
}

.hero.hero-brand-banner:after{
  opacity:.42 !important;
}

.hero.hero-brand-banner .lead,
.hero.hero-brand-banner h1{
  text-shadow:0 14px 42px rgba(0,0,0,.56) !important;
}

@media(max-width:980px){
  .hero.hero-brand-banner:before{
    background:
      linear-gradient(90deg, rgba(8,13,21,.76), rgba(8,13,21,.42)),
      linear-gradient(180deg, rgba(8,13,21,.08), rgba(8,13,21,.68)) !important;
  }
}

@media(max-width:680px){
  .hero.hero-brand-banner .hero-bg img,
  .hero.hero-brand-banner .hero-bg video{
    filter:saturate(1.10) contrast(1.03) brightness(1.02) !important;
  }

  .hero.hero-brand-banner:before{
    background:
      linear-gradient(90deg, rgba(8,13,21,.72), rgba(8,13,21,.46)),
      linear-gradient(180deg, rgba(8,13,21,.16), rgba(8,13,21,.72)) !important;
  }
}


/* =========================================================
   GÜNEY PEN 3D LOGO DÜZELTMESİ
   Header ve footer logo alanlarına yüklenen yeni logo yerleştirildi.
   ========================================================= */
.site-logo-link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:0 !important;
  min-width:auto !important;
  line-height:1 !important;
}
.site-logo-link .site-logo-img{
  display:block !important;
  width:auto !important;
  object-fit:contain !important;
  object-position:left center !important;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.34)) !important;
}
.header-logo-img{
  height:68px !important;
  max-width:150px !important;
}
header.scrolled .header-logo-img{
  height:58px !important;
  max-width:132px !important;
}
.footer-logo-link{
  margin-bottom:14px !important;
}
.footer-logo-img{
  height:115px !important;
  max-width:190px !important;
}
.foot .site-logo-link{
  margin-top:0 !important;
  color:inherit !important;
}
@media(max-width:680px){
  .header-logo-img{
    height:52px !important;
    max-width:120px !important;
  }
  header.scrolled .header-logo-img{
    height:48px !important;
    max-width:112px !important;
  }
  .footer-logo-img{
    height:92px !important;
    max-width:165px !important;
  }
}

/* 2026-06-27 logo görünmeme düzeltmesi */
.site-logo-link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:0 !important;
  min-width:auto !important;
  line-height:1 !important;
}
.site-logo-img{
  display:block !important;
  object-fit:contain !important;
  filter:drop-shadow(0 10px 20px rgba(0,0,0,.32)) !important;
}
.header-logo-img{
  width:auto !important;
  height:58px !important;
  max-width:190px !important;
}
header.scrolled .header-logo-img{
  height:52px !important;
}
.footer-logo-img{
  width:190px !important;
  height:auto !important;
  max-height:150px !important;
}
.logo-fallback{
  display:none;
  font-family:Fraunces, Georgia, serif;
  font-size:1.42rem;
  line-height:.96;
  color:#fff;
  letter-spacing:-.02em;
}
.logo-fallback small{
  display:block;
  margin-top:6px;
  font-family:Manrope, system-ui, sans-serif;
  font-size:.58rem;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--muted);
}
@media(max-width:680px){
  .header-logo-img{height:50px !important;max-width:160px !important;}
  header.scrolled .header-logo-img{height:46px !important;}
  .footer-logo-img{width:170px !important;}
}

/* =========================================================
   HERO BANNER PC / MOBİL AYRI GÖRSEL DESTEĞİ
   Admin > Hero Yönetimi alanından masaüstü ve mobil ayrı yüklenir.
   ========================================================= */
.hero.hero-brand-banner .hero-bg-mobile{
  display:none !important;
}

.hero.hero-brand-banner .hero-bg-desktop{
  display:block !important;
}

@media(max-width:680px){
  .hero.hero-brand-banner.has-mobile-hero .hero-bg-desktop{
    display:none !important;
  }

  .hero.hero-brand-banner.has-mobile-hero .hero-bg-mobile{
    display:block !important;
  }

  .hero.hero-brand-banner.has-mobile-hero .hero-bg-mobile img,
  .hero.hero-brand-banner.has-mobile-hero .hero-bg-mobile video{
    object-position:center center !important;
  }
}

/* =========================================================
   TAMAMLANAN İŞLER - FOTOĞRAF + VİDEO DESTEĞİ
   ========================================================= */
.shot video,
.shot .upload-shot-media{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  z-index:1;
}

.shot:after{
  pointer-events:none;
  z-index:2;
}

.shot .label,
.shot div:last-child{
  z-index:3;
}

.shot.video-shot{
  background:#111927;
}

.shot.video-shot .featured-badge{
  position:absolute;
  top:12px;
  left:12px;
  z-index:4;
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:rgba(216,162,74,.95);
  color:#1a1206;
  border-radius:999px;
  padding:6px 10px;
  font-size:.74rem;
  font-weight:900;
}

.shot.video-shot video::-webkit-media-controls-panel{
  background-image:linear-gradient(transparent,rgba(0,0,0,.42));
}


/* =========================================================
   HEADER LOGO YAZISI DÜZELTMESİ
   Logonun yanındaki Güney Pen / CAM BALKON yazısı geri eklendi.
   ========================================================= */
.site-logo-link{
  gap:12px !important;
}
.site-logo-text{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  line-height:1 !important;
  white-space:nowrap !important;
  margin-left:2px !important;
}
.site-logo-text strong{
  display:block !important;
  font-family:Fraunces, Georgia, serif !important;
  font-size:1.33rem !important;
  font-weight:600 !important;
  letter-spacing:-.025em !important;
  color:#fff !important;
  text-shadow:0 8px 18px rgba(0,0,0,.38) !important;
}
.site-logo-text small{
  display:block !important;
  margin-top:5px !important;
  font-family:Manrope, system-ui, sans-serif !important;
  font-size:.64rem !important;
  font-weight:700 !important;
  letter-spacing:.27em !important;
  color:var(--muted) !important;
  text-transform:uppercase !important;
}
.header-logo-img{
  height:58px !important;
  max-width:72px !important;
}
header.scrolled .header-logo-img{
  height:52px !important;
  max-width:66px !important;
}
@media(max-width:680px){
  .site-logo-link{gap:10px !important;}
  .site-logo-text strong{font-size:1.08rem !important;}
  .site-logo-text small{font-size:.52rem !important;letter-spacing:.20em !important;margin-top:4px !important;}
  .header-logo-img{height:48px !important;max-width:60px !important;}
  header.scrolled .header-logo-img{height:44px !important;max-width:56px !important;}
}


/* =========================================================
   HİZMETLERİMİZ KARTLARI - İKON KALDIRILDI / FOTOĞRAF TAM KAPLAR
   ========================================================= */
#hizmetler .service-filter-cards .service-jump{
  padding:0 !important;
  overflow:hidden !important;
  border-radius:28px !important;
  display:flex !important;
  flex-direction:column !important;
  min-height:390px !important;
}

#hizmetler .service-filter-cards .service-jump .ic{
  display:none !important;
}

#hizmetler .service-filter-cards .service-jump .service-img,
#hizmetler .service-filter-cards .service-jump > img{
  width:100% !important;
  height:215px !important;
  min-height:215px !important;
  max-height:215px !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:0 !important;
  margin:0 0 20px 0 !important;
  display:block !important;
}

#hizmetler .service-filter-cards .service-jump h3,
#hizmetler .service-filter-cards .service-jump p,
#hizmetler .service-filter-cards .service-jump .service-card-link{
  margin-left:28px !important;
  margin-right:28px !important;
  position:relative !important;
  z-index:2 !important;
}

#hizmetler .service-filter-cards .service-jump h3{
  margin-top:0 !important;
}

#hizmetler .service-filter-cards .service-jump .service-card-link{
  margin-top:auto !important;
  margin-bottom:28px !important;
}

@media(max-width:980px){
  #hizmetler .service-filter-cards .service-jump{
    min-height:370px !important;
  }
  #hizmetler .service-filter-cards .service-jump .service-img,
  #hizmetler .service-filter-cards .service-jump > img{
    height:205px !important;
    min-height:205px !important;
    max-height:205px !important;
  }
}

@media(max-width:680px){
  #hizmetler .service-filter-cards .service-jump{
    min-height:360px !important;
  }
  #hizmetler .service-filter-cards .service-jump .service-img,
  #hizmetler .service-filter-cards .service-jump > img{
    height:210px !important;
    min-height:210px !important;
    max-height:210px !important;
  }
  #hizmetler .service-filter-cards .service-jump h3,
  #hizmetler .service-filter-cards .service-jump p,
  #hizmetler .service-filter-cards .service-jump .service-card-link{
    margin-left:22px !important;
    margin-right:22px !important;
  }
  #hizmetler .service-filter-cards .service-jump .service-card-link{
    margin-bottom:24px !important;
  }
}

/* =========================================================
   MOBİL PROJE VİDEO DÜZELTMESİ
   Video kartları mobilde dar/boş görünmesin ve tıklanabilir olsun.
   ========================================================= */
.shot.video-shot{
  min-height:0 !important;
  aspect-ratio:16 / 10 !important;
  background:#050912 !important;
}

.shot.video-shot .upload-shot-media,
.shot.video-shot video{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#050912 !important;
  z-index:2 !important;
  pointer-events:auto !important;
}

.shot.video-shot:after{
  display:none !important;
}

.shot.video-shot .featured-badge{
  pointer-events:none !important;
  z-index:5 !important;
}

.shot.video-shot .label,
.shot.video-shot div:last-child{
  pointer-events:none !important;
  z-index:4 !important;
  padding:12px 14px !important;
  border-radius:16px !important;
  background:linear-gradient(180deg, rgba(5,9,18,0), rgba(5,9,18,.82)) !important;
}

@media(max-width:680px){
  #tamamlanan-isler .gallery.featured-gallery,
  .featured-gallery{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }

  #tamamlanan-isler .shot,
  .gallery .shot.video-shot{
    width:100% !important;
    max-width:100% !important;
    min-height:0 !important;
    height:auto !important;
    aspect-ratio:16 / 10 !important;
    border-radius:22px !important;
  }

  #tamamlanan-isler .shot.video-shot .featured-badge,
  .gallery .shot.video-shot .featured-badge{
    top:10px !important;
    left:10px !important;
    font-size:.72rem !important;
    padding:6px 10px !important;
  }

  #tamamlanan-isler .shot.video-shot .label,
  .gallery .shot.video-shot .label,
  #tamamlanan-isler .shot.video-shot div:last-child,
  .gallery .shot.video-shot div:last-child{
    left:10px !important;
    right:10px !important;
    bottom:10px !important;
  }
}

@media(max-width:430px){
  #tamamlanan-isler .shot.video-shot,
  .gallery .shot.video-shot{
    aspect-ratio:4 / 3 !important;
  }
}


/* =========================================================
   ANASAYFA TAMAMLANAN İŞLER - MOBİL VİDEO KESİN DÜZELTME
   Mobilde iki sütun/dar uzun kart oluşmasını engeller.
   ========================================================= */
.video-mobile-open{
  display:none;
}

#tamamlanan-isler .gallery.featured-gallery .shot.video-shot video,
#tamamlanan-isler .gallery.featured-gallery .shot.video-shot .upload-shot-media{
  pointer-events:auto !important;
}

@media(max-width:900px){
  #tamamlanan-isler .gallery.featured-gallery{
    display:flex !important;
    flex-direction:column !important;
    grid-template-columns:none !important;
    gap:18px !important;
    width:100% !important;
  }

  #tamamlanan-isler .gallery.featured-gallery .shot,
  #tamamlanan-isler .gallery.featured-gallery .featured-shot,
  #tamamlanan-isler .gallery.featured-gallery .shot.video-shot{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    flex:0 0 auto !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:16 / 9 !important;
    border-radius:22px !important;
    overflow:hidden !important;
    position:relative !important;
    display:block !important;
    transform:none !important;
  }

  #tamamlanan-isler .gallery.featured-gallery .shot img,
  #tamamlanan-isler .gallery.featured-gallery .shot video,
  #tamamlanan-isler .gallery.featured-gallery .shot .upload-shot-media,
  #tamamlanan-isler .gallery.featured-gallery .shot.video-shot video,
  #tamamlanan-isler .gallery.featured-gallery .shot.video-shot .upload-shot-media{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    display:block !important;
    object-position:center center !important;
    z-index:1 !important;
  }

  #tamamlanan-isler .gallery.featured-gallery .shot img,
  #tamamlanan-isler .gallery.featured-gallery .shot:not(.video-shot) .upload-shot-media{
    object-fit:cover !important;
  }

  #tamamlanan-isler .gallery.featured-gallery .shot.video-shot video,
  #tamamlanan-isler .gallery.featured-gallery .shot.video-shot .upload-shot-media{
    object-fit:contain !important;
    background:#050912 !important;
  }

  #tamamlanan-isler .gallery.featured-gallery .shot.video-shot:after{
    display:none !important;
  }

  #tamamlanan-isler .gallery.featured-gallery .shot.video-shot .featured-badge{
    z-index:4 !important;
    pointer-events:none !important;
  }

  #tamamlanan-isler .gallery.featured-gallery .shot.video-shot .label,
  #tamamlanan-isler .gallery.featured-gallery .shot.video-shot div:last-child{
    z-index:3 !important;
    pointer-events:none !important;
  }

  #tamamlanan-isler .gallery.featured-gallery .shot.video-shot .video-mobile-open{
    position:absolute !important;
    right:12px !important;
    bottom:12px !important;
    z-index:6 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:38px !important;
    padding:9px 14px !important;
    border-radius:999px !important;
    background:linear-gradient(135deg,var(--gold2),var(--gold)) !important;
    color:#1a1206 !important;
    font-weight:900 !important;
    font-size:.82rem !important;
    box-shadow:0 10px 22px rgba(0,0,0,.35) !important;
  }
}

@media(max-width:430px){
  #tamamlanan-isler .gallery.featured-gallery .shot,
  #tamamlanan-isler .gallery.featured-gallery .featured-shot,
  #tamamlanan-isler .gallery.featured-gallery .shot.video-shot{
    aspect-ratio:16 / 10 !important;
  }
}

/* =========================================================
   PROJELER / TAMAMLANAN İŞLER ORANTI + SEF SAYFA DÜZELTMESİ
   Video kartının kısa kalmasını ve başlık-kategori sıkışmasını düzeltir.
   ========================================================= */
#tamamlanan-isler .gallery.featured-gallery,
.all-projects-gallery{
  align-items:stretch !important;
}

#tamamlanan-isler .gallery.featured-gallery .shot,
.all-projects-gallery .shot{
  display:block !important;
  position:relative !important;
  overflow:hidden !important;
}

#tamamlanan-isler .gallery.featured-gallery .shot img,
#tamamlanan-isler .gallery.featured-gallery .shot video,
#tamamlanan-isler .gallery.featured-gallery .shot .upload-shot-media,
.all-projects-gallery .shot img,
.all-projects-gallery .shot video,
.all-projects-gallery .shot .upload-shot-media{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
  background:#050912 !important;
}

#tamamlanan-isler .gallery.featured-gallery .shot:after,
.all-projects-gallery .shot:after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  pointer-events:none !important;
  display:block !important;
  background:linear-gradient(180deg,rgba(5,9,18,0) 42%,rgba(5,9,18,.82) 100%) !important;
}

#tamamlanan-isler .gallery.featured-gallery .shot .label,
.all-projects-gallery .shot .label{
  position:absolute !important;
  left:18px !important;
  right:18px !important;
  bottom:18px !important;
  z-index:4 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:4px !important;
  min-width:0 !important;
  padding:0 !important;
  background:transparent !important;
  pointer-events:none !important;
}

#tamamlanan-isler .gallery.featured-gallery .shot .label b,
#tamamlanan-isler .gallery.featured-gallery .shot .label h3,
.all-projects-gallery .shot .label b,
.all-projects-gallery .shot .label h3{
  display:block !important;
  max-width:100% !important;
  margin:0 !important;
  color:#fff !important;
  font-size:clamp(1rem,1.4vw,1.28rem) !important;
  line-height:1.16 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}

#tamamlanan-isler .gallery.featured-gallery .shot .label span,
.all-projects-gallery .shot .label span{
  display:block !important;
  max-width:100% !important;
  color:var(--gold2) !important;
  font-size:.82rem !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;
  line-height:1.15 !important;
  text-transform:uppercase !important;
  white-space:normal !important;
}

#tamamlanan-isler .gallery.featured-gallery .shot.video-shot .featured-badge,
.all-projects-gallery .shot.video-shot .featured-badge{
  z-index:5 !important;
  pointer-events:none !important;
}

@media(min-width:901px){
  #tamamlanan-isler .gallery.featured-gallery{
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:18px !important;
  }

  #tamamlanan-isler .gallery.featured-gallery .shot,
  #tamamlanan-isler .gallery.featured-gallery .shot.video-shot,
  .all-projects-gallery .shot,
  .all-projects-gallery .shot.video-shot{
    height:390px !important;
    min-height:390px !important;
    aspect-ratio:auto !important;
    width:100% !important;
    max-width:100% !important;
  }

  .all-projects-gallery{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:18px !important;
  }
}

@media(max-width:1100px) and (min-width:901px){
  #tamamlanan-isler .gallery.featured-gallery{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
  .all-projects-gallery{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

@media(max-width:900px){
  #tamamlanan-isler .gallery.featured-gallery,
  .all-projects-gallery{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:18px !important;
  }

  #tamamlanan-isler .gallery.featured-gallery .shot,
  #tamamlanan-isler .gallery.featured-gallery .shot.video-shot,
  .all-projects-gallery .shot,
  .all-projects-gallery .shot.video-shot{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    height:auto !important;
    aspect-ratio:16 / 10 !important;
    border-radius:22px !important;
  }

  #tamamlanan-isler .gallery.featured-gallery .shot .label,
  .all-projects-gallery .shot .label{
    left:14px !important;
    right:14px !important;
    bottom:14px !important;
  }

  #tamamlanan-isler .gallery.featured-gallery .shot.video-shot .video-mobile-open,
  .all-projects-gallery .shot.video-shot .video-mobile-open{
    display:inline-flex !important;
    z-index:6 !important;
  }
}

@media(max-width:430px){
  #tamamlanan-isler .gallery.featured-gallery .shot,
  #tamamlanan-isler .gallery.featured-gallery .shot.video-shot,
  .all-projects-gallery .shot,
  .all-projects-gallery .shot.video-shot{
    aspect-ratio:4 / 3 !important;
  }
}

/* =========================================================
   ANASAYFA TAMAMLANAN İŞLER - MOBİL TEK SÜTUN KESİN FIX
   iPhone/Safari dahil eski grid kurallarını geçersiz kılar.
   ========================================================= */
@media (max-width: 768px){
  body #hizmetler .service-gallery-block,
  body #tamamlanan-isler{
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
  }

  body #hizmetler .service-gallery-block #gallery,
  body #tamamlanan-isler #gallery,
  body #tamamlanan-isler .gallery,
  body #tamamlanan-isler .gallery.featured-gallery,
  body .service-gallery-block .gallery.featured-gallery{
    display:flex !important;
    flex-direction:column !important;
    grid-template-columns:none !important;
    grid-auto-flow:row !important;
    align-items:stretch !important;
    width:100% !important;
    max-width:100% !important;
    gap:18px !important;
    overflow:visible !important;
  }

  body #hizmetler .service-gallery-block #gallery > .shot,
  body #tamamlanan-isler #gallery > .shot,
  body #tamamlanan-isler .gallery.featured-gallery > .shot,
  body .service-gallery-block .gallery.featured-gallery > .shot,
  body #tamamlanan-isler .shot.video-shot,
  body #tamamlanan-isler .featured-shot{
    display:block !important;
    position:relative !important;
    flex:none !important;
    width:100% !important;
    min-width:100% !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:16 / 10 !important;
    border-radius:22px !important;
    overflow:hidden !important;
    transform:none !important;
    background:#07101d !important;
  }

  body #tamamlanan-isler .shot img,
  body #tamamlanan-isler .shot video,
  body #tamamlanan-isler .shot .upload-shot-media,
  body .service-gallery-block .gallery.featured-gallery .shot img,
  body .service-gallery-block .gallery.featured-gallery .shot video,
  body .service-gallery-block .gallery.featured-gallery .shot .upload-shot-media{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    display:block !important;
    object-fit:cover !important;
    object-position:center center !important;
    background:#07101d !important;
    z-index:1 !important;
  }

  body #tamamlanan-isler .shot.video-shot video,
  body .service-gallery-block .gallery.featured-gallery .shot.video-shot video{
    object-fit:cover !important;
    pointer-events:auto !important;
    z-index:2 !important;
  }

  body #tamamlanan-isler .shot:after,
  body .service-gallery-block .gallery.featured-gallery .shot:after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    display:block !important;
    z-index:3 !important;
    pointer-events:none !important;
    background:linear-gradient(180deg,rgba(5,9,18,0) 42%,rgba(5,9,18,.82) 100%) !important;
  }

  body #tamamlanan-isler .shot .featured-badge,
  body .service-gallery-block .gallery.featured-gallery .shot .featured-badge{
    position:absolute !important;
    top:12px !important;
    left:12px !important;
    z-index:5 !important;
    pointer-events:none !important;
  }

  body #tamamlanan-isler .shot .label,
  body .service-gallery-block .gallery.featured-gallery .shot .label{
    position:absolute !important;
    left:16px !important;
    right:16px !important;
    bottom:16px !important;
    z-index:5 !important;
    display:flex !important;
    flex-direction:column !important;
    gap:4px !important;
    padding:0 !important;
    background:transparent !important;
    pointer-events:none !important;
  }

  body #tamamlanan-isler .shot.video-shot .video-mobile-open,
  body .service-gallery-block .gallery.featured-gallery .shot.video-shot .video-mobile-open{
    display:inline-flex !important;
    position:absolute !important;
    right:12px !important;
    bottom:12px !important;
    z-index:7 !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:38px !important;
    padding:9px 14px !important;
    border-radius:999px !important;
    background:linear-gradient(135deg,var(--gold2),var(--gold)) !important;
    color:#1a1206 !important;
    font-size:.82rem !important;
    font-weight:900 !important;
    box-shadow:0 10px 22px rgba(0,0,0,.35) !important;
  }
}


/* Gallery filter fix */
#tamamlanan-isler .shot.is-filter-hidden,
#gallery .shot.is-filter-hidden{
  display:none !important;
}
#tamamlanan-isler .filters button,
#filters button{
  user-select:none;
}


/* =========================================================
   TAMAMLANAN İŞLER FİLTRE - KESİN DÜZELTME
   Mobildeki eski display:block!important kuralları gizlemeyi ezmesin.
   ========================================================= */
#filters .filter-btn,
#filters button,
#tamamlanan-isler .filters .filter-btn,
#tamamlanan-isler .filters button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:var(--glass);
  border:1px solid var(--line);
  color:var(--muted);
  border-radius:999px;
  padding:10px 17px;
  font-weight:800;
  cursor:pointer;
  text-decoration:none;
  user-select:none;
}
#filters .filter-btn.active,
#filters .filter-btn:hover,
#filters button.active,
#filters button:hover,
#tamamlanan-isler .filters .filter-btn.active,
#tamamlanan-isler .filters .filter-btn:hover,
#tamamlanan-isler .filters button.active,
#tamamlanan-isler .filters button:hover{
  background:var(--gold) !important;
  color:#181006 !important;
}
body #tamamlanan-isler #gallery > .shot.is-filter-hidden,
body #tamamlanan-isler .gallery.featured-gallery > .shot.is-filter-hidden,
body .service-gallery-block .gallery.featured-gallery > .shot.is-filter-hidden,
body #gallery > .shot.is-filter-hidden{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
  width:0 !important;
  min-width:0 !important;
  max-width:0 !important;
  height:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  overflow:hidden !important;
}


/* =========================================================
   SAYFA KAYDIRMA KESİN DÜZELTME
   Giriş efekti veya mobil menü kapanınca PC/mobil scroll kilitli kalmasın.
   ========================================================= */
html{height:auto!important;min-height:100%!important;overflow-y:auto!important;}
body{height:auto!important;min-height:100%!important;overflow-x:hidden!important;}
body:not(.intro-active):not(.menu-open){overflow-y:auto!important;position:static!important;}
@media (min-width:681px){
  html,body{overflow-y:auto!important;height:auto!important;min-height:100%!important;position:static!important;}
  body.menu-open{overflow-y:auto!important;position:static!important;}
  .mobile-menu.open{opacity:0!important;visibility:hidden!important;pointer-events:none!important;}
}


/* Gizli footer yönetim paneli butonu */
.footer-copy-admin{
  position:relative;
}
.footer-secret-admin{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  margin-left:8px;
  border-radius:50%;
  color:inherit;
  text-decoration:none;
  opacity:.12;
  vertical-align:middle;
  transition:opacity .25s var(--ease), background .25s var(--ease), transform .25s var(--ease);
}
.footer-secret-admin::before{
  content:"";
  width:5px;
  height:5px;
  border-radius:50%;
  background:currentColor;
  display:block;
}
.footer-secret-admin:hover,
.footer-secret-admin:focus-visible{
  opacity:1;
  background:rgba(216,162,74,.16);
  color:var(--gold);
  outline:none;
  transform:translateY(-1px);
}
@media (max-width:640px){
  .footer-secret-admin{
    width:22px;
    height:22px;
    margin-left:6px;
  }
}


/* Header arama + WhatsApp hızlı iletişim butonları */
.header-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
}
.header-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  padding:10px 15px;
  border-radius:999px;
  font-family:Manrope,system-ui,sans-serif;
  font-size:.86rem;
  font-weight:900;
  line-height:1;
  white-space:nowrap;
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 12px 28px rgba(0,0,0,.22);
  transition:transform .25s var(--ease), filter .25s var(--ease), border-color .25s var(--ease);
}
.header-action svg{
  width:18px;
  height:18px;
  display:block;
  flex:0 0 auto;
}
.header-action:hover{
  transform:translateY(-2px);
  filter:brightness(1.05);
  border-color:rgba(240,199,125,.42);
}
.header-call{
  background:linear-gradient(135deg,var(--gold2),var(--gold));
  color:#181006;
}
.header-whatsapp{
  background:#25d366;
  color:#062b15;
}
.mobile-menu-actions{
  display:none;
}
@media (max-width:1120px){
  .menu{gap:18px;}
  .header-action{
    padding:10px 12px;
    font-size:.8rem;
  }
}
@media (max-width:980px){
  .header-action span{
    display:none;
  }
  .header-action{
    width:42px;
    height:42px;
    padding:0;
  }
}
@media (max-width:680px){
  .header-actions{
    display:none!important;
  }
  .mobile-menu-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin-top:24px;
  }
  .mobile-menu-actions a{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:52px;
    border:0;
    border-radius:999px;
    padding:13px 14px;
    font-family:Manrope,system-ui,sans-serif;
    font-size:1rem;
    font-weight:900;
  }
  .mobile-call{
    background:linear-gradient(135deg,var(--gold2),var(--gold));
    color:#181006;
  }
  .mobile-whatsapp{
    background:#25d366;
    color:#062b15;
  }
}

/* Mobil header: arama + WhatsApp butonları hamburger menünün yanında görünsün */
@media (max-width:680px){
  header .nav{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
  }
  header .site-logo-link,
  header .logo{
    flex:1 1 auto!important;
    min-width:0!important;
    margin-right:auto!important;
  }
  header .site-logo-text{
    min-width:0!important;
  }
  .header-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:7px!important;
    order:2!important;
    flex:0 0 auto!important;
    margin-left:auto!important;
  }
  .header-action{
    width:40px!important;
    height:40px!important;
    min-height:40px!important;
    padding:0!important;
    border-radius:13px!important;
  }
  .header-action span{
    display:none!important;
  }
  .header-action svg{
    width:19px!important;
    height:19px!important;
  }
  .burger{
    display:flex!important;
    order:3!important;
    flex:0 0 44px!important;
    width:44px!important;
    height:44px!important;
  }
}
@media (max-width:390px){
  header .nav{gap:6px!important;}
  .header-actions{gap:5px!important;}
  .header-action{
    width:36px!important;
    height:36px!important;
    min-height:36px!important;
  }
  .burger{
    width:40px!important;
    height:40px!important;
    flex-basis:40px!important;
  }
  .header-logo-img{
    height:42px!important;
    max-width:52px!important;
  }
  .site-logo-text strong{
    font-size:1.02rem!important;
  }
  .site-logo-text small{
    font-size:.48rem!important;
    letter-spacing:.13em!important;
  }
}

/* =========================================================
   PROJE DETAY + BÜYÜTME BUTONU DÜZELTMESİ
   ========================================================= */
.video-mobile-open{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

.shot[data-detail-url]{
  cursor:pointer!important;
}

.shot[data-detail-url]:focus-visible,
.project-fullscreen-btn:focus-visible{
  outline:2px solid var(--gold2)!important;
  outline-offset:3px!important;
}

.project-fullscreen-btn{
  position:absolute!important;
  right:10px!important;
  bottom:10px!important;
  z-index:9!important;
  width:36px!important;
  height:36px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(255,255,255,.26)!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,var(--gold2),var(--gold))!important;
  color:#161006!important;
  font-size:1rem!important;
  font-weight:900!important;
  line-height:1!important;
  box-shadow:0 10px 20px rgba(0,0,0,.32)!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  opacity:.96!important;
  transition:transform .22s var(--ease), box-shadow .22s var(--ease), opacity .22s var(--ease)!important;
}

.project-fullscreen-btn:hover{
  transform:translateY(-2px) scale(1.04)!important;
  box-shadow:0 12px 24px rgba(0,0,0,.38)!important;
  opacity:1!important;
}

#tamamlanan-isler .gallery.featured-gallery .shot.video-shot .video-mobile-open,
.all-projects-gallery .shot.video-shot .video-mobile-open,
body #tamamlanan-isler .shot.video-shot .video-mobile-open,
body .service-gallery-block .gallery.featured-gallery .shot.video-shot .video-mobile-open{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

.project-lightbox{
  position:fixed;
  inset:0;
  z-index:99999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:26px;
  background:rgba(2,6,12,.94);
  backdrop-filter:blur(14px);
}

.project-lightbox-media{
  width:min(100%,1200px);
  max-height:92vh;
  object-fit:contain;
  border-radius:20px;
  background:#050912;
  box-shadow:0 35px 90px rgba(0,0,0,.65);
}

.project-lightbox video.project-lightbox-media{
  height:auto;
}

.project-lightbox-close{
  position:fixed;
  top:18px;
  right:18px;
  width:48px;
  height:48px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:50%;
  background:rgba(255,255,255,.1);
  color:#fff;
  font-size:2rem;
  line-height:1;
  cursor:pointer;
  z-index:2;
}

.project-detail-page{
  min-height:100vh;
  padding:138px 0 70px;
  background:
    radial-gradient(circle at 12% 10%,rgba(216,162,74,.16),transparent 28%),
    radial-gradient(circle at 86% 18%,rgba(89,168,222,.15),transparent 30%),
    var(--ink);
}

.project-detail-wrap{
  max-width:1180px;
}

.project-detail-head{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:12px;
  margin-bottom:26px;
}

.project-detail-head h1{
  max-width:900px;
  font-size:clamp(2.1rem,5vw,4.3rem);
  margin:0;
}

.project-detail-category{
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(240,199,125,.28);
  border-radius:999px;
  padding:9px 15px;
  color:var(--gold2);
  background:rgba(216,162,74,.08);
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-size:.82rem;
}

.project-detail-media-shell{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  border-radius:30px;
  background:#050912;
  box-shadow:0 35px 80px rgba(0,0,0,.42);
}

.project-detail-media{
  width:100%;
  max-height:78vh;
  min-height:360px;
  display:block;
  object-fit:contain;
  object-position:center;
  background:#050912;
}

.video-detail-shell .project-detail-media{
  object-fit:contain;
}

.project-detail-secondary-media{
  margin-top:28px;
}

.project-detail-secondary-media h2{
  margin:0 0 14px;
  font-size:clamp(1.45rem,3vw,2.1rem);
}

.project-detail-info{
  margin-top:26px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:22px;
  align-items:start;
}

.project-detail-info p{
  margin:0;
  color:var(--muted);
  font-size:1.05rem;
  max-width:820px;
}

.project-detail-actions,
.project-detail-nav-actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.project-detail-no-media,
.project-detail-empty{
  min-height:360px;
  display:grid;
  place-items:center;
  text-align:center;
  padding:44px;
  color:var(--muted);
}

.project-detail-empty{
  border:1px solid rgba(255,255,255,.12);
  border-radius:30px;
  background:rgba(255,255,255,.05);
}

.project-detail-empty h1{
  margin:10px 0 8px;
}

@media(max-width:768px){
  #tamamlanan-isler .shot:not(.video-shot) .featured-badge,
  .service-gallery-block .gallery.featured-gallery .shot:not(.video-shot) .featured-badge{
    display:none!important;
    visibility:hidden!important;
  }

  .project-fullscreen-btn{
    right:12px!important;
    bottom:12px!important;
    width:44px!important;
    height:44px!important;
    border-radius:15px!important;
    font-size:1.18rem!important;
  }

  #tamamlanan-isler .gallery.featured-gallery .shot .label,
  body #tamamlanan-isler .shot .label,
  .all-projects-gallery .shot .label{
    right:68px!important;
  }

  .project-lightbox{
    padding:12px;
  }

  .project-lightbox-media{
    max-height:88vh;
    border-radius:16px;
  }

  .project-lightbox-close{
    top:10px;
    right:10px;
  }

  .project-detail-page{
    padding:112px 0 42px;
  }

  .project-detail-nav-actions .btn-ghost{
    display:none;
  }

  .project-detail-media-shell{
    border-radius:22px;
  }

  .project-detail-media{
    min-height:260px;
    max-height:76vh;
  }

  .project-detail-info{
    grid-template-columns:1fr;
  }

  .project-detail-actions,
  .project-detail-nav-actions{
    justify-content:flex-start;
  }
}

/* Yerleşik video tam ekran ikonu tarayıcıda sol/üstte kalmasın; özel büyütme butonu sağ altta kullanılır. */
#tamamlanan-isler video::-webkit-media-controls-fullscreen-button,
.all-projects-gallery video::-webkit-media-controls-fullscreen-button,
.project-detail-media-shell video::-webkit-media-controls-fullscreen-button{
  display:none!important;
}