/* Serilisans v2 — tasarım sistemi (taslak). Mobil öncelikli, 16px kenar boşluğu. */
:root {
  --ink: #0B1220; --ink-2: #3C4657; --muted: #6B7585; --line: #E5E8EE; --line-2: #D5DAE3;
  --bg: #FFFFFF; --surface: #F6F7F9; --surface-2: #EEF1F5;
  --accent: #F2600C; --accent-ink: #FFFFFF; --accent-soft: #FFF1E8; --accent-deep: #C94D05;
  --ok: #0F7A40; --ok-soft: #E6F6EC; --star: #F5A524;
  --win-a: #DCEBFF; --win-b: #EAF6FF; --win-ink: #0B4FA8;
  --off-a: #FFE3D3; --off-b: #FFF0E6; --off-ink: #B4400A;
  --m365-a: #E4E2FF; --m365-b: #F1EFFF; --m365-ink: #4338CA;
  --pak-a: #D9F5E6; --pak-b: #EDFAF2; --pak-ink: #0F7A45;
  --r: 12px; --r-lg: 18px; --shadow: 0 1px 2px rgba(11,18,32,.05), 0 8px 24px -12px rgba(11,18,32,.18);
  --font: "Inter", "Inter Fallback", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --w: 1180px;
}
/* Web yazı tipi gelene kadar Arial, Inter ölçülerine uydurulur → yazı tipi değişince düzen kaymaz (CLS). */
/* Inter: siteye özel alt küme (Latin + Türkçe + ₺), değişken ağırlık 400-800, tek dosya 36 KB.
   Yol MUTLAK olmalı: bu dosya ana sayfada satır içi basılıyor, göreli yol belge köküne göre çözülür. */
/* font-display: optional -> yazı tipi ~100 ms içinde hazır değilse tarayıcı ölçüleri eşleşen
   "Inter Fallback" (Arial) ile çizer ve SONRADAN takas etmez. Böylece LCP metni yazı tipini
   beklemez. Font önbelleğe girdikten sonra (2. sayfadan itibaren) Inter kullanılır.
   Geri almak için tek kelime: optional -> swap. */
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400 800; font-display: optional; src: url("/wp-content/themes/woodmart-child/assets/fonts/inter-tr.woff2") format("woff2"); }
@font-face { font-family: "Inter Fallback"; src: local("Arial"); size-adjust: 107.64%; ascent-override: 90.2%; descent-override: 22.48%; line-gap-override: 0%; }
html[data-accent="b"] { --accent: #4F46E5; --accent-soft: #EEF0FF; --accent-deep: #3730A3; }
html[data-accent="c"] { --accent: #D7263D; --accent-soft: #FDECEF; --accent-deep: #A8172B; }
html[data-accent="d"] { --accent: #1D4ED8; --accent-soft: #E8EEFF; --accent-deep: #1E3FAE; }

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body.srl-v2-page { margin: 0; background: var(--bg); color: var(--ink); font: 16px/1.6 var(--font); -webkit-font-smoothing: antialiased; }
/* Yatay taşma güvencesi (kayan güven şeridi + geniş bloklar iPhone'da yana kaymasın) */
body.srl-v2-page { overflow-x: clip; }
html:has(body.srl-v2-page) { overflow-x: hidden; overflow-x: clip; }
body.srl-v2-page img { max-width: 100%; height: auto; }
.v2-header svg, .v2-drawer svg, .v2-strip svg, .v2-footer svg, .v2-tabbar svg, .v2-card svg, .v2-cat svg, .v2-pick svg, .v2-btn svg, .v2-icon svg, .v2-wa-float svg, .v2-stars svg { flex: none; }
body.srl-v2-page a { color: inherit; text-decoration: none; }
.v2-header a, .v2-drawer a, .v2-strip a, .v2-footer a, .v2-tabbar a, .v2-card a, .v2-btn { color: inherit; text-decoration: none; }
body.srl-v2-page h1, body.srl-v2-page h2, body.srl-v2-page h3, body.srl-v2-page h4, .v2-card h3, .v2-footer h4 { margin: 0; line-height: 1.15; letter-spacing: -.02em; }
body.srl-v2-page p { margin: 0; }
.v2-card p, .v2-footer p, .v2-strip p { margin: 0; }
:where(.v2-header, .v2-drawer, .v2-finder, .v2-tabbar, .v2-cat-guide-acc) button { font: inherit; cursor: pointer; border: 0; background: none; padding: 0; color: inherit; appearance: none; }
.v2-wrap { width: min(100% - 32px, var(--w)); margin-inline: auto; }
.v2-sec { padding: 56px 0; }
.v2-sec--tight { padding: 32px 0; }
.v2-sec--alt { background: var(--surface); }
.v2-eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--accent-deep); }
.v2-eyebrow::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--accent); }
.v2-h2 { font-size: clamp(26px, 3.4vw, 36px); font-weight: 800; }
.v2-sub { color: var(--muted); margin-top: 8px; max-width: 62ch; }
.v2-sec__head { display: flex; align-items: end; justify-content: space-between; gap: 16px; margin-bottom: 24px; }
.v2-sec__head a.v2-more { font-weight: 600; color: var(--accent-deep); white-space: nowrap; padding: 10px 0; }
.v2-sec__head a.v2-more:hover { text-decoration: underline; }

/* Düğmeler */
.v2-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 46px; padding: 0 20px; border-radius: 10px; font-weight: 700; font-size: 15px; border: 1px solid transparent; transition: transform .12s ease, box-shadow .12s ease, background .15s ease; white-space: nowrap; }
.v2-btn:active { transform: translateY(1px); }
.v2-btn--primary { background: var(--accent); color: var(--accent-ink) !important; }
.v2-btn--primary:hover { background: var(--accent-deep); box-shadow: 0 8px 20px -10px var(--accent); }
.v2-btn--ghost { background: #fff; color: var(--ink); border-color: var(--line-2); }
.v2-btn--ghost:hover { border-color: var(--ink); }
.v2-btn--sm { height: 38px; padding: 0 14px; font-size: 14px; border-radius: 9px; }
.v2-btn--wa { background: #25D366; color: #fff; }
.v2-btn--wa:hover { background: #1DAA53; }
.v2-btn svg { width: 18px; height: 18px; }

/* Güven şeridi */
.v2-strip { background: var(--ink); color: #fff; font-size: 13px; overflow: hidden; }
.v2-strip .v2-wrap { display: flex; height: 36px; align-items: center; overflow: hidden; white-space: nowrap; }
.v2-strip__track { display: flex; gap: 22px; align-items: center; flex: none; }
.v2-strip__track--dup { display: none; }
.v2-strip span { display: inline-flex; align-items: center; gap: 6px; opacity: .92; }
.v2-strip svg { width: 14px; height: 14px; fill: var(--accent); }
/* Mobil: maddeler sığmaz → kesintisiz kayan bant (ikinci kopya döngü için). Dokununca durur; hareket azaltma tercihinde kaymaz. */
@media (max-width: 767px) {
	.v2-strip .v2-wrap { width: 100%; padding: 0; justify-content: flex-start; }
	.v2-strip__track { padding-right: 22px; animation: v2-ticker 26s linear infinite; }
	.v2-strip__track--dup { display: flex; }
	.v2-strip:hover .v2-strip__track, .v2-strip:active .v2-strip__track { animation-play-state: paused; }
	.v2-strip__track > span:first-child { padding-left: 16px; }
}
@keyframes v2-ticker { from { transform: translateX(0); } to { transform: translateX(-100%); } }
@media (prefers-reduced-motion: reduce) {
	.v2-strip__track { animation: none !important; }
	.v2-strip__track--dup { display: none !important; }
	.v2-strip .v2-wrap { overflow-x: auto; scrollbar-width: none; }
}

/* Header */
.v2-header { position: sticky; top: 0; z-index: 60; background: rgba(255,255,255,.92); backdrop-filter: saturate(160%) blur(10px); border-bottom: 1px solid var(--line); }
body.admin-bar .v2-header { top: 32px; }
@media (max-width: 782px) { body.admin-bar .v2-header { top: 46px; } }
.v2-header .v2-wrap { display: flex; align-items: center; gap: 12px; height: 64px; }
body .v2-logo img, body.srl-v2-page .v2-logo img { height: 30px !important; width: auto !important; max-width: none; display: block; }
.v2-nav { display: none; margin-left: 10px; gap: 2px; }
.v2-nav a { padding: 8px 11px; border-radius: 8px; font-weight: 600; font-size: 15px; color: var(--ink-2); white-space: nowrap; }
.v2-nav a:hover { background: var(--surface); color: var(--ink); }
.v2-tools { margin-left: auto; display: flex; align-items: center; gap: 6px; }
.v2-search { display: none; align-items: center; gap: 8px; height: 40px; padding: 0 12px; border: 1px solid var(--line-2); border-radius: 10px; background: #fff; width: 220px; }
.v2-search input { border: 0; outline: 0; font: inherit; font-size: 14px; width: 100%; background: transparent; }
.v2-search svg { width: 16px; height: 16px; flex: none; color: var(--muted); }
.v2-icon { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 10px; color: var(--ink); position: relative; }
.v2-icon:hover { background: var(--surface); }
.v2-icon svg { width: 22px; height: 22px; }
.v2-badge[hidden], .v2-tabbar__n[hidden] { display: none; }
.v2-badge { position: absolute; top: 4px; right: 4px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: var(--accent); color: #fff; font-size: 11px; font-weight: 700; display: grid; place-items: center; }
.v2-burger { display: inline-flex; width: 44px; height: 44px; }
@media (min-width: 900px) { .v2-nav { display: flex; } .v2-search { display: flex; width: 190px; } .v2-burger { display: none; } }
@media (min-width: 1100px) { .v2-search { width: 230px; } .v2-wa-head { display: inline-flex; } }
.v2-wa-head { display: none; }

/* Mobil çekmece */
.v2-drawer { position: fixed; inset: 0; z-index: 80; display: none; }
.v2-drawer.is-open { display: block; }
.v2-drawer__bg { position: absolute; inset: 0; background: rgba(11,18,32,.45); }
.v2-drawer__panel { position: absolute; top: 0; bottom: 0; left: 0; width: min(86vw, 340px); background: #fff; padding: 18px 18px 28px; overflow: auto; display: flex; flex-direction: column; gap: 6px; animation: v2slide .22s ease; }
@keyframes v2slide { from { transform: translateX(-12px); opacity: 0; } to { transform: none; opacity: 1; } }
.v2-drawer__panel a { padding: 12px 10px; border-radius: 10px; font-weight: 600; font-size: 16px; }
.v2-drawer__panel a:hover { background: var(--surface); }
.v2-drawer__panel .v2-search { display: flex; width: 100%; margin-bottom: 8px; }
.v2-drawer__close { align-self: flex-end; background: none; border: 0; padding: 6px; }

/* Hero */
.v2-hero { padding: 40px 0 28px; }
.v2-hero .v2-wrap { display: grid; gap: 28px; }
.v2-hero h1 { font-size: clamp(32px, 5.2vw, 54px); font-weight: 800; margin-top: 14px; }
.v2-hero h1 em { font-style: normal; color: var(--accent); }
.v2-hero .v2-lede { margin-top: 16px; font-size: 17px; color: var(--ink-2); max-width: 56ch; }
.v2-hero .v2-ctas { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.v2-hero .v2-proof { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 22px; font-size: 14px; color: var(--muted); }
.v2-hero .v2-proof b { color: var(--ink); }
.v2-pick { background: #fff; border: 1px solid var(--line); border-radius: var(--r-lg); box-shadow: var(--shadow); overflow: hidden; }
.v2-pick__art { display: flex; align-items: center; justify-content: space-between; padding: 18px 20px; background: linear-gradient(135deg, var(--m365-a), var(--m365-b)); color: var(--m365-ink); }
.v2-pick__art svg { width: 56px; height: 56px; fill: currentColor; }
.v2-pick__art .v2-eyebrow { color: inherit; } .v2-pick__art .v2-eyebrow::before { background: currentColor; }
.v2-pick__body { padding: 18px 20px 20px; }
.v2-pick__body h3, .v2-pick__title { font-size: 20px; font-weight: 800; margin: 0; line-height: 1.15; letter-spacing: -.02em; }
.v2-pick__body .v2-meta { color: var(--muted); font-size: 14px; margin-top: 4px; }
.v2-price { display: flex; align-items: baseline; gap: 10px; margin-top: 12px; }
.v2-price b { font-size: 26px; font-weight: 800; letter-spacing: -.02em; }
.v2-price s { color: var(--muted); font-size: 15px; }
.v2-price .v2-off { font-size: 12px; font-weight: 700; color: #0B6B38; background: var(--ok-soft); padding: 2px 8px; border-radius: 999px; }
.v2-pick__body .v2-btn { width: 100%; margin-top: 14px; }
.v2-quick { margin-top: 14px; display: grid; gap: 6px; }
.v2-quick a { display: flex; justify-content: space-between; align-items: center; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; font-weight: 600; font-size: 14px; background: #fff; }
.v2-quick a:hover { border-color: var(--ink); }
.v2-quick a span { color: var(--muted); font-weight: 500; }
@media (min-width: 900px) { .v2-hero { padding: 64px 0 40px; } .v2-hero .v2-wrap { grid-template-columns: 7fr 5fr; align-items: center; gap: 48px; } }

/* İstatistik şeridi */
.v2-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.v2-stat { background: var(--surface); border-radius: var(--r); padding: 16px 18px; }
.v2-stat b { display: block; font-size: 22px; font-weight: 800; letter-spacing: -.02em; }
.v2-stat span { font-size: 13px; color: var(--ink-2); }
@media (min-width: 720px) { .v2-stats { grid-template-columns: repeat(4, 1fr); } }

/* Kategori kartları */
.v2-cats { display: grid; gap: 14px; grid-template-columns: repeat(2, 1fr); }
.v2-cat { display: flex; flex-direction: column; gap: 8px; padding: 22px 20px; border-radius: var(--r-lg); min-height: 190px; border: 1px solid transparent; transition: transform .15s ease, box-shadow .15s ease; }
.v2-cat:hover { transform: translateY(-2px); box-shadow: var(--shadow); }
.v2-cat svg { width: 40px; height: 40px; fill: currentColor; }
.v2-cat h3 { font-size: 20px; font-weight: 800; margin-top: auto; color: var(--ink); }
.v2-cat p { font-size: 14px; color: var(--ink-2); }
.v2-cat b { font-size: 14px; font-weight: 700; }
.v2-cat--m365 { background: linear-gradient(135deg, var(--m365-a), var(--m365-b)); color: var(--m365-ink); }
.v2-cat--office { background: linear-gradient(135deg, var(--off-a), var(--off-b)); color: var(--off-ink); }
.v2-cat--windows { background: linear-gradient(135deg, var(--win-a), var(--win-b)); color: var(--win-ink); }
.v2-cat--paket { background: linear-gradient(135deg, var(--pak-a), var(--pak-b)); color: var(--pak-ink); }
@media (min-width: 900px) { .v2-cats { grid-template-columns: repeat(4, 1fr); } }

/* Lisans seçici */
.v2-finder { background: var(--ink); color: #fff; border-radius: var(--r-lg); padding: 28px 20px; display: grid; gap: 20px; }
.v2-finder h2 { color: #fff; }
.v2-finder .v2-sub { color: rgba(255,255,255,.72); }
.v2-finder__q { display: grid; gap: 10px; }
.v2-finder__q label { font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: rgba(255,255,255,.6); }
.v2-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.v2-chip { border: 1px solid rgba(255,255,255,.22); background: rgba(255,255,255,.06); color: #fff; padding: 10px 14px; border-radius: 999px; font-weight: 600; font-size: 14px; transition: background .12s ease; }
.v2-chip:hover { background: rgba(255,255,255,.14); }
.v2-chip.is-on { background: var(--accent); border-color: var(--accent); }
.v2-finder__result { background: #fff; color: var(--ink); border-radius: var(--r); padding: 18px; display: none; }
.v2-finder__result.is-show { display: block; }
.v2-finder__result h3 { font-size: 20px; font-weight: 800; }
.v2-finder__result p { color: var(--ink-2); font-size: 14px; margin-top: 6px; }
.v2-finder__result .v2-price { margin-top: 10px; }
.v2-finder__result .v2-ctas { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px; }
@media (min-width: 900px) { .v2-finder { grid-template-columns: 1.1fr 1fr; padding: 36px; align-items: start; } .v2-finder__left { display: grid; gap: 20px; } }

/* Ürün kartları */
.v2-grid { display: grid; gap: 14px; grid-template-columns: repeat(2, 1fr); }
@media (min-width: 720px) { .v2-grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1000px) { .v2-grid { grid-template-columns: repeat(4, 1fr); } }
.v2-card { position: relative; background: #fff; border: 1px solid var(--line); border-radius: var(--r-lg); overflow: hidden; display: flex; flex-direction: column; transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease; }
.v2-card:hover { transform: translateY(-2px); box-shadow: var(--shadow); border-color: var(--line-2); }
.v2-card__art { aspect-ratio: 4 / 3; display: grid; place-items: center; position: relative; overflow: hidden; }
/* Öne çıkan ürün görseli (stüdyo zeminli kutu fotoğrafı): alanı doldurur, rozetler üstte okunur */
.v2-card__art.has-img { background: #DFE6E6; } /* fotoğrafın stüdyo zemini ile aynı ton: kenarlar birleşir */
body .v2-card__art img.v2-card__img, body.srl-v2-page .v2-card__art img.v2-card__img { width: 100% !important; height: 100% !important; max-width: none; object-fit: contain; display: block; }
.v2-card__art.has-img .v2-ver { background: rgba(255,255,255,.92); color: var(--ink); padding: 3px 9px; border-radius: 8px; font-size: 13px; }
.v2-card__art svg { width: 30%; max-width: 72px; fill: currentColor; }
.v2-card__art .v2-ver { position: absolute; left: 14px; bottom: 12px; font-weight: 800; font-size: 15px; letter-spacing: -.01em; }
.v2-card__tag { position: absolute; top: 12px; left: 12px; font-size: 11px; font-weight: 700; padding: 4px 8px; border-radius: 999px; background: #fff; color: var(--ink); box-shadow: 0 1px 2px rgba(0,0,0,.08); }
.v2-card__off { position: absolute; top: 12px; right: 12px; font-size: 11px; font-weight: 800; padding: 4px 8px; border-radius: 999px; background: var(--ok); color: #fff; }
.v2-card--windows .v2-card__art { background: linear-gradient(135deg, var(--win-a), var(--win-b)); color: var(--win-ink); }
.v2-card--office .v2-card__art { background: linear-gradient(135deg, var(--off-a), var(--off-b)); color: var(--off-ink); }
.v2-card--m365 .v2-card__art { background: linear-gradient(135deg, var(--m365-a), var(--m365-b)); color: var(--m365-ink); }
.v2-card--paket .v2-card__art { background: linear-gradient(135deg, var(--pak-a), var(--pak-b)); color: var(--pak-ink); }
.v2-card__body { padding: 14px 14px 16px; display: flex; flex-direction: column; gap: 6px; flex: 1; }
.v2-card__body h3 { font-size: 15.5px; font-weight: 700; line-height: 1.3; }
.v2-card__body h3 a::after { content: ""; position: absolute; inset: 0; }
.v2-card__meta { font-size: 12.5px; color: var(--muted); }
.v2-card__rate { display: flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--muted); }
.v2-card__rate svg { width: 14px; height: 14px; fill: var(--star); }
.v2-card .v2-price { margin-top: auto; padding-top: 6px; }
.v2-card .v2-price b { font-size: 19px; }
.v2-card .v2-price s { font-size: 13px; }
.v2-card__cta { position: relative; z-index: 1; margin-top: 8px; display: flex; gap: 8px; }
.v2-card__cta .v2-btn { flex: 1; }
@media (max-width: 719px) { .v2-card__cta .v2-btn--ghost { display: none; } }

/* Abonelik mi kalıcı mı */
.v2-vs { display: grid; gap: 14px; }
.v2-vs__col { background: #fff; border: 1px solid var(--line); border-radius: var(--r-lg); padding: 22px; display: flex; flex-direction: column; gap: 10px; }
.v2-vs__col.is-hi { border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); }
.v2-vs__col h3 { font-size: 20px; font-weight: 800; }
.v2-vs__col ul { margin: 6px 0 0; padding: 0; list-style: none; display: grid; gap: 6px; font-size: 14.5px; color: var(--ink-2); }
.v2-vs__col li { padding-left: 22px; position: relative; }
.v2-vs__col li::before { content: "✓"; position: absolute; left: 0; color: var(--ok); font-weight: 800; }
.v2-vs__col li.no::before { content: "–"; color: var(--muted); }
.v2-vs__total { margin-top: auto; padding-top: 12px; border-top: 1px dashed var(--line-2); font-size: 14px; color: var(--muted); }
.v2-vs__total b { display: block; font-size: 22px; color: var(--ink); letter-spacing: -.02em; }
.v2-vs__note { font-size: 13px; color: var(--muted); margin-top: 12px; }
@media (min-width: 900px) { .v2-vs { grid-template-columns: 1fr 1fr; } }

/* Nasıl çalışır */
.v2-steps { display: grid; gap: 14px; counter-reset: s; }
.v2-step { background: #fff; border: 1px solid var(--line); border-radius: var(--r-lg); padding: 22px; counter-increment: s; }
.v2-step::before { content: "0" counter(s); display: inline-block; font-weight: 800; color: var(--accent); font-size: 13px; letter-spacing: .08em; margin-bottom: 8px; }
.v2-step h3 { font-size: 18px; font-weight: 700; }
.v2-step p { color: var(--ink-2); font-size: 14.5px; margin-top: 6px; }
@media (min-width: 720px) { .v2-steps { grid-template-columns: repeat(3, 1fr); } }

/* Yorumlar */
.v2-reviews { display: grid; gap: 14px; }
.v2-review { background: #fff; border: 1px solid var(--line); border-radius: var(--r-lg); padding: 20px; display: flex; flex-direction: column; gap: 8px; }
.v2-stars { display: inline-flex; gap: 2px; }
.v2-stars svg { width: 16px; height: 16px; fill: var(--star); }
.v2-review p { font-size: 15px; color: var(--ink-2); }
.v2-review footer { margin-top: auto; font-size: 13px; color: var(--muted); }
.v2-review footer b { color: var(--ink); }
@media (min-width: 720px) { .v2-reviews { grid-template-columns: repeat(3, 1fr); } }
.v2-rating-line { display: flex; align-items: center; gap: 10px; font-size: 14px; color: var(--muted); margin-top: 8px; }
.v2-rating-line b { color: var(--ink); font-size: 18px; }

/* SSS */
.v2-faq { display: grid; gap: 8px; max-width: 820px; }
.v2-faq details { background: #fff; border: 1px solid var(--line); border-radius: var(--r); padding: 0 18px; }
.v2-faq summary { cursor: pointer; list-style: none; padding: 16px 0; font-weight: 700; display: flex; justify-content: space-between; gap: 12px; }
.v2-faq summary::-webkit-details-marker { display: none; }
.v2-faq summary::after { content: "+"; color: var(--muted); font-weight: 400; font-size: 20px; line-height: 1; }
.v2-faq details[open] summary::after { content: "–"; }
.v2-faq details p { padding: 0 0 16px; color: var(--ink-2); font-size: 15px; }

/* Blog */
.v2-posts { display: grid; gap: 14px; }
.v2-post { display: flex; flex-direction: column; gap: 10px; background: #fff; border: 1px solid var(--line); border-radius: var(--r-lg); overflow: hidden; }
.v2-post img { aspect-ratio: 16 / 9; object-fit: cover; width: 100%; }
.v2-post > div { padding: 0 16px 16px; }
.v2-post h3 { font-size: 16px; font-weight: 700; }
.v2-post span { font-size: 12.5px; color: var(--muted); display: block; margin-top: 6px; }
@media (min-width: 720px) { .v2-posts { grid-template-columns: repeat(3, 1fr); } }

/* Footer */
.v2-footer { background: var(--ink); color: rgba(255,255,255,.78); padding: 48px 0 28px; font-size: 14px; }
.v2-footer .v2-wrap { display: grid; gap: 28px; }
.v2-footer h4 { color: #fff; font-size: 14px; font-weight: 700; margin-bottom: 12px; letter-spacing: .02em; }
.v2-footer ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.v2-footer a:hover { color: #fff; text-decoration: underline; }
.v2-footer__brand p { margin-top: 12px; max-width: 34ch; }
body .v2-footer__partner, body.srl-v2-page .v2-footer__partner { display: block; width: 190px !important; height: auto !important; max-width: 100%; margin-top: 18px; border-radius: 12px; background: #fff; }
.v2-footer__bottom { grid-column: 1 / -1; border-top: 1px solid rgba(255,255,255,.12); padding-top: 18px; display: flex; flex-wrap: wrap; gap: 10px 20px; justify-content: space-between; align-items: center; font-size: 13px; color: rgba(255,255,255,.55); }
.v2-footer__pay { display: inline-flex; align-items: center; gap: 12px; flex-wrap: wrap; }
body .v2-footer__pay img, body.srl-v2-page .v2-footer__pay img { height: 26px !important; width: auto !important; max-width: 100%; background: #fff; border-radius: 8px; padding: 4px 8px; box-sizing: content-box; }
@media (min-width: 900px) { .v2-footer .v2-wrap { grid-template-columns: 1.6fr 1fr 1fr 1fr; } }
/* Mobil: bağlantı sütunları yan yana (footer yüksekliği yarıya iner) */
@media (max-width: 899px) { .v2-footer .v2-wrap { grid-template-columns: 1fr 1fr; gap: 24px 16px; } .v2-footer__brand, .v2-footer__bottom { grid-column: 1 / -1; } }

/* Mobil alt çubuk */
.v2-tabbar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 55; display: grid; grid-template-columns: repeat(4, 1fr); background: rgba(255,255,255,.96); backdrop-filter: blur(10px); border-top: 1px solid var(--line); padding: 6px 4px calc(6px + env(safe-area-inset-bottom)); }
.v2-tabbar a, .v2-tabbar button { display: flex; flex-direction: column; align-items: center; gap: 3px; font-size: 11px; font-weight: 600; color: var(--ink-2); position: relative; padding: 4px 0; }
.v2-tabbar svg { width: 22px; height: 22px; }
.v2-tabbar__n { position: absolute; top: 0; left: calc(50% + 6px); min-width: 16px; height: 16px; padding: 0 4px; border-radius: 8px; background: var(--accent); color: #fff; font-size: 10px; font-weight: 700; display: grid; place-items: center; }
body.srl-v2 { padding-bottom: 64px; }
@media (min-width: 900px) { .v2-tabbar { display: none; } body.srl-v2 { padding-bottom: 0; } .v2-wa-float { bottom: 16px; } }

/* WhatsApp yüzen düğme */
.v2-wa-float { position: fixed; right: 16px; bottom: 80px; z-index: 50; width: 52px; height: 52px; border-radius: 50%; background: #25D366; color: #fff; display: grid; place-items: center; box-shadow: 0 10px 24px -8px rgba(37,211,102,.7); }
.v2-wa-float svg { width: 26px; height: 26px; fill: #fff; }

/* Eski eklenti/snippet çıktıları v2 şablonunda gizli */
body.srl-v2 #serilisans-trust-bar, body.srl-v2 .wd-toolbar, body.srl-v2 #serilisans-how-why, body.srl-v2 #serilisans-product-features { display: none !important; }
/* Bağımsız ana sayfada eklenti stilleri yüklenmez: CusRev'in fotoğraf galerisi (PhotoSwipe) iskeleti footer altında "kareler" olarak görünüyordu. */
body.srl-v2-page .pswp, body.srl-v2-page .cr-pswp { display: none !important; }
.v2-finder__empty { border: 1px dashed rgba(255,255,255,.28); border-radius: var(--r); padding: 22px; color: rgba(255,255,255,.7); font-size: 14.5px; display: grid; gap: 8px; align-content: center; min-height: 180px; }
.v2-finder__empty b { color: #fff; font-size: 16px; }
.v2-finder__result.is-show + .v2-finder__empty { display: none; }
.v2-nowrap { white-space: nowrap; }

/* Taslak araçları (canlıda kaldırılacak) */

/* ---------- Çerez çubuğu (standalone ana sayfa) ---------- */
.v2-cookie { position: fixed; left: 16px; right: 16px; bottom: 80px; z-index: 65; background: #fff; border: 1px solid var(--line-2); border-radius: 14px; padding: 12px 14px; box-shadow: var(--shadow); display: none; gap: 10px; align-items: center; flex-wrap: wrap; font-size: 13.5px; color: var(--ink-2); }
.v2-cookie.is-show { display: flex; }
.v2-cookie p { flex: 1 1 240px; margin: 0; }
.v2-cookie a { color: var(--accent-deep); font-weight: 600; }
@media (min-width: 900px) { .v2-cookie { left: auto; right: 24px; bottom: 24px; max-width: 460px; } }

/* Klavye odağı (erişilebilirlik) */
.v2-header a:focus-visible, .v2-header button:focus-visible, .v2-btn:focus-visible, .v2-chip:focus-visible, .v2-card a:focus-visible, .v2-drawer a:focus-visible, .v2-tabbar a:focus-visible, .v2-tabbar button:focus-visible, .v2-chips-row a:focus-visible, .v2-faq summary:focus-visible, .v2-acc summary:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; border-radius: 8px; }

/* Kelime-logo */
.v2-logomark { height: 22px; width: auto; display: block; color: var(--accent); }
.v2-logomark__a { fill: var(--ink); } .v2-logomark__b { fill: var(--accent); } .v2-logomark__c { fill: var(--muted); }
.v2-logomark--light { color: #fff; } .v2-logomark--light .v2-logomark__a { fill: #fff; } .v2-logomark--light .v2-logomark__b { fill: #fff; opacity: .85; } .v2-logomark--light .v2-logomark__c { fill: rgba(255,255,255,.6); }
.v2-logomark--light .v2-logomark__rocket circle { fill: var(--ink); }
@media (min-width: 900px) { .v2-logomark { height: 24px; } }