/* ==========================================================================
   Presstij Reklam Ajans — ana stil dosyası
   Renkler: mürekkep siyahı, Karadeniz mavisi, tabela ışığı (amber), kağıt
   ========================================================================== */

:root{
  --murekkep:#101A1F;
  --murekkep-2:#182A32;
  --deniz:#0F4C5C;
  --isik:#FFC93C;
  --isik-koyu:#E9A800;
  --isik-sis:rgba(255,201,60,.22);
  --magenta:#D62F72;
  --kagit:#EFEFEA;
  --kagit-2:#E2E2DA;
  --gri:#6E7E85;
  --beyaz:#fff;

  --kenar:1px solid rgba(16,26,31,.14);
  --kenar-koyu:1px solid rgba(255,255,255,.14);

  --olcu:1180px;
  --bosluk:clamp(56px,7vw,104px);

  --display:"Archivo","Segoe UI",sans-serif;
  --metin:"Manrope","Segoe UI",sans-serif;
}

*,*::before,*::after{box-sizing:border-box}

html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{animation:none!important;transition:none!important}
}

body{
  margin:0;
  background:var(--kagit);
  color:var(--murekkep);
  font-family:var(--metin);
  font-size:17px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}

img{max-width:100%;display:block}
a{color:inherit}

h1,h2,h3,h4{
  font-family:var(--display);
  font-weight:800;
  line-height:1.02;
  letter-spacing:-.02em;
  margin:0;
}
h2{font-size:clamp(30px,4.4vw,52px)}
h3{font-size:clamp(21px,2.4vw,27px);letter-spacing:-.01em}
p{margin:0 0 1em}
p:last-child{margin-bottom:0}

.sarmal{width:100%;max-width:var(--olcu);margin:0 auto;padding:0 24px}
.bolum{padding:var(--bosluk) 0}
.koyu{background:var(--murekkep);color:var(--kagit)}
.koyu h2,.koyu h3{color:var(--beyaz)}

:focus-visible{outline:3px solid var(--isik);outline-offset:3px;border-radius:2px}

/* --- Logo / iki s vurgusu --------------------------------------------- */
.logo{
  font-family:var(--display);
  font-weight:800;
  font-size:22px;
  letter-spacing:-.03em;
  text-decoration:none;
  display:inline-flex;
  align-items:baseline;
  gap:.34em;
  line-height:1;
}
.logo .ajans{
  font-family:var(--metin);
  font-weight:700;
  font-size:11px;
  letter-spacing:.06em;
  color:var(--gri);
}
.koyu .logo .ajans,.ust .logo .ajans{color:rgba(255,255,255,.55)}
.ss{
  color:var(--isik);
  text-shadow:0 0 18px var(--isik-sis);
}

/* --- Üst bar ----------------------------------------------------------- */
.ust{
  position:sticky;top:0;z-index:60;
  background:rgba(16,26,31,.94);
  backdrop-filter:blur(8px);
  color:var(--kagit);
  border-bottom:var(--kenar-koyu);
}
.ust .sarmal{display:flex;align-items:center;gap:20px;height:68px}
.menu{display:flex;gap:26px;margin-left:auto;align-items:center}
.menu a{
  text-decoration:none;font-size:15px;font-weight:600;
  color:rgba(255,255,255,.78);padding:6px 0;
  border-bottom:2px solid transparent;
}
.menu a:hover{color:var(--beyaz);border-bottom-color:var(--isik)}
.menu-ac{display:none;background:none;border:var(--kenar-koyu);color:inherit;
  border-radius:6px;padding:8px 12px;font-size:15px;cursor:pointer;margin-left:auto}

.dugme{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--isik);color:var(--murekkep);
  font-family:var(--metin);font-weight:800;font-size:15px;
  padding:12px 20px;border-radius:2px;border:0;
  text-decoration:none;cursor:pointer;
  transition:background .15s ease;
}
.dugme:hover{background:var(--isik-koyu)}
.dugme.hat{background:transparent;color:inherit;box-shadow:inset 0 0 0 2px currentColor}
.dugme.hat:hover{background:rgba(255,255,255,.08)}
.ust .dugme{padding:10px 16px}

@media (max-width:900px){
  .menu{
    position:absolute;top:68px;left:0;right:0;
    flex-direction:column;align-items:stretch;gap:0;
    background:var(--murekkep);border-bottom:var(--kenar-koyu);
    padding:8px 24px 20px;display:none;
  }
  .menu.acik{display:flex}
  .menu a{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08)}
  .menu .dugme{margin-top:14px;justify-content:center}
  .menu-ac{display:block}
}

/* --- Vitrin (hero) ----------------------------------------------------- */
.vitrin{
  background:var(--murekkep);
  color:var(--kagit);
  padding:clamp(56px,8vw,96px) 0 clamp(48px,6vw,72px);
  position:relative;overflow:hidden;
}
.vitrin::after{
  content:"";position:absolute;inset:auto -10% -55% 40%;
  height:70%;background:radial-gradient(closest-side,var(--isik-sis),transparent 72%);
  pointer-events:none;
}
.vitrin .sarmal{position:relative;z-index:1}
.tabela-yazi{
  font-family:var(--display);
  font-weight:800;
  font-size:clamp(52px,12.5vw,148px);
  line-height:.88;
  letter-spacing:-.045em;
  margin:0 0 6px;
}
.tabela-yazi .ss{
  text-shadow:0 0 6px rgba(255,201,60,.55),0 0 34px rgba(255,201,60,.35),0 0 80px rgba(255,201,60,.22);
}
.vitrin .alt-ad{
  font-family:var(--display);font-weight:600;
  font-size:clamp(17px,2.6vw,30px);
  letter-spacing:.24em;
  color:rgba(255,255,255,.62);
  margin:0 0 26px;
}
.iki-s{
  display:inline-flex;align-items:center;gap:9px;
  font-size:13.5px;font-weight:700;color:var(--isik);
  border:1px solid rgba(255,201,60,.4);
  border-radius:100px;padding:6px 14px;margin-bottom:26px;
}
.vitrin .giris{
  font-size:clamp(18px,2.1vw,22px);
  line-height:1.5;max-width:30ch;color:rgba(255,255,255,.86);
}
.vitrin-alt{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.vitrin-kolon{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:end}
@media (max-width:860px){.vitrin-kolon{grid-template-columns:1fr;gap:34px;align-items:start}}

.serit{
  display:flex;flex-wrap:wrap;gap:10px 28px;
  border-top:var(--kenar-koyu);padding-top:20px;margin-top:34px;
  font-size:14.5px;color:rgba(255,255,255,.62);
}
.serit b{color:var(--isik);font-weight:700}

/* --- Hizmetler --------------------------------------------------------- */
.hizmetler{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:44px;border-top:var(--kenar)}
.hizmet{
  padding:32px 30px 34px;
  border-right:var(--kenar);border-bottom:var(--kenar);
  background:var(--beyaz);
}
.hizmet:first-child{border-left:var(--kenar)}
.hizmet .isaret{width:34px;height:4px;background:var(--deniz);margin-bottom:18px}
.hizmet:nth-child(2) .isaret{background:var(--isik-koyu)}
.hizmet:nth-child(3) .isaret{background:var(--magenta)}
.hizmet p{color:var(--gri);font-size:15.5px;margin-top:10px}
.hizmet ul{list-style:none;margin:18px 0 0;padding:0;font-size:15px}
.hizmet li{padding:7px 0;border-top:1px dashed rgba(16,26,31,.16)}
@media (max-width:820px){
  .hizmetler{grid-template-columns:1fr}
  .hizmet{border-left:var(--kenar)}
}

.bolum-bas{max-width:62ch}
.bolum-bas p{color:var(--gri);margin-top:14px;font-size:17px}
.koyu .bolum-bas p{color:rgba(255,255,255,.66)}

/* --- Galeri ------------------------------------------------------------ */
.filtreler{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 22px}
.filtre{
  background:transparent;border:1px solid rgba(16,26,31,.22);
  border-radius:100px;padding:8px 16px;font:inherit;font-size:14.5px;font-weight:600;
  cursor:pointer;color:var(--murekkep);
}
.filtre[aria-pressed="true"]{background:var(--murekkep);color:var(--kagit);border-color:var(--murekkep)}

.galeri{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.is{position:relative;overflow:hidden;background:var(--kagit-2);aspect-ratio:4/3}
.is img{width:100%;height:100%;object-fit:cover}
.is figcaption{
  position:absolute;left:0;right:0;bottom:0;
  padding:26px 16px 14px;color:#fff;font-size:14.5px;font-weight:600;
  background:linear-gradient(transparent,rgba(16,26,31,.86));
}
.is figcaption span{display:block;font-weight:500;font-size:13px;color:var(--isik)}

/* --- Instagram --------------------------------------------------------- */
.ig-akis{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;margin-top:34px}
.ig-akis blockquote{margin:0!important;min-width:0!important;width:100%!important}
.ig-kart{
  background:var(--beyaz);border:var(--kenar);
  display:flex;flex-direction:column;overflow:hidden;
}
.ig-kart a{
  display:block;padding:16px;text-decoration:none;font-size:14.5px;
  color:var(--gri);border-top:var(--kenar);margin-top:auto;font-weight:600;
}
.ig-kart a:hover{color:var(--murekkep)}

/* --- Bölge / hakkında -------------------------------------------------- */
.iki-kolon{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,70px);align-items:start}
@media (max-width:820px){.iki-kolon{grid-template-columns:1fr}}
.bolge{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;list-style:none;padding:0}
.bolge li{
  border:1px solid rgba(255,255,255,.2);border-radius:100px;
  padding:7px 15px;font-size:14.5px;color:rgba(255,255,255,.82);
}
.sayilar{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.14)}
.sayilar div{background:var(--murekkep);padding:24px 20px}
.sayilar b{display:block;font-family:var(--display);font-size:38px;font-weight:800;color:var(--isik);line-height:1}
.sayilar span{font-size:14px;color:rgba(255,255,255,.62)}

/* --- İletişim ---------------------------------------------------------- */
.form{display:grid;gap:14px}
.alan{display:grid;gap:6px}
.alan label{font-size:14px;font-weight:700}
input,select,textarea{
  font:inherit;font-size:16px;
  padding:12px 14px;border:1px solid rgba(16,26,31,.26);
  border-radius:2px;background:var(--beyaz);color:var(--murekkep);width:100%;
}
textarea{min-height:130px;resize:vertical}
.ikili{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:620px){.ikili{grid-template-columns:1fr}}

.bilgi{list-style:none;margin:0;padding:0}
.bilgi li{padding:16px 0;border-bottom:var(--kenar);display:grid;gap:3px}
.bilgi span{font-size:13.5px;color:var(--gri);font-weight:600}
.bilgi a,.bilgi strong{font-size:18px;font-weight:700;text-decoration:none}
.bilgi a:hover{color:var(--deniz)}

.uyari{padding:14px 16px;border-left:4px solid var(--deniz);background:rgba(15,76,92,.08);font-size:15.5px}
.uyari.hata{border-color:var(--magenta);background:rgba(214,47,114,.08)}

/* --- Alt bilgi --------------------------------------------------------- */
.alt{background:var(--murekkep);color:rgba(255,255,255,.6);padding:52px 0 28px;font-size:15px}
.alt-ust{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:34px;padding-bottom:30px;border-bottom:var(--kenar-koyu)}
@media (max-width:760px){.alt-ust{grid-template-columns:1fr;gap:26px}}
.alt h4{font-size:15px;color:var(--beyaz);margin-bottom:12px;font-family:var(--metin);letter-spacing:0}
.alt ul{list-style:none;margin:0;padding:0}
.alt li{padding:5px 0}
.alt a{text-decoration:none}
.alt a:hover{color:var(--isik)}
.alt-son{padding-top:22px;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;font-size:13.5px}

/* --- WhatsApp balonu --------------------------------------------------- */
.wp{
  position:fixed;right:18px;bottom:18px;z-index:70;
  width:56px;height:56px;border-radius:50%;
  background:#25D366;color:#fff;display:grid;place-items:center;
  box-shadow:0 8px 24px rgba(16,26,31,.28);text-decoration:none;
}
.wp svg{width:28px;height:28px;fill:currentColor}