/* Montserrat kendi sunucumuzdan (SIL OFL 1.1, assets/font/OFL.txt); Google'a istek gitmez */
@font-face{font-family:"Montserrat";font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/font/montserrat-latin-ext-wght-normal.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:"Montserrat";font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/font/montserrat-latin-ext-wght-italic.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:"Montserrat";font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/font/montserrat-latin-wght-normal.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:"Montserrat";font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/font/montserrat-latin-wght-italic.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}
/* Bursa Brode — düzen: ince dikişli bölümler, kasnak motifli giriş, kartlar 2x2 */
:root{
  --zemin:#f7f6f3; --yuzey:#ffffff; --murekkep:#1f1d22; --soluk:#66626c; --cizgi:#dcd8d1;
  --iplik:#7a1f3d; --iplik-acik:#f3e6eb; --ada:#5b7365;
  --f-baslik:"Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif; --f-govde:"Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--zemin);color:var(--murekkep);font-family:var(--f-govde);font-size:16px;line-height:1.6}
a{color:var(--iplik)}
img{max-width:100%;display:block}
.kap{max-width:1120px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
:focus-visible{outline:2px solid var(--iplik);outline-offset:2px}

/* teyel dikişi: bölüm ayıracı */
.teyel{height:2px;background:repeating-linear-gradient(90deg,var(--iplik) 0 10px,transparent 10px 18px);opacity:.55;border:0;margin:0}

header.ust{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--zemin) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--cizgi);padding-top:env(safe-area-inset-top,0px)}
.ust .kap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}
.marka{display:flex;align-items:baseline;gap:8px;text-decoration:none;color:var(--murekkep)}
.marka b{font-family:var(--f-baslik);font-size:1.45rem;font-weight:600;letter-spacing:.01em}
.marka span{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--soluk)}
nav.menu{display:flex;align-items:center;gap:22px}
nav.menu a{color:var(--murekkep);text-decoration:none;font-weight:500;font-size:.95rem}
nav.menu a:hover{color:var(--iplik)}
.dil{border:1px solid var(--cizgi);border-radius:999px;padding:3px 10px;font-size:.8rem;font-weight:700;letter-spacing:.06em}
.menu-dugme{display:none;background:none;border:1px solid var(--cizgi);border-radius:8px;padding:6px 10px;font:inherit;color:var(--murekkep)}
@media (max-width:760px){
  .menu-dugme{display:block}
  nav.menu{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:flex-start;gap:4px;background:var(--zemin);border-bottom:1px solid var(--cizgi);
    padding:8px max(20px,env(safe-area-inset-right,0px)) 16px max(20px,env(safe-area-inset-left,0px))}
  nav.menu.acik{display:flex}
  nav.menu a{padding:8px 0}
}

.giris{padding-block:72px 64px}
.giris .kap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:center}
@media (max-width:860px){.giris .kap{grid-template-columns:minmax(0,1fr)}.giris{padding-block:40px}}
.ust-baslik{font-size:.75rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ada);font-weight:700;margin:0 0 14px}
h1,h2,h3{font-family:var(--f-baslik);font-weight:600;text-wrap:balance;margin:0;letter-spacing:-.015em}
h1{font-size:clamp(2.4rem,6vw,4.2rem);line-height:1.04;letter-spacing:-.01em}
h1 em,h2 em{font-style:italic;color:var(--iplik)}
.giris p.oz{font-size:1.12rem;color:var(--soluk);max-width:34em;margin:22px 0 30px}
.eylem{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-block;font:inherit;font-weight:700;text-decoration:none;border-radius:999px;padding:12px 24px;border:1.5px solid var(--iplik);cursor:pointer}
.btn.dolu{background:var(--iplik);color:var(--zemin)}
.btn.bos{background:transparent;color:var(--iplik)}

/* kasnak: nakış kasnağı içinde kanaviçe deseni */
.kasnak{position:relative;width:min(380px,80vw);aspect-ratio:1;max-width:100%;justify-self:center}
.kasnak svg{width:100%;height:100%}

section.bolum{padding-block:80px}
@media (max-width:760px){section.bolum{padding-block:56px}}
.bolum-bas{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 48px;align-items:end;margin-bottom:40px}
@media (max-width:760px){.bolum-bas{grid-template-columns:minmax(0,1fr)}}
h2{font-size:clamp(1.9rem,4vw,2.8rem);line-height:1.1}
.bolum-bas p{color:var(--soluk);margin:0;max-width:36em}

.urunler{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
@media (max-width:700px){.urunler{grid-template-columns:minmax(0,1fr)}}
.urun{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:4px;overflow:hidden;display:flex;flex-direction:column}
.urun .gorsel{aspect-ratio:16/10;max-width:100%;position:relative;background:
  radial-gradient(circle at 50% 50%,transparent 6px,var(--iplik-acik) 7px) 0 0/22px 22px,var(--iplik-acik)}
.urun .gorsel::after{content:"";position:absolute;inset:12px;border:1.5px dashed var(--iplik);opacity:.45;border-radius:2px}
.urun .gorsel.cizim::after{display:none}
.urun .gorsel img{display:block;width:100%;height:100%;object-fit:cover}
.urun .metin{padding:22px 24px 26px}
.urun h3{font-size:1.5rem;margin-bottom:8px}
.urun p{margin:0;color:var(--soluk)}

.adimlar{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;counter-reset:adim}
@media (max-width:900px){.adimlar{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.adimlar{grid-template-columns:minmax(0,1fr)}}
.adimlar li{border-top:2px solid var(--murekkep);padding-top:16px;counter-increment:adim}
.adimlar li::before{content:counter(adim,decimal-leading-zero);font-family:var(--f-baslik);font-size:1.1rem;color:var(--iplik);display:block;margin-bottom:8px}
.adimlar h3{font-size:1.3rem;margin-bottom:6px}
.adimlar p{margin:0;color:var(--soluk);font-size:.95rem}

.koyu{background:var(--yuzey);border-block:1px solid var(--cizgi)}
.iletisim{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px}
@media (max-width:860px){.iletisim{grid-template-columns:minmax(0,1fr)}}
.bilgi dl{margin:24px 0 0;display:grid;gap:14px}
.bilgi dt{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--soluk);font-weight:700}
.bilgi dd{margin:2px 0 0;font-size:1.05rem}
.bilgi dd a{color:var(--iplik)}
form.teklif{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
@media (max-width:560px){form.teklif{grid-template-columns:minmax(0,1fr)}}
form.teklif .tam{grid-column:1/-1}
form.teklif label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;font-weight:600}
form.teklif input,form.teklif select,form.teklif textarea{font:inherit;font-weight:400;font-size:16px;color:var(--murekkep);background:var(--zemin);border:1px solid var(--cizgi);border-radius:4px;padding:11px 12px;width:100%;min-width:0}
form.teklif textarea{min-height:140px;resize:vertical}
form.teklif .onay{flex-direction:row;align-items:flex-start;gap:10px;font-weight:400;color:var(--soluk)}
form.teklif .onay input{width:auto;margin-top:4px}
.tuzak{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.durum{min-height:1.5em;font-weight:600}
.durum.iyi{color:var(--ada)} .durum.kotu{color:var(--iplik)}

footer.alt{padding-block:36px calc(36px + env(safe-area-inset-bottom,0px));color:var(--soluk);font-size:.88rem}
footer.alt .kap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}

/* Yayından önce doldurulacak alanlar: yerel önizlemede görünür işaret */
.doldur{background:#fff1b8;color:#5a4500;border-radius:3px;padding:0 6px;font-size:.9em}
.yer-tutucu{position:absolute;left:12px;bottom:12px;z-index:1;font-size:.72rem;font-weight:700;letter-spacing:.06em;background:var(--yuzey);color:var(--soluk);padding:3px 8px;border-radius:2px}

/* KVKK / gizlilik metin sayfaları */
.metin-sayfa h2{font-size:1.3rem;margin:28px 0 8px}
.metin-sayfa p{margin:0 0 12px}
.metin-sayfa a{color:var(--iplik)}