/* style.css'e dokunmadan eklenen stiller: katalog fiyatı, teklif formu, galeri, uyarılar. */
.section-alt{background:#f1ede6}
.lead-center{max-width:650px;margin:0 auto 44px}
.editorial-label{margin-top:20px}
.nav-links a.is-active,.nav-right a.is-active{color:var(--gold)}
a.filter-btn{display:inline-block;color:var(--ink)}
a.filter-btn.active,a.filter-btn:hover{color:#fff}
.category-intro{max-width:760px;margin:-10px auto 46px;text-align:center}
.product-card .image-wrap{position:relative}
.product-badge{position:absolute;top:14px;left:14px;padding:6px 11px;background:rgba(35,31,27,.82);color:#fff;font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.product-price{margin-top:8px;font-size:13px;font-weight:500;color:var(--ink);letter-spacing:.02em}

/* Eser detayı */
.detail-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px}
.detail-thumb{padding:0;border:1px solid transparent;background:#eee4da;aspect-ratio:1;overflow:hidden;opacity:.7;transition:opacity .2s,border-color .2s}
.detail-thumb img{width:100%;height:100%;object-fit:cover}
.detail-thumb:hover,.detail-thumb.is-active{opacity:1;border-color:var(--gold)}
.detail-thumb:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.detail-desc{line-height:2;color:var(--sub);max-width:480px}
.detail-desc p{margin:0 0 1em}
.detail-desc ul,.detail-desc ol{padding-left:1.2em}
.detail-price{margin:30px 0 0}
.detail-price-value{font:400 34px 'Cormorant Garamond',Georgia,serif;color:var(--ink)}
.detail-price-note{display:inline-block;font-size:13px;color:var(--terracotta);letter-spacing:.03em}
.detail-meta div{line-height:2}
.detail-actions{display:flex;flex-wrap:wrap;gap:12px}
.detail-actions .btn{margin-top:0}
.quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}
.quote-grid .section-title{margin-top:10px}

/* Formlar */
.hp-field{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.form-alert{padding:16px 18px;margin:0 0 18px;border:1px solid var(--line);background:var(--paper);font-size:14px;line-height:1.7}
.form-alert-ok{border-color:#b9cdb4;background:#f2f6ef;color:#3d5a35}
.form-alert-err{border-color:#e2bfb3;background:#fbf1ed;color:#8a3b25}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--gold)}
.newsletter-form{position:relative}

/* "Yaşam alanınızda" görseli: üstünde yazı olan görseller kesilmesin, tamamı görünsün */
.feature>img{max-height:none;height:auto;object-fit:contain}

/* Alt bilgi */
.footer-line{display:block}
.footer-social{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}
.footer .footer-social a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #575b57;border-radius:50%;color:#eee9e0;line-height:1;transition:color .2s,border-color .2s}
.footer .footer-social a:hover{color:var(--gold);border-color:var(--gold)}
.footer-social svg{width:18px;height:18px;display:block}

/* Yazı içeriği (editörden gelen HTML) */
.article-body p,.article-body li{font-size:16px;line-height:2;color:#5b5a55}
.article-body h2,.article-body h3{font:400 32px 'Cormorant Garamond',Georgia,serif;margin:40px 0 14px}
.article-body img{margin:30px 0;height:auto}
.article-body a{text-decoration:underline}

@media(max-width:700px){
  .quote-grid{grid-template-columns:1fr;gap:24px}
  .detail-price-value{font-size:30px}
  .detail-actions .btn{flex:1 1 100%}
}