/* ===== Efem Hasır Dekorasyon - Blog / Rehber stil ===== */
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:'Manrope',system-ui,sans-serif;-webkit-font-smoothing:antialiased;
  background:#14200f;color:rgba(245,241,235,.9);line-height:1.6;overflow-x:hidden;
  background-image:radial-gradient(120% 80% at 82% -8%,rgba(201,145,61,.14) 0%,rgba(201,145,61,0) 46%);
  background-attachment:fixed;
}
a{color:#d4a85a;text-decoration:none;}
img{max-width:100%;display:block;}

/* Header */
.site-header{
  position:sticky;top:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:12px clamp(16px,4vw,40px);
  background:rgba(15,26,13,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(224,185,116,.16);
}
.brand{display:inline-flex;align-items:center;gap:11px;}
.brand-logo{width:42px;height:42px;border-radius:50%;background:#f5ede0;overflow:hidden;flex:none;box-shadow:0 4px 14px rgba(8,22,14,.4);}
.brand-logo img{width:108%;height:108%;object-fit:cover;}
.brand-text{line-height:1.05;}
.brand-name{display:block;font-family:'Zilla Slab',serif;font-weight:700;letter-spacing:.13em;font-size:16px;color:#f6f1e4;}
.brand-sub{display:block;font-size:10px;letter-spacing:.32em;color:rgba(212,168,90,.9);}
.site-nav{display:flex;align-items:center;gap:22px;}
.site-nav a{font-size:14px;font-weight:500;color:rgba(245,241,235,.82);}
.site-nav a:hover{color:#f0c986;}
.nav-cta{padding:9px 18px;border-radius:999px;background:linear-gradient(135deg,#e0b974,#c9913d);color:#1c2a1e !important;font-weight:700;font-size:13.5px;box-shadow:0 6px 18px rgba(201,145,61,.32);}
@media(max-width:820px){.site-nav a:not(.nav-cta){display:none;}}

/* Breadcrumb */
.crumb{max-width:820px;margin:0 auto;padding:22px clamp(16px,4vw,32px) 0;font-size:13px;color:rgba(240,236,226,.55);}
.crumb a{color:rgba(240,236,226,.72);}
.crumb a:hover{color:#f0c986;}
.crumb span{color:rgba(240,236,226,.4);margin:0 7px;}

/* Article */
.post{max-width:820px;margin:0 auto;padding:0 clamp(16px,4vw,32px) 40px;}
.post-cat{display:inline-block;margin:20px 0 12px;padding:5px 13px;border-radius:999px;background:rgba(201,145,61,.16);border:1px solid rgba(224,185,116,.34);color:#e0b974;font-size:12px;font-weight:700;letter-spacing:.04em;}
.post h1{font-family:'Zilla Slab',serif;font-weight:700;font-size:clamp(28px,5.2vw,44px);line-height:1.12;color:#f6f1e4;margin-bottom:14px;}
.post-meta{font-size:13px;color:rgba(240,236,226,.5);margin-bottom:24px;}
.post-cover{border-radius:18px;overflow:hidden;margin-bottom:30px;box-shadow:0 24px 60px rgba(4,12,7,.5);border:1px solid rgba(224,185,116,.14);}
.post-cover img{width:100%;height:clamp(220px,42vw,400px);object-fit:cover;}

.answer-box{
  margin:0 0 30px;padding:20px 24px;border-radius:16px;
  background:linear-gradient(165deg,rgba(28,48,32,.6),rgba(20,34,22,.6));
  border:1px solid rgba(224,185,116,.28);border-left:4px solid #c9913d;
}
.answer-box .lbl{display:block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#e0b974;margin-bottom:7px;}
.answer-box p{font-size:16px;line-height:1.7;color:rgba(245,241,235,.94);margin:0;}

.post-body h2{font-family:'Zilla Slab',serif;font-weight:700;font-size:clamp(21px,3.4vw,27px);color:#e6c98a;margin:34px 0 12px;line-height:1.2;}
.post-body h3{font-family:'Zilla Slab',serif;font-weight:600;font-size:18px;color:#f6f1e4;margin:22px 0 8px;}
.post-body p{font-size:15.5px;line-height:1.8;margin-bottom:14px;color:rgba(245,241,235,.86);}
.post-body ul,.post-body ol{margin:0 0 16px 22px;}
.post-body li{font-size:15.5px;line-height:1.8;margin-bottom:7px;color:rgba(245,241,235,.86);}
.post-body strong{color:#f6f1e4;font-weight:600;}
.post-body a{color:#e0b974;text-decoration:underline;text-underline-offset:2px;}

/* FAQ */
.faq-block{margin:36px 0 10px;}
.faq-block h2{font-family:'Zilla Slab',serif;font-weight:700;font-size:clamp(21px,3.4vw,27px);color:#e6c98a;margin-bottom:14px;}
.faq-q{border:1px solid rgba(224,185,116,.16);border-radius:14px;background:rgba(16,32,22,.4);margin-bottom:10px;padding:16px 20px;}
.faq-q h3{font-family:'Manrope',sans-serif;font-weight:600;font-size:15.5px;color:#f6f1e4;margin-bottom:6px;}
.faq-q p{font-size:14.5px;line-height:1.7;color:rgba(245,241,235,.82);margin:0;}

/* CTA */
.cta-box{
  margin:40px 0 10px;padding:28px clamp(20px,4vw,34px);border-radius:20px;text-align:center;
  background:linear-gradient(165deg,rgba(30,52,36,.72),rgba(18,32,22,.72));
  border:1px solid rgba(224,185,116,.28);
}
.cta-box h2{font-family:'Zilla Slab',serif;font-weight:700;font-size:clamp(20px,3.4vw,26px);color:#f6f1e4;margin-bottom:8px;}
.cta-box p{font-size:14.5px;color:rgba(240,236,226,.8);margin-bottom:18px;}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;}
.btn-gold{padding:13px 26px;border-radius:999px;background:linear-gradient(135deg,#e0b974,#c9913d);color:#1c2a1e !important;font-weight:700;font-size:14.5px;box-shadow:0 8px 22px rgba(201,145,61,.3);}
.btn-ghost{padding:13px 26px;border-radius:999px;background:rgba(244,241,232,.06);border:1px solid rgba(244,241,232,.28);color:#f6f1e4 !important;font-weight:600;font-size:14.5px;}
.btn-gold:hover,.btn-ghost:hover{transform:translateY(-2px);transition:transform .2s;}

/* Related */
.related{max-width:820px;margin:20px auto 0;padding:0 clamp(16px,4vw,32px);}
.related h2{font-family:'Zilla Slab',serif;font-weight:700;font-size:20px;color:#e6c98a;margin-bottom:14px;}
.related-links{display:flex;flex-wrap:wrap;gap:10px;}
.related-links a{font-size:14px;padding:8px 15px;border-radius:999px;background:rgba(16,32,22,.5);border:1px solid rgba(224,185,116,.18);color:rgba(245,241,235,.86);}
.related-links a:hover{border-color:rgba(224,185,116,.5);color:#f0c986;}

/* Blog index */
.blog-hero{max-width:900px;margin:0 auto;padding:48px clamp(16px,4vw,32px) 10px;text-align:center;}
.blog-hero .eyebrow{font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#e0b974;}
.blog-hero h1{font-family:'Zilla Slab',serif;font-weight:700;font-size:clamp(30px,6vw,50px);color:#f6f1e4;margin:12px 0 12px;line-height:1.1;}
.blog-hero p{font-size:16px;color:rgba(240,236,226,.78);max-width:600px;margin:0 auto;}
.post-grid{max-width:1040px;margin:0 auto;padding:36px clamp(16px,4vw,32px) 60px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;}
.post-card{
  display:block;border-radius:18px;overflow:hidden;background:rgba(18,32,22,.6);
  border:1px solid rgba(224,185,116,.16);transition:transform .25s,border-color .25s;
}
.post-card:hover{transform:translateY(-4px);border-color:rgba(224,185,116,.44);}
.post-card-img{height:180px;overflow:hidden;}
.post-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.post-card:hover .post-card-img img{transform:scale(1.05);}
.post-card-body{padding:20px 22px 24px;}
.post-card .cat{display:inline-block;margin-bottom:10px;padding:4px 11px;border-radius:999px;background:rgba(201,145,61,.16);border:1px solid rgba(224,185,116,.3);color:#e0b974;font-size:11px;font-weight:700;letter-spacing:.03em;}
.post-card h2{font-family:'Zilla Slab',serif;font-weight:700;font-size:20px;color:#f6f1e4;line-height:1.22;margin-bottom:8px;}
.post-card p{font-size:14px;line-height:1.65;color:rgba(240,236,226,.74);margin-bottom:14px;}
.post-card .more{font-size:13.5px;font-weight:700;color:#e0b974;}

/* Footer */
.site-footer{border-top:1px solid rgba(224,185,116,.14);margin-top:30px;padding:40px clamp(16px,4vw,40px);text-align:center;}
.site-footer .f-brand{font-family:'Zilla Slab',serif;font-weight:700;letter-spacing:.14em;font-size:18px;color:#f6f1e4;margin-bottom:8px;}
.site-footer p{font-size:13px;color:rgba(240,236,226,.6);line-height:1.7;margin-bottom:4px;}
.site-footer a{color:#d4a85a;}
.f-links{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;}
.f-links a{font-size:13px;color:rgba(240,236,226,.72);}
.f-links a:hover{color:#f0c986;}