/* Veysi Kına Hair Art: siteye özgü katman (renkler Tailwind config'te). */
:root { --brand: #f45a1e; --ink: #0e0d0c; --cream: #f3ebe0; }
html { background: var(--ink); }
body { -webkit-font-smoothing: antialiased; }

/* Üst bar: kaydırınca koyu zemin */
[data-header] { background: linear-gradient(to bottom, rgba(14,13,12,.75), rgba(14,13,12,0)); }
[data-header].is-scrolled { background: rgba(14,13,12,.94); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.nav-link { position: relative; padding: .25rem 0; transition: color .2s; }
.nav-link[aria-current="page"]::after { content: ""; position: absolute; left: 0; right: 0; bottom: -4px; height: 1px; background: var(--brand); }

/* İmza öğesi: salonun yuvarlak aynalarından ve logodaki yaydan gelen kemer çerçeve */
.arch { border-radius: 999px 999px 28px 28px; overflow: hidden; }
.arch-ring { position: absolute; inset: -14px; border-radius: 999px 999px 40px 40px; border: 1px solid rgba(244,90,30,.7);
  border-bottom-color: transparent; border-right-color: transparent; transform: rotate(-4deg); pointer-events: none; }
.orbit { position: absolute; border: 1px solid rgba(244,90,30,.55); border-radius: 50%; pointer-events: none; }

/* Hizmet listesi satırları */
.svc-row { display: grid; grid-template-columns: 1fr; gap: .25rem 1rem; padding: 1.1rem 0; border-top: 1px solid currentColor; border-color: rgba(127,115,104,.25); }
.svc-row:last-child { border-bottom: 1px solid rgba(127,115,104,.25); }

/* Yorum kartları ve galeri */
.quote-mark { font-family: Georgia, "Times New Roman", serif; font-size: 4.5rem; line-height: .7; height: 2.2rem; color: var(--brand); }
.gallery-img { transition: transform .8s cubic-bezier(.2,.7,.2,1); }
.gallery-cell:hover .gallery-img { transform: scale(1.04); }

/* SSS */
details > summary { list-style: none; cursor: pointer; }
details > summary::-webkit-details-marker { display: none; }
details[open] .faq-plus { transform: rotate(45deg); }
.faq-plus { transition: transform .25s; }

/* Mobil sabit WhatsApp düğmesi altbilgiyi kapatmasın */
@media (max-width: 639px) { main { padding-bottom: 0; } }