/* ByKuara — Form Studio ortak katmanı (2026-09-24).
   Diğer sayfa stillerinden SONRA yüklenir; yazı tipini, başlıkları, üst
   menüyü ve altbilgiyi bütün sayfalarda aynı dile getirir. Ana sayfanın
   kendine özgü bölümleri vitrin.css'te.

   Yazı tipleri kendi sunucumuzda (açık lisans, OFL): ziyaretçi bilgisi
   Google'a gitmez. Türkçe için latin + latin-ext birlikte gerekir:
   ı latin'de, ş ğ İ latin-ext'te. */

@font-face{font-family:'Manrope';font-style:normal;font-weight:400 700;font-display:swap;
  src:url(/assets/fonts/manrope-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 700;font-display:swap;
  src:url(/assets/fonts/manrope-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 700;font-display:swap;
  src:url(/assets/fonts/dmsans-latin.woff2) format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 700;font-display:swap;
  src:url(/assets/fonts/dmsans-latin-ext.woff2) format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* ── Temel yazı ── */
body{font-family:var(--govde-yazi);color:var(--t1);background:var(--t12)}
h1,h2{font-family:var(--baslik-yazi);font-weight:500;letter-spacing:-.05em;line-height:1.02}
h3{font-family:var(--baslik-yazi);font-weight:500;letter-spacing:-.02em}
/* Başlıktaki vurgu: Georgia italik, yeşil — Form Studio'nun imzası */
h1 em,h2 em{font-family:var(--vurgu-yazi);font-style:italic;font-weight:400;letter-spacing:-.04em;color:var(--v2)}
p{color:var(--t4)}
.eyebrow{font-size:12px;letter-spacing:.18em}
.eyebrow i{background:var(--v1)}
::selection{background:var(--v-acik);color:var(--t1)}

/* ── Düğmeler: Form Studio'daki gibi hap biçimi ── */
.button{border-radius:999px;background:var(--t1);color:var(--t12)}
.button:hover{background:var(--t3)}
.button.light{background:var(--t12);color:var(--t1)}
.text-link{border-bottom-color:var(--t1)}

/* ── Üst menü ── */
.header{height:88px;padding:0 4%;background:var(--t12);border-bottom:1px solid #18231e1f}
/* Logo (amblem + Georgia ByKuara) DEĞİŞMEZ — kullanıcı kararı 2026-09-24,
   her yerde kullanılıyor. Ölçüleri premium.css'ten gelir; burada yalnız renk. */
.header .brand{color:var(--t1)}
.header nav{gap:32px;font-size:14px}
.header nav .nav-contact{font-size:inherit}
.header nav>a:not(.nav-shop):before{background:var(--v1)}
.header nav a[aria-current=page]:after{border-color:var(--v1)}
.nav-shop{background:transparent;color:var(--t1);border:1px solid #18231e40;border-radius:999px;padding:12px 20px;font-size:13px}
.nav-shop:hover{background:var(--t1);color:var(--t12)}

/* ── Altbilgi: koyu orman zemini, dev marka yazısı ── */
footer{background:var(--t1);color:var(--t12);border-top:0;padding:70px 5% 26px}
footer a{color:var(--t12)}
footer p{color:var(--blok-soluk)}
.footer-top{grid-template-columns:1fr 1.3fr 1fr .8fr;gap:34px;padding-bottom:40px}
.footer-top .brand{color:var(--t12)}
/* Amblemin zemini altbilgi yeşiline yakın; ince halka ayırsın */
.footer-top .brand-emblem{box-shadow:0 0 0 1px #ffffff40}
.footer-top>p{font:500 28px/1.25 var(--baslik-yazi);letter-spacing:-.04em;color:var(--t12)}
.footer-top>p em{font-family:var(--vurgu-yazi);font-style:italic;font-weight:400;color:var(--v-acik)}
.footer-top>div{font-size:14px;gap:11px}
.footer-top>div a{opacity:.86;transition:opacity .2s}
.footer-top>div a:hover{opacity:1}
/* Georgia'daki 'y' kuyruğu satır kutusunun altına iniyor; alt boşluk
   onun için — yoksa alttaki çizgiyi ve telif satırını kesiyordu. */
.footer-marka{display:block;font:400 clamp(84px,19vw,300px)/1 Georgia,'Times New Roman',serif;letter-spacing:-.06em;padding-bottom:.2em;
  color:var(--t12);margin:10px 0 0 -.05em;white-space:nowrap}
.footer-bottom{border-top:1px solid #ffffff2e;color:var(--blok-soluk);padding-top:20px;font-size:12px;letter-spacing:.06em}
.footer-bottom a{color:var(--t12)}
footer :focus-visible{outline-color:var(--v-acik)}

/* ── Ortak bölüm etiketi ("01 / BAKIŞ AÇIMIZ" gibi) ── */
.tiny{display:block;font-size:12px;letter-spacing:.2em}

/* ── Sanal mağaza kapısı: açık yeşil zemin, halkalar. Ana sayfada ve
   koleksiyon şablonundan basılan bütün sayfalarda aynı bölüm. ── */
.portal{position:relative;overflow:hidden;background:#cfdabf;color:var(--t1);min-height:480px;padding:90px 8%}
.portal h2{font-size:clamp(43px,5.8vw,90px);letter-spacing:-.06em;line-height:1.07;margin:30px 0 18px;position:relative;z-index:1}
.portal p{position:relative;z-index:1;max-width:420px;font-size:15px;color:var(--t4)}
.portal-link{position:relative;z-index:1;display:inline-flex;gap:65px;align-items:center;border-bottom:1px solid;padding:15px 0;margin-top:26px;font-size:14px}
.portal-link span{font-size:28px}
.portal-rings{position:absolute;width:580px;height:580px;border:1px solid #18231e44;border-radius:50%;right:-100px;top:20px;
  box-shadow:0 0 0 60px #18231e08,0 0 0 120px #18231e08,0 0 0 180px #18231e08}

/* ── Ürün penceresi ve kartlar: yalnız yazı tipi uyumu (2. aşamada yeniden) ── */
.dialog-info h2,.product-title-row h3{font-family:var(--baslik-yazi)}
.dialog-info .button,.catalog .filters button.active{background:var(--t1)}

/* Geniş ekran (≥1600px): studio.css gövdeyi 1900px'e sınırlıyor. İçerik o
   genişlikte kalır ama menü çizgisi ve koyu altbilgi kenardan kenara uzanır;
   yoksa 2560px ekranda koyu bloklar ortada kutu gibi kalıyor, ana sayfanın
   saydam menüsü fotoğrafın dışına, açık zemine düşüyordu (2026-09-24).
   Yüzdeler gövdeye (1900px) göre çözülür: calc(50% - 50vw) = kenara uzanma. */
@media(min-width:1600px){
  html{overflow-x:clip}
  body{position:relative}
  .header{margin-inline:calc(50% - 50vw);padding-inline:calc(50vw - 50% + 4%)}
  footer{margin-inline:calc(50% - 50vw);padding-inline:calc(50vw - 50% + 5%)}
  .portal{margin-inline:calc(50% - 50vw);padding-inline:calc(50vw - 50% + 8%)}
}
@media(max-width:1100px){
  .header nav{gap:20px}
  .footer-top{grid-template-columns:1fr 1fr}
}
/* 340px altı (Galaxy Fold kapak ekranı 280px): 84px alt sınırda "ByKuara"
   287px genişliğinde kalıp kutusundan taşıyor, her sayfa 19px yana
   kayıyordu (2026-09-24). Burada yazı ekranla küçülür. */
@media(max-width:340px){.footer-marka{font-size:24vw}}
@media(max-width:760px){
  .header{height:76px;padding:0 6%}
  .menu-toggle{color:inherit}
  .header nav{background:var(--t12);border-bottom:1px solid var(--t9);font-size:16px}
  .nav-shop{margin-left:0}
  footer{padding:55px 6% 24px}
  .footer-top{grid-template-columns:1fr 1fr;gap:28px 18px}
  .footer-top>p{font-size:23px}
  .footer-bottom{flex-wrap:wrap;gap:10px 20px}
  .portal{min-height:380px;padding:60px 6%}
  .portal h2{font-size:clamp(40px,11vw,50px)}
  .portal-link{gap:40px}
  .portal-rings{opacity:.5;width:420px;height:420px;right:-160px}
}