/* Siteye sonradan eklenen bölümlerin stilleri (Next.js CSS'ine dokunmadan). */

/* Ana sayfa: anahtar kelimeli H1 küçük üst etiket görünümünde, slogan eski H1 görünümünde. */
.hero h1.hero-kicker{font-family:inherit;font-size:11px;font-weight:800;letter-spacing:.22em;line-height:inherit;text-transform:uppercase;margin:0 0 24px}
.hero .hero-title{letter-spacing:-.055em;margin:0;font-family:var(--baslik);font-weight:400;line-height:.98;font-size:clamp(58px,6.2vw,94px)}
.hero .hero-title em{color:var(--forest);font-weight:400}
@media (max-width:600px){.hero .hero-title{font-size:clamp(48px,15vw,68px)}}

/* Ana sayfa ürün kartlarında ürün sayfalarına giden etiketler. */
.product-card .tags a{color:inherit;text-decoration:none}
.product-card .tags a:hover,.product-card .tags a:focus-visible{text-decoration:underline}

/* Ana sayfa: ilçeler, TARSİM ve rehber bandı (ürün sayfalarındaki ilçe bandıyla aynı görünüm). */
.tunc-bolgeler{background:var(--cream);border-top:1px solid #c9ddea;border-bottom:1px solid #c9ddea;max-width:1440px;margin:0 auto 110px;padding:28px 5vw;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 40px}
.tunc-bolgeler strong{display:block;font-family:var(--baslik);font-size:18px;font-weight:400;margin-bottom:8px}
.tunc-bolgeler p{margin:0;font-size:13px;line-height:1.7;color:var(--muted)}
.tunc-bolgeler a{color:var(--forest);text-decoration:underline}
@media (max-width:900px){.tunc-bolgeler{grid-template-columns:1fr;margin-bottom:80px}}

/* Rehber yazıları (tools/rehber.py). */
.rehber-hero{min-height:auto;grid-template-columns:1fr;padding-top:60px;padding-bottom:70px}
.rehber-hero h1{font-size:clamp(40px,4.6vw,68px)}
.rehber-kirinti{font-size:12px;color:var(--muted);margin-bottom:28px}
.rehber-kirinti a{text-decoration:underline}
.rehber-tarih{font-size:12px;color:var(--muted);margin:22px 0 0}
.rehber-duzen{display:grid;grid-template-columns:220px minmax(0,720px);gap:6vw;justify-content:center;padding-top:70px}
.rehber-icindekiler{align-self:start}
.rehber-yazi{font-size:16px;line-height:1.8;color:var(--ink)}
.rehber-yazi h2{font-family:var(--baslik);font-weight:400;font-size:clamp(26px,2.6vw,34px);letter-spacing:-.03em;line-height:1.15;margin:56px 0 18px;scroll-margin-top:20px}
.rehber-yazi h2:first-child{margin-top:0}
.rehber-yazi h3{font-size:17px;margin:30px 0 10px}
.rehber-yazi p,.rehber-yazi li{color:#243b53}
.rehber-yazi a{color:var(--forest);text-decoration:underline}
.rehber-yazi p{margin:0 0 16px}
.rehber-yazi ul{list-style:disc;padding-left:22px;margin:0 0 16px}
.rehber-yazi ol{list-style:decimal;padding-left:22px;margin:0 0 16px}
.rehber-yazi .faq-list p{margin:14px 0 0}
.rehber-yazi li{margin:6px 0}
.rehber-tablo{overflow-x:auto;margin:20px 0}
.rehber-tablo table{border-collapse:collapse;width:100%;font-size:14px}
.rehber-tablo th,.rehber-tablo td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left}
.rehber-tablo th{background:var(--cream);font-weight:700}
.rehber-cagri{background:var(--cream);border:1px solid #c9ddea;margin:48px 0;padding:26px 28px;display:grid;grid-template-columns:1fr auto;gap:18px 30px;align-items:center}
.rehber-cagri strong{font-family:var(--baslik);font-weight:400;font-size:20px}
.rehber-cagri p{margin:6px 0 0;font-size:14px;line-height:1.6;color:var(--muted)}
.rehber-cagri-linkler{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.rehber-yazi .rehber-cagri-ana{background:var(--deep);color:#fff;text-decoration:none;padding:12px 18px;font-size:14px;font-weight:700}
.rehber-yazi .faq-list summary{font-size:17px}
.rehber-yazi .faq-list p{font-size:14px}
.rehber-kaynaklar{font-size:14px}
.rehber-not{font-size:12px;line-height:1.7;color:var(--muted);border-top:1px solid var(--line);margin-top:36px;padding-top:18px}
.rehber-ilgili{margin-top:36px;font-size:14px}
.rehber-ilgili strong{font-family:var(--baslik);font-weight:400;font-size:20px}
.rehber-dogrula{background:#fff3b0;color:#6b4e00;padding:2px 6px;font-size:13px}
.rehber-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;padding-top:70px}
.rehber-kart{border:1px solid var(--line);padding:28px;display:flex;flex-direction:column;gap:12px;transition:border-color .2s}
.rehber-kart:hover{border-color:var(--forest)}
.rehber-kart span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.14em}
.rehber-kart strong{font-family:var(--baslik);font-weight:400;font-size:24px;line-height:1.2}
.rehber-kart p{margin:0;font-size:14px;line-height:1.7;color:var(--muted)}
.rehber-kart em{font-style:normal;color:var(--forest);font-size:13px;font-weight:700;margin-top:auto}
.rehber-hero .page-hero-lead a{color:var(--forest);text-decoration:underline}
@media (max-width:900px){.rehber-duzen{grid-template-columns:1fr;gap:40px}.rehber-cagri{grid-template-columns:1fr}}
@media (max-width:600px){.rehber-hero h1{font-size:38px}.rehber-yazi{font-size:15px}}
.rehber-kartlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:45px}
.guide-articles .rehber-tumu{margin:28px 0 0;font-size:14px}
.guide-articles .rehber-tumu a{color:var(--forest);text-decoration:underline}

/* Site teması "güçlü kurumsal" (Manrope, site/fonts/). Ana CSS'ten önce yüklendiği için kurallar !important/yüksek özgüllükle yazıldı.
   Georgia kullanan tüm seçiciler ana CSS'ten toplandı; başlıklar küçültüldü, küçük yazılar büyütüldü. */
@font-face{font-family:'Manrope';font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/manrope-latin-ext-400-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:'Manrope';font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/manrope-latin-400-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:'Manrope';font-style:normal;font-display:swap;font-weight:600;src:url(/fonts/manrope-latin-ext-600-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:'Manrope';font-style:normal;font-display:swap;font-weight:600;src:url(/fonts/manrope-latin-600-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:'Manrope';font-style:normal;font-display:swap;font-weight:800;src:url(/fonts/manrope-latin-ext-800-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:'Manrope';font-style:normal;font-display:swap;font-weight:800;src:url(/fonts/manrope-latin-800-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}

html:root{--baslik:'Manrope',system-ui,sans-serif;--govde:'Manrope',system-ui,sans-serif;--baslik-w:800;--forest:#0061c2}
.product-grid{border:0!important;gap:18px!important}
.product-card{background:#fff!important;border:1px solid #dbe5ee!important;border-top:4px solid var(--forest)!important;border-radius:8px!important}
.product-card:hover{background:#f5f9fd!important}
.product-number{background:var(--deep)!important;color:#fff!important;border-radius:6px!important;padding:4px 8px!important;align-self:flex-start!important;font-weight:700!important}
.guide-grid,.glossary-grid,.value-grid{background:transparent!important;border:0!important;gap:18px!important}
.guide-grid article,.glossary-grid article,.value-grid article{background:#fff!important;border:1px solid #dbe5ee!important;border-left:4px solid var(--forest)!important;border-radius:8px!important}
.primary-button{border-radius:8px!important;min-height:58px!important;font-size:15px!important}
.contact-button{border-radius:8px!important;background:#fff!important;color:var(--deep)!important}

html body{font-family:var(--govde)!important}
.about-manifesto blockquote,.approach-steps b,.assurance-bar b,.channel-placeholder h3,.channel-placeholder span,.chapter-heading h2,.claim-section h2,.claim-steps b,.claim-steps h3,.contact h2,.contact-channel-panel h2,.faq-list summary,.future-panel h2,.future-steps strong,.glossary-grid h3,.glossary-grid span,.guide-grid h3,.guide-grid span,.hero .hero-title,.hero h1,.hizli-teklif h2,.kvkk-text h2,.legal-note strong,.main-card h2,.note-card blockquote,.note-mark,.offer-form-copy h2,.offer-steps h3,.offer-steps span,.official-sources strong,.page-hero h1,.page-hero-mark span,.preparation-list article>span,.preparation-list h3,.process-line b,.process-line h3,.product-card h3,.product-number,.rehber-cagri strong,.rehber-ilgili strong,.rehber-kart strong,.rehber-yazi h2,.section h2,.shield,.solution-columns h3,.solution-menu a span,.solution-title-row h2,.solution-title-row>span,.step-list article>span,.step-list h3,.tunc-bolgeler strong,.value-grid h3,.value-grid span{font-family:var(--baslik)!important;font-weight:var(--baslik-w)!important;letter-spacing:-.02em!important}
.hero h1.hero-kicker{font-family:var(--govde)!important;font-weight:800!important;letter-spacing:.14em!important;font-size:12px!important;line-height:1.5!important}
h1 em,h2 em,.hero-title em{font-style:normal!important}
/* Başlık boyutları: daha küçük ve dengeli */
.hero .hero-title,.hero h1:not(.hero-kicker){font-size:clamp(38px,4.3vw,58px)!important;line-height:1.08!important}
.page-hero h1{font-size:clamp(36px,4vw,54px)!important;line-height:1.1!important}
.section h2,.section-heading h2,.approach h2,.faq-title h2,.chapter-heading h2,.claim-section h2,.future-panel h2,.contact-channel-panel h2,.offer-form-copy h2{font-size:clamp(30px,3.1vw,42px)!important;line-height:1.12!important}
.contact h2{font-size:clamp(32px,3.5vw,46px)!important;line-height:1.1!important}
.solution-title-row h2{font-size:clamp(26px,2.6vw,34px)!important}
.note-card blockquote{font-size:clamp(22px,2.2vw,30px)!important;line-height:1.3!important}
.about-manifesto blockquote{font-size:clamp(26px,3vw,40px)!important;line-height:1.2!important}
.product-card h3,.guide-grid h3,.glossary-grid h3{font-size:22px!important;margin-top:28px!important}
.step-list h3,.preparation-list h3,.claim-steps h3,.solution-columns h3{font-size:19px!important}
.faq-list summary{font-size:17px!important}
.rehber-hero h1{font-size:clamp(32px,3.6vw,48px)!important}
/* Küçük yazılar okunur boyuta */
.eyebrow{font-size:12px!important;letter-spacing:.14em!important}
.product-card>p,.guide-grid p,.glossary-grid p,.step-list p,.preparation-list p{font-size:15px!important;line-height:1.6!important}
.section-heading>p,.chapter-heading>p:last-child{font-size:16px!important}
.tags span{font-size:11px!important;padding:6px 11px!important}
.product-card>a{font-size:13px!important}
.trust-row p{font-size:13px!important}.trust-row strong{font-size:14px!important}
.assurance-bar span{font-size:12px!important}
.faq-list p,.legal-note p{font-size:15px!important}
.prepare-row span{font-size:12px!important}
.desktop-nav{font-size:14px!important}
@media (max-width:600px){.hero .hero-title,.hero h1:not(.hero-kicker){font-size:36px!important}.page-hero h1{font-size:34px!important}
.section h2,.section-heading h2,.approach h2,.faq-title h2,.chapter-heading h2,.claim-section h2,.contact h2{font-size:28px!important}}

/* Küçük kalan yazılar (8–12px) okunur boyuta; ana CSS'te !important olanları da geçmek için html önekli. */
html .approach-steps span,html .solution-columns li,html .claim-steps p,html .value-grid p,html .process-line p,html .offer-steps p,html .claim-section>div:first-child>p:last-child,html .contact-channel-panel>div:first-child>p:last-child,html .offer-form-copy>p:not(.eyebrow),html .mobile-menu nav a{font-size:15px!important}
html .text-link,html .offer-form fieldset label,html .solution-menu a{font-size:14px!important}
html footer>div,html .contact-button,html .form-contact-button,html .offer-direct a:nth-of-type(2),html .channel-links a:last-child:not(:first-child),html .channel-placeholder p,html .form-preview strong,html .form-status,html .future-steps strong{font-size:13px!important}
html .source-link,html .official-sources span,html .disclaimer,html .form-note,html .consent-field>span,html .float-card p,html .solution-actions>a:first-child,html .main-card>p{font-size:12px!important}
html footer small,html .solution-menu>p,html .solution-title-row p,html .official-sources>p,html .note-card>p,html .offer-form label>span,html .offer-form legend,html .prepare-row strong,html .future-steps span,html .coverage-grid b{font-size:11px!important}
html footer>div{flex-wrap:wrap!important;row-gap:10px!important}

/* Teklif sayfası, mobil: form ilk ekranda. Kısa başlık -> form -> doğrudan iletişim -> "Nasıl ilerler" (yalnız görsel sıra; HTML aynı). */
@media (max-width:900px){
html main:has(#teklif-formu){display:flex!important;flex-direction:column!important}
html main:has(#teklif-formu)>*{width:100%!important;box-sizing:border-box!important}
html main:has(#teklif-formu)>.offer-form-section{order:1!important;padding-top:24px!important;padding-bottom:40px!important;gap:28px!important}
html main:has(#teklif-formu)>.offer-intro{order:2!important}
html main:has(#teklif-formu)>.offer-legal{order:3!important}
html main:has(#teklif-formu)>footer{order:4!important}
html main:has(#teklif-formu)>.page-hero{padding-top:28px!important;padding-bottom:20px!important;border-bottom:0!important;min-height:0!important}
html main:has(#teklif-formu)>.page-hero .page-hero-mark{display:none!important}
html main:has(#teklif-formu)>.page-hero .page-hero-lead{margin-top:14px!important;font-size:15px!important}
html main:has(#teklif-formu) .offer-form{order:-1!important}
html main:has(#teklif-formu) .offer-form-copy .eyebrow{display:none!important}
}