/* KARDAŞ — Atelier / 2026
   Mevcut global CSS'den SONRA yükleyin. HTML, SEO ve iş mantığını değiştirmez.
   Bu seçiciler teslim edilen ana sayfanın mevcut DOM yapısına yöneliktir. */
:root{--color-paper:#f5f4ee;--color-paper-deep:#e9e8e0;--color-cream:#fffef8;--color-ink:#20231e;--color-ink-soft:#63685d;--color-pine:#20231e;--color-moss:#56652d;--color-leaf:#d6ed9a;--color-clay:#526335;--color-gold:#d5f579;--font-display:Arial,Helvetica,sans-serif;--font-sans:Arial,Helvetica,sans-serif}
html{scroll-behavior:smooth;scroll-padding-top:120px}
body{background:#f5f4ee;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
::selection{background:#d5f579;color:#20231e}
a,button{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #799a35;outline-offset:5px}
.font-display,h1,h2,h3{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.055em}
h2{font-weight:750!important;line-height:1.07!important}
.grain:before,.grain:after{display:none!important}
/* Giriş animasyonlarından bağımsız olarak içerik ilk boyamada okunabilir. */
body:has(main > #kategoriler) main [style*="opacity:0"],header [style*="opacity:0"]{opacity:1!important;transform:none!important}
body:has(main > #kategoriler) main h1 span[style]{transform:none!important}
body>header{background:#f5f4ee!important;border-bottom:1px solid #20231e18;box-shadow:0 4px 30px #20231e05}
body>header>div:first-child{background:#20231e;color:#f5f4ee}
body>header>div:first-child>div{height:32px;font-size:10px;letter-spacing:.08em}
body>header>div:nth-child(2){background:#f5f4ee!important}
body>header>div:nth-child(2)>div{height:80px;max-width:1440px;padding-inline:48px}
header a[href="/"]>span:first-child{color:#20231e;background:#d5f579;border-radius:50%;padding:4px}
header a[href="/"] .font-display{font-size:26px;letter-spacing:-.06em}
header nav{gap:28px!important}
header nav a,header nav button{font-size:12px!important}
header a[href="/online-teklif/"]:not(.hidden){border-radius:6px}
header div> a.bg-ink{background:#20231e;border-radius:6px;padding:14px 22px}
/* Ana vitrin: tipografik sol panel + tam boy atölye fotoğrafı. */
body:has(main > #kategoriler) main>section:first-of-type{background:#20231e;padding-top:112px;color:#f5f4ee;overflow:hidden}
body:has(main > #kategoriler) main>section:first-of-type>div.pointer-events-none{display:none}
body:has(main > #kategoriler) main>section:first-of-type>div.grid{max-width:1440px;padding:0 0 0 48px;gap:0;grid-template-columns:1.05fr 1fr;align-items:stretch}
body:has(main > #kategoriler) main>section:first-of-type>div.grid>div:first-child{padding:60px 36px 42px 0;position:relative}
body:has(main > #kategoriler) main>section:first-of-type h1{font-size:clamp(64px,6.4vw,96px)!important;line-height:.94!important;font-weight:750!important;letter-spacing:-.075em;margin-top:32px;color:#f5f4ee}
body:has(main > #kategoriler) main>section:first-of-type h1>span{padding-bottom:5px}
body:has(main > #kategoriler) main>section:first-of-type h1 .italic{color:#d5f579;font-style:normal}
body:has(main > #kategoriler) main>section:first-of-type p.text-clay{color:#d5f579;font-size:10px;letter-spacing:.24em}
body:has(main > #kategoriler) main>section:first-of-type p.text-clay>span{background:#d5f579;width:24px}
body:has(main > #kategoriler) main>section:first-of-type p.text-ink-soft{color:#bbbfb2;font-size:14px;max-width:410px;line-height:1.8;margin-top:24px}
body:has(main > #kategoriler) main>section:first-of-type a.bg-ink{background:#d5f579;color:#20231e;border-radius:6px;font-size:12px;padding:18px 24px}
body:has(main > #kategoriler) main>section:first-of-type a.bg-ink:hover{background:#e4ffac;transform:translateY(-2px)}
body:has(main > #kategoriler) main>section:first-of-type a.link-underline{color:#f5f4ee;font-size:12px;border-bottom:1px solid #6f7565;padding-bottom:5px}
body:has(main > #kategoriler) main>section:first-of-type .mt-12{border-top:1px solid #ffffff25;padding-top:26px;margin-top:36px;gap:24px}
body:has(main > #kategoriler) main>section:first-of-type .mt-12>div{display:flex;flex-direction:column;gap:7px}
body:has(main > #kategoriler) main>section:first-of-type .mt-12 .font-display{color:#f5f4ee;font-size:28px;letter-spacing:-.06em}
body:has(main > #kategoriler) main>section:first-of-type .mt-12 .text-xs{color:#b3b9a8;font-size:8px;letter-spacing:.12em}
body:has(main > #kategoriler) main>section:first-of-type>div.grid>div:nth-child(2){margin:24px 24px 24px 0;min-height:670px;position:relative}
body:has(main > #kategoriler) main>section:first-of-type>div.grid>div:nth-child(2)>div:first-child{height:100%;width:100%;aspect-ratio:auto;border-radius:5px;box-shadow:none;opacity:1!important;transform:none!important;background:#4c5041}
body:has(main > #kategoriler) main>section:first-of-type img{filter:saturate(.65);object-position:center}
body:has(main > #kategoriler) main>section:first-of-type>div.grid>div:nth-child(2)>div:nth-child(2){left:auto;right:22px;top:22px;background:#d5f579;border-radius:50%;padding:2px;color:#20231e}
body:has(main > #kategoriler) main>section:first-of-type>div.grid>div:nth-child(2)>div:nth-child(2) svg{color:#20231e;animation:none}
body:has(main > #kategoriler) main>section:first-of-type>div.grid>div:nth-child(2)>div:last-child{left:24px;right:24px;bottom:24px;border-radius:4px;background:#f5f4ee;padding:18px;box-shadow:none;justify-content:flex-start}
body:has(main > #kategoriler) main>section:first-of-type>div.grid>div:nth-child(2)>div:last-child>span{background:#d5f579;color:#20231e;border-radius:3px}
body:has(main > #kategoriler) main>section:first-of-type>div:last-child:not(.grid){display:none}
/* Koleksiyon */
body:has(main > #kategoriler) main>section:not(:first-of-type){scroll-margin-top:130px}
body:has(main > #kategoriler) main>section.max-w-7xl,body:has(main > #kategoriler) main>section>div.max-w-7xl{max-width:1344px;padding-left:48px;padding-right:48px}
body:has(main > #kategoriler) main>section#kategoriler{padding-top:88px;padding-bottom:88px}
body:has(main > #kategoriler) main p.uppercase.text-clay{font-size:10px;letter-spacing:.23em;color:#596149}
body:has(main > #kategoriler) main h2{font-size:clamp(32px,3.6vw,50px)!important}
#kategoriler h2{max-width:630px}
#kategoriler>div:nth-child(2){grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:38px}
#kategoriler>div:nth-child(2)>div{grid-column:span 1}
#kategoriler>div:nth-child(2)>div:first-child{grid-column:span 2}
#kategoriler a.group{min-height:280px;border-radius:5px;padding:24px;background:#373c32}
#kategoriler a.group img{filter:saturate(.7);transition:transform .6s,filter .6s}
#kategoriler a.group:hover img{filter:saturate(1);transform:scale(1.045)}
#kategoriler a.group>div.absolute{background:linear-gradient(0deg,#151b14ed,transparent 85%)}
#kategoriler h3{font-size:25px;letter-spacing:-.04em}
#kategoriler a.group p{font-size:11px}
#kategoriler a.group .text-gold{color:#d5f579}
/* Ürün ve editoryal kartlar */
body:has(main > #kategoriler) main>section:nth-of-type(3){background:#eaece3;padding-block:80px}
body:has(main > #kategoriler) main>section:nth-of-type(3) .grid{gap:18px}
body:has(main > #kategoriler) main>section:nth-of-type(3) .group{border-radius:5px;box-shadow:none;outline:1px solid #20231e0a}
body:has(main > #kategoriler) main>section:nth-of-type(3) .group:hover{box-shadow:0 16px 35px #20231e10}
body:has(main > #kategoriler) main>section:nth-of-type(3) .group img{filter:saturate(.75)}
body:has(main > #kategoriler) main>section:nth-of-type(3) h3{font-size:20px;letter-spacing:-.04em}
body:has(main > #kategoriler) main>section:nth-of-type(3) a{border-radius:4px}
body:has(main > #kategoriler) main>section:nth-of-type(4){padding-block:96px}
body:has(main > #kategoriler) main>section:nth-of-type(4) .rounded-3xl,body:has(main > #kategoriler) main>section:nth-of-type(4) [class*="rounded-["]{border-radius:5px}
body:has(main > #kategoriler) main>section:nth-of-type(4) a{border-radius:5px;background:#20231e}
body:has(main > #kategoriler) main>section:nth-of-type(4) .space-y-1>div{border-bottom:1px solid #20231e18;padding-block:5px}
body:has(main > #kategoriler) main>section:nth-of-type(5){background:#20231e;padding-block:80px}
body:has(main > #kategoriler) main>section:nth-of-type(5) h2{max-width:760px}
body:has(main > #kategoriler) main>section:nth-of-type(5) .grid{border:1px solid #f5f4ee25;border-radius:5px;background:#f5f4ee25}
body:has(main > #kategoriler) main>section:nth-of-type(5) .grid>div{background:#20231e;padding:32px}
body:has(main > #kategoriler) main>section:nth-of-type(5) .font-display:not(h2){color:#d5f579;font-size:52px;letter-spacing:-.065em}
body:has(main > #kategoriler) main>section:nth-of-type(6){padding-block:48px;border-bottom:1px solid #20231e18;margin-bottom:80px}
body:has(main > #kategoriler) main>section:nth-of-type(7) a.group{border-radius:5px;box-shadow:none;background:transparent;outline:none}
body:has(main > #kategoriler) main>section:nth-of-type(7) a.group>div:first-child{border-radius:5px}
body:has(main > #kategoriler) main>section:nth-of-type(7) a.group>div:last-child{padding:24px 0}
body:has(main > #kategoriler) main>section:nth-of-type(7) h3{font-size:24px;line-height:1.2}
body:has(main > #kategoriler) main>section:nth-of-type(8) .grain{border-radius:5px;background:#eaece3;box-shadow:none}
body:has(main > #kategoriler) main>section:nth-of-type(9){padding-top:16px}
body:has(main > #kategoriler) main>section:nth-of-type(10){max-width:1120px}
body:has(main > #kategoriler) main>section:nth-of-type(10) button{padding-block:26px}
body:has(main > #kategoriler) main>section:nth-of-type(10) button:hover{color:#526335}
body:has(main > #kategoriler) main>section:nth-of-type(11) .grain{background:#d5f579;border-radius:6px;color:#20231e;padding-block:70px}
body:has(main > #kategoriler) main>section:nth-of-type(11) .grain p,body:has(main > #kategoriler) main>section:nth-of-type(11) .grain a[href^="tel:"]{color:#404a30}
body:has(main > #kategoriler) main>section:nth-of-type(11) .grain>a,body:has(main > #kategoriler) main>section:nth-of-type(11) .grain>div>a:first-child{background:#20231e;color:#fffef8;border-radius:5px}
footer{background:#20231e!important;color:#f5f4ee}
footer .font-display{letter-spacing:-.05em}
footer a:hover{color:#d5f579}
@media(min-width:1500px){body:has(main > #kategoriler) main>section:first-of-type>div.grid{padding-left:48px}body:has(main > #kategoriler) main>section:first-of-type h1{font-size:98px!important}}
@media(max-width:1100px){body>header>div:nth-child(2)>div{padding-inline:28px}body:has(main > #kategoriler) main>section:first-of-type>div.grid{padding-left:28px}body:has(main > #kategoriler) main>section:first-of-type h1{font-size:72px!important}body:has(main > #kategoriler) main>section:first-of-type>div.grid>div:nth-child(2){min-height:640px}body:has(main > #kategoriler) main>section.max-w-7xl,body:has(main > #kategoriler) main>section>div.max-w-7xl{padding-inline:28px}}
@media(max-width:767px){body>header>div:nth-child(2)>div{height:68px;padding-inline:20px}body:has(main > #kategoriler) main>section:first-of-type{padding-top:100px}body:has(main > #kategoriler) main>section:first-of-type>div.grid{display:flex;flex-direction:column;padding:0 20px}body:has(main > #kategoriler) main>section:first-of-type>div.grid>div:first-child{padding:38px 0 30px}body:has(main > #kategoriler) main>section:first-of-type h1{font-size:clamp(59px,11.5vw,82px)!important;margin-top:24px}body:has(main > #kategoriler) main>section:first-of-type p.text-ink-soft{font-size:14px;max-width:480px}body:has(main > #kategoriler) main>section:first-of-type>div.grid>div:nth-child(2){margin:0 0 20px;min-height:0;height:440px}body:has(main > #kategoriler) main>section:first-of-type>div.grid>div:nth-child(2)>div:nth-child(2){display:block}body:has(main > #kategoriler) main>section:first-of-type>div.grid>div:nth-child(2)>div:nth-child(2)>svg{width:100px;height:100px}body:has(main > #kategoriler) main>section:first-of-type .mt-12{gap:28px}body:has(main > #kategoriler) main>section.max-w-7xl,body:has(main > #kategoriler) main>section>div.max-w-7xl{padding-inline:20px}body:has(main > #kategoriler) main>section#kategoriler{padding-block:56px}#kategoriler>div:nth-child(2){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px}#kategoriler a.group{min-height:230px;padding:18px}#kategoriler h3{font-size:22px}#kategoriler>div:nth-child(2)>div:first-child{grid-column:span 2}body:has(main > #kategoriler) main>section:nth-of-type(3),body:has(main > #kategoriler) main>section:nth-of-type(4),body:has(main > #kategoriler) main>section:nth-of-type(5){padding-block:56px}body:has(main > #kategoriler) main>section:nth-of-type(3) .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body:has(main > #kategoriler) main>section:nth-of-type(3) .group .p-5{padding:14px}body:has(main > #kategoriler) main>section:nth-of-type(3) h3{font-size:18px}body:has(main > #kategoriler) main>section:nth-of-type(5) .grid{grid-template-columns:repeat(2,minmax(0,1fr))}body:has(main > #kategoriler) main>section:nth-of-type(5) .grid>div{padding:24px 18px}body:has(main > #kategoriler) main>section:nth-of-type(5) .font-display:not(h2){font-size:40px}body:has(main > #kategoriler) main>section:nth-of-type(6){margin-bottom:56px}body:has(main > #kategoriler) main>section:nth-of-type(8) .grain{padding:28px 22px}body:has(main > #kategoriler) main>section:nth-of-type(10){padding-inline:20px}body:has(main > #kategoriler) main>section:nth-of-type(11) .grain{padding:46px 22px}body:has(main > #kategoriler) main>section:nth-of-type(11) h2{font-size:40px!important}}
@media(max-width:380px){body:has(main > #kategoriler) main>section:first-of-type h1{font-size:57px!important}body:has(main > #kategoriler) main>section:first-of-type .mt-12{gap:18px}#kategoriler>div:nth-child(2),body:has(main > #kategoriler) main>section:nth-of-type(3) .grid{grid-template-columns:1fr}#kategoriler>div:nth-child(2)>div:first-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* ── TÜM SAYFALAR / ÜRETİCİ KATALOĞU ──────────────────────────
   Tasarım katmanı: HTML, SEO, ürün verisi ve JavaScript değişmez. */
:root{--paper:#f5f4ee;--paper2:#e9e8e0;--cream:#fffef8;--ink:#20231e;--muted:#63685d;--soft:#63685d;--pine:#20231e;--moss:#56652d;--green:#35422a;--line:#d8dbd0;--gold:#d5f579;--clay:#526335}
html{scroll-padding-top:136px}
body{color:#20231e;line-height:1.6}
body h1,body h2,body h3,body .font-display,body .brand strong{font-family:Arial,Helvetica,sans-serif!important;font-weight:750;letter-spacing:-.05em}
body h1{line-height:1.04!important}
body h3{letter-spacing:-.035em;line-height:1.25}
body main{min-width:0}
body main [style*="opacity:0"]{opacity:1!important;transform:none!important}
body header [style*="opacity:0"]{opacity:1!important;transform:none!important}
body main img{max-width:100%}
body main .grain:before,body main .grain:after{display:none!important}
body main>section>.pointer-events-none{display:none}
body main [class*="rounded-["],body main .rounded-3xl,body main .rounded-2xl{border-radius:6px}
body main a.rounded-full:not([href^="tel:"]),body main button.rounded-full{border-radius:5px}
body main a[class*="bg-ink"]{background:#20231e;color:#fffef8}
body main a[class*="bg-ink"]:hover{background:#3d4931}
body main a[class*="bg-clay"]{background:#20231e;color:#fffef8}
body main a[class*="bg-clay"]:hover{background:#3d4931}
body main [class*="ring-ink/"]{--tw-ring-color:#20231e12}
body main .group[class*="shadow-"]{box-shadow:none;border:1px solid #20231e12}
body main .group[class*="shadow-"]:hover{box-shadow:0 16px 35px #20231e0d;border-color:#a6b18f}
body main .text-clay{color:#526335}
body main [class*="tracking-[0."]{letter-spacing:.15em}
body main p{overflow-wrap:break-word}
body main :is(h1,h2,h3){text-wrap:balance}
body main>section[class*="pt-36"],body main>article[class*="pt-36"]{padding-top:170px}
body main :is(.max-w-7xl){max-width:1344px;padding-left:48px;padding-right:48px}
body main>section.max-w-7xl,body main>article.max-w-7xl{padding-inline:48px}
body:not(:has(main>#kategoriler)) main h1{font-size:clamp(40px,4.5vw,68px)!important;max-width:100%;font-weight:750!important}
body:not(:has(main>#kategoriler)) main h2{font-size:clamp(28px,2.8vw,42px)!important;font-weight:750!important;line-height:1.14!important}
body:not(:has(main>#kategoriler)) main h3{font-size:22px}
/* Ortak üst menü; ayrıca bağımsız kategori başlıklarını kapsar. */
body header.fixed,#original-header header{background:#f5f4ee!important;border-bottom:1px solid #20231e18}
body header.fixed>div:first-child,#original-header header>div:first-child{background:#20231e;color:#fffef8}
body header.fixed>div:nth-child(2),#original-header header>div:nth-child(2){background:#f5f4ee!important}
body header.fixed>div:nth-child(2)>div,#original-header header>div:nth-child(2)>div{height:80px;max-width:1440px;padding-inline:48px}
body header.fixed a[href="/"] .font-display,#original-header header a[href="/"] .font-display{font:800 26px/1 Arial,sans-serif!important;letter-spacing:-.06em}
body header.fixed a.bg-ink,#original-header header a.bg-ink{background:#20231e!important;color:#fffef8!important;border-radius:5px!important;padding:13px 22px!important}
body header.fixed nav button,body header.fixed nav a{font-size:12px!important}
body header.fixed a[href="/"]>span:first-child{background:#d5f579;color:#20231e;border-radius:50%;padding:4px}
body header.fixed nav{gap:28px}
#kardas-static-menu,#kardas-mobile-menu,#seo-cat-dropdown{background:#fffef8;border-radius:5px;box-shadow:0 25px 70px #20231e20}
.kardas-static-links a,#seo-cat-dropdown a{border-radius:3px}
body .site-header{background:#f5f4ee;border-color:#d8dbd0}
body .topbar{background:#20231e;color:#fffef8}
body .site-header .brand strong{font:800 28px/1 Arial,sans-serif!important;letter-spacing:-.06em}
body .site-header .button{border-radius:5px;background:#20231e}
body .site-header .menu-panel{border-radius:5px;box-shadow:0 25px 70px #20231e20}
/* Catégories Next.js */
body:not(:has(main>#kategoriler)) main>section:first-child.bg-paper{background:#e9ece2;border-bottom:1px solid #d8dbd0}
body:not(:has(main>#kategoriler)) main>section:first-child.bg-paper>div.relative{padding-bottom:64px}
body:not(:has(main>#kategoriler)) main>section:first-child.bg-paper h1{max-width:780px}
body:not(:has(main>#kategoriler)) main>section:first-child.bg-paper .rounded-full{border-radius:4px}
body:not(:has(main>#kategoriler)) main>section:first-child.bg-paper .text-ink-soft{color:#565e4c}
body main .group h3{font-size:21px}
body main a[href*="wa.me"]{transition:background-color .2s,transform .2s}
body main a[href*="wa.me"]:focus-visible{outline:3px solid #526335;outline-offset:4px}
body main .group a[href*="wa.me"]{border-radius:4px}
/* Fiyat tabloları */
body main table{border-collapse:collapse;font-size:14px}
body main thead{background:#20231e;color:#fffef8}
body main thead th{color:#fffef8;font-weight:600;padding:18px 22px;white-space:nowrap}
body main tbody td,body main tbody th{padding:18px 22px;border-bottom:1px solid #20231e12}
body main tbody tr:hover{background:#edf1e4}
body main table a{font-weight:700;text-underline-offset:4px}
body main .overflow-x-auto{border-radius:5px;scrollbar-width:thin}
/* Ürün detayları: fotoğraf sahnesi ve teknik bilgiler */
body:not(:has(main>#kategoriler)) main section:has(>nav + .mt-10.grid) .mt-10.grid{gap:64px}
body:not(:has(main>#kategoriler)) main section:has(>nav + .mt-10.grid) .mt-10.grid>div:first-child{background:#e9ece2;border:1px solid #d8dbd0;border-radius:6px;align-self:start}
body:not(:has(main>#kategoriler)) main section:has(>nav + .mt-10.grid) h1{font-size:clamp(36px,3.3vw,52px)!important}
body:not(:has(main>#kategoriler)) main section:has(>nav + .mt-10.grid) img{border-radius:5px}
/* Form ve arama — var olan istemci bileşenleri */
body main input:not([type="checkbox"]):not([type="radio"]),body main select,body main textarea{border:1px solid #c9cebf!important;border-radius:4px!important;background:#fffef8;color:#20231e;padding:13px 15px;min-height:48px;font:inherit;font-size:14px}
body main input:focus,body main select:focus,body main textarea:focus{outline:2px solid #7b9844;outline-offset:2px;border-color:#7b9844!important}
body main input[type="checkbox"],body main input[type="radio"]{accent-color:#526335}
body main textarea{min-height:130px;resize:vertical}
body main label{font-size:13px;font-weight:650;line-height:1.5}
body main form{border-radius:6px!important}
body main form button[type="submit"]{border-radius:5px;background:#20231e;color:#fffef8;min-height:52px}
body main input::placeholder,body main textarea::placeholder{color:#7b8173;opacity:1}
/* Blog: düz çerçeveler ve okunaklı metin alanı */
body main>article{max-width:940px}
body main>article .prose-koza{font-size:17px;line-height:1.9;max-width:760px;margin-inline:auto}
body main>article .prose-koza h2{margin-top:42px}
body main>article .prose-koza p{margin-top:20px}
body main>article h1{font-size:clamp(38px,4.2vw,62px)!important}
body main>article>div:first-child>span{border-radius:3px;background:#e1e8d4;color:#35422a}
body main>article .bg-clay{background:#20231e}
/* Bağımsız ham bez / okul çantası sayfaları */
body main#icerik{font-family:Arial,Helvetica,sans-serif}
body main#icerik :is(h1,h2,h3){font-family:Arial,Helvetica,sans-serif!important;font-weight:750!important}
body main#icerik .wrap{width:min(1248px,calc(100% - 96px))}
body main#icerik .hero{padding-block:48px 64px}
body main#icerik .hero-grid{gap:56px}
body main#icerik .hero-image{border-radius:6px;box-shadow:none;background:#e9ece2;border:1px solid #d8dbd0}
body main#icerik .hero-image img{border-radius:5px;box-shadow:none}
body main#icerik .hero-image figcaption,body main#icerik figcaption{font:12px/1.6 Arial,sans-serif;color:#63685d;padding:12px 16px}
body main#icerik .eyebrow{font:700 10px/1.6 Arial,sans-serif;letter-spacing:.2em;color:#526335}
body main#icerik .facts span,body main#icerik .minimum{background:#e5ecd9;color:#35422a;border-radius:3px}
body main#icerik .button{border-radius:5px;background:#20231e;color:#fffef8}
body main#icerik .button:hover{background:#3d4931}
body main#icerik .products,body main#icerik .grid{gap:20px}
body main#icerik .product,body main#icerik .card{border-radius:5px;border:1px solid #d8dbd0;background:#fffef8;box-shadow:none;transition:border-color .2s,box-shadow .2s}
body main#icerik .product:hover,body main#icerik .card:hover{border-color:#8c9a76;box-shadow:0 12px 35px #20231e0c}
body main#icerik .product-image,body main#icerik .card-image{background:#f0f1eb;border-bottom:1px solid #e3e5db}
body main#icerik .product-body,body main#icerik .card-body{padding:24px}
body main#icerik .product h3,body main#icerik .card h3{font-size:21px!important}
body main#icerik .whatsapp{border-radius:4px;background:#245c3a}
body main#icerik .editorial,body main#icerik .info-grid article{background:#e9ece2;border-radius:5px}
body main#icerik .callout{background:#20231e;border-radius:5px;color:#fffef8}
body main#icerik .callout h3{color:#fffef8}
body main#icerik .callout .button.light{background:#d5f579;color:#20231e}
body main#icerik .steps li{border-radius:5px}
body main#icerik .steps li:before{font:700 38px/1 Arial,sans-serif;color:#617645}
body main#icerik .table-wrap{border-radius:5px}
body main#icerik .jump-links{padding-block:20px;gap:28px;border-color:#cbd1bf}
body main#icerik .jump-links a{font-size:12px;text-decoration:none}
body main#icerik .jump-links a:hover{text-decoration:underline}
body main#icerik .cta{background:#d5f579;border-radius:5px;color:#20231e}
body main#icerik .cta p{color:#404a30}
body main#icerik .cta .button{background:#20231e;color:#fffef8}
body main#icerik .category-links a{border-radius:4px}
body main#icerik .faq summary{font-size:16px}
/* Bez sırt çantası: farklı statik şablon */
body .seo-wrap{max-width:1344px;padding-inline:48px}
body .seo-hero{background:#e9ece2;padding:160px 0 64px}
body .seo-hero h1{font-size:clamp(40px,4.6vw,68px)!important}
body .seo-hero-media img{border-radius:5px;box-shadow:none}
body .seo-badge{border-radius:4px;left:20px;bottom:20px;background:#d5f579;color:#20231e;box-shadow:none}
body .seo-lead{font-size:18px}
body .seo-kicker,body .seo-eyebrow{font-size:10px;letter-spacing:.18em;color:#526335}
body .seo-trust{background:#20231e;color:#fffef8;border:0}
body .seo-trust-item span{color:#c2cbb3}
body .seo-grid{gap:20px}
body .seo-card{border-radius:5px;box-shadow:none;border-color:#d8dbd0}
body .seo-card:hover{box-shadow:0 12px 35px #20231e0c;transform:translateY(-3px)}
body .seo-card h3{font-family:Arial,Helvetica,sans-serif!important;font-size:22px}
body .seo-card-body{padding:24px}
body .seo-btn,body .seo-related-links a{border-radius:4px}
body .seo-btn-whatsapp{background:#245c3a}
body .seo-info-box{border-radius:5px;background:#e9ece2;padding:42px}
body .seo-point{border-radius:4px;background:#fffef8}
body .seo-content{background:#20231e}
body .seo-content .seo-kicker{color:#d5f579}
body .seo-faq details{border-radius:4px}
/* Ortak alt bölüm */
body footer{background:#20231e!important;color:#fffef8!important}
body footer h2{font-size:14px!important;letter-spacing:0!important}
body footer .font-display{font-family:Arial,Helvetica,sans-serif!important}
body footer .brand strong{color:#fffef8;font-family:Arial,Helvetica,sans-serif!important}
body footer a:hover{color:#d5f579}
body footer .max-w-7xl{max-width:1344px;padding-inline:48px}
/* Ekranlar */
@media(min-width:1024px){body:not(:has(main>#kategoriler)) main section:has(>nav + .mt-10.grid) .mt-10.grid>div:first-child{position:sticky;top:140px}}
@media(max-width:1100px){body main :is(.max-w-7xl),body main>section.max-w-7xl,body main>article.max-w-7xl,body .seo-wrap{padding-inline:28px}body header.fixed>div:nth-child(2)>div,#original-header header>div:nth-child(2)>div{padding-inline:28px}body main#icerik .wrap{width:calc(100% - 56px)}body:not(:has(main>#kategoriler)) main section:has(>nav + .mt-10.grid) .mt-10.grid{gap:36px}}
@media(max-width:767px){
 html{scroll-padding-top:116px}
 body header.fixed>div:nth-child(2)>div,#original-header header>div:nth-child(2)>div{height:68px;padding-inline:20px}
 body header.fixed nav{gap:14px}
 body header.fixed a.bg-ink,#original-header header a.bg-ink{padding:11px 16px!important}
 body main>section[class*="pt-36"],body main>article[class*="pt-36"]{padding-top:138px}
 body main :is(.max-w-7xl),body main>section.max-w-7xl,body main>article.max-w-7xl,body .seo-wrap{padding-inline:20px}
 body:not(:has(main>#kategoriler)) main h1{font-size:clamp(34px,8.5vw,49px)!important}
 body:not(:has(main>#kategoriler)) main h2{font-size:30px!important}
 body:not(:has(main>#kategoriler)) main h3{font-size:20px}
 body:not(:has(main>#kategoriler)) main>section:first-child.bg-paper>div.relative{padding-bottom:40px}
 body main thead th,body main tbody td,body main tbody th{padding:14px 16px}
 body main>article .prose-koza{font-size:16px;line-height:1.85}
 body main input:not([type="checkbox"]):not([type="radio"]),body main select,body main textarea{font-size:16px}
 body main#icerik .wrap{width:calc(100% - 40px)}
 body main#icerik .hero{padding-block:28px 40px}
 body main#icerik .hero-grid{gap:28px}
 body main#icerik .product-body,body main#icerik .card-body{padding:20px}
 body main#icerik .cta{padding:28px}
 body .seo-hero{padding:138px 0 44px}
 body .seo-hero-grid{gap:32px}
 body .seo-info-box{padding:26px;gap:24px}
 body .seo-badge{left:12px;bottom:12px}
 body .seo-trust-item strong{font-size:13px}
 body .seo-trust-item span{font-size:12px}
 body .seo-section,body .seo-info,body .seo-faq{padding-block:48px}
 body .seo-content{padding-block:48px}
 body footer .max-w-7xl{padding-inline:20px}
}
@media(max-width:420px){body header.fixed a[href="/"] .font-display{font-size:24px!important}body main#icerik .wrap{width:calc(100% - 32px)}body main#icerik .jump-links{gap:14px}body .seo-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* v3: ortak sabit header, bağımsız kategori sayfalarında aynı yükseklik. */
body:has(> header.site-header[data-kardas-common-header]) > .topbar{display:none}
body:has(> header.site-header[data-kardas-common-header]) > main{padding-top:112px}
body:has(#original-header header[data-kardas-common-header]) > main{padding-top:112px}
@media(max-width:767px){
 body:has(> header.site-header[data-kardas-common-header]) > main,
 body:has(#original-header header[data-kardas-common-header]) > main{padding-top:100px}
}