/* =========================================================
   NAZ HAIR & BEAUTY · PREMIUM EDITORIAL SYSTEM v1.2
   Palette: onyx / espresso / champagne / bone
   ========================================================= */
:root {
    --naz-ink: #0b0a09;
    --naz-ink-2: #12100e;
    --naz-espresso: #1c1713;
    --naz-bone: #f3eee5;
    --naz-muted: rgba(243,238,229,.63);
    --naz-soft: rgba(243,238,229,.12);
    --naz-gold: #d4aa59;
    --naz-gold-light: #f0d38d;
    --naz-line: rgba(212,170,89,.20);
    --naz-ease: cubic-bezier(.23,1,.32,1);
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { font-family: 'Poppins', sans-serif; background: var(--naz-ink); color: var(--naz-bone); overflow-x: hidden; }
body:before { content: ''; position: fixed; inset: 0; pointer-events: none; opacity: .035; z-index: 9990; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E"); }
h1,h2,h3 { font-family: 'Playfair Display', serif; font-weight: 500; letter-spacing: -.025em; }
h1 em,h2 em,h3 em { color: var(--naz-gold-light); font-style: italic; }
a { text-decoration: none; color: inherit; }
img { max-width: 100%; display: block; }
button,input,textarea { font: inherit; }
::selection { color: var(--naz-ink); background: var(--naz-gold-light); }
.naz-skip-link { position: fixed; left: 20px; top: -80px; z-index: 10000; padding: 12px 18px; background: var(--naz-gold); color: var(--naz-ink); transition: top .2s; }
.naz-skip-link:focus { top: 20px; }

/* Loader */
#naz-loader { position: fixed; inset: 0; background: var(--naz-ink); display: flex; align-items: center; justify-content: center; z-index: 9999; transition: opacity .6s var(--naz-ease), visibility .6s; }
#naz-loader.naz-hidden { opacity: 0; visibility: hidden; }
.naz-loader-mark { text-align: center; color: var(--naz-gold); animation: nazPulse 1.4s ease-in-out infinite; }
.naz-loader-mark span { display: block; font-family: 'Playfair Display',serif; font-size: 2.3rem; letter-spacing: 8px; padding-left: 8px; }
.naz-loader-mark small { display: block; margin-top: 6px; text-transform: uppercase; letter-spacing: 3px; font-size: .55rem; color: var(--naz-muted); }
@keyframes nazPulse { 0%,100% { opacity: .45; transform: translateY(3px); } 50% { opacity: 1; transform: translateY(0); } }

/* Topbar / header */
.naz-topbar { position: relative; z-index: 1001; background: #070706; border-bottom: 1px solid rgba(212,170,89,.14); }
.naz-topbar-inner { max-width: 1280px; margin: 0 auto; padding: 8px 32px; display: flex; align-items: center; justify-content: flex-end; gap: 28px; }
.naz-topbar-item { display: inline-flex; align-items: center; gap: 7px; color: rgba(243,238,229,.58); font-size: .69rem; letter-spacing: .04em; }
.naz-topbar-item:first-child { margin-right: auto; }
.naz-topbar-wa { color: var(--naz-gold-light); }
.naz-topbar-wa span { color: #55c980; font-size: .5rem; }
.naz-header { position: fixed; top: 33px; left: 0; right: 0; z-index: 1000; background: rgba(11,10,9,.45); backdrop-filter: blur(18px); border-bottom: 1px solid rgba(243,238,229,.09); transition: background .3s, top .3s; }
.naz-header-inner { max-width: 1280px; margin: 0 auto; padding: 16px 32px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.naz-logo { display: block; width: 58px; flex-shrink: 0; }
.naz-logo-img,.naz-logo img { width: 58px; height: 58px; object-fit: contain; display: block; filter: drop-shadow(0 5px 14px rgba(0,0,0,.3)); }
.naz-nav { margin-left: auto; }
.naz-nav-list { list-style: none; display: flex; align-items: center; gap: 28px; }
.naz-nav a { position: relative; color: rgba(243,238,229,.7); font-size: .76rem; letter-spacing: .04em; transition: color .25s; }
.naz-nav a:after { content: ''; position: absolute; left: 0; right: 0; bottom: -7px; height: 1px; background: var(--naz-gold); transform: scaleX(0); transform-origin: right; transition: transform .3s var(--naz-ease); }
.naz-nav a:hover,.naz-nav .current-menu-item a { color: var(--naz-gold-light); }
.naz-nav a:hover:after,.naz-nav .current-menu-item a:after { transform: scaleX(1); transform-origin: left; }
.naz-nav-cta { display: inline-flex; align-items: center; gap: 12px; border: 1px solid var(--naz-gold); color: var(--naz-gold-light); padding: 12px 19px; font-size: .73rem; letter-spacing: .04em; transition: all .25s; }
.naz-nav-cta:hover { background: var(--naz-gold); color: var(--naz-ink); }
.naz-burger { display: none; background: none; border: 0; cursor: pointer; padding: 8px; }
.naz-burger span { display: block; width: 25px; height: 1px; margin: 5px 0; background: var(--naz-gold-light); transition: transform .2s; }
.naz-whatsapp-float,.naz-call-float { position: fixed; z-index: 999; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: transform .25s, box-shadow .25s; }
.naz-whatsapp-float { width: 57px; height: 57px; right: 25px; bottom: 25px; background: #1fbe62; box-shadow: 0 10px 28px rgba(31,190,98,.26); }
.naz-whatsapp-float span { color: #fff; font-weight: 600; font-size: .65rem; letter-spacing: .05em; }
.naz-call-float { width: 43px; height: 43px; right: 32px; bottom: 92px; background: var(--naz-gold); color: var(--naz-ink); box-shadow: 0 10px 28px rgba(212,170,89,.22); }
.naz-whatsapp-float:hover,.naz-call-float:hover { transform: translateY(-4px); }

/* Hero */
.naz-hero { position: relative; min-height: min(900px, 100vh); display: flex; align-items: center; overflow: hidden; background: radial-gradient(ellipse at 45% 50%, #1a1510 0%, #090807 57%, #050504 100%); perspective: 1600px; }
.naz-hero-media { position: absolute; inset: 0; z-index: 0; background-image: linear-gradient(90deg, rgba(6,6,5,.35), rgba(6,6,5,.06) 52%, rgba(6,6,5,.4)), linear-gradient(0deg, rgba(6,6,5,.66), transparent 42%, rgba(6,6,5,.32)), var(--naz-hero-image); background-size: cover; background-position: center; opacity: .85; transform: scale(1.015); }
.naz-hero-mesh { position: absolute; inset: 0; z-index: 1; background: radial-gradient(circle at 18% 35%, rgba(212,170,89,.12), transparent 38%), radial-gradient(circle at 83% 25%, rgba(226,187,108,.08), transparent 35%); animation: nazMeshDrift 15s ease-in-out infinite alternate; }
.naz-hero-grid { position: absolute; inset: 0; z-index: 1; opacity: .2; pointer-events: none; background-image: linear-gradient(rgba(212,170,89,.1) 1px, transparent 1px),linear-gradient(90deg, rgba(212,170,89,.1) 1px, transparent 1px); background-size: 58px 58px; mask-image: radial-gradient(ellipse at center, #000 0%, transparent 70%); }
#naz-particles { position: absolute; inset: 0; z-index: 2; pointer-events: none; }
.naz-hero-glow { position: absolute; z-index: 1; top: 35%; left: 36%; width: 650px; height: 650px; transform: translate(-50%,-50%); border-radius: 50%; background: radial-gradient(circle, rgba(212,170,89,.16) 0%, transparent 69%); filter: blur(7px); }
.naz-hero-orb { position: absolute; z-index: 2; border-radius: 50%; pointer-events: none; background: radial-gradient(circle at 35% 35%, rgba(247,219,151,.65), rgba(212,170,89,.05) 68%); box-shadow: 0 0 60px rgba(212,170,89,.24); animation: nazOrbFloat 8s ease-in-out infinite; }
.naz-hero-orb-1 { width: 88px; height: 88px; top: 18%; left: 11%; }.naz-hero-orb-2 { width: 48px; height: 48px; top: 64%; right: 12%; animation-delay: 1.3s; }.naz-hero-orb-3 { width: 20px; height: 20px; top: 27%; right: 31%; animation-delay: .4s; }
@keyframes nazMeshDrift { to { transform: scale(1.08) translate(1.4%, -1.2%); } }@keyframes nazOrbFloat { 0%,100% { transform: translate(0,0); } 50% { transform: translate(14px,-18px); } }
.naz-hero-content { position: relative; z-index: 4; max-width: 640px; margin-left: max(7vw, calc((100vw - 1280px)/2)); padding: 130px 32px 70px; transform-style: preserve-3d; will-change: transform; }
.naz-hero-eyebrow,.naz-section-eyebrow { display: flex; align-items: center; gap: 10px; color: var(--naz-gold-light); text-transform: uppercase; letter-spacing: .24em; font-size: .64rem; line-height: 1.5; }
.naz-eyebrow-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--naz-gold); box-shadow: 0 0 12px var(--naz-gold); }
.naz-hero-title { margin: 22px 0 24px; color: #fff; font-size: clamp(3.4rem, 7.1vw, 7.2rem); line-height: .92; font-weight: 400; }
.naz-hero-title span { color: var(--naz-gold-light); font-style: italic; }
.naz-hero-tagline { max-width: 450px; color: rgba(243,238,229,.7); font-size: .98rem; line-height: 1.75; font-weight: 300; }
.naz-hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 13px; margin-top: 33px; }
.naz-btn { display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-height: 49px; padding: 13px 21px; border-radius: 0; font-size: .73rem; letter-spacing: .04em; transition: transform .2s var(--naz-ease), background .25s, color .25s, border-color .25s, box-shadow .25s; }
.naz-btn:active { transform: scale(.97); }.naz-btn b { font-size: 1rem; font-weight: 400; }.naz-btn-gold { color: var(--naz-ink); background: var(--naz-gold-light); box-shadow: 0 12px 30px rgba(212,170,89,.15); }.naz-btn-gold:hover { background: #fff0be; transform: translateY(-3px); box-shadow: 0 16px 36px rgba(212,170,89,.25); }.naz-btn-outline,.naz-btn-glass { border: 1px solid rgba(243,238,229,.36); color: #fff; background: transparent; }.naz-btn-glass { border-color: rgba(243,238,229,.18); background: rgba(243,238,229,.08); backdrop-filter: blur(10px); }.naz-btn-outline:hover,.naz-btn-glass:hover { border-color: var(--naz-gold); color: var(--naz-gold-light); transform: translateY(-3px); }
.naz-hero-trust { display: flex; align-items: center; gap: 12px; margin-top: 37px; color: rgba(243,238,229,.52); font-size: .66rem; letter-spacing: .03em; }.naz-trust-stars { color: var(--naz-gold-light); letter-spacing: 3px; font-size: .67rem; }
.naz-hero-card { position: absolute; z-index: 4; display: flex; flex-direction: column; gap: 7px; padding: 15px 18px; min-width: 145px; border: 1px solid rgba(240,211,141,.24); background: rgba(13,12,10,.36); backdrop-filter: blur(14px); box-shadow: 0 22px 50px rgba(0,0,0,.3); transform-style: preserve-3d; will-change: transform; transition: transform .2s var(--naz-ease); }.naz-hero-card-1 { top: 23%; right: 9%; }.naz-hero-card-2 { top: 62%; right: 19%; }.naz-hero-card-3 { bottom: 13%; left: 48%; }.naz-hero-card-kicker { color: var(--naz-gold-light); font-size: .57rem; text-transform: uppercase; letter-spacing: .2em; }.naz-hero-card-label { color: rgba(243,238,229,.7); font-size: .68rem; line-height: 1.35; }.naz-hero-card-num { color: var(--naz-gold-light); font: 400 2.1rem/1 'Playfair Display',serif; }.naz-hero-card-num span { font-size: 1rem; }.naz-hero-card-icon { color: var(--naz-gold-light); font-size: 1.35rem; }
.naz-scroll-cue { position: absolute; z-index: 4; left: max(7vw, calc((100vw - 1280px)/2)); bottom: 32px; display: flex; align-items: center; gap: 11px; color: rgba(243,238,229,.5); font-size: .58rem; text-transform: uppercase; letter-spacing: .18em; }.naz-scroll-cue span { width: 25px; height: 40px; border: 1px solid rgba(243,238,229,.35); border-radius: 20px; }.naz-scroll-cue span:after { content: ''; display: block; width: 3px; height: 7px; margin: 8px auto; border-radius: 2px; background: var(--naz-gold); animation: nazScroll 1.6s ease-in-out infinite; }@keyframes nazScroll { to { opacity: 0; transform: translateY(13px); } }

/* Shared */
.naz-section { position: relative; padding: 128px 32px; }.naz-section-inner { max-width: 1280px; margin: 0 auto; }.naz-section-title { color: #fff; font-size: clamp(2.5rem, 4.7vw, 4.45rem); line-height: .98; margin-top: 19px; }.naz-section-title em { color: var(--naz-gold-light); }.naz-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 60px; margin-bottom: 62px; }.naz-section-heading-copy { max-width: 325px; color: var(--naz-muted); font-size: .84rem; line-height: 1.75; font-weight: 300; }.naz-center-cta { text-align: center; margin-top: 52px; }.naz-text-link { display: inline-flex; align-items: center; gap: 14px; color: var(--naz-gold-light); border-bottom: 1px solid rgba(212,170,89,.45); padding-bottom: 8px; font-size: .72rem; transition: gap .25s, color .25s; }.naz-text-link:hover { color: #fff; gap: 20px; }.naz-reveal { opacity: 0; transform: translateY(28px); transition: opacity .8s var(--naz-ease), transform .8s var(--naz-ease); }.naz-reveal.naz-visible { opacity: 1; transform: translateY(0); }
.naz-proof-strip { background: var(--naz-gold-light); color: var(--naz-ink); }.naz-proof-inner { max-width: 1280px; margin: 0 auto; padding: 25px 32px; display: grid; grid-template-columns: repeat(4,1fr); gap: 25px; }.naz-proof-inner>div { display: flex; align-items: center; gap: 17px; border-right: 1px solid rgba(11,10,9,.18); }.naz-proof-inner>div:last-child { border: 0; }.naz-proof-inner strong { font: 400 .9rem 'Playfair Display',serif; }.naz-proof-inner span { font-size: .65rem; line-height: 1.5; text-transform: uppercase; letter-spacing: .07em; }

/* Services */
.naz-services { background: var(--naz-ink-2); }.naz-services-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }.naz-service-card { position: relative; overflow: hidden; border: 1px solid rgba(243,238,229,.10); background: rgba(255,255,255,.025); transition: transform .38s var(--naz-ease), border-color .3s, background .3s; }.naz-service-card:hover { border-color: rgba(212,170,89,.55); transform: translateY(-7px); background: rgba(212,170,89,.045); }.naz-service-card-has-image .naz-service-card-image { height: 185px; overflow: hidden; }.naz-service-card-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .65s var(--naz-ease); filter: saturate(.85); }.naz-service-card:hover .naz-service-card-image img { transform: scale(1.07); }.naz-service-card-content { position: relative; padding: 27px 25px 26px; }.naz-service-index { position: absolute; top: 25px; right: 24px; color: rgba(243,238,229,.35); font-size: .63rem; letter-spacing: .1em; }.naz-service-icon { color: var(--naz-gold-light); font-size: 1.25rem; margin-bottom: 17px; }.naz-service-card h3,.naz-service-card h2 { color: #fff; font-size: 1.2rem; line-height: 1.18; margin-bottom: 11px; }.naz-service-card p { color: var(--naz-muted); font-size: .77rem; line-height: 1.7; font-weight: 300; min-height: 54px; }.naz-service-link { display: inline-flex; align-items: center; gap: 11px; margin-top: 23px; color: var(--naz-gold-light); font-size: .67rem; border-bottom: 1px solid rgba(212,170,89,.35); padding-bottom: 5px; }.naz-service-link:hover { color: #fff; }.naz-service-card-actions { display: flex; align-items: center; gap: 12px; }.naz-service-card-actions .naz-service-link { margin-top: 19px; }.naz-service-link-wa { color: #6bd895; border-color: rgba(107,216,149,.35); }

/* Signature / about */
.naz-signature { background: #f0ece4; color: var(--naz-ink); }.naz-signature-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: center; gap: clamp(55px,8vw,140px); }.naz-signature-visual { position: relative; max-width: 490px; }.naz-signature-frame { position: relative; margin-left: 35px; padding: 13px; border: 1px solid rgba(115,81,37,.22); }.naz-signature-frame:before { content: ''; position: absolute; left: -35px; top: 36px; width: 100%; height: 100%; border: 1px solid rgba(115,81,37,.18); }.naz-signature-frame img { width: 100%; aspect-ratio: 4/5; object-fit: cover; position: relative; z-index: 1; }.naz-signature-stamp { position: absolute; z-index: 2; left: -20px; bottom: 55px; width: 112px; height: 112px; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; border-radius: 50%; background: var(--naz-gold-light); color: var(--naz-ink); font: 500 1.2rem/1 'Playfair Display',serif; letter-spacing: .16em; box-shadow: 0 13px 30px rgba(35,25,12,.18); }.naz-signature-stamp small { margin-top: 8px; font: 500 .42rem 'Poppins',sans-serif; text-transform: uppercase; letter-spacing: .12em; }.naz-signature-copy .naz-section-eyebrow { color: #916b38; }.naz-signature-copy .naz-section-title { color: var(--naz-ink); }.naz-signature-copy>p:not(.naz-section-eyebrow) { max-width: 485px; color: rgba(11,10,9,.65); font-size: .88rem; line-height: 1.8; margin: 25px 0; }.naz-check-list { display: flex; flex-direction: column; gap: 17px; list-style: none; margin: 28px 0 31px; }.naz-check-list li { display: flex; gap: 14px; align-items: flex-start; }.naz-check-list li>span { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; border: 1px solid #ae843e; border-radius: 50%; color: #916b38; font-size: .7rem; }.naz-check-list strong { display: block; color: var(--naz-ink); font-size: .75rem; font-weight: 500; }.naz-check-list small { display: block; color: rgba(11,10,9,.55); font-size: .7rem; margin-top: 3px; }

/* Gallery */
.naz-home-gallery { background: var(--naz-ink); }.naz-home-gallery .naz-section-heading { align-items: end; }.naz-home-gallery-masonry { display: grid; grid-template-columns: 1.55fr 1fr 1fr; grid-template-rows: 240px 240px; gap: 12px; }.naz-home-gallery-item { overflow: hidden; border: 1px solid rgba(212,170,89,.18); background: #15120f; }.naz-home-gallery-item:first-child { grid-row: span 2; }.naz-home-gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s var(--naz-ease), filter .5s; }.naz-home-gallery-item:hover img { transform: scale(1.06); filter: saturate(1.1); }

.naz-journal { background: #f0ece4; color: var(--naz-ink); }.naz-journal .naz-section-eyebrow { color: #916b38; }.naz-journal .naz-section-title { color: var(--naz-ink); }.naz-home-blog-grid { grid-template-columns: repeat(3,1fr); }.naz-journal .naz-post-card { border-color: rgba(11,10,9,.14); background: rgba(11,10,9,.035); }.naz-journal .naz-post-card h2 { color: var(--naz-ink); }.naz-journal .naz-post-readmore { color: #916b38; }
/* Booking */
.naz-booking { background: var(--naz-espresso); }.naz-booking-shell { display: grid; grid-template-columns: 1.1fr 1fr; min-height: 390px; border: 1px solid rgba(212,170,89,.27); background: radial-gradient(circle at 0 100%, rgba(212,170,89,.13), transparent 45%), #18130f; }.naz-booking-copy { padding: 54px 7%; border-right: 1px solid rgba(212,170,89,.18); }.naz-booking-copy h2 { margin: 18px 0; color: #fff; font-size: clamp(2.4rem,4vw,4rem); line-height: .96; }.naz-booking-copy>p:not(.naz-section-eyebrow) { max-width: 390px; color: var(--naz-muted); font-size: .82rem; line-height: 1.75; }.naz-booking-steps { display: flex; flex-direction: column; justify-content: center; padding: 35px 12%; gap: 31px; }.naz-booking-steps>div { display: flex; gap: 22px; align-items: center; }.naz-booking-steps strong { color: var(--naz-gold-light); font: 400 1.6rem 'Playfair Display',serif; }.naz-booking-steps span { color: var(--naz-bone); font-size: .75rem; line-height: 1.5; }

/* Contact */
.naz-contact { background: var(--naz-ink-2); }.naz-contact-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 65px; align-items: stretch; }.naz-contact-info { display: flex; flex-direction: column; justify-content: center; gap: 25px; }.naz-contact-item { border-bottom: 1px solid rgba(243,238,229,.1); padding-bottom: 21px; }.naz-contact-label,.naz-footer-heading { display: block; margin-bottom: 9px; color: var(--naz-gold-light); text-transform: uppercase; letter-spacing: .16em; font-size: .6rem; }.naz-contact-item a,.naz-contact-item p { color: #fff; font-size: .96rem; line-height: 1.65; font-weight: 300; }.naz-contact-item small { display: block; margin-top: 5px; color: var(--naz-muted); font-size: .66rem; }.naz-contact-btn-row { display: flex; gap: 11px; flex-wrap: wrap; margin-top: 4px; }.naz-contact-map { min-height: 395px; border: 1px solid rgba(212,170,89,.2); filter: grayscale(.5) contrast(1.1); }.naz-contact-map iframe { display: block; min-height: 100%; }.naz-contact-note { display: flex; align-items: center; gap: 16px; max-width: 690px; margin: 70px auto 0; padding: 20px 0; border-top: 1px solid var(--naz-line); border-bottom: 1px solid var(--naz-line); }.naz-contact-note>span { color: var(--naz-gold-light); font-size: 1.3rem; }.naz-contact-note p { color: var(--naz-muted); font-size: .76rem; line-height: 1.7; }

/* Footer */
.naz-footer { padding: 0 32px 25px; background: #060605; border-top: 1px solid rgba(212,170,89,.12); }.naz-footer-cta { max-width: 1280px; margin: 0 auto; padding: 80px 0; display: flex; align-items: end; justify-content: space-between; border-bottom: 1px solid rgba(243,238,229,.1); }.naz-footer-cta h2 { margin-top: 16px; color: #fff; font-size: clamp(2.5rem,4.4vw,4.2rem); line-height: .95; }.naz-footer-inner { max-width: 1280px; margin: 0 auto; padding: 55px 0 48px; display: grid; grid-template-columns: 1.4fr 1fr 1.4fr 1.35fr 1fr; gap: 30px; }.naz-footer-logo-img { width: 65px!important; height: 65px!important; margin-bottom: 13px; }.naz-footer-brand p,.naz-footer-contact p { color: var(--naz-muted); font-size: .72rem; line-height: 1.7; font-weight: 300; }.naz-footer-links,.naz-footer-social,.naz-footer-contact { display: flex; flex-direction: column; gap: 11px; }.naz-footer a { color: rgba(243,238,229,.62); font-size: .72rem; transition: color .2s; }.naz-footer a:hover { color: var(--naz-gold-light); }.naz-footer-hour-row { display: flex; justify-content: space-between; gap: 10px; color: rgba(243,238,229,.6); font-size: .68rem; font-weight: 300; margin-bottom: 6px; }.naz-footer-hour-row span:last-child { color: rgba(243,238,229,.42); }.naz-footer-recent { display: block; padding: 22px 0; border-top: 1px solid rgba(243,238,229,.08); border-bottom: 1px solid rgba(243,238,229,.08); }.naz-footer-recent-list { display: flex; flex-wrap: wrap; gap: 12px 28px; }.naz-footer-recent-item { border-left: 1px solid var(--naz-gold); padding-left: 10px; }.naz-footer-bottom { max-width: 1280px; margin: 0 auto; padding-top: 22px; display: flex; justify-content: space-between; color: rgba(243,238,229,.33); font-size: .62rem; }

/* Inner page hero */
.naz-inner-page { padding-top: 0; }.naz-page-hero { position: relative; padding: 205px 32px 95px; text-align: center; background: radial-gradient(ellipse at 50% 0%, #2a2015 0%, #100d0a 53%, var(--naz-ink) 100%); border-bottom: 1px solid rgba(212,170,89,.15); overflow: hidden; }.naz-page-hero:after { content: 'NAZ'; position: absolute; z-index: 0; right: -2%; bottom: -37px; color: rgba(243,238,229,.025); font: 600 15rem/.8 'Playfair Display',serif; letter-spacing: -.1em; }.naz-page-hero-inner { position: relative; z-index: 1; max-width: 730px; margin: 0 auto; }.naz-breadcrumb { display: flex; justify-content: center; gap: 10px; color: rgba(243,238,229,.46); font-size: .64rem; }.naz-breadcrumb a:hover { color: var(--naz-gold-light); }.naz-breadcrumb-current { color: var(--naz-gold-light); }.naz-page-hero .naz-hero-eyebrow { justify-content: center; margin-top: 34px; }.naz-page-hero h1 { color: #fff; font-size: clamp(3.3rem,6vw,6rem); line-height: .94; margin: 17px 0 22px; font-weight: 400; }.naz-page-hero h1 em { color: var(--naz-gold-light); }.naz-page-hero p:last-child { max-width: 520px; margin: 0 auto; color: var(--naz-muted); font-size: .84rem; line-height: 1.75; }.naz-page-intro { max-width: 800px; margin: 0 auto 53px; color: var(--naz-muted); font-size: .85rem; line-height: 1.8; text-align: center; }.naz-page-intro p { margin-bottom: 15px; }.naz-page-content { max-width: 850px; margin: 0 auto; color: var(--naz-muted); font-size: .87rem; line-height: 1.9; }.naz-page-content h2,.naz-page-content h3 { color: #fff; margin: 32px 0 13px; }.naz-page-content p { margin-bottom: 17px; }.naz-page-content a { color: var(--naz-gold-light); text-decoration: underline; }.naz-page-content ul,.naz-page-content ol { margin: 0 0 18px 23px; }

/* Services page extras */
.naz-service-menu-intro { display: flex; align-items: center; gap: 30px; margin: 0 0 31px; padding-bottom: 20px; border-bottom: 1px solid rgba(243,238,229,.13); }.naz-service-menu-intro span { color: var(--naz-gold-light); text-transform: uppercase; letter-spacing: .16em; font-size: .62rem; white-space: nowrap; }.naz-service-menu-intro p { color: var(--naz-muted); font-size: .75rem; }.naz-price-note { display: flex; align-items: center; gap: 18px; margin-top: 48px; padding: 22px 24px; border: 1px solid rgba(212,170,89,.3); background: rgba(212,170,89,.05); }.naz-price-note-icon { color: var(--naz-gold-light); font-size: 1.35rem; }.naz-price-note strong { display: block; color: #fff; font-size: .82rem; margin-bottom: 5px; }.naz-price-note p { color: var(--naz-muted); font-size: .7rem; line-height: 1.65; }.naz-price-note .naz-text-link { margin-left: auto; white-space: nowrap; }.naz-faq { background: #f0ece4; color: var(--naz-ink); }.naz-faq-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 100px; align-items: start; }.naz-faq-heading .naz-section-eyebrow { color: #916b38; }.naz-faq-heading .naz-section-title { color: var(--naz-ink); }.naz-faq-heading>p:last-child { max-width: 290px; margin-top: 26px; color: rgba(11,10,9,.6); font-size: .8rem; line-height: 1.7; }.naz-faq-list { border-top: 1px solid rgba(11,10,9,.2); }.naz-faq-list details { border-bottom: 1px solid rgba(11,10,9,.2); padding: 22px 0; }.naz-faq-list summary { display: flex; justify-content: space-between; gap: 20px; cursor: pointer; list-style: none; color: var(--naz-ink); font-size: .88rem; }.naz-faq-list summary::-webkit-details-marker { display: none; }.naz-faq-list summary span { color: #916b38; font-size: 1.3rem; font-weight: 300; transition: transform .25s; }.naz-faq-list details[open] summary span { transform: rotate(45deg); }.naz-faq-list p { max-width: 650px; padding-top: 14px; color: rgba(11,10,9,.6); font-size: .76rem; line-height: 1.75; }.naz-cta-band { background: linear-gradient(135deg, #211a12, #0d0b08); text-align: center; }.naz-cta-band-inner h2 { margin: 17px 0 29px; color: #fff; font-size: clamp(2.4rem,5vw,4.6rem); line-height: .95; }.naz-cta-band-inner .naz-section-eyebrow { justify-content: center; }

/* About / values */
.naz-about-page { background: var(--naz-ink); }.naz-about-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 90px; align-items: center; }.naz-about-text .naz-section-eyebrow { margin-bottom: 4px; }.naz-about-text .naz-section-title { font-size: clamp(2.3rem,4.5vw,4.1rem); }.naz-about-text>p:not(.naz-section-eyebrow) { color: var(--naz-muted); font-size: .85rem; line-height: 1.85; margin: 18px 0; }.naz-about-text .naz-btn { margin-top: 18px; }.naz-about-visual-rich { position: relative; overflow: visible; }.naz-about-visual-rich:after { content: ''; position: absolute; inset: 22px -22px -22px 22px; border: 1px solid rgba(212,170,89,.22); z-index: 0; }.naz-about-visual-rich img { position: relative; z-index: 1; width: 100%; aspect-ratio: 4/5; object-fit: cover; }.naz-about-visual-label { position: absolute; z-index: 2; left: -31px; bottom: 38px; padding: 14px 19px; background: var(--naz-gold-light); color: var(--naz-ink); font: 500 1.1rem/1 'Playfair Display',serif; }.naz-about-visual-label small { display: block; margin-top: 7px; font: 500 .5rem 'Poppins',sans-serif; letter-spacing: .2em; text-transform: uppercase; }.naz-values { background: var(--naz-ink-2); }.naz-values-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 15px; }.naz-why-item { position: relative; padding: 29px 25px; border-top: 1px solid rgba(212,170,89,.34); text-align: left; }.naz-value-number { display: block; margin-bottom: 42px; color: rgba(243,238,229,.32); font: 400 .72rem 'Playfair Display',serif; }.naz-why-icon { color: var(--naz-gold-light); font-size: 1.25rem; margin-bottom: 23px; }.naz-why-item h3 { color: #fff; font-size: 1.1rem; margin-bottom: 10px; }.naz-why-item p { color: var(--naz-muted); font-size: .73rem; line-height: 1.7; }

/* Gallery page */
.naz-gallery-page { background: var(--naz-ink); }.naz-gallery-tabs { display: flex; justify-content: center; gap: 11px; margin-bottom: 44px; flex-wrap: wrap; }.naz-gallery-tab { padding: 12px 24px; border: 1px solid rgba(212,170,89,.35); background: transparent; color: var(--naz-muted); cursor: pointer; font-size: .7rem; transition: all .25s; }.naz-gallery-tab:hover { color: #fff; border-color: var(--naz-gold-light); }.naz-gallery-tab.naz-active { background: var(--naz-gold-light); color: var(--naz-ink); border-color: var(--naz-gold-light); }.naz-gallery-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; }.naz-gallery-item { display: block; aspect-ratio: 1/1; overflow: hidden; border: 1px solid rgba(212,170,89,.16); }.naz-gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--naz-ease); }.naz-gallery-item:hover img { transform: scale(1.07); }.naz-gallery-empty { grid-column: 1/-1; padding: 45px 20px; border: 1px dashed rgba(212,170,89,.3); color: var(--naz-muted); text-align: center; font-size: .8rem; }.naz-gallery-empty strong { color: var(--naz-gold-light); }.naz-gallery-grid-page .naz-gallery-item:first-child { grid-column: span 2; aspect-ratio: 2/1; }

/* Contact page */
.naz-contact-page { background: var(--naz-ink-2); }.naz-contact-grid-page { grid-template-columns: .8fr 1.2fr; }.naz-contact-map-page { min-height: 530px; }.naz-hours-table { width: 100%; border-collapse: collapse; }.naz-hours-table td { padding: 7px 0; border-bottom: 1px solid rgba(243,238,229,.08); color: var(--naz-muted); font-size: .72rem; }.naz-hours-table td:first-child { color: #fff; }.naz-hours-table td:last-child { text-align: right; }.naz-inline-link,.naz-contact-social-row a { color: var(--naz-gold-light)!important; font-size: .72rem!important; }.naz-contact-social-row { display: flex; gap: 21px; }

/* Blog / single */
.naz-blog-archive,.naz-single-post-section { background: var(--naz-ink); }.naz-blog-layout { display: grid; grid-template-columns: minmax(0,2.1fr) minmax(250px,.9fr); gap: 60px; align-items: start; }.naz-blog-intro { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 0 0 25px; border-bottom: 1px solid rgba(243,238,229,.12); margin-bottom: 27px; }.naz-blog-intro-label,.naz-widget-kicker { color: var(--naz-gold-light); text-transform: uppercase; letter-spacing: .18em; font-size: .6rem; }.naz-blog-intro p { color: var(--naz-muted); font-size: .75rem; }.naz-blog-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 18px; }.naz-post-card { overflow: hidden; border: 1px solid rgba(243,238,229,.11); background: rgba(255,255,255,.025); transition: transform .35s var(--naz-ease), border-color .25s; }.naz-post-card:hover { transform: translateY(-6px); border-color: var(--naz-gold); }.naz-post-thumb { display: block; aspect-ratio: 16/10; overflow: hidden; background: #17130f; }.naz-post-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s var(--naz-ease); }.naz-post-card:hover .naz-post-thumb img { transform: scale(1.05); }.naz-post-card-body { padding: 22px; }.naz-post-date { color: var(--naz-gold-light); font-size: .6rem; letter-spacing: .12em; }.naz-post-card h2,.naz-post-card h3 { margin: 9px 0 10px; color: #fff; font-size: 1.15rem; line-height: 1.28; }.naz-post-card-body p { color: var(--naz-muted); font-size: .75rem; line-height: 1.7; margin-bottom: 17px; }.naz-post-readmore { color: var(--naz-gold-light); font-size: .68rem; }.naz-pagination { display: flex; justify-content: center; gap: 7px; margin-top: 37px; }.naz-pagination .page-numbers { padding: 8px 12px; border: 1px solid rgba(212,170,89,.22); color: var(--naz-muted); font-size: .68rem; }.naz-pagination .current,.naz-pagination .page-numbers:hover { background: var(--naz-gold-light); color: var(--naz-ink); }.naz-sidebar { display: flex; flex-direction: column; gap: 18px; }.naz-widget { padding: 26px; border: 1px solid rgba(212,170,89,.18); background: rgba(255,255,255,.025); }.naz-widget-title { margin: 9px 0 13px; color: #fff; font-size: 1.35rem; line-height: 1.1; }.naz-widget p { color: var(--naz-muted); font-size: .76rem; line-height: 1.7; margin-bottom: 19px; }.naz-widget .naz-btn { width: 100%; }.naz-sidebar-recent-item { display: flex; justify-content: space-between; gap: 12px; padding: 12px 0; border-bottom: 1px solid rgba(243,238,229,.08); color: var(--naz-muted)!important; font-size: .73rem!important; }.naz-sidebar-recent-item:last-child { border-bottom: 0; }.naz-sidebar-recent-item span { color: var(--naz-gold-light); }.naz-single-post { max-width: 820px; color: var(--naz-muted); font-size: .89rem; line-height: 1.95; }.naz-single-post h2,.naz-single-post h3 { color: #fff; margin: 35px 0 14px; }.naz-single-post p { margin-bottom: 19px; }.naz-single-post img { margin: 23px 0; }.naz-single-post a { color: var(--naz-gold-light); text-decoration: underline; }.naz-post-meta-line { color: var(--naz-gold-light)!important; font-size: .72rem!important; }.naz-post-cta { margin-top: 55px; padding: 35px; border: 1px solid rgba(212,170,89,.27); background: rgba(212,170,89,.06); text-align: center; }.naz-post-cta h3 { margin: 0 0 10px; }.naz-post-cta p { font-size: .78rem; }.naz-related-posts { margin-top: 55px; }.naz-related-posts h3 { margin-bottom: 20px; }.naz-related-posts .naz-blog-grid { grid-template-columns: repeat(3,1fr); }.naz-empty-state { padding: 60px 20px; border: 1px dashed rgba(212,170,89,.35); text-align: center; }.naz-empty-state>span { color: var(--naz-gold-light); font-size: 1.4rem; }.naz-empty-state h2 { margin: 14px 0 9px; color: #fff; font-size: 1.8rem; }.naz-empty-state p { max-width: 370px; margin: 0 auto 23px; color: var(--naz-muted); font-size: .76rem; line-height: 1.7; }

/* 404 / lightbox / comments */
.naz-404 { min-height: 650px; padding-top: 210px; text-align: center; }.naz-404-inner>p:not(.naz-section-eyebrow) { max-width: 440px; margin: -27px auto 28px; color: var(--naz-muted); font-size: .8rem; line-height: 1.7; }.naz-404-links { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 17px; }.naz-lightbox { position: fixed; inset: 0; z-index: 9998; display: none; align-items: center; justify-content: center; flex-direction: column; gap: 14px; padding: 40px; background: rgba(5,4,3,.95); }.naz-lightbox.naz-open { display: flex; }.naz-lightbox img { max-width: min(90vw,1000px); max-height: 78vh; border: 1px solid rgba(212,170,89,.25); }.naz-lightbox-caption { color: var(--naz-muted); font-size: .75rem; }.naz-lightbox-close { position: absolute; top: 20px; right: 27px; color: #fff; border: 0; background: none; font-size: 2.4rem; cursor: pointer; }.naz-lightbox-close:hover { color: var(--naz-gold-light); }.naz-comments-area { margin-top: 55px; padding-top: 35px; border-top: 1px solid rgba(212,170,89,.18); }.naz-comments-title { color: #fff; }.naz-comment-list { list-style: none; display: flex; flex-direction: column; gap: 20px; margin: 23px 0; }.naz-comment { display: flex; gap: 14px; }.naz-comment-avatar img { border-radius: 50%; }.naz-comment-meta { display: flex; gap: 10px; margin-bottom: 5px; }.naz-comment-meta strong { color: #fff; font-size: .8rem; }.naz-comment-meta span { color: var(--naz-muted); font-size: .65rem; }.naz-comment-text { color: var(--naz-muted); font-size: .76rem; line-height: 1.7; }.naz-form-field-wrap { margin-bottom: 12px; }.naz-form-field { width: 100%; border: 1px solid rgba(212,170,89,.22); background: rgba(255,255,255,.04); color: #fff; padding: 12px 14px; font-size: .78rem; }.naz-form-field:focus { outline: 0; border-color: var(--naz-gold); }

/* Responsive */
@media (max-width: 1050px) { .naz-nav-list { gap: 17px; }.naz-header-inner { padding-left: 24px; padding-right: 24px; }.naz-hero-card-1 { right: 4%; }.naz-hero-card-2 { right: 9%; }.naz-footer-inner { grid-template-columns: repeat(3,1fr); }.naz-about-grid { gap: 50px; }.naz-faq-grid { gap: 60px; } }
@media (max-width: 860px) { .naz-topbar-inner { padding: 8px 20px; }.naz-topbar-address { display: none; }.naz-header { top: 30px; }.naz-header-inner { padding: 12px 20px; }.naz-logo,.naz-logo-img,.naz-logo img { width: 49px; height: 49px; }.naz-nav,.naz-nav-cta { display: none; }.naz-burger { display: block; }.naz-nav.naz-open { display: block; position: fixed; top: 74px; left: 0; right: 0; padding: 24px 25px 29px; background: rgba(11,10,9,.97); border-bottom: 1px solid rgba(212,170,89,.2); }.naz-nav.naz-open .naz-nav-list { flex-direction: column; align-items: flex-start; gap: 19px; }.naz-nav.naz-open a { font-size: .82rem; }.naz-hero { min-height: 780px; }.naz-hero-content { margin: 0; padding: 170px 28px 75px; }.naz-hero-title { font-size: clamp(3.3rem,12vw,5.4rem); }.naz-hero-media { background-position: 61% center; opacity: .72; }.naz-hero-card { display: none; }.naz-scroll-cue { left: 28px; }.naz-section { padding: 90px 24px; }.naz-proof-inner { grid-template-columns: repeat(2,1fr); gap: 20px; }.naz-proof-inner>div:nth-child(2) { border-right: 0; }.naz-services-grid,.naz-values-grid { grid-template-columns: repeat(2,1fr); }.naz-section-heading { align-items: flex-start; flex-direction: column; gap: 20px; margin-bottom: 39px; }.naz-section-heading-copy { max-width: 500px; }.naz-signature-grid,.naz-about-grid,.naz-contact-grid,.naz-booking-shell,.naz-faq-grid { grid-template-columns: 1fr; gap: 55px; }.naz-signature-copy { order: -1; }.naz-signature-visual { max-width: 510px; margin: 0 auto; width: 100%; }.naz-booking-copy { border-right: 0; border-bottom: 1px solid rgba(212,170,89,.18); }.naz-booking-steps { padding: 5px 7% 40px; }.naz-contact-map { min-height: 360px; }.naz-footer-cta { align-items: flex-start; flex-direction: column; gap: 28px; }.naz-gallery-grid-page .naz-gallery-item:first-child { grid-column: span 1; aspect-ratio: 1/1; } }
@media (max-width: 560px) { .naz-topbar-item { font-size: .6rem; }.naz-topbar-item:first-child { margin-right: 0; }.naz-topbar-inner { justify-content: space-between; gap: 10px; }.naz-topbar-wa { margin-left: auto; }.naz-hero { min-height: 720px; }.naz-hero-content { padding: 142px 21px 75px; }.naz-hero-title { font-size: clamp(3rem,16vw,4.3rem); }.naz-hero-tagline { font-size: .86rem; }.naz-hero-actions { align-items: stretch; flex-direction: column; max-width: 285px; }.naz-btn { width: 100%; }.naz-hero-trust { align-items: flex-start; flex-direction: column; gap: 6px; }.naz-proof-inner { padding: 20px; gap: 0; }.naz-proof-inner>div { padding: 14px 9px; border-right: 0; border-bottom: 1px solid rgba(11,10,9,.16); }.naz-proof-inner>div:nth-child(3),.naz-proof-inner>div:nth-child(4) { border-bottom: 0; }.naz-proof-inner span { font-size: .57rem; }.naz-section { padding: 74px 20px; }.naz-section-title { font-size: 2.65rem; }.naz-services-grid,.naz-values-grid,.naz-gallery-grid,.naz-blog-grid { grid-template-columns: 1fr; }.naz-service-card-has-image .naz-service-card-image { height: 220px; }.naz-home-gallery-masonry { grid-template-columns: 1fr 1fr; grid-template-rows: 175px 175px 175px; gap: 8px; }.naz-home-gallery-item:first-child { grid-row: span 2; }.naz-home-gallery-item:nth-child(4) { grid-column: span 2; }.naz-signature-frame { margin-left: 19px; }.naz-signature-stamp { left: -9px; width: 89px; height: 89px; font-size: .95rem; }.naz-footer { padding: 0 20px 20px; }.naz-footer-cta { padding: 60px 0; }.naz-footer-inner { grid-template-columns: 1fr; padding: 38px 0; gap: 33px; }.naz-footer-bottom { flex-direction: column; gap: 7px; }.naz-page-hero { padding: 165px 20px 72px; }.naz-page-hero h1 { font-size: 3.5rem; }.naz-service-menu-intro,.naz-price-note { align-items: flex-start; flex-direction: column; gap: 12px; }.naz-price-note .naz-text-link { margin-left: 0; }.naz-contact-grid-page { gap: 35px; }.naz-contact-map-page { min-height: 340px; }.naz-contact-btn-row { flex-direction: column; align-items: stretch; }.naz-contact-btn-row .naz-btn { width: 100%; }.naz-blog-intro { align-items: flex-start; flex-direction: column; gap: 9px; }.naz-sidebar { margin-top: 15px; }.naz-404 { padding-top: 160px; min-height: 590px; }.naz-404-links { flex-direction: column; }.naz-404-links .naz-text-link { margin-top: 9px; } }
@media (prefers-reduced-motion: reduce) { *,*:before,*:after { scroll-behavior: auto!important; animation-duration: .01ms!important; animation-iteration-count: 1!important; transition-duration: .01ms!important; }.naz-reveal { opacity: 1; transform: none; } }

/* =========================================================
   v1.3 COMPACT HOME OVERRIDES
   Büyük tek parça görsel yerine daha küçük, dengeli kartlar.
   ========================================================= */
.naz-home-compact { background: var(--naz-ink); }
.naz-compact-hero { position: relative; padding: 145px 32px 88px; overflow: hidden; background: radial-gradient(circle at 78% 35%, rgba(212,170,89,.13), transparent 28%), #0b0a09; }
.naz-compact-hero:before { content: ''; position: absolute; width: 520px; height: 520px; right: -160px; top: -190px; border: 1px solid rgba(212,170,89,.2); border-radius: 50%; box-shadow: 0 0 0 38px rgba(212,170,89,.025), 0 0 0 76px rgba(212,170,89,.018); }
.naz-compact-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 70px; }
.naz-compact-hero-copy { max-width: 620px; }
.naz-compact-hero-copy h1 { margin: 20px 0 22px; color: #fff; font-size: clamp(3.3rem, 6vw, 6.3rem); line-height: .94; font-weight: 400; }
.naz-compact-hero-copy h1 em { color: var(--naz-gold-light); }
.naz-compact-lead { max-width: 480px; color: var(--naz-muted); font-size: .92rem; line-height: 1.8; }
.naz-compact-proof { display: flex; align-items: center; gap: 15px; max-width: 410px; margin-top: 28px; padding-top: 18px; border-top: 1px solid rgba(212,170,89,.2); }
.naz-compact-proof span { color: var(--naz-gold-light); letter-spacing: 3px; font-size: .7rem; white-space: nowrap; }
.naz-compact-proof p { color: rgba(243,238,229,.5); font-size: .68rem; line-height: 1.55; }
.naz-compact-hero-visual { position: relative; max-width: 440px; justify-self: end; padding: 14px; }
.naz-compact-image-frame { position: relative; overflow: hidden; aspect-ratio: 4/4.6; border: 1px solid rgba(212,170,89,.42); background: #16120e; }
.naz-compact-image-frame:after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(7,6,5,.32), transparent 45%); pointer-events: none; }
.naz-compact-image-frame img { width: 100%; height: 100%; object-fit: cover; object-position: 67% center; transition: transform 1s var(--naz-ease); }
.naz-compact-hero-visual:hover img { transform: scale(1.035); }
.naz-compact-image-tag { position: absolute; left: -24px; bottom: 40px; display: flex; flex-direction: column; gap: 5px; padding: 15px 19px; background: var(--naz-gold-light); color: var(--naz-ink); box-shadow: 0 15px 30px rgba(0,0,0,.25); }
.naz-compact-image-tag strong { font: 500 1.5rem/1 'Playfair Display',serif; letter-spacing: .18em; }.naz-compact-image-tag span { text-transform: uppercase; letter-spacing: .15em; font-size: .48rem; }
.naz-compact-orbit { position: absolute; border: 1px solid rgba(212,170,89,.4); border-radius: 50%; pointer-events: none; }.orbit-one { width: 18px; height: 18px; right: -6px; top: 16%; }.orbit-two { width: 8px; height: 8px; left: -1px; top: 26%; background: var(--naz-gold-light); }
.naz-compact-intro { padding: 54px 32px; background: var(--naz-gold-light); color: var(--naz-ink); }.naz-compact-intro-grid { display: grid; grid-template-columns: 1fr 1.2fr auto; gap: 45px; align-items: center; }.naz-compact-number { color: #916b38; font: 400 .75rem 'Playfair Display',serif; }.naz-compact-intro h2 { margin-top: 11px; font-size: clamp(2.2rem, 3.8vw, 3.7rem); line-height: .95; }.naz-compact-intro h2 em { color: #916b38; }.naz-compact-intro p { color: rgba(11,10,9,.68); font-size: .8rem; line-height: 1.75; }.naz-compact-intro .naz-text-link { color: #6e4b21; border-color: rgba(110,75,33,.45); white-space: nowrap; }
.naz-compact-services { background: #12100e; }.naz-compact-service-list { display: grid; grid-template-columns: repeat(2,1fr); gap: 0 26px; border-top: 1px solid rgba(243,238,229,.16); }.naz-compact-service { display: grid; grid-template-columns: 27px 30px 1fr 20px; gap: 17px; align-items: center; min-height: 102px; border-bottom: 1px solid rgba(243,238,229,.13); color: inherit; transition: background .25s, padding .25s; }.naz-compact-service:hover { padding-left: 10px; background: rgba(212,170,89,.05); }.naz-compact-service-index { color: rgba(243,238,229,.3); font-size: .62rem; }.naz-compact-service-icon { color: var(--naz-gold-light); font-size: 1.1rem; }.naz-compact-service-copy strong { display: block; color: #fff; font: 500 1.05rem 'Playfair Display',serif; }.naz-compact-service-copy small { display: block; max-width: 340px; margin-top: 4px; color: var(--naz-muted); font-size: .68rem; line-height: 1.5; }.naz-compact-service-arrow { color: var(--naz-gold-light); font-size: 1rem; }.naz-compact-feature { padding: 110px 32px; background: #eee9df; color: var(--naz-ink); }.naz-compact-feature-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 90px; align-items: center; }.naz-compact-feature-visual { position: relative; max-width: 430px; }.naz-compact-feature-visual img { width: 100%; aspect-ratio: 4/5; object-fit: cover; }.naz-compact-feature-visual:before { content: ''; position: absolute; left: -16px; top: 16px; width: 100%; height: 100%; border: 1px solid rgba(110,75,33,.25); }.naz-compact-feature-caption { position: absolute; right: -32px; bottom: 28px; padding: 13px 18px; background: var(--naz-ink); color: #fff; font: 1.08rem/1.15 'Playfair Display',serif; }.naz-compact-feature-caption em { color: var(--naz-gold-light); }.naz-compact-feature-copy .naz-section-eyebrow { color: #916b38; }.naz-compact-feature-copy .naz-section-title { color: var(--naz-ink); }.naz-compact-feature-copy>p:not(.naz-section-eyebrow) { max-width: 520px; color: rgba(11,10,9,.65); font-size: .86rem; line-height: 1.8; margin: 23px 0; }.naz-compact-feature-copy .naz-check-list { margin-bottom: 24px; }.naz-compact-feature-copy .naz-check-list strong { color: var(--naz-ink); }.naz-compact-feature-copy .naz-check-list small { color: rgba(11,10,9,.55); }.naz-compact-feature-copy .naz-text-link { color: #916b38; border-color: rgba(145,107,56,.45); }
.naz-compact-gallery { background: #0b0a09; }.naz-compact-gallery-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }.naz-compact-gallery-grid a { display: block; aspect-ratio: 1/1; overflow: hidden; border: 1px solid rgba(212,170,89,.2); }.naz-compact-gallery-grid img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--naz-ease); }.naz-compact-gallery-grid a:hover img { transform: scale(1.06); }.naz-compact-booking { padding: 65px 32px; background: #211a12; }.naz-compact-booking-inner { display: grid; grid-template-columns: 1.1fr .9fr auto; gap: 45px; align-items: end; }.naz-compact-booking h2 { margin-top: 15px; color: #fff; font-size: clamp(2.3rem, 4vw, 4rem); line-height: .94; }.naz-compact-booking p:not(.naz-section-eyebrow) { color: var(--naz-muted); font-size: .78rem; line-height: 1.7; }
@media (max-width: 860px) { .naz-compact-hero-grid,.naz-compact-feature-grid { grid-template-columns: 1fr; gap: 45px; }.naz-compact-hero-visual { justify-self: start; width: min(100%, 420px); }.naz-compact-intro-grid,.naz-compact-booking-inner { grid-template-columns: 1fr; gap: 20px; }.naz-compact-intro .naz-text-link { justify-self: start; }.naz-compact-booking-inner .naz-btn { max-width: 280px; }.naz-compact-feature-copy { order: -1; }.naz-compact-service-list { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .naz-compact-hero { padding: 122px 20px 64px; }.naz-compact-hero-copy h1 { font-size: 3.3rem; }.naz-compact-hero .naz-hero-actions { max-width: 300px; }.naz-compact-hero-visual { padding: 8px; }.naz-compact-image-tag { left: -8px; bottom: 25px; }.naz-compact-intro { padding: 44px 20px; }.naz-compact-services,.naz-compact-gallery { padding-left: 20px; padding-right: 20px; }.naz-compact-feature { padding: 75px 20px; }.naz-compact-feature-caption { right: -7px; }.naz-compact-gallery-grid { gap: 8px; }.naz-compact-booking { padding: 55px 20px; } }

/* =========================================================
   v1.4 BRAND-CENTERED HOME
   Exact hierarchy: Naz Hair & Beauty / Kuaför ve Güzellik Merkezi
   ========================================================= */
.naz-home-centered { text-align: center; }
.naz-centered-hero { padding-top: 135px; padding-bottom: 70px; background: radial-gradient(circle at 50% 0%, rgba(212,170,89,.16), transparent 38%), #0b0a09; }
.naz-centered-hero:before { left: 50%; right: auto; top: -310px; transform: translateX(-50%); width: 620px; height: 620px; }
.naz-centered-hero-grid { grid-template-columns: 1fr; gap: 34px; justify-items: center; }
.naz-compact-hero-copy { max-width: 760px; }
.naz-centered-kicker { color: var(--naz-gold-light); text-transform: uppercase; letter-spacing: .24em; font-size: .62rem; }
.naz-compact-hero-copy h1 { margin: 19px 0 8px; font-size: clamp(3.3rem, 7vw, 6.8rem); letter-spacing: -.045em; }
.naz-centered-subtitle { color: var(--naz-gold-light); font: italic 400 clamp(1.35rem, 2.5vw, 2.1rem)/1.1 'Playfair Display',serif; }
.naz-compact-lead { max-width: 500px; margin: 22px auto 0; color: var(--naz-muted); font-size: .88rem; line-height: 1.75; }
.naz-centered-actions { justify-content: center; margin-top: 27px; }.naz-centered-actions .naz-btn { width: 145px; }
.naz-compact-proof { justify-content: center; margin: 22px auto 0; border-top: 0; padding-top: 0; }.naz-compact-proof p { text-align: left; }
.naz-compact-hero-visual { justify-self: center; max-width: 285px; padding: 9px; }.naz-compact-image-frame { aspect-ratio: 4/4.7; }.naz-compact-image-tag { left: -23px; bottom: 25px; padding: 11px 14px; }.naz-compact-image-tag strong { font-size: 1.15rem; }.naz-compact-image-tag span { font-size: .42rem; }
.naz-centered-slogan { padding: 85px 32px; text-align: center; background: var(--naz-gold-light); color: var(--naz-ink); }.naz-centered-slogan .naz-section-eyebrow { justify-content: center; color: #916b38; }.naz-centered-slogan h2 { margin: 16px 0 18px; font-size: clamp(2.4rem, 4.5vw, 4.3rem); line-height: .98; }.naz-centered-slogan h2 em { color: #916b38; }.naz-slogan-note { max-width: 580px; margin: 0 auto; color: rgba(11,10,9,.64); font-size: .8rem; line-height: 1.75; }
.naz-home-centered .naz-section-heading { align-items: center; flex-direction: column; gap: 19px; text-align: center; }.naz-home-centered .naz-section-heading-copy { max-width: 560px; }.naz-home-centered .naz-section-eyebrow { justify-content: center; }.naz-home-centered .naz-compact-services .naz-section-title,.naz-home-centered .naz-compact-feature .naz-section-title,.naz-home-centered .naz-section-title { text-align: center; }
.naz-home-centered .naz-compact-service { text-align: left; }.naz-home-centered .naz-center-cta { margin-top: 37px; }.naz-home-centered .naz-compact-feature-copy { text-align: center; }.naz-home-centered .naz-compact-feature-copy .naz-section-eyebrow { justify-content: center; }.naz-home-centered .naz-compact-feature-copy>p:not(.naz-section-eyebrow) { margin-left: auto; margin-right: auto; }.naz-home-centered .naz-check-list { max-width: 420px; margin-left: auto; margin-right: auto; text-align: left; }.naz-home-centered .naz-compact-feature-copy .naz-text-link { display: inline-flex; }.naz-home-centered .naz-compact-feature-visual { max-width: 250px; margin: 0 auto; }.naz-home-centered .naz-compact-feature-visual img { aspect-ratio: 4/4.5; }.naz-home-centered .naz-compact-gallery-grid { max-width: 640px; margin: 0 auto; }.naz-home-centered .naz-home-blog-grid { max-width: 850px; margin: 0 auto; }.naz-home-centered .naz-compact-booking-inner { text-align: center; align-items: center; }.naz-home-centered .naz-compact-booking-inner .naz-section-eyebrow { justify-content: center; }.naz-home-centered .naz-compact-booking-inner .naz-btn { justify-self: center; }.naz-home-centered .naz-journal .naz-section-heading { align-items: center; }
/* Keep every homepage image intentionally small; no edge-to-edge media. */
.naz-home-centered img { max-width: 100%; }.naz-home-centered .naz-compact-gallery-grid a { max-width: 205px; margin: 0 auto; }.naz-home-centered .naz-home-blog-grid .naz-post-thumb { aspect-ratio: 16/9; }.naz-home-centered .naz-home-blog-grid .naz-post-card { max-width: 280px; margin: 0 auto; width: 100%; }
/* FAQ: layered accordion cards with clear open state */
.naz-faq-list { display: grid; gap: 12px; border-top: 0; }.naz-faq-list details { position: relative; padding: 0; border: 1px solid rgba(11,10,9,.14); background: rgba(255,255,255,.42); transition: background .22s, border-color .22s, box-shadow .22s; }.naz-faq-list details:hover,.naz-faq-list details[open] { border-color: rgba(145,107,56,.55); background: #fffaf1; box-shadow: 0 14px 34px rgba(52,34,12,.09); }.naz-faq-list summary { padding: 22px 25px; font-size: .9rem; font-weight: 500; }.naz-faq-list summary:before { content: 'FAQ'; margin-right: 15px; color: #916b38; font: 600 .52rem 'Poppins',sans-serif; letter-spacing: .14em; }.naz-faq-list summary span { display: flex; align-items: center; justify-content: center; width: 25px; height: 25px; border: 1px solid rgba(145,107,56,.45); border-radius: 50%; font-size: 1.05rem; }.naz-faq-list p { padding: 0 25px 22px 75px; max-width: 750px; }.naz-faq-list details[open] summary span { background: #916b38; color: #fff; }
@media (max-width: 860px) { .naz-centered-hero { padding-top: 118px; }.naz-compact-hero-copy h1 { font-size: clamp(3rem, 12vw, 5rem); }.naz-centered-slogan { padding: 65px 24px; }.naz-home-centered .naz-compact-feature-grid { gap: 50px; }.naz-home-centered .naz-compact-feature-copy { order: 0; } }
@media (max-width: 560px) { .naz-centered-hero { padding: 106px 20px 57px; }.naz-centered-kicker { font-size: .55rem; }.naz-centered-subtitle { font-size: 1.3rem; }.naz-compact-lead { font-size: .8rem; }.naz-centered-actions { flex-direction: row!important; max-width: none!important; }.naz-centered-actions .naz-btn { width: 132px; min-height: 44px; padding: 10px 12px; }.naz-compact-proof { flex-direction: column; gap: 8px; }.naz-compact-proof p { text-align: center; }.naz-centered-slogan h2 { font-size: 2.5rem; }.naz-home-centered .naz-compact-service { grid-template-columns: 24px 25px 1fr 15px; gap: 10px; min-height: 94px; }.naz-compact-service-copy strong { font-size: .9rem; }.naz-compact-service-copy small { font-size: .61rem; }.naz-faq-list summary { padding: 18px 16px; font-size: .78rem; }.naz-faq-list summary:before { margin-right: 8px; }.naz-faq-list p { padding: 0 16px 18px 16px; font-size: .72rem; } }
