/* CCS site şablonları (v1.1.0). Tek iskelet, altı tasarım: body[data-t]. --acc ve --acc-ink sayfada satır içi gelir. */
.t{--r:14px;--pad:clamp(20px,5vw,72px);--fd:system-ui,sans-serif;--fb:system-ui,sans-serif}
.t[data-t=lezzet]{--bg:#F5EEE3;--fg:#2B1D14;--mut:#7A6555;--sur:#EBDFCD;--line:rgba(43,29,20,.16);--fd:'Fraunces',Georgia,serif;--fb:'Inter',system-ui,sans-serif;--r:999px}
.t[data-t=nabiz]{--bg:#F4F8FA;--fg:#0F2A3A;--mut:#587080;--sur:#fff;--line:rgba(15,42,58,.1);--fd:'Plus Jakarta Sans',system-ui,sans-serif;--fb:'Plus Jakarta Sans',system-ui,sans-serif;--r:16px}
.t[data-t=atolye]{--bg:#F2F0EB;--fg:#141414;--mut:#6B6B66;--sur:#E4E1D9;--line:rgba(20,20,20,.2);--fd:'Instrument Serif',Georgia,serif;--fb:'Inter Tight',system-ui,sans-serif;--r:0px}
.t[data-t=vitrin]{--bg:#FFF7F2;--fg:#141018;--mut:#6E6672;--sur:#fff;--line:rgba(20,16,24,.1);--fd:'Syne',system-ui,sans-serif;--fb:'DM Sans',system-ui,sans-serif;--r:22px}
.t[data-t=aura]{--bg:#F7EEEC;--fg:#3A2430;--mut:#8A6E78;--sur:#FFF8F6;--line:rgba(58,36,48,.14);--fd:'Cormorant Garamond',Georgia,serif;--fb:'Manrope',system-ui,sans-serif;--r:999px}
.t[data-t=temel]{--bg:#121417;--fg:#F1F1EE;--mut:#9AA0A6;--sur:#1C1F23;--line:rgba(241,241,238,.12);--fd:'Archivo',system-ui,sans-serif;--fb:'Archivo',system-ui,sans-serif;--r:2px}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body.t{margin:0;background:var(--bg);color:var(--fg);font:400 16px/1.65 var(--fb);-webkit-font-smoothing:antialiased;overflow-x:clip}
.t a{color:inherit;text-decoration:none}
.t h1,.t h2,.t h3{font-family:var(--fd);margin:0;line-height:1.05;letter-spacing:-.02em;text-wrap:balance}
.t p{margin:0}
.t :focus-visible{outline:2px solid var(--acc);outline-offset:3px}

/* ccs önizleme bandı (iframe dışında) */
.t-ccsbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px var(--pad);background:#060608;color:#EEEDE8;font:500 12px/1.2 'IBM Plex Mono',ui-monospace,monospace;letter-spacing:.04em}
.t-ccsbar a{color:#C8FF2E}.t-ccsbar span{color:#8B8D97;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

.t-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:24px;padding:18px var(--pad);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.t-ccsbar+.t-nav{top:33px}
.t-logo{font:600 21px/1 var(--fd);letter-spacing:-.02em;margin-right:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.t-links{display:flex;gap:28px;font-size:14px;font-weight:500;color:var(--mut)}.t-links a:hover{color:var(--fg)}
.t-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:var(--r);background:var(--acc);color:var(--acc-ink);font:600 15px/1 var(--fb);white-space:nowrap;transition:transform .25s,box-shadow .25s}
.t-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px -12px var(--acc)}
.t-btn-sm{min-height:42px;padding:0 18px;font-size:14px}
.t-link{font-weight:600;border-bottom:1.5px solid currentColor;padding-bottom:2px}

.t-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(24px,5vw,80px);align-items:center;min-height:min(78vh,760px);padding:clamp(40px,7vw,96px) var(--pad)}
.t-eyebrow{font:600 12px/1.2 var(--fb);letter-spacing:.16em;text-transform:uppercase;color:var(--mut);margin-bottom:18px}
.t-hero h1{font-size:clamp(44px,6.6vw,100px);font-weight:600}
.t-lead{max-width:46ch;margin-top:24px;font-size:clamp(17px,1.5vw,20px);color:var(--mut)}
.t-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:34px}
.t-art svg{display:block;width:100%;height:auto;max-height:520px}
.a-soft{fill:var(--sur)}.a-acc{fill:var(--acc)}.a-line{fill:none;stroke:var(--fg);stroke-width:2;opacity:.45}.a-line-fill{fill:var(--fg)}
.a-stroke{fill:none;stroke:var(--fg);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.a-acc-stroke{stroke:var(--acc)}.a-white{fill:none;stroke:var(--acc-ink);stroke-width:8;stroke-linecap:round}.a-thin{fill:none;stroke:var(--fg);stroke-width:1;opacity:.35}

.t-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:0 var(--pad);border-block:1px solid var(--line)}
.t-stats div{padding:30px 0;display:grid;gap:6px}.t-stats div+div{padding-left:28px;border-left:1px solid var(--line)}
.t-stats b{font:600 clamp(30px,4vw,56px)/1 var(--fd);letter-spacing:-.03em}.t-stats span{font-size:14px;color:var(--mut)}

.t-about{padding:clamp(64px,10vw,140px) var(--pad);display:grid;grid-template-columns:minmax(140px,.3fr) 1fr;gap:24px}
.t-about-text{font:500 clamp(22px,2.7vw,38px)/1.3 var(--fd);letter-spacing:-.015em;max-width:30ch}

.t-services{padding:0 var(--pad) clamp(64px,10vw,140px)}
.t-services h2{font-size:clamp(36px,5vw,72px);font-weight:600;margin-bottom:clamp(28px,4vw,56px)}
.t-svcs{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.t-svc{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:start;padding:28px;background:var(--sur);border-radius:min(var(--r),24px)}
.t-n{font:500 13px/1.6 var(--fb);color:var(--mut)}
.t-svc h3{font-size:clamp(20px,1.8vw,26px);font-weight:600}.t-svc p{margin-top:8px;color:var(--mut);font-size:15px}
.t-price{font:600 18px/1.4 var(--fb);white-space:nowrap}

.t-quotes{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(24px,4vw,56px);padding:clamp(56px,8vw,110px) var(--pad);border-top:1px solid var(--line)}
.t-quotes figure{margin:0}.t-quotes blockquote{margin:0;font:500 clamp(20px,2vw,28px)/1.35 var(--fd)}.t-quotes figcaption{margin-top:16px;font-size:14px;color:var(--mut)}

.t-contact{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,72px);margin:0 var(--pad) var(--pad);padding:clamp(36px,6vw,80px);border-radius:min(var(--r),32px);background:var(--fg);color:var(--bg)}
.t-contact h2{font-size:clamp(32px,4.4vw,64px);font-weight:600}.t-contact p{margin:18px 0 28px;opacity:.75;max-width:40ch}
.t-dl{margin:0;display:grid;gap:18px;align-content:center}.t-dl div{display:grid;gap:4px;padding-bottom:16px;border-bottom:1px solid color-mix(in srgb,var(--bg) 22%,transparent)}
.t-dl dt{font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.6}.t-dl dd{margin:0;font-size:18px;font-weight:500}
.t-foot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:24px var(--pad) 32px;font-size:13px;color:var(--mut)}

/* ── Lezzet: ortalanmış, sıcak, fiyatlı menü ── */
[data-t=lezzet] .t-hero{grid-template-columns:1fr;text-align:center;justify-items:center}
[data-t=lezzet] .t-art{order:-1;width:min(240px,50vw)}
[data-t=lezzet] .t-hero h1{font-style:italic;font-weight:400;font-size:clamp(46px,7.4vw,112px);max-width:14ch}
[data-t=lezzet] .t-lead{margin-inline:auto}[data-t=lezzet] .t-actions{justify-content:center}
[data-t=lezzet] .t-services h2,[data-t=lezzet] .t-about-text{font-style:italic;font-weight:400}

/* fiyatlı listeler (Lezzet, Aura ve fiyat girilmiş her taslak) */
.t-services.is-priced .t-svcs{grid-template-columns:1fr;gap:0;max-width:860px}
.t-services.is-priced .t-svc{background:none;border-radius:0;padding:22px 0;border-bottom:1px dashed var(--line);grid-template-columns:auto 1fr auto;align-items:baseline}
[data-t=lezzet] .t-services.is-priced,[data-t=aura] .t-services.is-priced{display:grid;justify-items:center;text-align:left}
[data-t=lezzet] .t-services.is-priced .t-svcs,[data-t=aura] .t-services.is-priced .t-svcs{width:100%}

/* ── Nabız: ferah kartlar ── */
[data-t=nabiz] .t-hero{background:radial-gradient(60% 70% at 85% 30%,color-mix(in srgb,var(--acc) 14%,transparent),transparent 70%)}
[data-t=nabiz] .t-hero h1{font-weight:700;letter-spacing:-.035em;font-size:clamp(40px,5.6vw,84px)}
[data-t=nabiz] .t-svc{box-shadow:0 1px 0 var(--line),0 18px 40px -28px rgba(15,42,58,.35)}
[data-t=nabiz] .t-n{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--acc) 14%,transparent);color:var(--acc);font-weight:700}
[data-t=nabiz] .t-stats b{color:var(--acc)}
[data-t=nabiz] .t-contact{background:#0F2A3A;color:#fff}

/* ── Atölye: editoryal ── */
[data-t=atolye] .t-hero{grid-template-columns:1fr;min-height:auto;padding-bottom:40px}
[data-t=atolye] .t-hero h1{font-weight:400;font-size:clamp(56px,10.5vw,176px);line-height:.92;letter-spacing:-.035em;max-width:12ch}
[data-t=atolye] .t-art{max-width:100%;height:clamp(180px,26vw,380px);overflow:hidden;filter:grayscale(1)}
[data-t=atolye] .t-art svg{width:100%;height:100%;max-height:none}
[data-t=atolye] .t-hero-copy{display:grid;grid-template-columns:1fr;gap:0}
[data-t=atolye] .t-svcs{grid-template-columns:1fr;gap:0}
[data-t=atolye] .t-svc{background:none;padding:30px 0;border-top:1px solid var(--line);grid-template-columns:80px 1fr auto}
[data-t=atolye] .t-svc h3{font-size:clamp(28px,3.4vw,52px);font-weight:400}
[data-t=atolye] .t-n{font-size:15px;color:var(--fg)}
[data-t=atolye] .t-services h2,[data-t=atolye] .t-contact h2{font-weight:400}
[data-t=atolye] .t-quotes blockquote{font-style:italic}

/* ── Vitrin: ürün kartları ── */
[data-t=vitrin] .t-hero h1{font-weight:800;text-transform:uppercase;letter-spacing:-.04em;font-size:clamp(42px,6.4vw,104px);line-height:.95}
[data-t=vitrin] .t-logo{font-weight:800;text-transform:uppercase}
[data-t=vitrin] .t-svcs,[data-t=vitrin] .t-services.is-priced .t-svcs{grid-template-columns:repeat(4,1fr);gap:18px;max-width:none}
[data-t=vitrin] .t-svc,[data-t=vitrin] .t-services.is-priced .t-svc{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:0 0 18px;background:none;border:0;border-radius:0}
[data-t=vitrin] .t-svc::before{content:"";order:-2;aspect-ratio:4/5;border-radius:var(--r);margin-bottom:10px;background:linear-gradient(160deg,color-mix(in srgb,var(--acc) 30%,#fff),color-mix(in srgb,var(--acc) 70%,#141018))}
[data-t=vitrin] .t-svc:nth-child(2n)::before{background:linear-gradient(200deg,#EDE6E0,#C9BEB4)}
[data-t=vitrin] .t-n{display:none}
[data-t=vitrin] .t-svc h3{font-family:var(--fb);font-size:17px;font-weight:700;letter-spacing:0}
[data-t=vitrin] .t-svc p{margin-top:0;font-size:14px}
[data-t=vitrin] .t-price{order:-1;align-self:flex-start;margin:-58px 0 22px 12px;padding:6px 12px;border-radius:999px;background:var(--fg);color:var(--bg);font-size:14px}
[data-t=vitrin] .t-services h2{text-transform:uppercase;font-weight:800}
[data-t=vitrin] .t-contact{background:var(--acc);color:var(--acc-ink)}
[data-t=vitrin] .t-contact .t-btn{background:var(--acc-ink);color:var(--acc)}
[data-t=vitrin] .t-dl div{border-color:color-mix(in srgb,var(--acc-ink) 25%,transparent)}

/* ── Aura: yumuşak, zarif ── */
[data-t=aura] body,[data-t=aura].t{background:radial-gradient(50% 40% at 90% 10%,color-mix(in srgb,var(--acc) 18%,transparent),transparent 70%),var(--bg)}
[data-t=aura] .t-hero h1{font-weight:500;font-style:italic;font-size:clamp(48px,7vw,116px);line-height:.98}
[data-t=aura] .t-about-text,[data-t=aura] .t-services h2,[data-t=aura] .t-contact h2{font-weight:500;font-style:italic}
[data-t=aura] .t-svc h3{font-size:clamp(24px,2.2vw,32px);font-weight:500}
[data-t=aura] .t-contact{border-radius:40px;background:#3A2430;color:#F7EEEC}
[data-t=aura] .t-art{filter:saturate(.85)}

/* ── Temel: koyu, güçlü ── */
[data-t=temel] .t-hero h1{font-weight:900;text-transform:uppercase;letter-spacing:-.03em;font-size:clamp(42px,6.8vw,112px);line-height:.92}
[data-t=temel] .t-logo{font-weight:900;text-transform:uppercase;letter-spacing:.02em}
[data-t=temel] .t-eyebrow{color:var(--acc);margin-bottom:26px}
[data-t=temel] .t-lead,[data-t=vitrin] .t-lead,[data-t=atolye] .t-lead{margin-top:30px}
[data-t=temel] .t-stats b{color:var(--acc);font-weight:900}
[data-t=temel] .t-svc{border-left:4px solid var(--acc)}
[data-t=temel] .t-services h2,[data-t=temel] .t-contact h2{font-weight:900;text-transform:uppercase}
[data-t=temel] .t-n{color:var(--acc);font-weight:700}
[data-t=temel] .t-contact{background:var(--acc);color:var(--acc-ink)}
[data-t=temel] .t-contact .t-btn{background:var(--acc-ink);color:var(--acc)}
[data-t=temel] .t-dl div{border-color:color-mix(in srgb,var(--acc-ink) 25%,transparent)}
[data-t=temel] .t-art .a-soft{fill:#23272C}

@media (max-width:900px){
  .t-hero{grid-template-columns:1fr;min-height:auto}
  .t-art{max-width:420px}
  [data-t=vitrin] .t-svcs,[data-t=vitrin] .t-services.is-priced .t-svcs{grid-template-columns:repeat(2,1fr)}
  .t-contact{grid-template-columns:1fr}
}
@media (max-width:680px){
  .t-links{display:none}
  .t-nav{gap:14px}.t-logo{font-size:18px}.t-nav .t-btn-sm{min-height:38px;padding:0 14px;font-size:13px}
  .t-svcs,.t-quotes,.t-about{grid-template-columns:1fr}
  .t-stats{grid-template-columns:1fr}.t-stats div+div{padding-left:0;border-left:0;border-top:1px solid var(--line)}.t-stats div{padding:20px 0}
  .t-svc{padding:22px}
  [data-t=atolye] .t-svc{grid-template-columns:44px 1fr}
  [data-t=atolye] .t-svc .t-price{grid-column:2}
  .t-ccsbar span{display:none}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.t-btn{transition:none}}