:root { --primary:#d54a4a; --secondary:#171717; --text:#161616; --accent:#d54a4a; --red:var(--primary); --red-dark:color-mix(in srgb,var(--primary) 80%,#000); --ink:var(--text); --ink-soft:color-mix(in srgb,var(--text) 66%,#fff); --paper:#fbfaf8; --mist:color-mix(in srgb,var(--primary) 7%,#fff); --line:color-mix(in srgb,var(--text) 16%,#fff); --shadow:0 25px 60px rgba(15,15,15,.12); --radius-sm:2px; --radius-md:2px; --radius-lg:2px; --radius-xl:2px; --heading-tracking:-.025em; }
:root[data-template="balance"] { --radius-sm:8px; --radius-md:14px; --radius-lg:20px; --radius-xl:26px; }
:root[data-template="soft"] { --radius-sm:14px; --radius-md:22px; --radius-lg:34px; --radius-xl:46px; }
:root[data-template="balance"] .hero { grid-template-columns:.9fr 1.1fr; background:linear-gradient(130deg,#f4f0ed,#ebe5e1); }
:root[data-template="balance"] .proof-strip { width:min(1210px,calc(100% - 48px)); margin-top:-38px; }
:root[data-template="balance"] .intent-card { min-height:250px; }
:root[data-template="soft"] h1,:root[data-template="soft"] h2,:root[data-template="soft"] h3 { font-family:Georgia,"Times New Roman",serif; font-weight:500; letter-spacing:-.04em; }
:root[data-template="soft"] .hero { background:linear-gradient(135deg,#f5edeb,#f7f4ef); }
:root[data-template="soft"] .proof-strip { margin-top:0; }
:root[data-template="soft"] .intent-card { min-height:285px; }
:root[data-heading-case="caps"] { --heading-tracking:.012em; }
:root[data-heading-case="caps"] h1,:root[data-heading-case="caps"] h2,:root[data-heading-case="caps"] h3,:root[data-heading-case="caps"] nav a,:root[data-heading-case="caps"] .site-header>.button { text-transform:uppercase; }
:root[data-heading-case="title"] h1,:root[data-heading-case="title"] h2,:root[data-heading-case="title"] h3,:root[data-heading-case="title"] nav a,:root[data-heading-case="title"] .site-header>.button { text-transform:none; }
nav a { text-transform:none; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--paper); color:var(--ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; line-height:1.55; } a { color:inherit; text-decoration:none; } img { display:block; max-width:100%; } button,a { -webkit-tap-highlight-color:transparent; } button { font:inherit; }
.site-shell { overflow:hidden; }.site-header { width:min(1240px,calc(100% - 48px)); height:96px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:28px; }.brand { display:inline-flex; align-items:center; gap:12px; min-width:210px; }.brand-emblem { width:58px; height:54px; overflow:hidden; position:relative; display:inline-block; background:#fff; border:1px solid var(--line); border-radius:var(--radius-sm); }.brand-emblem img { position:absolute; width:176px; max-width:none; transform:translate(-17px,-29px); filter:contrast(1.28) grayscale(1); }.brand strong,.brand small { display:block; }.brand strong { font-size:15px; line-height:1.15; letter-spacing:-.02em; }.brand small { margin-top:4px; color:var(--red-dark); font-size:10px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }nav { display:flex; align-items:center; gap:26px; color:var(--ink-soft); font-size:13px; font-weight:700; }nav a { text-transform:capitalize; }nav a:hover,nav a:focus-visible { color:var(--red-dark); }
.button { min-height:51px; padding:0 21px; display:inline-flex; align-items:center; justify-content:center; gap:9px; border:1px solid transparent; border-radius:var(--radius-md); font-size:13px; font-weight:800; transition:transform .2s ease,background .2s ease,box-shadow .2s ease; }.button:hover { transform:translateY(-2px); }.button:focus-visible,a:focus-visible,summary:focus-visible,button:focus-visible { outline:3px solid rgba(213,74,74,.3); outline-offset:3px; }.button-small { min-height:41px; padding-inline:17px; font-size:12px; }.button-solid { background:var(--red); color:#fff; box-shadow:0 12px 22px rgba(173,52,56,.22); }.button-solid:hover { background:var(--red-dark); }.button-outline { border-color:var(--ink); background:transparent; }.button-light { background:#fff; color:var(--ink); }.button-ghost-light { border-color:rgba(255,255,255,.7); color:#fff; }
.hero { width:min(1320px,calc(100% - 32px)); min-height:640px; margin:0 auto; display:grid; grid-template-columns:1.02fr .98fr; position:relative; background:var(--mist); border-radius:var(--radius-xl); overflow:hidden; }.hero-copy { align-self:center; position:relative; z-index:2; padding:clamp(46px,7vw,105px); }.eyebrow { margin:0 0 15px; color:var(--red-dark); font-size:11px; font-weight:850; letter-spacing:.16em; text-transform:uppercase; }.eyebrow.light { color:#ffb5b5; }h1,h2,h3 { font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; letter-spacing:var(--heading-tracking); line-height:1.04; text-transform:none; }h1 { max-width:570px; margin:0; font-size:clamp(52px,6.6vw,87px); font-weight:800; }h1 em { color:var(--accent); font-style:normal; }.hero-lead { max-width:530px; margin:29px 0 0; color:var(--ink-soft); font-size:18px; line-height:1.65; }.hero-actions { display:flex; flex-wrap:wrap; gap:11px; margin-top:31px; }.microcopy { margin:15px 0 0; color:var(--ink-soft); font-size:12px; font-weight:700; }.hero-visual { min-height:640px; position:relative; background:#e8e4e0; }.hero-visual::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.18),transparent 35%); pointer-events:none; }.hero-visual>img { width:100%; height:100%; object-fit:cover; object-position:center; }.floating-rating { position:absolute; z-index:3; right:28px; bottom:52px; min-width:205px; padding:23px 27px; background:var(--secondary); color:#fff; border-radius:var(--radius-md); box-shadow:0 12px 30px rgba(0,0,0,.22); }.rating-kicker,.floating-rating small { display:block; text-transform:uppercase; letter-spacing:.11em; font-size:10px; font-weight:800; }.floating-rating strong { display:block; margin:4px 0; font-size:42px; line-height:1; letter-spacing:-.06em; }.floating-rating sup { margin-left:3px; font-size:15px; letter-spacing:0; }.floating-rating small { color:rgba(255,255,255,.65); text-transform:none; letter-spacing:.02em; font-weight:500; }
:root[data-hero-layout="background"] .hero { display:block; color:#fff; background:var(--secondary); }.hero::before { content:""; display:none; }.hero-copy .button-outline { border-color:var(--ink); background:transparent; }.hero-copy .button-outline:hover { background:var(--ink); color:#fff; }:root[data-hero-layout="background"] .hero-visual { position:absolute; inset:0; min-height:0; z-index:0; background:var(--secondary); }:root[data-hero-layout="background"] .hero-visual::after { background:linear-gradient(90deg,rgba(9,9,9,.92) 0%,rgba(9,9,9,.78) 42%,rgba(9,9,9,.3) 73%,rgba(9,9,9,.08) 100%); }:root[data-hero-layout="background"] .hero-visual>img { object-fit:cover; }:root[data-hero-layout="background"] .hero-copy { min-height:640px; display:flex; flex-direction:column; justify-content:center; }:root[data-hero-layout="background"] .hero-copy .eyebrow,:root[data-hero-layout="background"] .hero-copy .hero-lead,:root[data-hero-layout="background"] .hero-copy .microcopy { color:rgba(255,255,255,.82); }:root[data-hero-layout="background"] h1 em { color:#fff; }:root[data-hero-layout="background"] .button-outline { border-color:rgba(255,255,255,.75); color:#fff; }:root[data-hero-layout="background"] .floating-rating { right:34px; bottom:34px; background:rgba(255,255,255,.94); color:var(--secondary); }:root[data-hero-layout="background"] .floating-rating small { color:color-mix(in srgb,var(--text) 70%,#fff); }
:root[data-hero-layout="visual"] .hero { grid-template-columns:.84fr 1.16fr; }:root[data-hero-layout="visual"] .hero-visual>img { object-fit:cover; object-position:center; }
.proof-strip { width:min(1150px,calc(100% - 48px)); margin:-28px auto 0; position:relative; z-index:2; display:grid; grid-template-columns:repeat(4,1fr); background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); box-shadow:var(--shadow); overflow:hidden; }.proof-strip div { padding:22px 25px; border-right:1px solid var(--line); }.proof-strip div:last-child { border-right:0; }.proof-strip strong,.proof-strip span { display:block; }.proof-strip strong { font-size:16px; }.proof-strip span { margin-top:3px; color:var(--ink-soft); font-size:11px; }
.section { width:min(1160px,calc(100% - 48px)); margin:0 auto; padding:118px 0; }.section-heading { max-width:730px; margin:0 auto 48px; text-align:center; }.section-heading h2,.about-copy h2,.location-copy h2,.review-copy h2,.final-cta h2,.design-lab h2 { margin:0; font-size:clamp(38px,5vw,62px); font-weight:800; text-transform:uppercase; }.section-heading>p:last-child { color:var(--ink-soft); font-size:16px; }.left-heading { margin:0; text-align:left; }.intent-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }.intent-card { min-height:270px; padding:30px; display:flex; flex-direction:column; border:1px solid var(--line); border-radius:var(--radius-lg); background:#fff; transition:transform .2s ease,box-shadow .2s ease; }.intent-card:hover { transform:translateY(-5px); box-shadow:var(--shadow); }.intent-card.accent-card { border-color:var(--red); background:var(--red); color:#fff; }.intent-number { color:var(--red-dark); font-size:10px; font-weight:900; letter-spacing:.15em; text-transform:uppercase; }.accent-card .intent-number { color:#ffd1d1; }.intent-card h3 { margin:44px 0 9px; font-size:29px; font-weight:800; text-transform:uppercase; }.intent-card p { margin:0; color:var(--ink-soft); font-size:14px; }.accent-card p { color:rgba(255,255,255,.78); }.intent-card strong { margin-top:auto; padding-top:29px; font-size:12px; }
.about-section { display:grid; grid-template-columns:1fr .9fr; gap:clamp(55px,9vw,132px); align-items:start; }.large-copy { max-width:600px; color:var(--ink-soft); font-size:19px; line-height:1.75; }.inline-link { display:inline-block; margin-top:19px; padding-bottom:3px; border-bottom:2px solid var(--red); color:var(--red-dark); font-size:13px; font-weight:850; }.fact-list { border-top:2px solid var(--ink); }.fact-list>div { display:grid; grid-template-columns:34px 1fr; gap:14px; padding:22px 0; border-bottom:1px solid var(--line); }.fact-list span { color:var(--red); font-size:11px; font-weight:900; }.fact-list p { margin:0; color:var(--ink-soft); font-size:14px; }.fact-list strong { display:block; margin-bottom:3px; color:var(--ink); }
.location-section { padding:88px 20px 114px; }.location-card { width:min(1320px,100%); min-height:590px; margin:0 auto; display:grid; grid-template-columns:.8fr 1.2fr; overflow:hidden; background:var(--secondary); color:#fff; border-radius:var(--radius-xl); }.location-copy { padding:clamp(42px,7vw,90px); display:flex; flex-direction:column; justify-content:center; }.location-copy p { color:rgba(255,255,255,.7); font-size:16px; }.location-copy address { margin-top:11px; font-style:normal; font-weight:800; }.location-actions { display:flex; flex-wrap:wrap; align-items:center; gap:17px; margin-top:30px; }.text-link-light { border-bottom:1px solid rgba(255,255,255,.7); font-size:13px; font-weight:800; }.map-embed { min-height:590px; background:#e7e1dd; }.map-embed iframe { width:100%; height:100%; min-height:590px; border:0; display:block; }
.hours-section { display:grid; grid-template-columns:.78fr 1.22fr; gap:clamp(50px,9vw,130px); align-items:start; }.hours-section .button { margin-top:21px; }.hours-card { overflow:hidden; border:1px solid var(--line); border-radius:var(--radius-lg); background:#fff; box-shadow:0 18px 50px rgba(0,0,0,.07); }.hours-header { display:flex; justify-content:space-between; align-items:center; padding:19px 24px; background:var(--ink); color:#fff; font-weight:800; }.status-pill { color:#ffbaba; font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }.hours-card dl { margin:0; padding:9px 24px 17px; }.hours-card dl div { display:flex; justify-content:space-between; gap:25px; padding:13px 2px; border-bottom:1px solid var(--line); }.hours-card dl div:last-child { border-bottom:0; }.hours-card dt { font-weight:700; }.hours-card dd { margin:0; color:var(--ink-soft); font-variant-numeric:tabular-nums; }.hours-card .closed dd { color:var(--red-dark); font-weight:800; }
.reviews-section { width:min(1160px,calc(100% - 48px)); margin:5px auto 0; padding:68px clamp(30px,7vw,90px); display:grid; grid-template-columns:220px 1fr; gap:62px; align-items:center; background:var(--mist); border-left:6px solid var(--red); border-radius:var(--radius-lg); }.review-score { min-height:180px; display:flex; flex-direction:column; justify-content:center; border-right:1px solid var(--line); }.large-star { color:var(--red); font-size:31px; line-height:1; }.review-score strong { font-size:79px; line-height:.95; letter-spacing:-.08em; }.review-score span:last-child { color:var(--ink-soft); font-size:12px; }.review-copy h2 { font-size:clamp(34px,4vw,52px); }.review-copy p { color:var(--ink-soft); }.review-copy a { color:var(--red-dark); font-size:13px; font-weight:850; }
.faq-section { display:grid; grid-template-columns:.75fr 1.25fr; gap:clamp(55px,9vw,130px); align-items:start; }.faq-list { border-top:2px solid var(--ink); }.faq-list details { padding:21px 0; border-bottom:1px solid var(--line); }.faq-list summary { padding-right:35px; position:relative; cursor:pointer; list-style:none; font-size:20px; font-weight:800; }.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary::after { content:"+"; position:absolute; right:4px; top:-9px; color:var(--red); font-size:30px; font-weight:400; }.faq-list details[open] summary::after { content:"−"; }.faq-list p { margin:13px 42px 1px 0; color:var(--ink-soft); font-size:14px; }
.final-cta { width:min(1320px,calc(100% - 32px)); margin:0 auto 88px; padding:92px 30px; background:var(--primary); color:#fff; text-align:center; border-radius:var(--radius-xl); }.final-cta h2 { max-width:880px; margin-inline:auto; }.final-cta>p:not(.eyebrow) { max-width:620px; margin:20px auto 0; color:rgba(255,255,255,.82); }.center-actions { justify-content:center; }footer { width:min(1160px,calc(100% - 48px)); margin:0 auto; padding:0 0 50px; display:grid; grid-template-columns:1fr 1fr 1fr; gap:60px; color:var(--ink-soft); font-size:13px; }footer strong { display:block; margin-bottom:9px; color:var(--ink); }footer a,footer address { display:block; margin-top:6px; font-style:normal; }.footer-brand strong { margin:0; }.legal-page { width:min(860px,calc(100% - 40px)); margin:0 auto; padding:56px 0 92px; }.legal-page h1 { font-size:clamp(42px,6vw,72px); }.legal-page h2 { margin-top:44px; font-size:26px; }.legal-page p { max-width:760px; color:var(--ink-soft); font-size:16px; }.legal-page .legal-back { display:inline-block; margin-bottom:34px; color:var(--red-dark); font-weight:800; }
.design-lab { width:min(1160px,calc(100% - 48px)); margin:0 auto 74px; padding:clamp(30px,5vw,58px); display:grid; grid-template-columns:.75fr 1.25fr; gap:65px; background:#fff; border:1px dashed #bdb6b0; border-radius:var(--radius-lg); }.design-lab h2 { font-size:clamp(30px,3.6vw,44px); }.design-lab>div>p:last-child { color:var(--ink-soft); font-size:14px; }.control-groups { display:grid; gap:28px; }.control-groups fieldset { min-width:0; margin:0; padding:0; border:0; }.control-groups legend { margin-bottom:11px; font-size:11px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }.control-options { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }.heading-options { grid-template-columns:repeat(2,minmax(0,1fr)); }.control-option { min-height:70px; padding:11px; cursor:pointer; text-align:left; border:1px solid var(--line); border-radius:var(--radius-md); background:var(--paper); color:var(--ink); }.control-option.active { border-color:var(--primary); box-shadow:inset 0 0 0 1px var(--primary); }.control-option strong,.control-option span { display:block; }.control-option strong { font-size:12px; }.control-option span { margin-top:3px; color:var(--ink-soft); font-size:10px; line-height:1.25; }.brand-color-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }.color-field { min-height:76px; padding:11px; display:grid; grid-template-columns:1fr 32px; gap:8px; align-items:center; border:1px solid var(--line); border-radius:var(--radius-md); background:var(--paper); }.color-field strong,.color-field small { display:block; }.color-field strong { font-size:12px; }.color-field small { color:var(--ink-soft); font-size:10px; line-height:1.25; }.color-field input[type="color"] { width:32px; height:32px; padding:2px; cursor:pointer; border:1px solid var(--line); border-radius:50%; background:#fff; }.color-field .hex-input { grid-column:1 / -1; width:100%; padding:7px 8px; border:1px solid var(--line); border-radius:var(--radius-sm); background:#fff; color:var(--ink); font:700 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace; text-transform:uppercase; }.mobile-actions { display:none; }
@media (max-width:940px) { nav { display:none; }.hero,:root[data-hero-layout="visual"] .hero { grid-template-columns:1fr; }.hero-visual { min-height:520px; }.proof-strip { grid-template-columns:1fr 1fr; }.proof-strip div:nth-child(2) { border-right:0; }.proof-strip div:nth-child(-n+2) { border-bottom:1px solid var(--line); }.about-section,.hours-section,.faq-section,.design-lab { grid-template-columns:1fr; gap:45px; }.location-card { grid-template-columns:1fr; }.location-copy { min-height:440px; }:root[data-hero-layout="background"] .hero-copy { min-height:600px; } }
@media (max-width:700px) { body { padding-bottom:67px; }.site-header { width:min(100% - 28px,1240px); height:78px; }.site-header>.button { display:none; }.brand { min-width:0; }.brand-emblem { width:48px; height:46px; }.brand-emblem img { width:150px; transform:translate(-14px,-25px); }.hero { width:calc(100% - 20px); }.hero-copy { padding:49px 23px 42px; }h1 { font-size:49px; }.hero-actions .button { width:100%; }.hero-visual { min-height:410px; }.hero-visual>img { object-fit:cover; }.floating-rating { right:18px; bottom:40px; min-width:172px; padding:18px 20px; }.proof-strip { width:calc(100% - 36px); margin-top:-14px; }.proof-strip div { padding:17px; }.section { width:calc(100% - 34px); padding:82px 0; }.section-heading { text-align:left; }.intent-grid { grid-template-columns:1fr; }.intent-card { min-height:225px; }.intent-card h3 { margin-top:28px; }.location-section { padding:64px 10px 82px; }.location-copy { min-height:auto; padding:52px 25px; }.map-embed,.map-embed iframe { min-height:390px; }.reviews-section { width:calc(100% - 34px); grid-template-columns:1fr; gap:28px; padding:42px 26px; }.review-score { min-height:auto; padding-bottom:26px; border-right:0; border-bottom:1px solid var(--line); }.faq-section { gap:40px; }.final-cta { width:calc(100% - 20px); padding:65px 24px; margin-bottom:62px; }footer { grid-template-columns:1fr; gap:30px; }.design-lab { width:calc(100% - 34px); margin-bottom:48px; padding:26px 20px; }.control-options,.brand-color-grid { grid-template-columns:1fr; }.mobile-actions { position:fixed; z-index:30; display:grid; grid-template-columns:1fr 1fr; left:10px; right:10px; bottom:9px; height:52px; padding:5px; background:var(--secondary); border-radius:var(--radius-md); box-shadow:0 12px 35px rgba(0,0,0,.24); }.mobile-actions a { display:grid; place-items:center; color:#fff; font-size:13px; font-weight:850; }.mobile-actions a:last-child { background:var(--primary); border-radius:var(--radius-sm); }:root[data-hero-layout="background"] .hero-copy { min-height:560px; }:root[data-hero-layout="background"] .hero-visual>img,:root[data-hero-layout="visual"] .hero-visual>img { object-fit:cover; }.legal-page { width:calc(100% - 34px); padding:38px 0 72px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }* { transition:none!important; } }

/* Tasarım Stüdyosu sıralama sistemi: Her taşınabilir blok kendi ritmini taşır. */
:root { --section-gap:clamp(64px,7vw,108px); }
.site-shell > .page-section { min-width:0; }.site-shell > .page-section + .page-section { padding-top:var(--section-gap); }.page-section--quick { display:grid; gap:var(--section-gap); }.page-section .proof-strip { margin:0 auto; }.page-section .section,.page-section .location-section { padding:0; }.page-section .reviews-section { margin:0 auto; }.page-section .final-cta { margin:0 auto; }.page-section--final { padding-bottom:var(--section-gap); }
@media (max-width:700px) { :root { --section-gap:56px; }.page-section .section,.page-section .location-section { padding:0; }.page-section .location-section { width:calc(100% - 34px); margin:0 auto; }.page-section .proof-strip { margin:0 auto; }.page-section .final-cta { margin:0 auto; } }

/* Logo paletinde markanın gerçek renkleri korunur, açık ve koyu zeminlerde okunabilir metin rengi otomatik seçilir. */
:root { --on-primary:#fff; --on-secondary:#fff; --on-accent:#fff; }
.button-solid { color:var(--on-primary); }.intent-card.accent-card,.final-cta { color:var(--on-primary); }.accent-card .intent-number { color:color-mix(in srgb,var(--on-primary) 72%,var(--primary)); }.accent-card p,.final-cta>p:not(.eyebrow) { color:color-mix(in srgb,var(--on-primary) 80%,var(--primary)); }.location-card { color:var(--on-secondary); }.location-copy p { color:color-mix(in srgb,var(--on-secondary) 70%,var(--secondary)); }.text-link-light { border-bottom-color:color-mix(in srgb,var(--on-secondary) 70%,transparent); }.mobile-actions { color:var(--on-secondary); }.mobile-actions a:last-child { color:var(--on-primary); }
.floating-rating { color:var(--on-secondary); }.floating-rating small { color:color-mix(in srgb,var(--on-secondary) 65%,var(--secondary)); }:root[data-hero-layout="background"] .floating-rating { color:var(--secondary); }.hours-header { color:#fff; }

/* Mobil hero, menü ve hızlı aksiyonlar: içerik önce gelir, görsel kesintisiz devam eder. */
.hero-local-proof { display:contents; }.hero-local-proof .microcopy { position:absolute; z-index:3; left:clamp(46px,7vw,105px); bottom:38px; margin:0; display:flex; align-items:center; gap:7px; }.hero-local-proof .microcopy span { color:var(--red-dark); font-size:10px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }:root[data-hero-layout="background"] .hero-local-proof .microcopy { color:rgba(255,255,255,.82); }.menu-toggle,.mobile-menu,.desktop-actions { display:none; }
.desktop-actions { position:fixed; z-index:28; right:22px; bottom:26px; gap:10px; }.desktop-action { width:58px; height:58px; display:grid; place-items:center; align-content:center; gap:1px; border-radius:50%; background:var(--secondary); color:var(--on-secondary); box-shadow:0 12px 30px rgba(0,0,0,.22); font-weight:900; transition:transform .2s ease,background .2s ease; }.desktop-action:hover,.desktop-action:focus-visible { transform:translateY(-3px); background:var(--primary); color:var(--on-primary); }.desktop-action span { font-size:17px; line-height:1; }.desktop-action small { font-size:9px; line-height:1; font-weight:900; letter-spacing:.04em; }.desktop-action[hidden],.mobile-actions[hidden],.desktop-actions[hidden] { display:none!important; }
@media (min-width:701px) { .desktop-actions { display:grid; } }
@media (max-width:940px) { :root[data-hero-layout="split"] .hero,:root[data-template="balance"][data-hero-layout="split"] .hero { grid-template-columns:1fr; } }
@media (max-width:700px) {
  body { padding-bottom:78px; }
  :root[data-hero-layout="split"] .hero,:root[data-template="balance"][data-hero-layout="split"] .hero { min-height:0; grid-template-columns:1fr; }
  :root[data-hero-layout="split"] .hero-visual { min-height:clamp(300px,76vw,410px); }
  .hero-copy { padding:46px 23px 32px; }
  .hero-local-proof { position:relative; z-index:2; display:grid; gap:12px; margin-top:16px; }
  .hero-local-proof .microcopy { position:static; margin:0; }
  .hero-local-proof .floating-rating { position:static; right:auto; bottom:auto; width:100%; min-width:0; padding:18px 20px; border-radius:var(--radius-md); box-shadow:0 10px 24px rgba(0,0,0,.16); }
  :root[data-hero-layout="background"] .hero-copy { min-height:0; padding-bottom:46px; }
  :root[data-hero-layout="background"] .hero-local-proof .floating-rating { background:rgba(255,255,255,.94); color:var(--secondary); }
  .site-header { position:relative; z-index:31; }
  .menu-toggle { width:46px; height:46px; display:grid; place-content:center; gap:5px; margin-left:auto; cursor:pointer; border:1px solid var(--line); border-radius:50%; background:#fff; color:var(--ink); }
  .menu-toggle span { width:18px; height:2px; display:block; background:currentColor; border-radius:99px; }
  .mobile-menu { position:fixed; z-index:100; inset:0; justify-content:flex-end; background:rgba(18,16,15,.38); }
  .mobile-menu:not([hidden]) { display:flex; }
  .mobile-menu-surface { width:min(100%,390px); min-height:100%; padding:22px; display:flex; flex-direction:column; background:var(--paper); box-shadow:-22px 0 50px rgba(0,0,0,.18); }
  .mobile-menu-head { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }
  .mobile-menu-brand { min-width:0; }
  .mobile-menu-brand .brand-copy { max-width:190px; }
  .menu-close { width:42px; height:42px; flex:none; display:grid; place-items:center; cursor:pointer; border:1px solid var(--line); border-radius:50%; background:#fff; color:var(--ink); font-size:29px; line-height:1; }
  .mobile-menu nav { margin-top:44px; display:grid; gap:0; color:var(--ink); }
  .mobile-menu nav a { padding:18px 0; border-bottom:1px solid var(--line); font-size:20px; font-weight:850; text-transform:none; }
  .mobile-menu-actions { margin-top:auto; display:grid; gap:9px; }
  .mobile-menu-actions a { min-height:52px; padding:0 18px; display:flex; align-items:center; justify-content:center; border:1px solid var(--ink); border-radius:var(--radius-md); background:#fff; color:var(--ink); font-size:14px; font-weight:850; text-align:center; }
  .mobile-menu-actions a[data-quick-action="phone"] { background:var(--primary); border-color:var(--primary); color:var(--on-primary); }
  .mobile-menu-actions a[data-quick-action="whatsapp"] { background:var(--secondary); border-color:var(--secondary); color:var(--on-secondary); }
  .mobile-actions { left:8px; right:8px; bottom:8px; height:62px; padding:5px; display:flex; gap:4px; border-radius:var(--radius-md); }
  .mobile-actions a { min-width:0; flex:1 1 0; padding:0 5px; font-size:12px; text-align:center; }
  .mobile-actions a[data-quick-action="directions"] { background:var(--primary); border-radius:var(--radius-sm); color:var(--on-primary); }
  .mobile-actions a[data-quick-action="whatsapp"] { background:color-mix(in srgb,var(--primary) 84%,#000); border-radius:var(--radius-sm); color:var(--on-primary); }
}

/* Hero kanıtları hero görselinin üzerine binmez: tüm şablonlarda ortak, ayrı bir alt alan. */
:root { --maps:#287a3c; --whatsapp:#25d366; --instagram-start:#f9ce34; --instagram-mid:#d62976; --instagram-end:#4f5bd5; }
.hero-local-proof { width:min(1160px,calc(100% - 48px)); margin:18px auto 0; padding:14px 16px 14px 26px; display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:18px; background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); box-shadow:0 16px 34px rgba(15,15,15,.1); }
.hero-local-proof .microcopy { grid-column:2; margin:0; display:flex; align-items:center; justify-content:center; gap:8px; color:var(--ink-soft); font-size:13px; font-weight:750; text-align:center; white-space:nowrap; }
.hero-local-proof .microcopy span { color:var(--red-dark); font-size:10px; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
.hero-local-proof .microcopy strong { color:var(--ink); font:inherit; }
.hero-local-proof .floating-rating { position:static; right:auto; bottom:auto; grid-column:3; justify-self:end; min-width:194px; padding:14px 19px; border-radius:var(--radius-md); background:var(--secondary); color:var(--on-secondary); box-shadow:none; }
.hero-local-proof .floating-rating small { color:color-mix(in srgb,var(--on-secondary) 68%,var(--secondary)); }
:root[data-hero-layout="background"] .hero-local-proof .floating-rating { background:var(--secondary); color:var(--on-secondary); }
:root[data-hero-layout="background"] .hero-local-proof .floating-rating small { color:color-mix(in srgb,var(--on-secondary) 68%,var(--secondary)); }

/* İletişim aksiyonları her yüzeyde aynı ikon ve anlamlı renkle görünür. */
.action-icon { width:18px; height:18px; flex:none; display:block; }
.action-button { border-color:transparent; color:#fff; box-shadow:0 10px 22px rgba(15,15,15,.16); }
.action-button--phone { background:var(--primary); color:var(--on-primary); }
.action-button--directions { background:var(--maps); color:#fff; }
.action-button--whatsapp { background:var(--whatsapp); color:#fff; }
.action-button--instagram { background:linear-gradient(135deg,var(--instagram-start) 0%,var(--instagram-mid) 54%,var(--instagram-end) 100%); color:#fff; }
.action-button:hover,.action-button:focus-visible { background:color-mix(in srgb,currentColor 10%,#000); color:#fff; }
.action-button--phone:hover,.action-button--phone:focus-visible { background:color-mix(in srgb,var(--primary) 84%,#000); color:var(--on-primary); }
.action-button--directions:hover,.action-button--directions:focus-visible { background:color-mix(in srgb,var(--maps) 84%,#000); }
.action-button--whatsapp:hover,.action-button--whatsapp:focus-visible { background:color-mix(in srgb,var(--whatsapp) 84%,#000); }
.action-button--instagram:hover,.action-button--instagram:focus-visible { filter:brightness(.9); }
.action-link { display:inline-flex; align-items:center; gap:7px; border-bottom:0; }
.action-link .action-icon { width:15px; height:15px; }
.desktop-action { color:#fff; }
.desktop-action .action-icon { width:25px; height:25px; }
.desktop-action small { display:none; }
.desktop-action[data-quick-action="phone"] { background:var(--primary); color:var(--on-primary); }
.desktop-action[data-quick-action="directions"] { background:var(--maps); color:#fff; }
.desktop-action[data-quick-action="whatsapp"] { background:var(--whatsapp); color:#fff; }
.desktop-action[data-quick-action="instagram"] { background:linear-gradient(135deg,var(--instagram-start) 0%,var(--instagram-mid) 54%,var(--instagram-end) 100%); color:#fff; }
.desktop-action:hover,.desktop-action:focus-visible { transform:translateY(-3px) scale(1.04); color:#fff; }

@media (max-width:700px) {
  .hero-local-proof { width:calc(100% - 20px); margin-top:12px; padding:18px; grid-template-columns:1fr; gap:13px; }
  .hero-local-proof .microcopy { grid-column:1; white-space:normal; }
  .hero-local-proof .floating-rating { grid-column:1; justify-self:stretch; width:100%; min-width:0; text-align:center; }
  .mobile-menu-actions a { gap:9px; border-color:transparent; color:#fff; }
  .mobile-menu-actions a[data-quick-action="phone"] { background:var(--primary); border-color:var(--primary); color:var(--on-primary); }
  .mobile-menu-actions a[data-quick-action="directions"] { background:var(--maps); border-color:var(--maps); color:#fff; }
  .mobile-menu-actions a[data-quick-action="whatsapp"] { background:var(--whatsapp); border-color:var(--whatsapp); color:#fff; }
  .mobile-menu-actions a[data-quick-action="instagram"] { background:linear-gradient(135deg,var(--instagram-start) 0%,var(--instagram-mid) 54%,var(--instagram-end) 100%); border-color:transparent; color:#fff; }
  .mobile-actions { padding:0; gap:7px; background:transparent; box-shadow:none; }
  .mobile-actions a { display:flex; align-items:center; justify-content:center; gap:5px; border-radius:var(--radius-sm); color:#fff; font-size:10px; }
  .mobile-actions .action-icon { width:16px; height:16px; }
  .mobile-actions a[data-quick-action="phone"] { background:var(--primary); color:var(--on-primary); }
  .mobile-actions a[data-quick-action="directions"] { background:var(--maps); color:#fff; }
  .mobile-actions a[data-quick-action="whatsapp"] { background:var(--whatsapp); color:#fff; }
  .mobile-actions a[data-quick-action="instagram"] { background:linear-gradient(135deg,var(--instagram-start) 0%,var(--instagram-mid) 54%,var(--instagram-end) 100%); color:#fff; }
}

/* Kontrast koruması: marka tonları sabit kalır, renkli yüzeylerin yazısı her zaman okunur. */
:root { --on-text:#fff; --on-maps:#fff; --on-whatsapp:#fff; --on-instagram:#fff; --accent-readable:var(--accent); }
h1 em { color:var(--accent-readable); }.eyebrow.light { color:color-mix(in srgb,var(--on-primary) 80%,var(--primary)); }.hours-header { color:var(--on-text); }
.hero-copy .button-outline.action-button--directions { border-color:var(--maps); background:var(--maps); color:var(--on-maps); }
.action-button--directions,.desktop-action[data-quick-action="directions"],.mobile-menu-actions a[data-quick-action="directions"],.mobile-actions a[data-quick-action="directions"] { color:var(--on-maps); }
.action-button--whatsapp,.desktop-action[data-quick-action="whatsapp"],.mobile-menu-actions a[data-quick-action="whatsapp"],.mobile-actions a[data-quick-action="whatsapp"] { color:var(--on-whatsapp); }
.action-button--instagram,.desktop-action[data-quick-action="instagram"],.mobile-menu-actions a[data-quick-action="instagram"],.mobile-actions a[data-quick-action="instagram"] { color:var(--on-instagram); }
.action-button--directions:hover,.action-button--directions:focus-visible,.desktop-action[data-quick-action="directions"]:hover,.desktop-action[data-quick-action="directions"]:focus-visible { color:var(--on-maps); }
.action-button--whatsapp:hover,.action-button--whatsapp:focus-visible,.desktop-action[data-quick-action="whatsapp"]:hover,.desktop-action[data-quick-action="whatsapp"]:focus-visible { color:var(--on-whatsapp); }
.action-button--instagram:hover,.action-button--instagram:focus-visible,.desktop-action[data-quick-action="instagram"]:hover,.desktop-action[data-quick-action="instagram"]:focus-visible { color:var(--on-instagram); }

@media (max-width:700px) {
  :root[data-hero-layout="background"] .hero { min-height:0; }
}

/* Masaüstünde hero kanıtları içeriğin yanında kalır; tablet ve mobilde ayrı kart olarak devam eder. */
.hero-location { margin:16px 0 0; display:flex; align-items:center; gap:8px; color:var(--ink-soft); font-size:13px; font-weight:750; white-space:nowrap; }
.hero-location span { color:var(--red-dark); font-size:10px; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
.hero-location strong { color:var(--ink); font:inherit; }
.hero-rating-desktop { right:28px; bottom:28px; }
.hero-local-proof { display:none; }
:root[data-hero-layout="background"] .hero-location { color:rgba(255,255,255,.82); }
:root[data-hero-layout="background"] .hero-location strong { color:#fff; }
:root[data-hero-layout="background"] .hero-rating-desktop { background:rgba(255,255,255,.94); color:var(--secondary); }
:root[data-hero-layout="background"] .hero-rating-desktop small { color:color-mix(in srgb,var(--text) 70%,#fff); }

@media (max-width:940px) {
  .hero-location,.hero-rating-desktop { display:none; }
  .hero-local-proof { width:min(760px,calc(100% - 48px)); margin:18px auto 0; padding:16px 20px; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:18px; background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); box-shadow:0 16px 34px rgba(15,15,15,.1); }
  .hero-local-proof .microcopy { margin:0; display:flex; align-items:center; gap:8px; color:var(--ink-soft); font-size:13px; font-weight:750; }
  .hero-local-proof .microcopy span { color:var(--red-dark); font-size:10px; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
  .hero-local-proof .microcopy strong { color:var(--ink); font:inherit; }
  .hero-local-proof .floating-rating { position:static; right:auto; bottom:auto; min-width:194px; padding:14px 19px; background:var(--secondary); color:var(--on-secondary); border-radius:var(--radius-md); box-shadow:none; }
  .hero-local-proof .floating-rating small { color:color-mix(in srgb,var(--on-secondary) 68%,var(--secondary)); }
  :root[data-hero-layout="background"] .hero-local-proof .floating-rating { background:var(--secondary); color:var(--on-secondary); }
}

@media (max-width:700px) {
  .hero-local-proof { width:calc(100% - 20px); margin-top:12px; padding:18px; grid-template-columns:1fr; gap:13px; }
  .hero-local-proof .microcopy { justify-content:center; text-align:center; white-space:normal; }
  .hero-local-proof .floating-rating { width:100%; min-width:0; padding:18px 20px; text-align:center; }
  :root[data-hero-layout="background"] .hero-local-proof .floating-rating { background:rgba(255,255,255,.94); color:var(--secondary); }
}

/* Bölüm renk eşlemeleri: Her renkli yüzey, palet rolünü ve okunabilir ön planını ayrı taşır. */
:root { --hero-accent:var(--accent-readable); --location-surface:var(--secondary); --on-location:var(--on-secondary); --intent-surface:var(--primary); --on-intent:var(--on-primary); --hours-surface:var(--text); --on-hours:var(--on-text); --final-surface:var(--primary); --on-final:var(--on-primary); }
h1 em { color:var(--hero-accent); }.intent-card.accent-card { border-color:var(--intent-surface); background:var(--intent-surface); color:var(--on-intent); }.accent-card .intent-number { color:color-mix(in srgb,var(--on-intent) 76%,var(--intent-surface)); }.accent-card p { color:color-mix(in srgb,var(--on-intent) 80%,var(--intent-surface)); }
.location-card { background:var(--location-surface); color:var(--on-location); }.location-copy p { color:color-mix(in srgb,var(--on-location) 72%,var(--location-surface)); }.location-copy .eyebrow.light { color:color-mix(in srgb,var(--on-location) 82%,var(--location-surface)); }.location-actions .action-link--phone { min-height:51px; padding:0 20px; display:inline-flex; align-items:center; justify-content:center; gap:9px; border:1px solid color-mix(in srgb,var(--on-location) 76%,var(--location-surface)); border-radius:var(--radius-md); background:color-mix(in srgb,var(--on-location) 12%,var(--location-surface)); color:var(--on-location); font-size:13px; font-weight:800; transition:transform .2s ease,background .2s ease,box-shadow .2s ease; }.location-actions .action-link--phone:hover { transform:translateY(-2px); background:color-mix(in srgb,var(--on-location) 20%,var(--location-surface)); }.location-actions .action-link--phone:focus-visible { outline-color:color-mix(in srgb,var(--on-location) 52%,transparent); }
.hours-header { background:var(--hours-surface); color:var(--on-hours); }.hours-header .status-pill { color:color-mix(in srgb,var(--on-hours) 72%,var(--hours-surface)); }.final-cta { background:var(--final-surface); color:var(--on-final); }.final-cta .eyebrow.light { color:color-mix(in srgb,var(--on-final) 82%,var(--final-surface)); }.final-cta>p:not(.eyebrow) { color:color-mix(in srgb,var(--on-final) 80%,var(--final-surface)); }

/* Aksiyon rengi kuralı: telefon birincil/ikincil arasında yüzeye göre değişir, yol tarifi harita yeşilidir. Aynı zemine yaklaşan her aksiyon görünür bir ayırıcı kenarlık alır. */
:root { --location-phone-bg:var(--primary); --location-on-phone:var(--on-primary); --location-phone-border:var(--primary); --location-directions-bg:var(--maps); --location-on-directions:var(--on-maps); --location-directions-border:var(--maps); --final-phone-bg:var(--secondary); --final-on-phone:var(--on-secondary); --final-phone-border:var(--secondary); --final-directions-bg:var(--maps); --final-on-directions:var(--on-maps); --final-directions-border:var(--maps); }
.location-actions .action-button,.final-cta .action-button { border-width:2px; box-shadow:0 10px 22px rgba(15,15,15,.16); }
.location-actions .action-button--phone { border-color:var(--location-phone-border); background:var(--location-phone-bg); color:var(--location-on-phone); }
.location-actions .action-button--directions { border-color:var(--location-directions-border); background:var(--location-directions-bg); color:var(--location-on-directions); }
.final-cta .action-button--phone { border-color:var(--final-phone-border); background:var(--final-phone-bg); color:var(--final-on-phone); }
.final-cta .action-button--directions { border-color:var(--final-directions-border); background:var(--final-directions-bg); color:var(--final-on-directions); }
.location-actions .action-button--phone:hover,.location-actions .action-button--phone:focus-visible { background:color-mix(in srgb,var(--location-phone-bg) 84%,#000); color:var(--location-on-phone); }
.location-actions .action-button--directions:hover,.location-actions .action-button--directions:focus-visible { background:color-mix(in srgb,var(--location-directions-bg) 84%,#000); color:var(--location-on-directions); }
.final-cta .action-button--phone:hover,.final-cta .action-button--phone:focus-visible { background:color-mix(in srgb,var(--final-phone-bg) 84%,#000); color:var(--final-on-phone); }
.final-cta .action-button--directions:hover,.final-cta .action-button--directions:focus-visible { background:color-mix(in srgb,var(--final-directions-bg) 84%,#000); color:var(--final-on-directions); }