/* Statik blog sayfaları (scripts/build-seo.mjs üretir). Renkler ve yazı tipleri ana sitedeki ile aynıdır. */
:root{--karo:#1f4e9c;--karo-2:#2d63bd;--derin:#0d2342;--derz:#dfe6ec;--zemin:#f2f5f8;--oto:#f2c230;--oto-2:#e2ae14;--fenol:#d9435a;--karo-tint:#e7eef8;--ink:#16273d;--muted:#5a6b80;--f-disp:"Big Shoulders Display","Arial Narrow",sans-serif;--f-body:"Instrument Sans",system-ui,sans-serif;--r-tile:4px;--r-card:8px;--r-pill:999px}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--f-body);color:var(--ink);background:var(--zemin);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--f-disp);line-height:1.02;color:var(--derin);font-weight:800;letter-spacing:.005em}
a{color:var(--karo)}
:focus-visible{outline:3px solid var(--oto);outline-offset:2px}
.container{max-width:1200px;margin:0 auto;padding:0 20px}
header.site{background:#fff;border-bottom:1px solid var(--derz)}
.nav{display:flex;align-items:center;justify-content:space-between;height:70px;gap:16px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none}
.brand svg{width:40px;height:40px;flex:none}
.wordmark{font-family:var(--f-disp);font-weight:900;font-size:27px;letter-spacing:.02em;color:var(--derin);line-height:.9;text-transform:uppercase}
.wordmark span{color:var(--karo);margin-left:5px}
.menu{display:flex;gap:2px;list-style:none;flex-wrap:wrap}
.menu a{display:block;padding:10px 13px;text-decoration:none;color:var(--derin);font-weight:600;font-size:15px;border-bottom:3px solid transparent}
.menu a:hover{color:var(--karo);border-bottom-color:var(--derz)}
.menu a.active{border-bottom-color:var(--oto)}
main{padding:44px 0 60px}
article.full{max-width:740px;margin:0 auto}
.crumbs{font-size:14px;color:var(--muted);margin-bottom:14px}
.crumbs a{color:var(--muted)}
.meta{display:flex;gap:14px;flex-wrap:wrap;font-size:14px;color:var(--muted)}
.meta b{color:var(--karo);font-weight:700}
article.full h1{font-size:clamp(40px,5.6vw,64px);margin:12px 0 22px}
article.full h2{font-size:32px;margin:34px 0 10px}
article.full p,article.full li{font-size:17.5px;color:#2a3b52;margin-bottom:14px;line-height:1.7}
article.full ul,article.full ol{padding-left:22px;margin-bottom:14px}
.tip{background:#fff;border:1px solid var(--derz);border-left:6px solid var(--oto);padding:16px 18px;border-radius:0 var(--r-card) var(--r-card) 0;margin:22px 0;font-size:16px}
.tip.warn{border-left-color:var(--fenol)}
.ref-table{width:100%;border-collapse:collapse;font-size:15px;margin:10px 0 20px;background:#fff}
.ref-table th{background:var(--derin);color:#fff;text-align:left;padding:10px 14px;font-weight:600;font-size:14px}
.ref-table td{padding:10px 14px;border-bottom:1px solid var(--derz)}
.ref-table td:last-child{font-weight:600;color:var(--derin)}
.table-wrap{overflow-x:auto;border:1px solid var(--derz);border-radius:var(--r-tile);margin:10px 0 20px}
.table-wrap .ref-table{margin:0}
.btn{display:inline-flex;align-items:center;justify-content:center;border:1.5px solid transparent;border-radius:var(--r-pill);padding:12px 22px;font-weight:700;text-decoration:none;font-size:15px;line-height:1.2}
.btn-primary{background:var(--oto);color:var(--derin);border-color:var(--oto)}
.btn-primary:hover{background:var(--oto-2);border-color:var(--oto-2)}
.btn-ghost{background:#fff;color:var(--derin);border-color:var(--derin)}
.btn-ghost:hover{background:var(--derin);color:#fff}
.cta{display:flex;gap:10px;flex-wrap:wrap;margin:34px 0 8px;padding:22px;background:#fff;border:1px solid var(--derz);border-radius:var(--r-card);align-items:center;justify-content:space-between}
.cta p{margin:0;font-weight:600;color:var(--derin);font-size:17px}
.related{max-width:740px;margin:40px auto 0}
.related h2{font-size:28px;margin-bottom:12px}
.related ul{list-style:none}
.related li{border-top:1px solid var(--derz);padding:12px 0}
.related a{font-weight:700;text-decoration:none;font-size:17px}
.related a:hover{text-decoration:underline}
.related span{display:block;font-size:14px;color:var(--muted)}
footer.mini{background:var(--derin);color:#c9d6e8;font-size:14px;padding:26px 0}
footer.mini a{color:var(--oto)}

/* Ürün sayfası (/urun/<id>, functions/lib/urun.js üretir) */
.product-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px;align-items:start;margin-top:6px}
.pp-img{background:#fff;border:1px solid var(--derz);border-radius:var(--r-card);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden}
.pp-img img{width:100%;height:100%;object-fit:contain}
.pp-noimg{width:34%;opacity:.35}
.pp-noimg svg{width:100%;height:auto;display:block}
.pp-info h1{font-size:clamp(34px,4.4vw,52px);margin:10px 0 16px}
.pp-info .price{font-family:var(--f-disp);font-weight:800;font-size:38px;color:var(--derin);margin-bottom:6px}
.pp-info .price small{font-family:var(--f-body);font-weight:500;font-size:14px;color:var(--muted)}
.pp-info .price s{font-size:22px;color:var(--muted);font-weight:600}
.pp-info .price.soon{font-size:26px;color:var(--muted)}
.stock{font-weight:700;font-size:15px;margin-bottom:14px}
.stock.ok{color:#1a7f4b}
.stock.out{color:var(--fenol)}
.pp-descr{font-size:17.5px;line-height:1.7;color:#2a3b52;margin:6px 0 22px}
.cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}
.pp-notes{list-style:none;font-size:14.5px;color:var(--muted)}
.pp-notes li{padding:3px 0}
.pp-notes li::before{content:"";display:inline-block;width:7px;height:7px;background:var(--oto);transform:rotate(45deg);margin-right:10px}
.related.wide{max-width:none}
@media(max-width:760px){.product-page{grid-template-columns:1fr;gap:20px}}

/* Koyu mod (sağ üstteki düğmeyle ana sitede seçilir; prefs.js aynı tercihi bu sayfalarda da uygular) */
:root[data-theme="dark"]{--zemin:#09121f;--derz:#20324a;--ink:#d5dfeb;--muted:#93a6bd;--karo-tint:#15253c;color-scheme:dark}
:root[data-theme="dark"] h1,:root[data-theme="dark"] h2,:root[data-theme="dark"] h3,:root[data-theme="dark"] .wordmark,:root[data-theme="dark"] .menu a,:root[data-theme="dark"] .ref-table td:last-child,:root[data-theme="dark"] .cta p,:root[data-theme="dark"] .pp-info .price{color:#eef3f9}
:root[data-theme="dark"] header.site,:root[data-theme="dark"] .tip,:root[data-theme="dark"] .ref-table,:root[data-theme="dark"] .cta,:root[data-theme="dark"] .btn-ghost{background:#101c2d}
:root[data-theme="dark"] .btn-ghost{color:#eef3f9;border-color:#eef3f9}
:root[data-theme="dark"] .btn-ghost:hover{background:#2d63bd;border-color:#2d63bd}
:root[data-theme="dark"] a,:root[data-theme="dark"] .meta b,:root[data-theme="dark"] .wordmark span{color:#8db0ec}
:root[data-theme="dark"] .btn-primary{color:#0d2342}
:root[data-theme="dark"] article.full p,:root[data-theme="dark"] article.full li,:root[data-theme="dark"] .pp-descr{color:#c2cedc}
:root[data-theme="dark"] footer.mini{background:#060d18}
:root[data-theme="dark"] .ref-table th{background:#2d63bd}