/* SEO ek stiller 2026-10-07 */
.seo-block{padding:56px 0;border-top:1px solid var(--line)}
.seo-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:56px;align-items:start}
.seo-text h2{font-size:2.1rem;line-height:1.05;margin:0 0 12px}.seo-text h2:not(:first-child){margin-top:30px}
.seo-text p{font-size:1rem;line-height:1.75;color:#4c4a48;margin:0 0 12px}.seo-text a{color:#8a6a1f;text-decoration:underline;text-underline-offset:3px}
.seo-faq{display:grid;gap:12px;position:sticky;top:110px}.seo-faq h2{font-size:1.8rem;margin:0 0 4px}
.seo-faq details{background:#fff;border:1px solid var(--line);border-radius:8px;padding:0 18px}
.seo-faq summary{cursor:pointer;padding:15px 0;font-weight:600;line-height:1.4}.seo-faq details p{margin:0 0 15px;color:#4c4a48;line-height:1.65}
.seo-faq .stats{background:#fff;border:1px solid var(--line);border-radius:8px}
.seo-cta{background:var(--green);color:#fff;border-radius:10px;padding:24px;display:grid;gap:10px}
.seo-cta h3{font-size:1.6rem;margin:0;color:#f3d07f}.seo-cta p{margin:0;color:rgba(255,255,255,.78);line-height:1.55}
.seo-cta .full{width:100%}.rel-link{color:#fff;padding:8px 0;border-top:1px solid rgba(255,255,255,.12);line-height:1.4}.rel-link:hover{color:#f3d07f}
.info-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:8px;margin:6px 0 10px}
.info-table th,.info-table td{text-align:left;padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.5}
.info-table th{width:34%;color:#8a6a1f;font-weight:600}.info-table a{color:inherit}
.map{display:block;width:100%;height:380px;border:0;border-radius:10px;background:var(--cream2)}
.more-link{color:#8a6a1f;font-family:var(--sans);font-size:.9rem;font-weight:600}
.blog-teaser,.blog-list{padding:64px 0}.blog-teaser{border-top:1px solid #dbd8d3}
.blog-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}
.blog-card{display:flex;flex-direction:column;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 8px 24px rgba(25,25,25,.08);transition:.2s}
.blog-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.blog-card img{width:100%;aspect-ratio:16/10;object-fit:cover}
.blog-card strong{font-family:var(--serif);font-size:1.35rem;line-height:1.2;padding:16px 18px 6px}
.blog-card span{padding:0 18px 18px;color:var(--muted);font-size:.88rem;line-height:1.55}
.art-img{margin:0 0 24px;border-radius:10px;overflow:hidden}.art-img img{width:100%;max-height:420px;object-fit:cover}
.art-meta{font-size:.8rem!important;color:var(--muted)!important;margin-top:24px!important}
footer .foot-links{display:grid;grid-template-columns:2fr 1.2fr 1.3fr;gap:30px;padding:40px 0 26px;border-bottom:1px solid rgba(255,255,255,.08)}
.foot-links div{display:flex;flex-wrap:wrap;gap:8px 22px;align-content:flex-start}.foot-links div:not(:first-child){flex-direction:column;flex-wrap:nowrap}
.foot-links strong{width:100%;font-family:var(--serif);font-size:1.15rem;color:#f3d07f;margin-bottom:4px}
.foot-links a,.foot-links span{font-size:.84rem;color:#d8d1c2;line-height:1.6}.foot-links a:hover{color:#fff}
@media(max-width:1080px){.seo-grid{grid-template-columns:1fr;gap:30px}.seo-faq{position:static}.blog-cards{grid-template-columns:1fr 1fr}footer .foot-links{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.seo-text h2{font-size:1.75rem}.blog-cards{grid-template-columns:1fr}footer .foot-links{grid-template-columns:1fr;gap:22px}.info-table th{width:40%}}
/* all-black theme (2026-10-14): light page sections follow the black header */
:root{--cream:#121110;--cream2:#161514;--paper:#0f0e0d;--ink:#ece9e2;--muted:#a9a59d;--line:rgba(225,190,110,.2);--card:#1b1a19}
.about,.blog-teaser{border-color:rgba(255,255,255,.08)}
.about p,.head p,.production p,.seo-text p,.seo-faq details p{color:#c9c5bd}
.eyebrow,.side-title{color:#e1c073}.seo-text a,.more-link,.info-table th{color:#e1be6e}
.cat,.pager a,.blog-card,.seo-faq details,.seo-faq .stats,.info-table{background:var(--card);box-shadow:0 12px 30px rgba(0,0,0,.35)}
.cat .ph,.item .ph,.preview-grid a{background:#fff}.cat .cap,.item .code{border-top-color:rgba(255,255,255,.08)}
.item{background:var(--card)}.item .code{background:var(--card)}
.btn-line{color:#ece9e2;border-color:rgba(255,255,255,.35)}.btn-line:hover{background:rgba(255,255,255,.07)}
.tabs a{color:#d9d5cd}.tabs a:hover{color:#fff;background:rgba(255,255,255,.05)}.tabs a.on{color:#f3d07f;background:var(--card)}
.stat span{color:#e1be6e}.mosaic button{background:#222}
@media(max-width:1080px){.side{background:rgba(15,14,13,.97)}.tabs a{background:var(--card);border-color:rgba(255,255,255,.15)}.tabs a.on{background:var(--copper);color:#111;border-color:var(--copper)}}
/* small Instagram / WhatsApp buttons next to the menu button */
.nav-icons{display:none}
@media(max-width:1080px){.nav-icons{display:flex;gap:8px;margin-left:auto}.nav-icons+.menu{margin-left:0}
 .nav-icons a{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.nav-icons svg{width:20px;height:20px}
 .nav-icons .wa{background:#1f9d55}.nav-icons .ig{background:linear-gradient(45deg,#f09433,#dc2743 50%,#bc1888)}
 .wa-float{display:none}}
/* long German words must not widen the page */
@media(max-width:760px){h1,h2,h3{overflow-wrap:break-word;hyphens:auto}}
@media(max-width:1080px){.production-grid,.seo-grid{grid-template-columns:minmax(0,1fr)}.info-table td{overflow-wrap:anywhere}}
/* mobile home: short hero, category grid right below it */
@media(max-width:760px){.home{display:flex;flex-direction:column}.home>*{order:3}.home>.hero{order:0}.home>.catalog-preview{order:1}.home>.products{order:2}
 .home>.catalog-preview{padding:24px 0 8px}.home .catalog-preview .head{gap:6px;margin-bottom:16px}.home .catalog-preview .head p,.home .catalog-preview .head .actions{display:none}.home .catalog-preview h2{font-size:1.9rem}
 .home .hero-inner{padding:88px 0 22px;gap:0}.home .hero-copy{display:flex;flex-direction:column}
 .home .hero-quote{order:2;margin-top:20px;font-size:1.55rem;text-align:center}.home .hero-quote::after{margin:14px auto 0}
 .home .hero h1,.home .hero .eyebrow,.home .legal-name,.home .hero-lead,.home .trust,.home .collage{display:none}
 .home .hero .actions{margin:0;gap:10px;flex-wrap:nowrap}.home .hero .actions .btn{width:auto;flex:1;padding:12px 10px;font-size:.72rem}
 .home>.products{padding:24px 0 48px}.home .products .head{gap:6px;margin-bottom:18px}.home .products .head p{display:none}.home .products h2{font-size:1.9rem}}

/* toptan satis notu */
.toptan-not{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;justify-content:center;text-align:center;margin:0 0 20px;padding:14px 18px;background:#fff4e5;border:1px solid #e0a458;border-left:5px solid #c27c2c;border-radius:8px;color:#4a2f0b;font-size:1.02rem;line-height:1.4}
.toptan-not strong{font-weight:700;letter-spacing:.01em}
.toptan-not span{font-weight:600}
.page-hero + .toptan-not,main > .toptan-not{max-width:1140px;margin:20px auto 0}

/* Dil seçicide minik bayraklar */
.lang a{display:inline-flex;flex-direction:column;align-items:center;gap:3px;line-height:1}
.lang a::after{content:'';display:block;width:16px;height:11px;border-radius:2px;background:center/cover no-repeat;box-shadow:0 0 0 1px #ffffff33}
.lang a[hreflang=tr]::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'%3E%3Crect width='30' height='20' fill='%23e30a17'/%3E%3Ccircle cx='11' cy='10' r='5' fill='%23fff'/%3E%3Ccircle cx='12.25' cy='10' r='4' fill='%23e30a17'/%3E%3Cpolygon fill='%23fff' points='16.5,10 18.9,9.2 18.9,6.7 20.4,8.7 22.8,7.9 21.3,10 22.8,12.1 20.4,11.3 18.9,13.3 18.9,10.8'/%3E%3C/svg%3E")}
.lang a[hreflang=en]::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30'%3E%3CclipPath id='t'%3E%3Cpath d='M30,15h30v15zv15h-30zh-30v-15zv-15h30z'/%3E%3C/clipPath%3E%3Cpath d='M0,0v30h60v-30z' fill='%23012169'/%3E%3Cpath d='M0,0 60,30M60,0 0,30' stroke='%23fff' stroke-width='6'/%3E%3Cpath d='M0,0 60,30M60,0 0,30' clip-path='url%28%23t%29' stroke='%23C8102E' stroke-width='4'/%3E%3Cpath d='M30,0v30M0,15h60' stroke='%23fff' stroke-width='10'/%3E%3Cpath d='M30,0v30M0,15h60' stroke='%23C8102E' stroke-width='6'/%3E%3C/svg%3E")}
.lang a[hreflang=de]::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 3'%3E%3Crect width='5' height='3' fill='%23ffce00'/%3E%3Crect width='5' height='2' fill='%23dd0000'/%3E%3Crect width='5' height='1' fill='%23000'/%3E%3C/svg%3E")}
.lang a[hreflang=ru]::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 6'%3E%3Crect width='9' height='6' fill='%23d52b1e'/%3E%3Crect width='9' height='4' fill='%230039a6'/%3E%3Crect width='9' height='2' fill='%23fff'/%3E%3C/svg%3E")}
.lang a[hreflang=ar]::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'%3E%3Crect width='30' height='20' fill='%23006c35'/%3E%3Crect x='8' y='6' width='14' height='3.2' rx='1' fill='%23fff'/%3E%3Crect x='8' y='12' width='14' height='1.2' fill='%23fff'/%3E%3Crect x='20.5' y='11.3' width='1.6' height='2.6' fill='%23fff'/%3E%3C/svg%3E")}