.blog-wrap{--accent:var(--mavi);min-height:100vh;background:var(--acik);padding-top:72px}.blog-wrap.c-water{--accent:#0a5db8}.blog-wrap.c-heat{--accent:#2c7a35}.blog-wrap.c-floor{--accent:#4b545c}.blog-wrap.c-renovation{--accent:#0e8f9a}.blog-wrap .blog-topbar{background:#fff;border-bottom:1px solid rgba(10,93,184,.08);padding:24px 0 20px}.blog-wrap .blog-eyebrow{display:block;font-size:.76rem;font-weight:800;letter-spacing:4px;text-transform:uppercase;color:var(--accent);margin-bottom:14px}.blog-wrap .blog-strip{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.blog-wrap .blog-strip::-webkit-scrollbar{display:none}.blog-wrap .blog-chip{display:inline-flex;align-items:center;gap:9px;flex-shrink:0;padding:7px 17px 7px 7px;border-radius:30px;background:#fff;border:1.5px solid rgba(20,48,61,.12);color:var(--metin);text-decoration:none;font-size:.85rem;font-weight:700;white-space:nowrap;transition:transform .2s,border-color .2s,box-shadow .2s}.blog-wrap .blog-chip:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(20,48,61,.1)}.blog-wrap .blog-chip.active{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,#fff);box-shadow:0 8px 22px rgba(20,48,61,.1)}.blog-wrap .blog-chip-ic{width:30px;height:30px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.blog-wrap .blog-chip-ic svg{width:17px;height:17px}.blog-wrap .blog-layout{display:grid;grid-template-columns:290px 1fr;gap:40px;padding:40px 0 90px;align-items:start}.blog-wrap .blog-side{position:sticky;top:92px;background:#fff;border:1px solid rgba(20,48,61,.07);border-radius:18px;padding:20px 16px;box-shadow:0 12px 34px rgba(20,48,61,.06)}.blog-wrap .blog-side-head{font-size:.78rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--gri);padding:0 8px 12px;border-bottom:1px solid rgba(20,48,61,.08);margin-bottom:8px}.blog-wrap .blog-side-list{list-style:none;display:grid;gap:2px}.blog-wrap .blog-side-link{display:flex;align-items:center;gap:10px;padding:11px 10px;border-radius:11px;text-decoration:none;color:var(--metin);font-size:.92rem;font-weight:600;line-height:1.35;transition:background .18s,color .18s}.blog-wrap .blog-side-bar{width:3px;align-self:stretch;border-radius:3px;background:transparent;flex-shrink:0;transition:background .18s}.blog-wrap .blog-side-link:hover{background:var(--acik);color:var(--accent)}.blog-wrap .blog-side-link.active{background:color-mix(in srgb,var(--accent) 9%,#fff);color:var(--accent);font-weight:800}.blog-wrap .blog-side-link.active .blog-side-bar{background:var(--accent)}.blog-wrap .blog-side-empty{color:var(--gri);font-size:.9rem;padding:8px}.blog-wrap .blog-main{min-width:0}.blog-wrap .blog-article{background:#fff;border:1px solid rgba(20,48,61,.07);border-radius:22px;padding:30px 34px 40px;box-shadow:0 14px 40px rgba(20,48,61,.06)}.blog-wrap .blog-art-cover{width:100%;max-height:380px;-o-object-fit:cover;object-fit:cover;border-radius:16px;margin-bottom:26px}.blog-wrap .blog-art-meta{font-size:.82rem;font-weight:700;letter-spacing:.5px;color:var(--accent);margin-bottom:10px}.blog-wrap .blog-art-title{font-size:2.3rem;line-height:1.12;font-weight:900;color:var(--metin);letter-spacing:-.5px;overflow-wrap:break-word}.blog-wrap .blog-art-title:after{content:"";display:block;width:64px;height:4px;border-radius:4px;background:var(--accent);margin-top:16px}.blog-wrap .blog-art-lead{font-size:1.12rem;color:var(--gri);margin-top:18px;font-weight:500}.blog-wrap .blog-art-video{position:relative;width:100%;aspect-ratio:16/9;margin-top:24px;border-radius:14px;overflow:hidden;background:#000}.blog-wrap .blog-art-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.blog-wrap .blog-art-body{margin-top:24px;color:var(--metin)}.blog-wrap .blog-art-body p{font-size:1.04rem;line-height:1.85;margin-bottom:18px;white-space:pre-wrap;overflow-wrap:break-word}.blog-wrap .blog-art-soon{color:var(--gri);font-style:italic}.blog-wrap .blog-empty{background:#fff;border:1px dashed rgba(20,48,61,.16);border-radius:22px;padding:60px 34px;text-align:center}.blog-wrap .blog-empty h2{font-size:1.6rem;font-weight:900;color:var(--metin);margin-bottom:10px}.blog-wrap .blog-empty p{color:var(--gri)}.blog-home .blog-home-head{background:linear-gradient(160deg,#fff,var(--acik));border-bottom:1px solid rgba(10,93,184,.08);padding:40px 0 36px}.blog-home .blog-home-head .blog-eyebrow{display:block;font-size:.76rem;font-weight:800;letter-spacing:4px;text-transform:uppercase;color:var(--turkuaz-koyu);margin-bottom:12px}.blog-home .blog-home-head h1{font-size:2.6rem;font-weight:900;color:var(--mavi-koyu);letter-spacing:-.5px}.blog-home .blog-home-head p{color:var(--gri);font-size:1.06rem;margin-top:12px;max-width:560px}.blog-home .blog-home-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding:44px 0 90px}.blog-home .blog-home-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;background:#fff;border:1px solid rgba(20,48,61,.07);border-radius:20px;padding:26px 24px;text-decoration:none;box-shadow:0 12px 34px rgba(20,48,61,.06);transition:transform .25s,box-shadow .25s}.blog-home .blog-home-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(20,48,61,.14)}.blog-home .blog-home-card .ic{width:54px;height:54px;border-radius:15px;display:flex;align-items:center;justify-content:center}.blog-home .blog-home-card .ic svg{width:28px;height:28px}.blog-home .blog-home-card b{font-size:1.16rem;font-weight:800;color:var(--metin)}.blog-home .blog-home-card small{color:var(--turkuaz-koyu);font-size:.86rem;font-weight:700}@media (max-width:900px){.blog-wrap .blog-layout{grid-template-columns:1fr;gap:22px;padding:26px 0 70px}.blog-wrap .blog-side{position:static;top:auto}.blog-wrap .blog-side-list{grid-auto-flow:row}.blog-home .blog-home-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.blog-wrap .blog-article{padding:24px 20px 32px}.blog-wrap .blog-art-title{font-size:1.8rem}.blog-home .blog-home-grid{grid-template-columns:1fr}.blog-home .blog-home-head h1{font-size:2.1rem}}