/* UMAY Hair & Beauty — vitrin stilleri. Referans tasarım genişliği 1122px. */
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:400 700;font-display:swap;src:url(assets/fonts/cormorant-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:400 700;font-display:swap;src:url(assets/fonts/cormorant-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:500;font-display:swap;src:url(assets/fonts/cormorant-italic-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:500;font-display:swap;src:url(assets/fonts/cormorant-italic-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Great Vibes";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/greatvibes-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Great Vibes";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/greatvibes-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --cream:#FBF4E6;--ivory:#FFFBF2;--sand:#F3E7CF;--line:#E4D2A8;
  --gold-1:#8A5A1B;--gold-2:#B8862F;--gold-3:#E6C77A;--gold-4:#F6E3A8;
  --ink:#3A2A1A;--ink-soft:#5E4A35;--dark:#1E130B;--dark-2:#2B1C10;
  --gold-grad:linear-gradient(135deg,var(--gold-1) 0%,var(--gold-3) 42%,var(--gold-2) 68%,var(--gold-1) 100%);
  --gold-text:linear-gradient(180deg,#F1D99A 0%,#C99A3E 48%,#8A5A1B 100%);
  --gold-text-dark:linear-gradient(180deg,#B8862F 0%,#8A5A1B 60%,#6E4612 100%);
  --serif:"Cormorant Garamond","Times New Roman",Georgia,serif;--script:"Great Vibes","Cormorant Garamond",cursive;
  --wrap:70.125rem;--radius:0.875rem;--shadow:0 0.875rem 2.125rem rgba(58,36,12,.16);--shadow-sm:0 0.375rem 1rem rgba(58,36,12,.12);
  --ease:cubic-bezier(.22,.8,.26,1);
}
/* Maket 1122px genişlikte 16px köke göre çizildi; geniş ekranda sayfa büyür. rem terimi tarayıcı yakınlaştırmasının ve kullanıcı yazı boyutunun çalışmasını sağlar. */
html{font-size:clamp(1rem,.4rem + .856vw,1.7rem)}
[hidden]{display:none !important}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body.site{margin:0;background:var(--cream);color:var(--ink);font-family:var(--serif);font-size:0.7812rem;font-weight:500;line-height:1.4;font-variant-numeric:lining-nums;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,p,ul,ol,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
button{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--gold-2);outline-offset:3px;border-radius:0.375rem}
.site-header :focus-visible,.hero :focus-visible,.cta-band :focus-visible,.site-footer :focus-visible,.page-hero :focus-visible{outline-color:var(--gold-4)}
.site-header :focus-visible{outline-color:var(--gold-1)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip-link{position:absolute;left:0.75rem;top:-3.75rem;z-index:100;background:var(--dark);color:#fff;padding:0.75rem 1.125rem;border-radius:0.5rem;transition:top .2s}
.skip-link:focus{top:0.75rem}
.wrap{width:min(var(--wrap),100% - 5rem);margin-inline:auto;position:relative}
.wrap.narrow{width:min(51.25rem,100% - 2.5rem)}
.center{text-align:center}
.script{font-family:var(--script);font-weight:400;line-height:1.15}
.gold-text{background:var(--gold-text-dark);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .gold-text,.cta-band .gold-text,.page-hero .gold-text{background-image:var(--gold-text)}
/* Hero başlığı: maketteki açık, metalik altın */
.hero h1 .gold-text{background-image:linear-gradient(180deg,#FFFBEF 0%,#F6E3A8 30%,#D9B25E 58%,#F3DFA6 78%,#B8862F 100%)}
.icon{width:1.15em;height:1.15em;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
svg.star,svg.ph-icon,svg.hero-heart{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

/* Düğmeler */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:0.5625rem;min-height:2.25rem;padding:0.375rem 1.125rem;border-radius:0.4375rem;border:1px solid transparent;font-family:var(--serif);font-size:0.875rem;font-weight:600;letter-spacing:.01em;text-decoration:none;cursor:pointer;overflow:hidden;isolation:isolate;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background-color .25s,color .25s,border-color .25s}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:translateY(0)}
.btn-gold{background:var(--gold-grad);background-size:180% 180%;color:#fff;border-color:#C9A04E;box-shadow:0 0.375rem 1.125rem rgba(138,90,27,.35),inset 0 1px 0 rgba(255,255,255,.35);text-shadow:0 1px 1px rgba(60,35,5,.45)}
.btn-gold::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 48%,transparent 62%);transform:translateX(-120%);animation:sheen 5.5s var(--ease) infinite}
.btn-gold:hover{box-shadow:0 0.625rem 1.625rem rgba(138,90,27,.45),inset 0 1px 0 rgba(255,255,255,.4);background-position:100% 50%}
.btn-outline{background:rgba(14,8,3,.72);color:#FBF4E6;border-color:#C9A04E;box-shadow:inset 0 0 0 1px rgba(201,160,78,.35);backdrop-filter:blur(2px)}
.btn-outline:hover{background:rgba(201,160,78,.22);color:#fff}
.btn-ghost{background:var(--ivory);color:var(--gold-1);border-color:var(--line);box-shadow:var(--shadow-sm);min-height:1.625rem;padding:3px 0.875rem;font-size:0.6875rem}
.btn-ghost:hover{border-color:var(--gold-2)}
.btn-lg{min-height:2.375rem;padding:0.375rem 1.375rem;font-size:0.9062rem}
@keyframes sheen{0%,62%{transform:translateX(-120%)}82%,100%{transform:translateX(120%)}}

/* Süslemeler */
.floral{position:absolute;width:9.375rem;height:9.625rem;background:url(assets/site/corner.webp) center/contain no-repeat;pointer-events:none;z-index:1}
.ornament{display:inline-block;width:5.375rem;height:1.125rem;flex:none;background:url(assets/site/ornament.svg) center/contain no-repeat;transform:scaleX(-1)}
.ornament.flip{transform:none}

/* Üst menü */
.site-header{position:sticky;top:0;z-index:50;background:linear-gradient(180deg,#FFFCF4 0%,#F8EDD6 100%);border-bottom:2px solid var(--gold-2);box-shadow:inset 0 1px 0 #fff,inset 0 -.25rem .6rem rgba(184,134,47,.12);transition:box-shadow .3s,background-color .3s}
.site-header::before,.site-header::after{content:"";position:absolute;top:0;width:6.4rem;height:100%;background:url(assets/site/corner.webp) 0 100%/7.4rem no-repeat;pointer-events:none}
.site-header::before{left:0;transform:scaleY(-1)}
.site-header::after{right:0;transform:scale(-1,-1)}
.site-header.is-scrolled{box-shadow:0 0.5rem 1.5rem rgba(58,36,12,.14)}
.header-inner{display:flex;align-items:center;gap:1rem;min-height:4.6rem;padding-left:3.9rem;transition:min-height .3s var(--ease);z-index:2}
.site-header.is-scrolled .header-inner{min-height:3.875rem}
.brand{display:flex;align-items:center;gap:0.625rem;text-decoration:none;flex:none}
.brand img{width:4.2rem;height:4.2rem;object-fit:contain;filter:drop-shadow(0 .15rem .3rem rgba(90,58,16,.28));transition:width .3s var(--ease),height .3s var(--ease)}
.site-header.is-scrolled .brand img{width:3.4rem;height:3.4rem}
.brand-text{display:grid;line-height:1;text-align:center}
.brand-name{font-size:2.05rem;font-weight:700;letter-spacing:.06em;color:#2A1A0E}
.brand-sub{font-size:0.64rem;font-weight:700;letter-spacing:.24em;color:var(--gold-1);margin-top:2px;display:flex;align-items:center;gap:0.375rem}
.brand-sub::before,.brand-sub::after{content:"";flex:1;height:1px;background:var(--gold-2)}
.brand-sign{font-size:1.12rem;font-weight:700;color:#2A1A0E;margin-top:.1rem}
.main-nav{flex:1;display:flex;justify-content:center}
.nav-list{display:flex;align-items:center;gap:1.65rem}
.nav-list a{position:relative;display:inline-flex;align-items:center;min-height:2.75rem;font-size:.84rem;font-weight:700;text-decoration:none;color:#2A1A0E;white-space:nowrap}
.nav-list a::after{content:"";position:absolute;left:0;right:0;bottom:.45rem;height:2px;background:linear-gradient(90deg,#8A5A1B,#5E3A10);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.nav-list a:hover::after,.nav-list a[aria-current="page"]::after{transform:scaleX(1)}
.nav-list a[aria-current="page"]{color:#2A1A0E}
.nav-cta{display:none}
.header-cta{flex:none}
.menu-toggle{display:none;width:3rem;height:3rem;border:1px solid var(--line);border-radius:0.625rem;background:var(--ivory);align-items:center;justify-content:center;cursor:pointer;color:var(--gold-1)}
.menu-toggle .icon{width:1.625rem;height:1.625rem}

/* Üst menüdeki düğme maketteki gibi koyu bronz */
.header-cta,.nav-cta{background:linear-gradient(180deg,#A9762C 0%,#7A4E16 55%,#5E3A10 100%);border-color:#C9A04E;min-height:2.3rem;padding-inline:1.15rem;font-size:.92rem;box-shadow:0 .3rem .8rem rgba(60,35,5,.35),inset 0 1px 0 rgba(255,230,170,.45)}
/* Hero */
.hero{position:relative;background:#120A04;color:#fff;overflow:hidden;isolation:isolate;border-bottom:2px solid var(--gold-2)}
.hero-media{position:absolute;inset:-4% 0;z-index:-2;will-change:transform}
.hero-media .photo{width:100%;height:100%;object-fit:cover;object-position:62% 30%;filter:contrast(1.06) saturate(1.08)}
.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(18,10,4,.92) 0%,rgba(18,10,4,.72) 34%,rgba(18,10,4,.12) 58%,rgba(18,10,4,.5) 100%)}
.floral-hero-l{left:-1.5rem;bottom:-1.1rem;width:8.4rem;height:8.62rem;filter:drop-shadow(0 .2rem .5rem rgba(0,0,0,.5))}
.floral-hero-r{right:-.4rem;top:-.4rem;transform:scale(-1,-1);width:9rem;height:9.24rem;filter:drop-shadow(0 .2rem .5rem rgba(0,0,0,.5))}
.hero-inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:1.25rem;padding-block:1.4rem 1.3rem;min-height:23rem;z-index:2}
.hero-copy{padding-left:3.6rem;max-width:36rem}
.hero h1{font-size:3.9rem;line-height:.9;font-weight:700}
.hero-line-1,.hero-line-2{display:block;filter:drop-shadow(0 2px 0.375rem rgba(0,0,0,.5))}
.hero-line-2{font-weight:700;font-size:1.16em;letter-spacing:.04em;padding-left:.3em}
.hero-script{font-size:2.05rem;color:#F3DFA6;margin-top:.15rem;padding-left:.2rem;text-shadow:0 2px .5rem rgba(0,0,0,.7)}
.hero-text{margin-top:.45rem;font-size:1rem;font-weight:600;line-height:1.25;color:#FBF4E6;max-width:23rem;text-shadow:0 1px .375rem rgba(0,0,0,.85)}
.hero-actions{display:flex;flex-wrap:wrap;gap:.875rem;margin-top:.9rem}
.hero-actions .btn{min-width:11.6rem;min-height:2.6rem;font-size:1.08rem}
.badges{display:flex;flex-wrap:nowrap;gap:.625rem 1.5rem;margin-top:1rem}
.badges li,.cta-points li{display:flex;align-items:center;gap:0.5625rem;font-size:.8rem;line-height:1.15;font-weight:600;color:#F7EFE0;white-space:nowrap;text-shadow:0 1px .3rem rgba(0,0,0,.8)}
.badge-icon{width:2.6rem;height:2.6rem;flex:none;display:grid;place-items:center;border:1.5px solid #C9A04E;border-radius:50%;color:#E6C77A;background:rgba(14,8,3,.6);box-shadow:inset 0 0 0 2px rgba(14,8,3,.6),inset 0 0 0 3px rgba(201,160,78,.45)}
.badge-icon .icon{width:1.25rem;height:1.25rem}
.hero-side{justify-self:end;align-self:center;max-width:9.6rem;font-size:2.5rem;line-height:1.02;color:#F6E3A8;text-align:center;transform:rotate(-17deg);text-shadow:0 2px .6rem rgba(0,0,0,.9),0 0 1.2rem rgba(0,0,0,.6);margin-right:.2rem}
.hero-heart{display:block;width:.62em;height:.62em;margin:.15em auto 0 62%;transform:rotate(17deg)}

/* Hero fotoğrafı tüm alanı kaplar; yazının okunması için solda koyu geçiş. */
.hero-media .photo{object-position:50% 14%}
.hero-shade{background:linear-gradient(90deg,rgba(12,7,3,.86) 0%,rgba(12,7,3,.74) 26%,rgba(12,7,3,.36) 44%,rgba(12,7,3,0) 56%,rgba(12,7,3,0) 76%,rgba(12,7,3,.5) 100%)}
/* Üst görsel (geniş ekran, ana sayfa): onaylı resmin kendisi + görünmez bağlantılar. */
.top-art{display:none;position:relative;background:#120A04;border-bottom:2px solid var(--gold-2);line-height:0}
.top-art img{width:100%;height:auto;display:block}
.art-spot{position:absolute;display:block;border-radius:.4rem;transition:background-color .2s,box-shadow .2s}
.art-spot:hover{background:rgba(255,236,180,.16);box-shadow:0 0 0 1px rgba(201,160,78,.55)}
.art-spot:focus-visible{outline:3px solid #FFE9A8;outline-offset:2px;background:rgba(255,236,180,.2)}
@media (min-width:1061px){
  .is-home .top-art{display:block}
  .is-home .site-header,.is-home .hero{display:none}
}
/* Yer tutucular */
.photo{width:100%;height:100%;object-fit:cover}
.ph{display:grid;place-items:center;background:radial-gradient(120% 90% at 30% 20%,#F6E3A8 0%,#D9B36A 34%,#A9762C 68%,#6E4612 100%);color:rgba(255,251,242,.78);min-height:100%}
.ph-salon{background:radial-gradient(60% 60% at 78% 30%,rgba(246,227,168,.5) 0%,transparent 60%),radial-gradient(40% 50% at 60% 70%,rgba(184,134,47,.5) 0%,transparent 70%),linear-gradient(120deg,#1E130B 0%,#3A2412 45%,#7A5220 100%)}
.ph-icon{width:34%;max-width:4.5rem;height:auto;aspect-ratio:1;opacity:.75}
.hero .ph-icon,.cta-band .ph-icon{display:none}

/* Hizmet şeridi */
.service-strip{position:relative;background:linear-gradient(180deg,#FFFDF7,var(--cream));border-bottom:1px solid var(--line);overflow:hidden}
.floral-strip-l{left:-.3rem;top:-.2rem;transform:scaleY(-1);width:6.2rem;height:6.37rem;opacity:.9}
.floral-strip-r{right:-.3rem;top:-.2rem;transform:scale(-1,-1);width:6.2rem;height:6.37rem;opacity:.9}
.strip-list{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));padding-block:0.375rem 0.5rem;z-index:2;width:min(61.25rem,100% - 2.5rem)}
.strip-list li+li{border-left:1px solid var(--line)}
.strip-list a{display:grid;justify-items:center;gap:0.375rem;padding:0.25rem 2px;text-decoration:none;text-align:center}
.strip-icon{width:3.375rem;height:3.375rem;display:grid;place-items:center;border:1.5px solid #A8741A;border-radius:50%;color:#8A5A12;background:#FBF6EE;box-shadow:inset 0 0 0 .1875rem #FBF6EE,inset 0 0 0 .25rem rgba(168,116,26,.3);transition:transform .35s var(--ease),background-color .3s,color .3s,box-shadow .3s}
.strip-icon .icon{width:1.6875rem;height:1.6875rem}
.strip-list a:hover .strip-icon{transform:translateY(-0.25rem) scale(1.06);background:#7A4F12;color:#fff;box-shadow:0 .5rem 1.125rem rgba(122,79,18,.35)}
.strip-label{font-size:0.7188rem;font-weight:600;line-height:1.15;color:#6E4A16;white-space:nowrap;transition:color .25s}

/* Hizmet butonları paleti (antik bronz-altın): çizgi #8A5A12, dış çember #A8741A, dolgu #FBF6EE, başlık #6E4A16, hover/aktif #7A4F12. */
.strip-list a:hover .strip-label,.strip-list a:focus-visible .strip-label,.strip-list a:active .strip-label{color:#7A4F12}
/* Salonun amblem görselleri kendi çemberini taşır (görselde #A8741A); ikon çerçevesi çizilmez. */
.strip-icon.strip-art{border:0;background:#FBF6EE;box-shadow:0 .1rem .35rem rgba(110,74,22,.16)}
.strip-art img{width:100%;height:100%;object-fit:contain}
.strip-list a:hover .strip-icon.strip-art,.strip-list a:focus-visible .strip-icon.strip-art,.strip-list a:active .strip-icon.strip-art{background:#FBF6EE;box-shadow:0 0 0 2px #7A4F12,0 .5rem 1.1rem rgba(122,79,18,.32)}
/* Bölüm başlıkları */
.section{position:relative;padding-block:0.5rem 0.625rem}
.service-group .section-title,.price-group .section-title{margin-top:0.875rem}
.section.tint{background:linear-gradient(180deg,var(--sand),var(--cream))}
.section-head{position:relative;text-align:center;margin-bottom:0.375rem}
.section-title{display:flex;align-items:center;justify-content:center;gap:0.875rem;font-size:1.625rem;font-weight:700;letter-spacing:.06em;line-height:1.1;color:var(--dark)}
.section-title.left{justify-content:flex-start}
.section-title.left .ornament{width:2.75rem}
.section-sub{font-style:italic;font-size:0.875rem;color:var(--gold-1);margin-top:0}
.section-more{position:absolute;right:0;top:0.25rem}
.section-stars{color:var(--gold-2);margin-top:2px}
.stars{display:inline-flex;gap:3px;color:var(--gold-2)}
.star{width:0.75rem;height:0.75rem}
.lead{font-size:1rem;line-height:1.6;color:var(--ink-soft)}
.empty-note{text-align:center;padding:1.75rem 0.75rem;color:var(--ink-soft);font-style:italic}
.actions{display:flex;flex-wrap:wrap;gap:0.75rem;justify-content:center;margin-top:1.375rem}

/* Kaydırıcı */
.slider{position:relative}
.slider-track{display:flex;gap:0.625rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0.25rem 2px 0.5rem;scroll-behavior:smooth;scroll-padding-inline:.25rem}
.slider-track::-webkit-scrollbar{display:none}
.slide{flex:none;scroll-snap-align:start}
.slider-btn{position:absolute;top:50%;z-index:3;width:2rem;height:2rem;margin-top:-1rem;display:grid;place-items:center;border-radius:50%;border:1.5px solid var(--gold-3);background:rgba(30,19,11,.86);color:var(--gold-3);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .25s var(--ease),background-color .25s,opacity .25s}
.slider-btn.prev{left:-1rem}.slider-btn.next{right:-1rem}
.slider-btn:hover:not(:disabled){transform:scale(1.1);background:var(--gold-1);color:#fff}
.slider-btn:disabled{opacity:.35;cursor:default}
.slider-btn .icon{width:1rem;height:1rem}
.model-track .slide{width:calc((100% - 3.125rem)/6)}
.model-card{position:relative;display:block;width:100%;aspect-ratio:163/164;border-radius:var(--radius);overflow:hidden;border:1.5px solid var(--gold-3);background:var(--dark);box-shadow:var(--shadow-sm);text-decoration:none;padding:0;cursor:pointer;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
div.model-card{cursor:default}
.model-card .photo{transition:transform .7s var(--ease),filter .4s}
a.model-card:hover,button.model-card:hover{transform:translateY(-0.3125rem);box-shadow:var(--shadow)}
a.model-card:hover .photo,button.model-card:hover .photo{transform:scale(1.07);filter:contrast(1.08) saturate(1.12)}
.model-label{position:absolute;left:0;right:0;bottom:0;padding:3px 0.5rem;text-align:center;font-size:0.75rem;font-weight:600;color:#fff;background:linear-gradient(180deg,rgba(30,19,11,.55),rgba(30,19,11,.92));border-top:1px solid rgba(230,199,122,.6)}

/* Hakkımızda */
.about{position:relative;background:linear-gradient(180deg,#F8EEDA,var(--cream));border-block:1px solid var(--line);padding-block:1rem;--about-ink:#51351F;--about-gold:#C39339;--about-gold-deep:#9A6F22}
.about-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.5fr) minmax(0,1.02fr);gap:1rem;align-items:stretch}
.about-medallion,.about-text,.about-meaning{position:relative;display:flex;flex-direction:column;background:var(--ivory);border:1px solid var(--line);border-radius:.5rem;box-shadow:inset 0 0 0 .25rem var(--ivory),inset 0 0 0 .3125rem rgba(195,147,57,.3),var(--shadow-sm);padding:1.5rem 1.6rem;overflow:hidden}
.about-medallion{align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 40%,#FFFDF7 0%,#F6EBD3 100%)}
.about-medallion img{width:min(11.5rem,78%);height:auto;aspect-ratio:1;filter:drop-shadow(0 .5rem 1rem rgba(138,90,27,.3))}
.medal-name{font-size:2.1rem;font-weight:700;letter-spacing:.1em;line-height:1;margin-top:.8rem;color:var(--dark)}
.medal-sub{font-size:.7rem;font-weight:700;letter-spacing:.26em;color:var(--about-gold-deep,#9A6F22);margin-top:.2rem}
.medal-sign{font-size:1.08rem;font-weight:600;color:var(--dark);margin-top:.1rem}
.floral-medal-tl{left:-.3rem;top:-.3rem;transform:scaleY(-1);width:5.6rem;height:5.75rem}
.floral-medal-br{right:-.3rem;bottom:-.3rem;transform:scaleX(-1);width:5.6rem;height:5.75rem}
.about-text{text-align:left}
.about-kicker{text-align:center;font-size:1.9rem;color:var(--about-gold,#C39339)}
.about-title{text-align:center;font-size:1.7rem;font-weight:700;letter-spacing:.07em;line-height:1.1;background:linear-gradient(180deg,#C39339 0%,#9A6F22 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.about-title span{display:block;margin-top:.15rem;font-size:.8em;font-weight:600;letter-spacing:.02em;color:var(--about-ink,#51351F);-webkit-text-fill-color:var(--about-ink,#51351F)}
.about-title::after{content:"";display:block;width:4.5rem;height:1px;margin:.7rem auto 0;background:linear-gradient(90deg,transparent,#C39339,transparent)}
.about-lead{margin-top:.75rem;font-size:1.08rem;font-style:italic;font-weight:600;line-height:1.35;text-align:center;color:var(--about-gold-deep,#9A6F22)}
.about-text p:not(.about-kicker):not(.about-lead),.split-copy p:not(.about-lead){margin-top:.7rem;font-size:.9rem;line-height:1.55;color:var(--about-ink,#51351F)}
.about-points{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin-top:auto;padding-top:1.1rem}
.about-text .about-points{border-top:1px solid var(--line);margin-top:auto}
.about-text>p:last-of-type{margin-bottom:1.1rem}
.about-points li{display:flex;align-items:center;gap:.5rem;font-size:.74rem;line-height:1.15;font-weight:700;color:var(--about-ink,#51351F)}
.about-points li+li{border-left:1px dashed var(--line);padding-left:.5rem}
.point-icon{width:2.3rem;height:2.3rem;flex:none;display:grid;place-items:center;border-radius:50%;border:1px solid var(--about-gold,#C39339);color:var(--about-gold-deep,#9A6F22);background:#FBF1D9}
.point-icon .icon{width:1.2rem;height:1.2rem}
.about-meaning{background:linear-gradient(135deg,var(--ivory) 0%,#F7EAD0 100%)}
.about-meaning::after{content:"";position:absolute;right:-.3rem;top:-.3rem;width:5.6rem;height:5.75rem;background:url(assets/site/corner.webp) center/contain no-repeat;opacity:.4;transform:scale(-1,-1);pointer-events:none}
.meaning-title{position:relative;z-index:1;font-size:1.55rem;font-weight:700;line-height:1.15;background:linear-gradient(180deg,#C39339 0%,#9A6F22 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.meaning-title::after{content:"";display:block;width:3.5rem;height:1px;margin-top:.55rem;background:linear-gradient(90deg,#C39339,transparent)}
.about-meaning p{position:relative;z-index:1;margin-top:.65rem;font-size:.86rem;line-height:1.5;color:var(--about-ink,#51351F)}
.laurels{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:auto;padding-top:1.1rem}
.laurel{position:relative;display:grid;justify-items:center;align-content:center;text-align:center;min-height:6.2rem;padding:.9rem 1.1rem .8rem;border:1px solid var(--line);border-radius:.625rem;background:var(--ivory);box-shadow:var(--shadow-sm)}
.laurel::before{content:"";position:absolute;inset:.22rem;border:1.2rem solid transparent;border-image:url(assets/site/stat-frame.svg) 24/1.2rem stretch;pointer-events:none}
.laurel::after{content:"";order:-1;width:3.6rem;height:.4rem;margin-bottom:.3rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l4 4-4 4-4-4z' fill='%23B8862F'/%3E%3C/svg%3E") center/.4rem .4rem no-repeat,linear-gradient(90deg,transparent,#C39339 38%,transparent 38%,transparent 62%,#C39339 62%,transparent) center/100% 1px no-repeat}
.laurel strong{font-size:2.1rem;line-height:1;font-weight:700;background:linear-gradient(180deg,#C39339 0%,#9A6F22 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.laurel span{margin-top:.2rem;font-size:.72rem;line-height:1.16;font-weight:700;letter-spacing:.02em;color:#51351F;max-width:6.4rem}
/* Öncesi & Sonrası + Yorumlar */
.ba-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,7fr);gap:1.25rem;align-items:start}
/* Ana sayfa: tek Öncesi & Sonrası kutusu. Fotoğraf kırpılmaz (contain); boşluk nötr krem zeminle dolar. */
.ba-single{display:grid;grid-template-columns:1fr 1fr;margin-top:.85rem;border:1px solid #D6B66C;border-radius:.75rem;overflow:hidden;background:#F3E7CF;box-shadow:0 .25rem .8rem rgba(81,53,31,.1)}
/* Yan yana düzende kutu, yorum kartlarıyla aynı üst ve alt hizaya getirilir (yükseklik site.js tarafından eşitlenir). */
.ba-single.is-synced figure{aspect-ratio:auto;height:100%}
.ba-single figure{position:relative;aspect-ratio:3/4;overflow:hidden;background:#F6ECD6}
.ba-single figure+figure{border-left:1px solid #D6B66C}
.ba-photo{width:100%;height:100%;object-fit:cover;display:block}
.ba-placeholder{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(160deg,#FBF4E3 0%,#F1E2C0 100%);color:rgba(168,116,26,.45)}
.ba-placeholder .ph-icon{width:30%;max-width:3.2rem}
.ba-single figcaption{position:absolute;left:0;right:0;bottom:0;padding:.3rem .25rem;text-align:center;font-size:.72rem;font-weight:700;letter-spacing:.12em;color:#FFF8E8;background:rgba(61,37,21,.82)}
/* Izgara öğeleri içeriğe göre genişlemesin (kaydırıcı sayfayı taşırmasın). */
.ba-grid>*{min-width:0}
/* Müşteri yorumları: gerçek Google değerlendirmeleri. Kart #FFFCF6, çerçeve #D6B66C, yıldız #E9AB32, başlık #3D2515, metin #51351F. */
.reviews{--rv-card:#FFFCF6;--rv-line:#D6B66C;--rv-star:#E9AB32;--rv-title:#3D2515;--rv-text:#51351F}
.reviews .section-title{color:var(--rv-title)}
.reviews .section-sub{color:#8A6420}
.reviews-score{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.3rem .5rem;margin-top:.4rem;font-size:.78rem;color:var(--rv-text)}
.reviews-score-value{font-size:1.5rem;font-weight:700;line-height:1;color:var(--rv-title)}
.reviews-score-of{font-size:.8rem;font-weight:600;color:var(--rv-text)}
.reviews .stars,.reviews .star{color:var(--rv-star)}
.reviews-score .star{width:.95rem;height:.95rem}
.reviews-score-count{font-weight:600}
.review-slider{margin-top:.6rem}
.review-track{gap:.75rem;align-items:stretch;padding:.25rem .125rem .5rem}
.review-track .slide{width:calc((100% - 1.5rem)/3)}
.review-card{display:flex;flex-direction:column;gap:.45rem;padding:.8rem .9rem .6rem;background:var(--rv-card);border:1px solid var(--rv-line);border-radius:.75rem;box-shadow:0 .25rem .8rem rgba(81,53,31,.08);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.review-card:hover{transform:translateY(-0.2rem);box-shadow:0 .6rem 1.4rem rgba(81,53,31,.14)}
.review-top{display:flex;align-items:center;gap:.55rem;min-width:0}
.avatar{width:2.6rem;height:2.6rem;flex:none;border-radius:50%;border:1px solid var(--rv-line,#D6B66C);object-fit:cover;min-height:0}
.avatar-initials{display:grid;place-items:center;background:linear-gradient(160deg,#FBF1D9,#F0DDB0);color:#7A4F12;font-size:.92rem;font-weight:700;letter-spacing:.02em}
.review-who{display:grid;gap:.15rem;min-width:0}
.review-who cite{font-size:.9rem;font-weight:700;font-style:normal;line-height:1.15;color:var(--rv-title);overflow-wrap:anywhere}
.review-who .star{width:.78rem;height:.78rem}
.review-body{flex:none;font-size:.86rem;line-height:1.45;color:var(--rv-text);overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden}
.review-body.is-open{display:block;-webkit-line-clamp:unset;line-clamp:unset;overflow:visible}
.review-more{align-self:flex-start;min-height:1.75rem;padding:0;border:0;background:none;font-size:.76rem;font-weight:700;color:#8A6420;text-decoration:underline;text-underline-offset:.15em;cursor:pointer}
.review-more:hover{color:var(--rv-title)}
.review-source{display:inline-flex;align-items:center;gap:.3rem;margin-top:auto;padding-top:.4rem;border-top:1px solid rgba(214,182,108,.5);font-size:.7rem;font-weight:600;letter-spacing:.02em;color:#7A6650}
.review-source::before{content:"G";display:grid;place-items:center;width:1.05rem;height:1.05rem;border-radius:50%;border:1px solid var(--rv-line);font-family:Arial,Helvetica,sans-serif;font-size:.62rem;font-weight:700;color:#7A6650;background:#fff}
.slider-dots{display:none;justify-content:center;gap:.45rem;margin-top:.35rem}
.slider-dots span{width:.5rem;height:.5rem;border-radius:50%;background:rgba(214,182,108,.55);transition:background-color .25s,transform .25s}
.slider-dots span.is-active{background:#B8862F;transform:scale(1.25)}
.reviews-actions{display:flex;justify-content:center;margin-top:.7rem}
.reviews-more{border-color:var(--rv-line);color:var(--rv-title);min-height:2.3rem;padding:.4rem 1.1rem;font-size:.82rem;background:var(--rv-card)}
.reviews-more:hover{border-color:#B8862F}
.reviews-note{margin-top:.5rem;text-align:center;font-size:.7rem;font-style:italic;line-height:1.35;color:#7A6650}
.reviews .empty-note{padding:1rem .5rem}
.ba-grid .section-title{font-size:1.375rem;gap:.6rem;white-space:nowrap}.ba-grid .ornament{width:3.2rem}
/* Randevu bandı */
.cta-band{position:relative;background:linear-gradient(90deg,#140C06 0%,var(--dark) 40%,#2B1C10 100%);color:#fff;overflow:hidden;isolation:isolate;border-block:2px solid var(--gold-2)}
.cta-media{position:absolute;left:0;top:0;bottom:0;width:38%;z-index:-1;-webkit-mask-image:linear-gradient(90deg,#000 55%,transparent);mask-image:linear-gradient(90deg,#000 55%,transparent)}
.cta-media .photo{object-position:50% 25%}
.cta-plain{background:linear-gradient(90deg,#140C06,#2B1C10 50%,#140C06)}
.floral-cta-r{right:-.3rem;bottom:-.3rem;transform:scaleX(-1);width:7rem;height:7.19rem}
.cta-inner{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:1.625rem;padding-block:0.625rem;min-height:5.75rem;padding-left:36%;z-index:2}
.cta-plain .cta-inner{grid-template-columns:minmax(0,1fr) auto;padding-left:0;padding-block:1.375rem}
.cta-copy{text-align:center}
.cta-plain .cta-copy{text-align:left}
.cta-kicker{font-size:0.875rem;font-family:var(--serif);font-style:italic;color:var(--gold-4)}
.cta-title{font-size:2.5rem;font-weight:700;line-height:.95}
.cta-text{font-size:0.71rem;line-height:1.25;color:#F1E6D2;max-width:14.375rem;margin-inline:auto}
.cta-plain .cta-text{margin-inline:0;font-size:0.875rem;max-width:none}
.cta-points{display:flex;gap:1.125rem}
.cta-points li{flex-direction:column;text-align:center;gap:0.25rem;font-size:0.6875rem}

/* İletişim */
.contact{background:var(--cream);padding-block:0.5rem 0.375rem}
.contact-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,.78fr) minmax(0,1.12fr);gap:0.625rem;align-items:stretch}
.contact-head{display:flex;align-items:center;gap:1.375rem;flex-wrap:wrap}
.contact-sub{font-style:italic;font-size:0.71rem;color:var(--ink-soft)}
.contact-list{display:grid;grid-template-columns:auto auto auto;justify-content:space-between;gap:0.625rem 0.875rem;margin-top:0.625rem}
.contact-list li{display:flex;align-items:center;gap:0.5625rem;font-size:0.75rem;font-weight:600;line-height:1.2;min-width:0}
.contact-list li>span:last-child{display:grid;min-width:0;overflow-wrap:anywhere}
.contact-list small{font-size:0.67rem;font-weight:500;color:var(--ink-soft)}
.contact-list a{text-decoration:none}
.contact-list a:hover{color:var(--gold-1);text-decoration:underline}
.contact-address{grid-column:1/-1}
.contact-icon{width:2.125rem;height:2.125rem;flex:none;display:grid;place-items:center;border-radius:0.5rem;background:var(--gold-grad);color:#fff;box-shadow:var(--shadow-sm)}
.contact-icon .icon{width:1.1875rem;height:1.1875rem}
.map-card{position:relative;display:grid;place-items:center;min-height:7.375rem;border-radius:0.5rem;border:1px solid var(--line);overflow:hidden;text-decoration:none;color:var(--ink);box-shadow:var(--shadow-sm);
  background:
    linear-gradient(28deg,transparent 46%,#fff 46% 50%,transparent 50%),linear-gradient(-34deg,transparent 54%,#fff 54% 57%,transparent 57%),
    linear-gradient(72deg,transparent 30%,#fff 30% 32.500%,transparent 32.500%),linear-gradient(-70deg,transparent 22%,#fff 22% 24%,transparent 24%),
    radial-gradient(40% 50% at 82% 82%,#DCE9C9 0%,transparent 70%),radial-gradient(34% 40% at 12% 20%,#DCE9C9 0%,transparent 70%),#EEE9DF;
  transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.map-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.map-pin{position:absolute;left:34%;top:38%;color:#D8432F;filter:drop-shadow(0 3px 3px rgba(0,0,0,.3));animation:pin 2.6s var(--ease) infinite}
.map-pin .icon{width:1.875rem;height:1.875rem;fill:#E8553F;stroke:#9C2A1B}
.map-label{position:absolute;left:44%;top:30%;display:grid;padding:0.25rem 0.5rem;background:#fff;border-radius:0.375rem;box-shadow:var(--shadow-sm);font-size:0.64rem;line-height:1.2;text-align:left}
.map-label strong{font-size:0.5625rem;letter-spacing:.02em}
.map-open{position:absolute;right:0.375rem;bottom:0.375rem;display:inline-flex;align-items:center;gap:0.25rem;padding:3px 0.5rem;border-radius:62.4375rem;background:rgba(30,19,11,.86);color:var(--gold-4);font-size:0.67rem;font-weight:600}
@keyframes pin{0%,100%{transform:translateY(0)}50%{transform:translateY(-0.3125rem)}}
.storefront{border-radius:0.5rem;overflow:hidden;border:1px solid var(--gold-3);box-shadow:var(--shadow-sm);min-height:7.375rem}

/* Footer */
.site-footer{position:relative;background:linear-gradient(90deg,#140C06,var(--dark) 50%,#140C06);color:#F1E6D2;border-top:2px solid var(--gold-2);overflow:hidden}
.site-footer::before,.site-footer::after{content:"";position:absolute;bottom:-.3rem;width:6.6rem;height:6.78rem;background:url(assets/site/corner.webp) center/contain no-repeat;pointer-events:none}
.site-footer::before{left:-.3rem}
.site-footer::after{right:-.3rem;transform:scaleX(-1)}
.footer-inner{display:flex;align-items:center;gap:1rem;padding-block:.5rem;z-index:2;padding-left:4.4rem}
.brand-light .brand-name,.brand-light .brand-sign{color:var(--gold-3)}
.brand-light .brand-sub{color:var(--gold-3)}
.brand-light img{width:3.4rem;height:3.4rem;filter:drop-shadow(0 .15rem .4rem rgba(0,0,0,.5))}
.brand-light .brand-name{font-size:1.5625rem}
.brand-light .brand-sign{font-size:0.8125rem}
.footer-nav{display:flex;flex-wrap:nowrap;gap:.25rem 1.1rem}
.footer-nav a{white-space:nowrap;display:inline-flex;align-items:center;min-height:2.75rem;font-size:0.7188rem;text-decoration:none;color:#F1E6D2;border-bottom:1px solid transparent}
.footer-nav a:hover,.footer-nav a[aria-current="page"]{color:var(--gold-3);border-bottom-color:var(--gold-3)}
.footer-social{display:flex;gap:0.375rem;padding-inline:0.875rem;border-inline:1px solid rgba(230,199,122,.35)}
.footer-social a{width:2.75rem;height:2.75rem;display:grid;place-items:center;color:var(--gold-3);border-radius:50%;transition:transform .25s var(--ease),background-color .25s}
.footer-social a:hover{transform:translateY(-2px);background:rgba(230,199,122,.16)}
.footer-social .icon{width:1.25rem;height:1.25rem}
.footer-script{font-family:var(--script);font-size:1.125rem;color:var(--gold-4);white-space:nowrap;margin-left:auto;padding-right:clamp(0px,6vw,5rem)}
.footer-legal{position:relative;z-index:2;text-align:center;font-size:0.625rem;color:#CDBE9F;padding:0.375rem 1.25rem 0.625rem;border-top:1px solid rgba(230,199,122,.18)}
.footer-legal a{color:var(--gold-3)}
.wa-float{position:fixed;right:1rem;bottom:1rem;z-index:60;width:2.875rem;height:2.875rem;display:grid;place-items:center;border-radius:50%;background:#1FAF54;color:#fff;box-shadow:0 0.625rem 1.5rem rgba(0,0,0,.3);transition:transform .25s var(--ease)}
.wa-float:hover{transform:scale(1.08)}
.wa-float .icon{width:1.5625rem;height:1.5625rem}

/* Alt sayfalar */
.page-hero{position:relative;background:radial-gradient(60% 120% at 80% 0%,rgba(184,134,47,.32) 0%,transparent 60%),linear-gradient(120deg,#140C06 0%,var(--dark) 45%,#3A2412 100%);color:#fff;text-align:center;padding-block:2.375rem 2.125rem;overflow:hidden;border-bottom:2px solid var(--gold-2)}
.page-kicker{font-size:1.5rem;color:var(--gold-4)}
.page-title{font-size:2.75rem;font-weight:700;letter-spacing:.05em;line-height:1.05}
.split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:2.125rem;align-items:center}
.split-media{aspect-ratio:4/3;border-radius:var(--radius);overflow:hidden;border:1.5px solid var(--gold-3);box-shadow:var(--shadow)}
.split-copy .about-title{text-align:left;font-size:2rem}
.split-copy .about-title::after{margin-left:0}.split-copy .about-lead{text-align:left;font-size:1.2rem}
.split-copy p:not(.about-lead){font-size:1rem;line-height:1.65}
.split-copy .laurels{max-width:23.75rem;margin-top:1.375rem}
.value-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1.375rem}
.value-grid li,.contact-cards li{display:grid;justify-items:center;gap:0.5rem;text-align:center;padding:1.375rem 1rem;background:var(--ivory);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.value-grid li:hover,.contact-cards li:hover{transform:translateY(-0.3125rem);box-shadow:var(--shadow)}
.value-grid h3,.contact-cards h2{font-size:1.125rem;font-weight:700;color:var(--dark)}
.value-grid p{font-size:0.8438rem;line-height:1.45;color:var(--ink-soft)}
.service-group{padding-block:0.875rem 1.625rem}
.service-group+.service-group{border-top:1px solid var(--line)}
.service-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(15.625rem,100%),1fr));gap:0.625rem;margin-block:1.125rem 1.25rem}
.service-grid li{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;padding:0.75rem 1rem;background:var(--ivory);border:1px solid var(--line);border-left:3px solid var(--gold-2);border-radius:0.625rem;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.service-grid li:hover{transform:translateX(0.25rem);box-shadow:var(--shadow-sm)}
.service-name{font-size:0.9062rem;font-weight:600;overflow-wrap:anywhere}
.service-time{display:inline-flex;align-items:center;gap:0.3125rem;flex:none;font-size:0.7812rem;color:var(--gold-1);font-weight:600;font-variant-numeric:tabular-nums}
.filters{display:flex;flex-wrap:wrap;justify-content:center;gap:0.625rem;margin-bottom:1.375rem}
.chip{min-height:2.75rem;padding:0.5rem 1.25rem;border-radius:62.4375rem;border:1px solid var(--line);background:var(--ivory);font-size:0.875rem;font-weight:600;cursor:pointer;transition:background-color .25s,color .25s,border-color .25s,transform .25s var(--ease)}
.chip:hover{border-color:var(--gold-2);transform:translateY(-2px)}
.chip.is-active{background:var(--gold-grad);color:#fff;border-color:#C9A04E;text-shadow:0 1px 1px rgba(60,35,5,.45)}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(12.5rem,100%),1fr));gap:0.875rem}
.gallery-item[hidden]{display:none}
.gallery .model-card{aspect-ratio:4/5}
.zoom{padding:0;border:0;background:transparent;max-width:min(92vw,56.25rem);max-height:92vh;overflow:visible}
.zoom::backdrop{background:rgba(20,12,6,.86)}
.zoom img{max-width:100%;max-height:88vh;border-radius:var(--radius);border:2px solid var(--gold-3)}
.zoom-close{position:absolute;right:.5rem;top:.5rem;width:3rem;height:3rem;display:grid;place-items:center;border-radius:50%;border:1px solid var(--gold-3);background:var(--dark);color:var(--gold-3);cursor:pointer}
.zoom-close .icon{width:1.5rem;height:1.5rem}
.compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(17.5rem,100%),1fr));gap:1.375rem}
.compare-stage{position:relative;aspect-ratio:4/5;border-radius:var(--radius);overflow:hidden;border:1.5px solid var(--gold-3);box-shadow:var(--shadow);background:var(--dark);--pos:50%}
.compare-layer{position:absolute;inset:0}
.compare-before{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.compare-tag{position:absolute;bottom:0.625rem;padding:0.25rem 0.75rem;border-radius:62.4375rem;background:rgba(30,19,11,.86);color:#fff;font-size:0.6875rem;font-weight:700;letter-spacing:.08em}
.compare-tag.before{left:0.625rem}.compare-tag.after{right:0.625rem}
.compare-handle{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;margin-left:-1px;background:var(--gold-3);pointer-events:none}
.compare-handle::after{content:"";position:absolute;top:50%;left:50%;width:2.5rem;height:2.5rem;margin:-1.25rem;border-radius:50%;background:var(--gold-grad);border:2px solid #fff;box-shadow:var(--shadow-sm)}
.compare-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.compare-stage:has(.compare-range:focus-visible){outline:3px solid var(--gold-2);outline-offset:3px}
.compare-title{text-align:center;margin-top:0.625rem;font-weight:600;font-size:0.9062rem}
.price-group{margin-bottom:1.625rem}
.price-table{width:100%;border-collapse:collapse;margin-top:0.75rem;background:var(--ivory);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}
.price-table th,.price-table td{padding:0.8125rem 1.125rem;text-align:left;border-bottom:1px solid var(--line);font-size:0.9062rem}
.price-table thead th{background:var(--dark);color:var(--gold-3);font-size:0.7188rem;letter-spacing:.1em;text-transform:uppercase}
.price-table td,.price-table thead th:last-child{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.price-table td{font-weight:700;color:var(--gold-1)}
.price-table tbody th{font-weight:600}
.price-table tbody tr:last-child>*{border-bottom:0}
.price-table tbody tr:hover{background:#FBF1D9}
.price-note{font-style:italic;font-size:0.8125rem;color:var(--ink-soft);text-align:center}
.contact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(12.5rem,100%),1fr));gap:1rem;margin-bottom:1.75rem}
.contact-cards a{color:var(--gold-1);font-weight:700;overflow-wrap:anywhere;display:inline-flex;align-items:center;min-height:2.75rem}
.contact-page{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr);gap:1.25rem}
.contact-page .contact-info{display:grid;gap:0.75rem;align-content:start}
.contact-page .map-card,.contact-page .storefront{min-height:18.75rem}
.contact-page .map-label{font-size:0.75rem}.contact-page .map-label strong{font-size:0.7812rem}.contact-page .map-open{font-size:0.7812rem;padding:0.5rem 0.875rem;right:0.75rem;bottom:0.75rem}
.hours{width:100%;border-collapse:collapse}
.hours th,.hours td{padding:0.5625rem 0;border-bottom:1px dashed var(--line);font-size:0.9062rem;text-align:left}
.hours td{text-align:right;font-weight:700;color:var(--gold-1);font-variant-numeric:tabular-nums}
.contact-page .actions{justify-content:flex-start}

.site:not(.is-home) .section{padding-block:1.6rem 2rem}
.contact-cards a{font-size:.9rem}
body.menu-open .wa-float{display:none}
.hours tr.is-closed td{color:var(--ink-soft)}
/* Kaydırınca belirme (yalnızca JS hazırsa gizlenir) */
.js .reveal{opacity:0;transform:translateY(1.375rem);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.js .reveal.is-visible{opacity:1;transform:none}

/* Tablet ve altı */
@media (max-width:1060px){
  html{font-size:125%}
  body.site{font-size:.82rem;line-height:1.5}
  .wrap,.wrap.narrow{width:min(var(--wrap),100% - 2rem)}
  .header-inner{padding-left:0;min-height:3.600rem}
  .brand img{width:3rem;height:3rem}.brand-name{font-size:1.7rem}.brand-sign{font-size:.95rem}
  .btn{min-height:2.400rem}
  .btn-ghost{min-height:2.200rem;font-size:.75rem;padding:.3rem 1rem}
  .slider-btn{width:2.200rem;height:2.200rem;margin-top:-1.100rem}
  .footer-legal{padding-bottom:4.400rem}
  .hero-copy{max-width:none}.hero-text{max-width:34rem}
  .about-meaning p{max-width:none}.cta-text{max-width:26rem}.badges{flex-wrap:wrap}
  .strip-label{white-space:normal}
  .header-cta{display:none}
  .menu-toggle{display:inline-flex;margin-left:auto}
  .main-nav{position:fixed;inset:0 0 0 auto;width:min(21.25rem,86vw);z-index:70;flex-direction:column;justify-content:flex-start;gap:1.125rem;padding:5.25rem 1.5rem 1.75rem;background:var(--ivory);border-left:1px solid var(--line);box-shadow:-1.125rem 0 2.5rem rgba(30,19,11,.25);transform:translateX(105%);visibility:hidden;transition:transform .35s var(--ease),visibility 0s .35s;overflow-y:auto}
  .main-nav.is-open{transform:none;visibility:visible;transition:transform .35s var(--ease)}
  .nav-list{flex-direction:column;align-items:stretch;gap:2px}
  .nav-list a{min-height:3.125rem;font-size:1.0625rem;border-bottom:1px solid var(--line);width:100%}
  .nav-cta{display:inline-flex}
  .menu-toggle{position:relative;z-index:80}
  body.menu-open{overflow:hidden}
  body.menu-open::before{content:"";position:fixed;inset:0;z-index:45;background:rgba(20,12,6,.5)}
  .site-header::before,.site-header::after{display:none}
  .about-grid{grid-template-columns:1fr 1fr}
  .about-text{grid-column:1/-1;order:-1}
  .about-medallion,.about-text,.about-meaning{padding:1.3rem 1.2rem}
  .ba-grid{grid-template-columns:1fr;gap:1.6rem}
  .ba-single{max-width:30rem;margin-inline:auto}
  .cta-inner{grid-template-columns:1fr;justify-items:center;padding-left:0;text-align:center;padding-block:1.375rem}
  .cta-media{width:100%;opacity:.28;-webkit-mask-image:none;mask-image:none}
  .cta-plain .cta-inner{grid-template-columns:1fr}.cta-plain .cta-copy{text-align:center}.cta-plain .cta-text{margin-inline:auto}
  .contact-grid,.contact-page{grid-template-columns:1fr 1fr}
  .contact-info{grid-column:1/-1}
  .footer-inner{flex-wrap:wrap;justify-content:center;padding-left:0;text-align:center}
  .footer-nav{justify-content:center;flex-wrap:wrap}
  .footer-script{margin-left:0;padding-right:0;width:100%;text-align:center;white-space:normal}
  .model-track .slide{width:calc((100% - 1.875rem)/4)}
  .strip-list{display:flex;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;width:100%;padding-inline:0.75rem}
  .strip-list::-webkit-scrollbar{display:none}
  .strip-list li{flex:0 0 6.75rem;scroll-snap-align:start}
  .value-grid{grid-template-columns:1fr 1fr}
  .split{grid-template-columns:1fr}
  .hero-inner{min-height:0;padding-block:2.125rem 1.75rem}
  .hero-media .photo{object-position:66% 14%}
  .hero-shade{background:linear-gradient(180deg,rgba(12,7,3,.78) 0%,rgba(12,7,3,.66) 55%,rgba(12,7,3,.84) 100%)}
  .cta-points li{font-size:.8rem}
  .floral-strip-l,.floral-strip-r{display:none}
  .floral-hero-l{width:5.4rem;height:5.54rem;left:-1.2rem;bottom:-1rem;opacity:.8}
  .nav-list{gap:.125rem}
  .hero-copy{padding-left:0}
  .section-more{position:static;margin-top:0.625rem}
  .slider-btn.prev{left:-0.375rem}.slider-btn.next{right:-0.375rem}
  .section{padding-block:1.875rem}
  .about,.contact{padding-block:1.375rem}
}
@media (max-width:680px){
  .wrap,.wrap.narrow{width:min(var(--wrap),100% - 2rem)}
  .hero-inner{grid-template-columns:1fr;text-align:center}
  .hero h1{font-size:2.7rem}.hero-script{font-size:1.45rem}.hero-text{font-size:.84rem}.hero-actions .btn{font-size:.95rem;min-height:2.4rem;min-width:0}.badges li{font-size:.72rem}.hero-side{font-size:1.9rem}
  .floral-hero-r{width:5rem;height:5.13rem;opacity:.85}
  .hero-shade{background:linear-gradient(180deg,rgba(18,10,4,.82) 0%,rgba(18,10,4,.7) 60%,rgba(18,10,4,.88) 100%)}
  .hero-copy{max-width:none}
  .hero-line-2{padding-left:0}
  .hero-text{max-width:none;margin-inline:auto;line-height:1.45}
  .hero-actions{justify-content:center}
  .hero-actions .btn{flex:1 1 9.375rem}
  .badges{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem;text-align:left}
  .hero-side{justify-self:center;transform:rotate(-4deg);max-width:none;margin:0.375rem 0 0}
  .hero-heart{display:inline-block;margin:0;transform:none}
  .section-title{gap:0.5rem;letter-spacing:.03em}
  .section-title .ornament{width:2.375rem}
  .model-track .slide{width:calc((100% - 0.625rem)/2.200)}
  .about-grid{grid-template-columns:1fr}
  .about-points{grid-template-columns:1fr 1fr;gap:.9rem .75rem}
  .about-points li+li{border-left:0;padding-left:0}
  .about-title{font-size:1.45rem}.about-kicker{font-size:1.7rem}.about-lead{font-size:1rem}
  .laurels{gap:.5rem}.laurel{padding-inline:.9rem}.laurel span{font-size:.68rem;max-width:5.6rem}
  .review-track .slide{width:100%}
  .review-slider .slider-btn{top:auto;bottom:-.2rem;margin-top:0}
  .review-slider .slider-btn.prev{left:0}.review-slider .slider-btn.next{right:0}
  .slider-dots{display:flex;min-height:2.2rem;align-items:center}
  .review-body{-webkit-line-clamp:6;line-clamp:6}
  .ba-single{max-width:26rem;margin-inline:auto}
  .cta-points{flex-wrap:wrap;justify-content:center}
  .contact-grid,.contact-page{grid-template-columns:1fr}
  .contact-list{grid-template-columns:1fr}
  .map-card,.storefront{min-height:11.875rem}
  .value-grid{grid-template-columns:1fr}
  .price-table td{white-space:normal}
  .page-hero{padding-block:1.875rem 1.625rem}
  .contact-page .map-card,.contact-page .storefront{min-height:13.75rem}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none !important;transition:none !important}
  .js .reveal{opacity:1;transform:none}
  .slider-track{scroll-behavior:auto}
  .hero-media{transform:none !important}
}
/* Hareket rötuşları. "Hareketi azalt" açıksa yukarıdaki genel kural hepsini kapatır. */
/* 1) Sürekli dönen efektler sınırlı: sayfa açılınca birkaç kez oynar, üzerine gelince yeniden. */
.btn-gold::after{animation-iteration-count:3}
.btn-gold:hover::after,.btn-gold:focus-visible::after{animation:sheen-again 1.4s var(--ease) 1}
@keyframes sheen-again{from{transform:translateX(-120%)}to{transform:translateX(120%)}}
.map-pin{animation-iteration-count:3}
.map-card:hover .map-pin,.map-card:focus-visible .map-pin{animation:pin-again 1.3s var(--ease) 2}
@keyframes pin-again{0%,100%{transform:translateY(0)}50%{transform:translateY(-0.3125rem)}}
/* 2) Girişte başlık, alt yazı, düğmeler ve rozetler sırayla, hafif kayarak gelir (toplam 1 sn'den kısa). */
.hero-copy>*{animation:umay-rise .7s var(--ease) both}
.hero-copy>:nth-child(2){animation-delay:.1s}.hero-copy>:nth-child(3){animation-delay:.18s}.hero-copy>:nth-child(4){animation-delay:.26s}.hero-copy>:nth-child(5){animation-delay:.34s}
.strip-list li{animation:umay-rise .6s var(--ease) both}
.strip-list li:nth-child(2){animation-delay:.05s}.strip-list li:nth-child(3){animation-delay:.1s}.strip-list li:nth-child(4){animation-delay:.15s}.strip-list li:nth-child(5){animation-delay:.2s}.strip-list li:nth-child(6){animation-delay:.25s}.strip-list li:nth-child(7){animation-delay:.3s}.strip-list li:nth-child(8){animation-delay:.35s}.strip-list li:nth-child(9){animation-delay:.4s}
@keyframes umay-rise{from{opacity:0;transform:translateY(.875rem)}to{opacity:1;transform:none}}
/* 3) Kaydırıcıdaki kartlar bölüm görününce soldan sağa sırayla gelir. Sıra numarası (--i) site.js'ten gelir. */
.js .reveal .slider-track>.slide{opacity:0;transform:translateY(.75rem);transition:opacity .6s var(--ease),transform .6s var(--ease);transition-delay:calc(min(var(--i,0),7) * 70ms + .15s)}
.js .reveal.is-visible .slider-track>.slide{opacity:1;transform:none}
/* 4) Fotoğraf yüklenene kadar siyah yerine sıcak krem-altın zemin; yüklenince yumuşakça belirir. */
.js .model-card{background:linear-gradient(135deg,#F1E5CC 0%,#E6D2AA 100%)}
.js .model-card img.photo{opacity:0;transition:opacity .5s ease,transform .7s var(--ease),filter .4s}
.js .model-card img.photo.is-loaded{opacity:1}
/* Ana sayfa Hakkımızda: logo kartı kaldırıldı; logo ve "Since 2016" imzası "Umay'ın Anlamı" kartının altında. */
.meaning-seal{position:relative;z-index:1;margin-top:auto;padding-top:1.1rem;display:flex;flex-direction:column;align-items:center;text-align:center}
.meaning-seal img{width:min(9rem,58%);height:auto;aspect-ratio:1;filter:drop-shadow(0 .45rem .9rem rgba(138,90,27,.28))}
.meaning-seal .seal-since{margin:.35rem 0 0;font-size:1.55rem;line-height:1.1;color:var(--gold-1)}
@media (min-width:1061px){.about-grid{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}}
@media (max-width:1060px){.about-meaning{grid-column:1/-1}.meaning-seal img{width:min(8rem,45%)}}
/* Hakkımızda metni: geniş kartta satırlar çok uzamasın (≈70–80 harf); yazı bir tık büyük, blok ortalı. */
@media (min-width:1061px){.is-home .about-text>p:not(.about-kicker){max-width:36em;margin-inline:auto;font-size:.98rem;line-height:1.6}.is-home .about-text .about-points{width:100%;max-width:38rem;margin-inline:auto}}
/* Hizmet rehberi sayfaları (/hizmetler/{slug}). */
.guide-lead{font-size:1.15rem;line-height:1.6;text-align:center;color:var(--ink);margin:0 auto 1.6rem;max-width:40em}
.guide-highlights{list-style:none;padding:0;margin:0 0 1.8rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}
.guide-highlights li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.2rem;padding:1rem .6rem;background:var(--ivory);border:1px solid var(--line);border-radius:.6rem;box-shadow:var(--shadow-sm)}
.guide-hl-icon{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;border:1px solid var(--gold-2);color:var(--gold-1);margin-bottom:.3rem}
.guide-hl-icon .icon{width:1.2rem;height:1.2rem}
.guide-highlights strong{font-size:1.05rem;color:var(--ink)}
.guide-highlights span:last-child{font-size:.78rem;color:var(--muted,#6b5a48)}
.guide-text{font-size:.98rem;line-height:1.7;margin:0 auto .9rem;max-width:40em}
.guide-band{background:linear-gradient(180deg,rgba(246,227,168,.18),rgba(246,227,168,.05))}
.guide-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;align-items:start}
.guide-card{background:var(--ivory);border:1px solid var(--line);border-radius:.6rem;padding:1.4rem 1.5rem;box-shadow:var(--shadow-sm)}
.guide-h2{font-size:1.45rem;margin:0 0 .9rem;color:var(--gold-1)}
.guide-checks{list-style:none;padding:0;margin:0;display:grid;gap:.55rem}
.guide-checks li{position:relative;padding-left:1.6rem;line-height:1.5;font-size:.95rem}
.guide-checks li::before{content:"";position:absolute;left:0;top:.3em;width:.95rem;height:.95rem;border-radius:50%;background:var(--gold-4);box-shadow:inset 0 0 0 1px var(--gold-2)}
.guide-checks li::after{content:"";position:absolute;left:.33rem;top:.52em;width:.28rem;height:.5rem;border:solid var(--gold-1);border-width:0 2px 2px 0;transform:rotate(45deg)}
.guide-steps{list-style:none;padding:0;margin:0;display:grid;gap:.8rem}
.guide-steps li{display:flex;gap:.8rem;align-items:flex-start}
.guide-step-no{flex:none;display:grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--gold-grad);color:#fff;font-weight:700;font-size:.9rem}
.guide-steps strong{display:block;font-size:1rem}
.guide-steps p{margin:.15rem 0 0;font-size:.9rem;line-height:1.5}
.guide-note{margin:1rem 0 0;padding:.75rem .9rem;border-radius:.5rem;background:var(--gold-4);font-size:.9rem;line-height:1.5}
.guide-myths{list-style:none;padding:0;margin:1.4rem 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.guide-myths li{background:var(--ivory);border:1px solid var(--line);border-radius:.6rem;padding:1.1rem 1.2rem;box-shadow:var(--shadow-sm)}
.guide-myth{margin:0 0 .6rem;color:#7a6a5a;font-style:italic;line-height:1.5}
.guide .section-sub{text-align:center}
.guide-fact{margin:0;line-height:1.55}
.guide-tag{display:inline-block;margin-right:.5rem;padding:.08rem .5rem;border-radius:1rem;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;vertical-align:.1em}
.tag-myth{background:#f6e2df;color:#8c3830}
.tag-fact{background:#e3f0e6;color:#256343}
.guide-faq details{border-bottom:1px solid var(--line);padding:.7rem 0}
.guide-faq summary{cursor:pointer;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:1rem}
.guide-faq summary::after{content:"+";color:var(--gold-1);font-size:1.2rem;line-height:1}
.guide-faq details[open] summary::after{content:"−"}
.guide-faq p{margin:.5rem 0 0;line-height:1.55;font-size:.93rem}
@media (max-width:900px){.guide-highlights{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-two,.guide-myths{grid-template-columns:1fr}}
/* Alt sayfa ve telefon başlığı köşeleri: ana sayfa görselindeki altın dal; sağ köşe aynalanır. */
.site-header::before,.site-header::after{width:8rem;background:url(assets/site/vine-corner.webp) 0 0/auto 100% no-repeat}
.site-header::before{transform:none}
.site-header::after{transform:scaleX(-1)}
/* Alt sayfa koyu başlık bandı: iki alt köşede simetrik altın botanik süs (floral-band.webp, şeffaf desen görselinden kırpıldı); sağdaki soldakinin aynasıdır. */
.page-hero .floral-hero-l,.page-hero .floral-hero-r{top:auto;bottom:0;width:clamp(170px,17vw,260px);height:auto;aspect-ratio:760/624;max-height:100%;background:url(assets/site/floral-band.webp) 0 100%/contain no-repeat;opacity:1}
.page-hero .floral-hero-l{left:0;right:auto;transform:none}
.page-hero .floral-hero-r{right:0;left:auto;transform:scaleX(-1)}
@media (max-width:760px){.page-hero .floral-hero-l,.page-hero .floral-hero-r{width:110px;opacity:.8}}