/* Yalnızca blog listeleme, kategori ve etiket sayfalarının giriş alanı. */
.blog-index-page .blog-brand-hero{position:relative;isolation:isolate;overflow:hidden;display:block;margin:0 0 24px;padding:26px 32px 24px;border:1px solid #294e38;border-radius:18px;background:linear-gradient(115deg,#071a11 0%,#0c2d1d 66%,#123a25 100%);color:#f7faf8}
.blog-index-page .blog-brand-hero:before{content:"";position:absolute;z-index:-1;inset:-160px -120px -220px 28%;background:repeating-radial-gradient(ellipse at 80% 80%,transparent 0 43px,#87a77919 44px 45px,transparent 46px 70px);transform:rotate(-18deg);pointer-events:none}
.blog-index-page .blog-brand-hero .breadcrumb{position:relative;z-index:1;display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:0 0 14px;padding:0;color:#d1dfd4;font-size:12px;line-height:1.7}
.blog-index-page .blog-brand-hero .breadcrumb a{color:#d1dfd4;text-decoration:none}
.blog-index-page .blog-brand-hero .breadcrumb a:hover{color:#ffdc00}
.blog-index-page .blog-brand-hero .breadcrumb [aria-current="page"]{color:#f0f6f1}
.blog-index-page .blog-brand-hero .breadcrumb:after{display:none}
.blog-index-page .blog-brand-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:26px;min-height:250px}
.blog-index-page .blog-brand-copy{min-width:0;padding:12px 0}
.blog-index-page .blog-brand-eyebrow{display:block;margin:0 0 18px;color:#d2dfd4;font-size:11px;font-weight:600;line-height:1.5;letter-spacing:2px}
.blog-index-page .blog-brand-hero h1{margin:0 0 18px;padding:0;max-width:830px;color:#f7faf8;font-size:clamp(35px,3.65vw,62px);font-weight:800;line-height:1.08;letter-spacing:-1.8px;overflow-wrap:anywhere}
.blog-index-page .blog-brand-hero h1:before{display:none}
.blog-index-page .blog-brand-hero h1 span{display:block;color:#ffdc00}
.blog-index-page .blog-brand-copy>p{max-width:640px;margin:0;color:#d0ddd3;font-size:clamp(15px,1.15vw,18px);font-weight:400;line-height:1.75}
.blog-index-page .blog-brand-art{width:100%;max-width:540px;justify-self:end;min-width:0}
.blog-index-page .blog-brand-art img{display:block;width:100%;height:auto;max-height:310px;object-fit:contain}
.blog-index-page .blog-filters{display:flex;flex-wrap:nowrap;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#c3ccbf transparent;padding:1px 2px 7px;margin:0 0 18px}
.blog-index-page .blog-filters .filter-pill{flex:0 0 auto;white-space:nowrap;min-height:40px;display:inline-flex;align-items:center;justify-content:center}
.blog-index-page .blog-brand-hero a:focus-visible,.blog-index-page .blog-filters a:focus-visible{outline:2px solid #b48a00;outline-offset:3px}
.blog-index-page .blog-brand-hero a:focus-visible{outline-color:#ffdc00}
@media(max-width:1100px){.blog-index-page .blog-brand-hero{padding:24px}.blog-index-page .blog-brand-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:14px;min-height:220px}.blog-index-page .blog-brand-hero h1{font-size:clamp(34px,4.3vw,48px)}}
@media(max-width:760px){.blog-index-page .blog-brand-hero{padding:20px 22px 24px;margin-bottom:18px;border-radius:15px}.blog-index-page .blog-brand-hero .breadcrumb{font-size:11px;margin-bottom:25px}.blog-index-page .blog-brand-layout{display:block;min-height:0}.blog-index-page .blog-brand-copy{padding:0}.blog-index-page .blog-brand-art{display:none}.blog-index-page .blog-brand-eyebrow{margin-bottom:16px;font-size:10px;letter-spacing:1.65px}.blog-index-page .blog-brand-hero h1{font-size:clamp(29px,7.5vw,44px);line-height:1.1;letter-spacing:-1px;margin-bottom:16px}.blog-index-page .blog-brand-copy>p{font-size:14px;line-height:1.7}.blog-index-page .blog-filters{gap:8px;margin-bottom:14px;padding-bottom:5px}.blog-index-page .blog-filters .filter-pill{min-height:40px;padding:10px 16px}}