/* İç sayfa varyantları (pages/<sayfa>/<varyant>): yalnızca tokenlara dayalı, nötr taban. Temalar kendi CSS'iyle inceltir. */
.vg-group,.vg-ed-group{padding-block:clamp(1.5rem,4vw,3rem)}
.vg-group-h,.vg-ed-h,.vg-idx-h{font-size:var(--text-h2);margin-bottom:var(--space-5,1.5rem)}

/* services/grid: eşit boyutlu dikey kartlar */
.vg-cards{list-style:none;display:grid;gap:clamp(.9rem,2vw,1.5rem);grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:760px){.vg-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1100px){.vg-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
.vg-card-a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit;background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius,12px);overflow:hidden;transition:transform .25s ease,border-color .25s ease}
.vg-card-img{display:block;aspect-ratio:4/5;background:color-mix(in srgb,var(--color-primary) 10%,var(--color-bg));overflow:hidden}
.vg-card-img img{width:100%;height:100%;object-fit:cover;display:block}
.vg-card-body{display:flex;flex-direction:column;gap:.35rem;padding:.9rem 1rem 1.1rem;flex:1}
.vg-card-name{font-family:var(--font-heading);font-size:1.05rem;line-height:1.25}
.vg-card-desc{color:var(--color-muted);font-size:.9rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vg-card-meta{margin-top:auto;font-size:.85rem;color:var(--color-primary);font-weight:600}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.vg-card-a:hover{transform:translateY(-4px);border-color:var(--color-primary)}}

/* services/editorial: numaralı, görsel/metin dönüşümlü satırlar */
.vg-ed{list-style:none;display:grid;gap:clamp(2rem,5vw,4rem)}
.vg-ed-row{display:grid;gap:1rem;align-items:center;position:relative}
.vg-ed-no{font-family:var(--font-heading);font-size:clamp(2.2rem,6vw,4rem);line-height:1;color:color-mix(in srgb,var(--color-primary) 35%,transparent)}
.vg-ed-img{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:var(--radius,12px);background:color-mix(in srgb,var(--color-primary) 10%,var(--color-bg))}
.vg-ed-img img{width:100%;height:100%;object-fit:cover}
.vg-ed-txt h3{font-size:clamp(1.3rem,3vw,1.9rem);margin-bottom:.5rem}
.vg-ed-txt h3 a{color:inherit;text-decoration:none}
.vg-ed-txt p{color:var(--color-muted)}
.vg-ed-meta{display:flex;flex-wrap:wrap;gap:.4rem 1rem;align-items:center;font-size:.9rem}
.vg-ed-go{margin-left:auto;font-weight:600}
@media(min-width:820px){
  .vg-ed-row.has-img{grid-template-columns:4rem minmax(0,1.1fr) minmax(0,1fr);gap:2rem}
  .vg-ed-row.has-img:nth-child(even){grid-template-columns:4rem minmax(0,1fr) minmax(0,1.1fr)}
  .vg-ed-row.has-img:nth-child(even) .vg-ed-img{order:3}
  .vg-ed-row:not(.has-img){grid-template-columns:4rem minmax(0,1fr)}
}

/* services/index: görselsiz, tipografik fiyat listesi */
.vg-idx-wrap{padding-block:clamp(1rem,3vw,2rem);max-width:60rem}
.vg-idx-group{margin-bottom:clamp(2rem,5vw,3.5rem)}
.vg-idx{list-style:none}
.vg-idx-row{border-bottom:1px solid var(--color-line)}
.vg-idx-a{display:flex;align-items:baseline;gap:.75rem;padding:.9rem 0;text-decoration:none;color:inherit}
.vg-idx-name{font-family:var(--font-heading);font-size:clamp(1.05rem,2.4vw,1.35rem)}
.vg-idx-dots{flex:1;border-bottom:1px dotted var(--color-line);transform:translateY(-.3em);min-width:1rem}
.vg-idx-meta{color:var(--color-muted);font-size:.92rem;white-space:nowrap}
.vg-idx-go{color:var(--color-primary);transition:transform .2s ease}
.vg-idx-desc{color:var(--color-muted);font-size:.92rem;margin:-.4rem 0 .9rem;max-width:52ch}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.vg-idx-a:hover .vg-idx-go{transform:translateX(5px)}.vg-idx-a:hover .vg-idx-name{color:var(--color-primary)}}

/* service/banner: tam genişlik görsel + yatay bilgi şeridi */
.vs-banner{position:relative}
.vs-banner-img{margin:0;aspect-ratio:21/9;max-height:62vh;width:100%;overflow:hidden;background:color-mix(in srgb,var(--color-primary) 10%,var(--color-bg))}
.vs-banner-img img{width:100%;height:100%;object-fit:cover;display:block}
.vs-banner-txt{padding-block:clamp(1.2rem,3vw,2.2rem) 0;max-width:calc(var(--wrap) + var(--gutter)*2)}
.vs-strip{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 2rem;padding-block:1.2rem;margin-block:1.2rem;border-block:1px solid var(--color-line)}
.vs-strip p{margin:0;display:flex;flex-direction:column;line-height:1.3}
.vs-strip span{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted)}
.vs-strip b{font-family:var(--font-heading);font-size:1.2rem}
.vs-strip-cta{margin-left:auto}
.vs-strip-cta .svc-cta{margin:0}
.vs-body{max-width:46rem;padding-block:1rem 2rem}

/* service/ledger: yapışkan randevu kartı + makale */
.vs-ledger{display:grid;gap:1.5rem;padding-block:1rem 2rem}
.vs-card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius,12px);padding:1rem;display:grid;gap:.9rem;align-content:start}
.vs-card-img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:calc(var(--radius,12px) - 4px)}
.vs-dl{margin:0;display:grid;gap:.5rem}
.vs-dl div{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--color-line);padding-bottom:.5rem}
.vs-dl dt{color:var(--color-muted)}.vs-dl dd{margin:0;font-weight:600}
.vs-main h1{margin-bottom:.6rem}
@media(min-width:900px){.vs-ledger{grid-template-columns:minmax(0,22rem) minmax(0,1fr);gap:3rem}.vs-card{position:sticky;top:calc(var(--nav-h,72px) + 16px)}}
.vg-rel{list-style:none;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}
.vg-rel a{display:flex;flex-direction:column;gap:.25rem;padding:1rem;border:1px solid var(--color-line);border-radius:var(--radius,12px);text-decoration:none;color:inherit;background:var(--color-surface)}
.vg-rel span{color:var(--color-muted);font-size:.9rem}.vg-rel em{font-style:normal;color:var(--color-primary);font-size:.85rem;font-weight:600}

/* gallery/grid: eşit kareler */
.vgal-grid{list-style:none;display:grid;gap:.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:760px){.vgal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}}
@media(min-width:1100px){.vgal-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.vgal-cell a{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;border-radius:var(--radius,12px)}
.vgal-cell img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.vgal-tag{position:absolute;left:.5rem;top:.5rem;background:var(--color-surface);color:var(--color-text);font-size:.72rem;padding:.2rem .55rem;border-radius:99px}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.vgal-cell a:hover img{transform:scale(1.05)}}

/* gallery/story: büyük kareler + alt yazı, dönüşümlü hizalama */
.vgal-story{list-style:none;display:grid;gap:clamp(1.5rem,5vw,3.5rem)}
.vgal-row{display:grid;gap:.6rem}
.vgal-one img,.vgal-pair img{width:100%;height:auto;display:block;border-radius:var(--radius,12px)}
.vgal-pair{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.vgal-pair>div{position:relative}
.vgal-pair .vgal-tag{z-index:1}
.vgal-cap{margin:0;color:var(--color-muted);display:flex;gap:.8rem;align-items:baseline;max-width:44ch}
.vgal-no{font-family:var(--font-heading);color:var(--color-primary)}
@media(min-width:820px){.vgal-row{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:end;gap:2rem}.vgal-row:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}.vgal-row:nth-child(even) .vgal-cap{order:-1;justify-self:end}}

/* Varsayılan ana sayfa bölüm başlıkları (sections/*/default): bağlantı sağda */
.wrap .section-head.sf-head{max-width:none;display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap}

/* services/split: yapışkan kategori sütunu + kompakt liste */
.vsp{display:grid;gap:1.2rem;padding-block:clamp(1rem,3vw,2rem) clamp(2rem,5vw,4rem)}
@media(min-width:900px){.vsp{grid-template-columns:13rem minmax(0,1fr);gap:clamp(2rem,5vw,4rem)}}
.vsp-side{align-self:start}
@media(min-width:900px){.vsp-side{position:sticky;top:calc(var(--nav-h,72px) + 16px)}}
.vsp-side-h{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted);font-weight:600;margin:0 0 .6rem}
.vsp-side ul{list-style:none;display:flex;flex-wrap:wrap;gap:.3rem .8rem}
@media(min-width:900px){.vsp-side ul{flex-direction:column;gap:0}}
.vsp-side a{display:block;padding:.45rem 0;color:var(--color-muted);text-decoration:none;border-bottom:1px solid transparent}
.vsp-side a.is-on,.vsp-side a:hover{color:var(--color-text);border-color:var(--color-primary)}
.vsp-group{margin-bottom:clamp(1.5rem,4vw,3rem)}
.vsp-group-h{font-size:var(--text-h2);margin-bottom:1rem}
.vsp-list{list-style:none;display:grid;gap:.6rem}
.vsp-item{display:grid;grid-template-columns:4.5rem minmax(0,1fr) auto;gap:1rem;align-items:center;padding:.7rem;border:1px solid var(--color-line);border-radius:var(--radius,12px);background:var(--color-surface);text-decoration:none;color:inherit;transition:border-color .2s}
.vsp-img{display:block;width:4.5rem;aspect-ratio:1;border-radius:calc(var(--radius,12px) - 2px);overflow:hidden;background:color-mix(in srgb,var(--color-primary) 10%,var(--color-bg))}
.vsp-img img{width:100%;height:100%;object-fit:cover;display:block}
.vsp-txt{display:grid;gap:.15rem;min-width:0}.vsp-txt b{font-family:var(--font-heading)}.vsp-txt span{color:var(--color-muted);font-size:.9rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vsp-meta{font-size:.85rem;color:var(--color-primary);font-weight:600;text-align:right;white-space:nowrap}
@media(hover:hover) and (pointer:fine){.vsp-item:hover{border-color:var(--color-primary)}}

/* services/tiles: iki sütun büyük görsel karolar, alt yazı üstte katman */
.vt-group{padding-block:clamp(1.5rem,4vw,3rem)}
.vt-group-h{font-size:var(--text-h2);margin-bottom:1.2rem}
.vt-tiles{list-style:none;display:grid;gap:clamp(.6rem,1.4vw,1.2rem)}
@media(min-width:700px){.vt-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
.vt-tile a{position:relative;display:block;aspect-ratio:3/2;overflow:hidden;border-radius:var(--radius,12px);background:color-mix(in srgb,var(--color-primary) 12%,var(--color-bg));text-decoration:none;color:inherit}
.vt-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.vt-tile a::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,color-mix(in srgb,var(--color-text) 80%,transparent),transparent 60%)}
.vt-cap{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:1rem 1.2rem;display:grid;gap:.1rem;color:var(--color-bg)}
.vt-cap b{font-family:var(--font-heading);font-size:clamp(1.15rem,2.4vw,1.6rem);line-height:1.2}
.vt-cap span{font-size:.85rem;opacity:.9}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.vt-tile a:hover img{transform:scale(1.05)}}

/* gallery/mosaic: sıkı ızgara, dönüşümlü uzun/geniş hücreler */
.vgal-mosaic{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(140px,26vw,260px);grid-auto-flow:dense;gap:6px}
@media(min-width:900px){.vgal-mosaic{grid-template-columns:repeat(4,minmax(0,1fr))}}
.vgal-mo{position:relative;overflow:hidden;border-radius:var(--radius,12px)}
.vgal-mo:nth-child(5n+1){grid-row:span 2}.vgal-mo:nth-child(7n+4){grid-column:span 2}
.vgal-mo a{display:block;width:100%;height:100%}
.vgal-mo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.vgal-mo a:hover img{transform:scale(1.04)}}

/* Ana sayfa bölüm varyantları: faq/split, faq/cols, blog/list, blog/lead, staff/circles, staff/strip */
.vh-faq,.vh-faqc,.vh-blog,.vh-lead,.vh-circ,.vh-stf{padding-block:clamp(32px,6vw,80px)}
.vh-faq{display:grid;gap:clamp(20px,4vw,56px)}
@media(min-width:900px){.vh-faq{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);align-items:start}.vh-faq-side{position:sticky;top:calc(var(--nav-h,72px) + 24px)}}
.vh-faq-note{color:var(--color-muted)}
.vh-q{border-bottom:1px solid var(--color-line)}
.vh-q summary{cursor:pointer;list-style:none;padding:1rem 2rem 1rem 0;font-weight:600;position:relative}
.vh-q summary::-webkit-details-marker{display:none}
.vh-q summary::after{content:"+";position:absolute;right:0;top:.85rem;font-size:1.3rem;line-height:1;color:var(--color-primary);transition:transform .2s}
.vh-q[open] summary::after{transform:rotate(45deg)}
.vh-a{padding:0 0 1.1rem;color:var(--color-muted);max-width:62ch}
.vh-faqc-grid{list-style:none;display:grid;gap:clamp(20px,3vw,36px) clamp(24px,5vw,64px);margin-top:1.4rem;counter-reset:q}
@media(min-width:820px){.vh-faqc-grid{grid-template-columns:1fr 1fr}}
.vh-faqc-grid li{counter-increment:q;padding-top:1rem;border-top:1px solid var(--color-text)}
.vh-faqc-grid h3{font-size:1.1rem;margin-bottom:.4rem}.vh-faqc-grid h3::before{content:counter(q,decimal-leading-zero) " ";color:var(--color-primary);font-size:.8em;margin-right:.4rem}
.vh-rows{list-style:none;border-top:1px solid var(--color-text)}
.vh-rows li{border-bottom:1px solid var(--color-line)}
.vh-rows a{display:grid;grid-template-columns:6.5rem minmax(0,1fr) auto;gap:1rem;align-items:baseline;padding:1.1rem 0;text-decoration:none;color:inherit}
.vh-rows time{font-size:.84rem;color:var(--color-muted)}
.vh-row-t{display:grid;gap:.2rem}.vh-row-t b{font-family:var(--font-heading);font-size:1.2rem;line-height:1.25}.vh-row-t span{color:var(--color-muted);font-size:.92rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vh-row-go{color:var(--color-primary);transition:transform .2s}
@media(hover:hover) and (pointer:fine){.vh-rows a:hover .vh-row-go{transform:translateX(5px)}.vh-rows a:hover b{text-decoration:underline;text-underline-offset:.2em}}
@media(max-width:559.98px){.vh-rows a{grid-template-columns:1fr auto}.vh-rows time{grid-column:1/-1}}
.vh-lead-grid{display:grid;gap:clamp(16px,3vw,32px)}
@media(min-width:820px){.vh-lead-grid{grid-template-columns:1.4fr 1fr;grid-auto-flow:dense}.vh-lead-item.is-first{grid-row:span 3}}
.vh-lead-item{padding:1.3rem 0;border-top:1px solid var(--color-line)}
.vh-lead-item.is-first{border-top:2px solid var(--color-text)}.vh-lead-item.is-first h3{font-size:clamp(1.6rem,3.2vw,2.4rem)}
.vh-lead-item time{font-size:.8rem;color:var(--color-muted)}.vh-lead-item h3 a{color:inherit;text-decoration:none}.vh-lead-item p{color:var(--color-muted);margin:.4rem 0 0}
.vh-circles{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:20px 12px;text-align:center}
@media(min-width:820px){.vh-circles{grid-template-columns:repeat(4,1fr)}}
.vh-circles a{display:grid;gap:.2rem;justify-items:center;text-decoration:none;color:inherit}
.vh-av{display:block;width:min(100%,160px);aspect-ratio:1;border-radius:50%;overflow:hidden;background:color-mix(in srgb,var(--color-primary) 12%,var(--color-bg));margin-bottom:.5rem}
.vh-av img{width:100%;height:100%;object-fit:cover;display:block}
.vh-circles span:not(.vh-av){color:var(--color-muted);font-size:.86rem}
.vh-names{list-style:none;display:flex;flex-wrap:wrap;gap:10px 32px;margin-top:1rem}
.vh-names a{display:grid;text-decoration:none;color:inherit;padding:.4rem 0;border-bottom:1px solid var(--color-line)}
.vh-names span{color:var(--color-muted);font-size:.84rem}

/* service/stack: tek sütun, rozet satırı */
.vs-stack{max-width:48rem;padding-block:1rem 3rem}
.vs-chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:1rem 0 1.4rem}
.vs-chips li{padding:.35rem .9rem;border:1px solid var(--color-line);border-radius:999px;font-size:.9rem;font-weight:600}
.vs-stack-img{margin:0 0 1.6rem}.vs-stack-img img{width:100%;height:auto;aspect-ratio:11/7;object-fit:cover;border-radius:var(--radius,12px);display:block}
/* service/halves: yarım ekran görsel + yazı */
.vs-halves{display:grid}
@media(min-width:900px){.vs-halves{grid-template-columns:1fr 1fr;min-height:calc(100svh - var(--nav-h,72px))}.vs-halves-img{position:sticky;top:0;height:calc(100svh - var(--nav-h,72px));align-self:start}}
.vs-halves-img{background:color-mix(in srgb,var(--color-primary) 10%,var(--color-bg));aspect-ratio:4/3}
@media(min-width:900px){.vs-halves-img{aspect-ratio:auto}}
.vs-halves-img img{width:100%;height:100%;object-fit:cover;display:block}
.vs-halves-txt{padding:clamp(24px,5vw,64px) clamp(20px,5vw,72px);display:grid;gap:.8rem;align-content:start;max-width:46rem}
/* service/cards: üç bilgi kartı */
.vs-cardshead{padding-block:1rem 0}
.vs-infocards{display:grid;gap:10px;margin-block:1.2rem}
@media(min-width:700px){.vs-infocards{grid-template-columns:repeat(3,1fr)}}
.vs-ic{display:grid;gap:.2rem;padding:1.1rem 1.3rem;border:1px solid var(--color-line);border-radius:var(--radius,12px);background:var(--color-surface);align-content:start}
.vs-ic span{font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);font-weight:600}.vs-ic b{font-family:var(--font-heading);font-size:1.4rem}
.vs-cards-img{margin-block:0 1.4rem}.vs-cards-img img{width:100%;aspect-ratio:21/9;object-fit:cover;border-radius:var(--radius,12px);display:block}
/* services/compact: iki sütun bilgi listesi */
.vc-group{padding-block:clamp(1.2rem,3vw,2.4rem)}
.vc-group-h{display:flex;align-items:baseline;gap:.6rem;font-size:var(--text-h2);margin-bottom:1rem}.vc-group-h small{font-size:.9rem;color:var(--color-muted);font-weight:500}
.vc-list{list-style:none;display:grid;gap:10px}
@media(min-width:820px){.vc-list{grid-template-columns:1fr 1fr}}
.vc-item a{display:grid;gap:.3rem;padding:1rem 1.2rem;border:1px solid var(--color-line);border-left:3px solid var(--color-primary);border-radius:var(--radius,12px);background:var(--color-surface);text-decoration:none;color:inherit;height:100%}
.vc-item b{font-size:1.05rem}.vc-desc{color:var(--color-muted);font-size:.9rem}
.vc-meta{display:flex;gap:6px}.vc-meta i{font-style:normal;padding:.15rem .6rem;border-radius:99px;background:color-mix(in srgb,var(--color-primary) 9%,var(--color-bg));color:var(--color-primary);font-size:.8rem;font-weight:700}