/* ==========================================================================
   SPORTIAL CLUB — Blok render motoru stilleri (blocks.js)
   Admin builder kanvası, /duyuru/:id, özel sayfalar ve üye paneli ortak.
   Duyarlılık: container query (kanvas genişliği = cihaz önizlemesi).
   Mobil ≤ 600px · Tablet 601–1024px · Masaüstü ≥ 1025px
   ========================================================================== */
.sb-root {
  container: sb / inline-size;
  --sb-red: #e10600; --sb-red-2: #ff2a1f; --sb-gold: #d6b25e; --sb-gold-2: #f3d58a;
  --sb-ease: cubic-bezier(.22, 1, .36, 1);
  --sb-gutter: clamp(16px, 4cqi, 40px);
  position: relative; width: 100%;
  font-family: var(--font-body, 'Manrope', system-ui, sans-serif); font-size: 16px; line-height: 1.65;
  color: var(--text, #f5f5f4); text-align: left; overflow-wrap: anywhere;
}
.sb-root *, .sb-root *::before, .sb-root *::after { box-sizing: border-box; }
.sb-root img, .sb-root video, .sb-root iframe { display: block; max-width: 100%; }

/* --- Bölüm sarmalayıcı -------------------------------------------------------- */
.sb-root .sb {
  position: relative; display: block;
  padding: var(--pt, 18px) 0 var(--pb, 18px);
  margin: var(--mt, 0px) 0 var(--mb, 0px);
}
.sb-root .sb-in { width: 100%; margin-inline: auto; padding-inline: var(--px, var(--sb-gutter)); }
.sb-root .sb-w-boxed > .sb-in { max-width: calc(var(--maxw, 1120px) + 2 * var(--px, var(--sb-gutter))); }
.sb-root .sb-w-narrow > .sb-in { max-width: calc(var(--maxw, 760px) + 2 * var(--px, var(--sb-gutter))); }
.sb-root .sb-w-full > .sb-in { max-width: none; padding-inline: var(--px, 0px); }
.sb-root .sb-hasbg { padding-top: var(--pt, 48px); padding-bottom: var(--pb, 48px); }
.sb-root .sb-round { overflow: hidden; }
.sb-root .sb-shadow { box-shadow: 0 30px 80px -30px rgba(0, 0, 0, .85); }
.sb-root .sb-w-boxed.sb-round, .sb-root .sb-w-narrow.sb-round { margin-inline: auto; width: min(100% - 2 * var(--sb-gutter), var(--maxw, 1120px) + 2 * var(--px, 40px)); }
.sb-root .sbt-hero { padding-top: var(--pt, 0px); padding-bottom: var(--pb, 0px); }
.sb-root .sbt-spacer, .sb-root .sbt-divider { padding-top: var(--pt, 0px); padding-bottom: var(--pb, 0px); }
.sb-root .sb-ic { display: inline-block; flex: none; vertical-align: middle; }

/* --- Giriş animasyonları ---------------------------------------------------------- */
.sb-root.sb-js [data-anim]:not(.is-in), .sb-root [data-anim].sb-pre { opacity: 0; }
.sb-root.sb-js [data-anim="fade-up"]:not(.is-in), .sb-root [data-anim="fade-up"].sb-pre { transform: translate3d(0, 40px, 0); }
.sb-root.sb-js [data-anim="zoom"]:not(.is-in), .sb-root [data-anim="zoom"].sb-pre { transform: scale(.9); }
.sb-root.sb-js [data-anim="slide-left"]:not(.is-in), .sb-root [data-anim="slide-left"].sb-pre { transform: translate3d(-60px, 0, 0); }
.sb-root.sb-js [data-anim="slide-right"]:not(.is-in), .sb-root [data-anim="slide-right"].sb-pre { transform: translate3d(60px, 0, 0); }
.sb-root [data-anim] { transition: opacity var(--sb-dur, 800ms) var(--sb-ease) var(--sb-delay, 0ms), transform var(--sb-dur, 800ms) var(--sb-ease) var(--sb-delay, 0ms); }
.sb-root [data-anim].sb-pre { transition: none; }

/* --- Ortak tipografi ------------------------------------------------------------- */
.sb-root .sb-eyebrow { display: inline-flex; align-items: center; gap: .7em; font-size: 12px; font-weight: 800; letter-spacing: .28em; text-transform: uppercase; color: var(--sb-red-2); }
.sb-root .sb-eyebrow::before { content: ''; width: 28px; height: 2px; background: currentColor; }
.sb-root .sb-eyebrow:empty { display: none; }
.sb-root.is-edit .sb-eyebrow:empty { display: inline-flex; min-width: 80px; }
.sb-root .sb-hint { color: var(--muted, #7d7d7b); font-size: 12px; }

.sb-root .sb-h { margin: 0; line-height: 1.02; font-size: clamp(min(var(--fs), 26px), calc(var(--fs) * .14 + 4.6cqi), var(--fs)); color: #fff; }
.sb-root .sb-f-display { font-family: var(--font-display, 'Anton', Impact, sans-serif); font-weight: 400; text-transform: uppercase; letter-spacing: .01em; line-height: .95; }
.sb-root .sb-f-condensed { font-family: var(--font-condensed, 'Bebas Neue', sans-serif); font-weight: 400; text-transform: uppercase; letter-spacing: .02em; line-height: .98; }
.sb-root .sb-f-body { font-family: var(--font-body, 'Manrope', sans-serif); font-weight: 800; letter-spacing: -.02em; line-height: 1.12; }
.sb-root .sb-noup { text-transform: none; }
.sb-root .sb-grad { background: linear-gradient(100deg, var(--g1), var(--g2)); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; padding-bottom: .04em; }

.sb-root .sb-text { color: var(--text-2, #c9c9c6); }
.sb-root .sb-text > :first-child { margin-top: 0; }
.sb-root .sb-text > :last-child { margin-bottom: 0; }
.sb-root .sb-text p { margin: 0 0 .85em; }
.sb-root .sb-text h2, .sb-root .sb-text h3, .sb-root .sb-text h4 { font-family: var(--font-condensed, 'Bebas Neue', sans-serif); font-weight: 400; color: #fff; letter-spacing: .03em; line-height: 1.05; margin: 1.1em 0 .4em; }
.sb-root .sb-text h2 { font-size: 2em; } .sb-root .sb-text h3 { font-size: 1.6em; } .sb-root .sb-text h4 { font-size: 1.3em; }
.sb-root .sb-text strong, .sb-root .sb-text b { color: #fff; font-weight: 800; }
.sb-root .sb-text a { color: var(--sb-red-2); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.sb-root .sb-text a:hover { color: #fff; }
.sb-root .sb-text ul, .sb-root .sb-text ol { margin: 0 0 1em; padding-left: 1.3em; }
.sb-root .sb-text li { margin: .3em 0; }
.sb-root .sb-text li::marker { color: var(--sb-red-2); }
.sb-root .sb-text mark { background: rgba(214, 178, 94, .3); color: #fff; padding: 0 .2em; border-radius: 3px; }
.sb-root .sb-lead { font-size: 1.2em; color: var(--text, #f5f5f4); }

/* --- Butonlar ------------------------------------------------------------------- */
.sb-root .sb-btn {
  position: relative; display: inline-flex; align-items: center; justify-content: center; gap: .6em;
  min-height: 50px; padding: 0 28px; border-radius: 999px; border: 1.5px solid transparent;
  font: 800 14px/1 var(--font-body, 'Manrope', sans-serif); letter-spacing: .08em; text-transform: uppercase; text-decoration: none;
  background: var(--sb-red); color: #fff; overflow: hidden; isolation: isolate; cursor: pointer; white-space: nowrap;
  transition: transform .45s var(--sb-ease), box-shadow .45s var(--sb-ease), background .3s, color .3s, border-color .3s;
}
.sb-root .sb-btn::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(120deg, transparent 20%, rgba(255, 255, 255, .35) 50%, transparent 80%); transform: translateX(-120%); transition: transform .8s var(--sb-ease); }
.sb-root a.sb-btn:hover { transform: translateY(-2px); box-shadow: 0 0 0 1px rgba(225, 6, 0, .35), 0 12px 40px -10px rgba(225, 6, 0, .6); }
.sb-root a.sb-btn:hover::before { transform: translateX(120%); }
.sb-root .sb-btn-arrow { display: inline-flex; font-style: normal; transition: transform .4s var(--sb-ease); }
.sb-root a.sb-btn:hover .sb-btn-arrow { transform: translateX(4px); }
.sb-root .sb-btn-gold { background: linear-gradient(135deg, var(--sb-gold), var(--sb-gold-2)); color: #1a1205; }
.sb-root a.sb-btn-gold:hover { box-shadow: 0 12px 40px -10px rgba(214, 178, 94, .6); }
.sb-root .sb-btn-white { background: #fff; color: #0a0a0a; }
.sb-root a.sb-btn-white:hover { box-shadow: 0 12px 40px -10px rgba(255, 255, 255, .35); }
.sb-root .sb-btn-outline { background: transparent; border-color: rgba(255, 255, 255, .4); color: #fff; }
.sb-root a.sb-btn-outline:hover { border-color: var(--sb-red); background: rgba(225, 6, 0, .1); box-shadow: none; }
.sb-root .sb-btn-dark { background: #0d0d0e; border-color: rgba(255, 255, 255, .12); color: #fff; }
.sb-root .sb-btn-sm { min-height: 40px; padding: 0 18px; font-size: 12px; }
.sb-root .sb-btn-lg { min-height: 60px; padding: 0 36px; font-size: 15px; }
.sb-root .sb-btn-full { display: flex; width: 100%; }
.sb-root .sb-btnrow { display: flex; flex-wrap: wrap; gap: 12px; }
.sb-root .sb-btns { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }

/* --- Hero ---------------------------------------------------------------------------- */
.sb-root .sb-hero { position: relative; min-height: var(--h, 520px); display: flex; overflow: hidden; isolation: isolate; background: #050505; }
.sb-root .sb-hero-bg, .sb-root .sb-hero-ov, .sb-root .sb-hero-grad { position: absolute; inset: 0; }
.sb-root .sb-hero-bg { z-index: -3; }
.sb-root .sb-hero-bg img, .sb-root .sb-hero-bg video { width: 100%; height: 100%; object-fit: cover; }
.sb-root .sb-hero-bg img { animation: sb-kb 18s ease-out both; }
.sb-root .sb-hero-ov { z-index: -2; }
.sb-root .sb-hero-grad { z-index: -1; background: linear-gradient(180deg, rgba(0, 0, 0, .2) 0%, transparent 35%, rgba(7, 7, 7, .85) 100%); }
.sb-root .sb-hero-c { position: relative; width: min(1120px, 100%); margin-inline: auto; padding: clamp(40px, 7cqi, 90px) var(--sb-gutter); display: flex; flex-direction: column; }
.sb-root .sb-va-top .sb-hero-c { align-self: flex-start; } .sb-root .sb-va-center .sb-hero-c { align-self: center; } .sb-root .sb-va-bottom .sb-hero-c { align-self: flex-end; }
.sb-root .sb-hero-t { margin: 14px 0 0; font-family: var(--font-display, 'Anton', Impact, sans-serif); font-weight: 400; text-transform: uppercase; line-height: .92; letter-spacing: .005em; color: #fff;
  font-size: clamp(min(var(--fs), 38px), calc(var(--fs) * .2 + 5.5cqi), var(--fs)); text-shadow: 0 6px 40px rgba(0, 0, 0, .45); max-width: 16ch; }
.sb-root .sb-hero-s { margin: 18px 0 0; font-size: clamp(16px, 1.6cqi + 10px, 20px); color: rgba(255, 255, 255, .82); max-width: 56ch; }
.sb-root .sb-al-center .sb-hero-c { align-items: center; text-align: center; }
.sb-root .sb-al-center .sb-hero-t { max-width: 18ch; }
.sb-root .sb-al-right .sb-hero-c { align-items: flex-end; text-align: right; }
.sb-root .sb-al-center .sb-btns { justify-content: center; } .sb-root .sb-al-right .sb-btns { justify-content: flex-end; }
@keyframes sb-kb { from { transform: scale(1.08); } to { transform: scale(1); } }

/* --- Görsel ---------------------------------------------------------------------- */
.sb-root .sb-img { margin: 0; width: var(--w, 100%); max-width: 100%; }
.sb-root .sb-img.sb-al-center { margin-inline: auto; } .sb-root .sb-img.sb-al-right { margin-left: auto; }
.sb-root .sb-img img { width: 100%; height: auto; }
.sb-root .sb-img figcaption { margin-top: 10px; font-size: 13px; color: var(--muted, #8a8a88); text-align: center; }
.sb-root .sb-zoom { display: block; width: 100%; padding: 0; border: 0; background: none; cursor: zoom-in; border-radius: inherit; overflow: hidden; }
.sb-root .sb-zoom img, .sb-root .sb-gi img { transition: transform .9s var(--sb-ease), filter .5s; }
.sb-root .sb-zoom:hover img { transform: scale(1.02); }
.sb-root .sb-img a { display: block; }

/* --- Galeri -------------------------------------------------------------------------- */
.sb-root .sb-gal-grid { display: grid; gap: var(--gap); grid-template-columns: repeat(var(--cols), minmax(0, 1fr)); }
.sb-root .sb-gal-masonry { columns: var(--cols); column-gap: var(--gap); }
.sb-root .sb-gal-masonry .sb-gi { break-inside: avoid; margin-bottom: var(--gap); }
.sb-root .sb-gi { display: block; width: 100%; padding: 0; border: 0; background: none; overflow: hidden; border-radius: 14px; cursor: zoom-in; position: relative; }
.sb-root div.sb-gi { cursor: default; }
.sb-root .sb-gi img { width: 100%; height: auto; object-fit: cover; }
.sb-root button.sb-gi:hover img { transform: scale(1.05); filter: brightness(1.08); }
.sb-root .sb-car { position: relative; }
.sb-root .sb-car-track { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols)); gap: var(--gap); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain; border-radius: 14px; }
.sb-root .sb-car-track::-webkit-scrollbar { display: none; }
.sb-root .sb-car-track > * { scroll-snap-align: start; }
.sb-root .sb-car-btn { position: absolute; top: 50%; transform: translateY(-50%); width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; background: rgba(10, 10, 10, .72); color: #fff; border: 1px solid rgba(255, 255, 255, .18); backdrop-filter: blur(10px); cursor: pointer; transition: background .3s, transform .3s; z-index: 2; }
.sb-root .sb-car-btn:hover { background: var(--sb-red); }
.sb-root .sb-prev { left: 12px; } .sb-root .sb-next { right: 12px; }

/* --- Video ---------------------------------------------------------------------------- */
.sb-root .sb-video { position: relative; width: 100%; max-width: var(--vw, 100%); margin-inline: auto; overflow: hidden; background: #000; box-shadow: 0 30px 70px -30px rgba(0, 0, 0, .9); }
.sb-root .sb-video video, .sb-root .sb-video iframe, .sb-root .sb-video img, .sb-root .sb-vfacade { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border: 0; }
.sb-root .sb-vfacade { padding: 0; background: #000; cursor: pointer; }
.sb-root .sb-play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 78px; height: 78px; border-radius: 50%; display: grid; place-items: center; background: var(--sb-red); color: #fff; box-shadow: 0 0 0 10px rgba(225, 6, 0, .25); transition: transform .4s var(--sb-ease), box-shadow .4s; }
.sb-root .sb-vfacade:hover .sb-play { transform: translate(-50%, -50%) scale(1.08); box-shadow: 0 0 0 16px rgba(225, 6, 0, .2); }
.sb-root .sb-vtag { position: absolute; left: 12px; top: 12px; padding: 4px 10px; border-radius: 999px; background: rgba(0, 0, 0, .7); font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }

/* --- Geri sayım ------------------------------------------------------------------------ */
.sb-root .sb-cd { display: grid; gap: 16px; padding: clamp(22px, 4cqi, 40px); border-radius: 22px; position: relative; overflow: hidden; }
.sb-root .sb-cd.sb-al-center { justify-items: center; text-align: center; } .sb-root .sb-cd.sb-al-right { justify-items: end; text-align: right; }
.sb-root .sb-cd-red { background: radial-gradient(120% 140% at 0% 0%, #ff2a1f 0%, #b00500 45%, #4a0200 100%); }
.sb-root .sb-cd-dark { background: linear-gradient(180deg, #141416, #0b0b0c); border: 1px solid rgba(255, 255, 255, .08); }
.sb-root .sb-cd-gold { background: linear-gradient(135deg, #2a2110, #110d05); border: 1px solid rgba(214, 178, 94, .35); }
.sb-root .sb-cd-glass { background: rgba(255, 255, 255, .04); border: 1px solid rgba(255, 255, 255, .1); backdrop-filter: blur(14px); }
.sb-root .sb-cd-title { font-size: 13px; font-weight: 800; letter-spacing: .26em; text-transform: uppercase; color: rgba(255, 255, 255, .85); }
.sb-root .sb-cd-gold .sb-cd-title { color: var(--sb-gold-2); }
.sb-root .sb-cd-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(8px, 2cqi, 18px); width: min(640px, 100%); }
.sb-root .sb-cd-u { display: grid; justify-items: center; gap: 4px; padding: clamp(10px, 2.4cqi, 20px) 6px; border-radius: 16px; background: rgba(0, 0, 0, .28); border: 1px solid rgba(255, 255, 255, .1); }
.sb-root .sb-cd-u b { font-family: var(--font-display, 'Anton', sans-serif); font-weight: 400; font-size: clamp(34px, 8cqi, 72px); line-height: 1; font-variant-numeric: tabular-nums; color: #fff; }
.sb-root .sb-cd-gold .sb-cd-u b { color: var(--sb-gold-2); }
.sb-root .sb-cd-u span { font-size: 11px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; color: rgba(255, 255, 255, .7); }
.sb-root .sb-cd-done { display: none; font-family: var(--font-display, 'Anton', sans-serif); font-size: clamp(28px, 5cqi, 44px); text-transform: uppercase; line-height: 1; }
.sb-root .sb-cd.is-done .sb-cd-grid { display: none; } .sb-root .sb-cd.is-done .sb-cd-done { display: block; }

/* --- Fiyat kartı ------------------------------------------------------------------------- */
.sb-root .sb-price { --acc: var(--sb-red); --acc-2: var(--sb-red-2); position: relative; max-width: 460px; margin-inline: auto; border-radius: 26px; overflow: hidden;
  background: linear-gradient(180deg, #17171a, #0c0c0d); border: 1px solid rgba(255, 255, 255, .1); text-align: center; }
.sb-root .sb-price.sb-acc-gold { --acc: var(--sb-gold); --acc-2: var(--sb-gold-2); }
.sb-root .sb-price.sb-acc-white { --acc: #fff; --acc-2: #fff; }
.sb-root .sb-price.is-hl { border-color: color-mix(in srgb, var(--acc) 55%, transparent); box-shadow: 0 0 0 1px color-mix(in srgb, var(--acc) 30%, transparent), 0 30px 80px -30px color-mix(in srgb, var(--acc) 55%, transparent); }
.sb-root .sb-price.is-hl::before { content: ''; position: absolute; inset: 0 0 auto; height: 4px; background: linear-gradient(90deg, var(--acc), var(--acc-2)); z-index: 1; }
.sb-root .sb-price-img img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.sb-root .sb-price-body { padding: clamp(24px, 4cqi, 36px); display: grid; gap: 12px; justify-items: center; }
.sb-root .sb-price-badge { position: absolute; top: 18px; right: 18px; z-index: 2; min-width: 64px; height: 64px; padding: 0 8px; border-radius: 50%; display: grid; place-items: center;
  background: var(--acc); color: #fff; font: 400 22px/1 var(--font-display, 'Anton', sans-serif); transform: rotate(-10deg); box-shadow: 0 10px 30px -8px color-mix(in srgb, var(--acc) 70%, transparent); animation: sb-pulse 2.6s ease-in-out infinite; }
.sb-root .sb-acc-gold .sb-price-badge, .sb-root .sb-acc-white .sb-price-badge { color: #120d03; }
@keyframes sb-pulse { 50% { transform: rotate(-10deg) scale(1.07); } }
.sb-root .sb-price-eb { font-size: 11px; font-weight: 800; letter-spacing: .24em; text-transform: uppercase; color: var(--acc-2); }
.sb-root .sb-price-t { margin: 0; font: 400 clamp(30px, 5cqi, 40px)/1 var(--font-display, 'Anton', sans-serif); text-transform: uppercase; color: #fff; }
.sb-root .sb-price-sub { margin: 0; color: var(--text-2, #b8b8b6); font-size: 15px; }
.sb-root .sb-price-row { display: flex; align-items: baseline; justify-content: center; flex-wrap: wrap; gap: 4px 12px; margin: 6px 0; }
.sb-root .sb-old { color: var(--muted, #7d7d7b); font-size: 20px; font-weight: 700; text-decoration-color: var(--sb-red-2); text-decoration-thickness: 2px; }
.sb-root .sb-new { font: 400 clamp(48px, 9cqi, 72px)/1 var(--font-display, 'Anton', sans-serif); color: var(--acc-2); }
.sb-root .sb-acc-white .sb-new { color: #fff; }
.sb-root .sb-per { color: var(--text-2, #b8b8b6); font-size: 14px; font-weight: 700; }
.sb-root .sb-price-f { list-style: none; margin: 4px 0 0; padding: 0; display: grid; gap: 10px; text-align: left; width: 100%; }
.sb-root .sb-price-f li { display: flex; gap: 10px; align-items: flex-start; color: var(--text-2, #c9c9c6); font-size: 15px; }
.sb-root .sb-price-f .sb-ic { color: var(--acc-2); margin-top: 3px; }
.sb-root .sb-price-cta { width: 100%; margin-top: 10px; }
.sb-root .sb-price-note { color: var(--muted, #7d7d7b); font-size: 12px; }
.sb-root .sb-price-wide { max-width: none; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); text-align: left; }
.sb-root .sb-price-wide .sb-price-img img { height: 100%; aspect-ratio: auto; min-height: 280px; }
.sb-root .sb-price-wide .sb-price-body { justify-items: start; align-content: center; }
.sb-root .sb-price-wide .sb-price-row { justify-content: flex-start; }

/* --- Özellik ızgarası --------------------------------------------------------------------- */
.sb-root .sb-feat { display: grid; gap: 16px; grid-template-columns: repeat(var(--cols), minmax(0, 1fr)); }
.sb-root .sb-feat-i { display: grid; gap: 10px; align-content: start; padding: 24px; border-radius: 20px; transition: transform .5s var(--sb-ease), border-color .4s, background .4s; }
.sb-root .sb-feat-card .sb-feat-i { background: linear-gradient(180deg, #151517, #0d0d0e); border: 1px solid rgba(255, 255, 255, .08); }
.sb-root .sb-feat-card .sb-feat-i:hover { transform: translateY(-4px); border-color: rgba(225, 6, 0, .4); }
.sb-root .sb-feat-outline .sb-feat-i { border: 1px solid rgba(255, 255, 255, .14); }
.sb-root .sb-feat-plain .sb-feat-i { padding: 8px 4px; }
.sb-root .sb-feat-ic { width: 52px; height: 52px; border-radius: 16px; display: grid; place-items: center; color: var(--ic); background: color-mix(in srgb, var(--ic) 14%, transparent); border: 1px solid color-mix(in srgb, var(--ic) 30%, transparent); font-size: 26px; }
.sb-root .sb-feat h4 { margin: 4px 0 0; font-size: 18px; font-weight: 800; color: #fff; letter-spacing: -.01em; line-height: 1.25; }
.sb-root .sb-feat p { margin: 0; color: var(--text-2, #b8b8b6); font-size: 15px; line-height: 1.6; }
.sb-root .sb-feat.sb-al-center .sb-feat-i { justify-items: center; text-align: center; }
.sb-root .sb-emoji { font-size: 1.05em; line-height: 1; font-style: normal; }

/* --- Alıntı ------------------------------------------------------------------------- */
.sb-root .sb-quote { margin: 0; position: relative; display: grid; gap: 18px; }
.sb-root .sb-quote blockquote { margin: 0; font-size: clamp(18px, 2.2cqi + 8px, 24px); line-height: 1.5; color: #fff; font-weight: 600; }
.sb-root .sb-quote-mark { font: 400 110px/0.6 var(--font-display, 'Anton', serif); color: var(--sb-red); height: 44px; display: block; }
.sb-root .sb-quote-card { padding: clamp(24px, 4cqi, 44px); border-radius: 24px; background: linear-gradient(135deg, #171719, #0b0b0c); border: 1px solid rgba(255, 255, 255, .08); }
.sb-root .sb-quote-big blockquote { font-family: var(--font-display, 'Anton', sans-serif); font-weight: 400; text-transform: uppercase; font-size: clamp(28px, 5cqi, 54px); line-height: 1.02; }
.sb-root .sb-quote-line { padding-left: 24px; border-left: 3px solid var(--sb-red); }
.sb-root .sb-quote-line .sb-quote-mark { display: none; }
.sb-root .sb-quote.sb-al-center { justify-items: center; text-align: center; }
.sb-root .sb-quote figcaption { display: flex; align-items: center; gap: 12px; }
.sb-root .sb-quote-ph { width: 52px; height: 52px; border-radius: 50%; object-fit: cover; border: 2px solid var(--sb-red); }
.sb-root .sb-quote figcaption strong { display: block; color: #fff; font-size: 15px; }
.sb-root .sb-quote figcaption small { display: block; color: var(--muted, #8a8a88); font-size: 13px; }

/* --- Liste --------------------------------------------------------------------------- */
.sb-root .sb-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px 28px; grid-template-columns: repeat(var(--cols), minmax(0, 1fr)); }
.sb-root .sb-list li { display: flex; gap: 12px; align-items: flex-start; color: var(--text, #f5f5f4); line-height: 1.5; }
.sb-root .sb-list-div li { padding-bottom: 12px; border-bottom: 1px solid rgba(255, 255, 255, .08); }
.sb-root .sb-li-ic { flex: none; width: 28px; height: 28px; border-radius: 9px; display: grid; place-items: center; color: var(--ic); background: color-mix(in srgb, var(--ic) 14%, transparent); margin-top: -1px; }
.sb-root .sb-list small { display: block; color: var(--muted, #8a8a88); font-size: .8em; margin-top: 2px; }

/* --- Sayaç --------------------------------------------------------------------------- */
.sb-root .sb-count { display: grid; gap: 20px; grid-template-columns: repeat(var(--cols), minmax(0, 1fr)); }
.sb-root .sb-count.sb-al-center { text-align: center; } .sb-root .sb-count.sb-al-right { text-align: right; }
.sb-root .sb-count-n { font: 400 clamp(min(var(--fs), 40px), 9cqi, var(--fs))/1 var(--font-display, 'Anton', sans-serif); color: var(--cc); font-variant-numeric: tabular-nums; }
.sb-root .sb-count-l { margin-top: 8px; font-size: 12px; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; color: var(--text-2, #b8b8b6); }

/* --- SSS ---------------------------------------------------------------------------- */
.sb-root .sb-faq { display: grid; gap: 10px; }
.sb-root .sb-faq-i { border-radius: 16px; background: #111113; border: 1px solid rgba(255, 255, 255, .08); transition: border-color .3s, background .3s; }
.sb-root .sb-faq-i[open] { border-color: rgba(225, 6, 0, .4); background: linear-gradient(180deg, #171719, #111113); }
.sb-root .sb-faq-i summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 20px; cursor: pointer; font-weight: 800; font-size: 16px; color: #fff; }
.sb-root .sb-faq-i summary::-webkit-details-marker { display: none; }
.sb-root .sb-faq-i summary i { flex: none; width: 28px; height: 28px; border-radius: 50%; position: relative; background: rgba(255, 255, 255, .06); transition: transform .4s var(--sb-ease), background .3s; }
.sb-root .sb-faq-i summary i::before, .sb-root .sb-faq-i summary i::after { content: ''; position: absolute; left: 50%; top: 50%; width: 12px; height: 2px; background: currentColor; transform: translate(-50%, -50%); }
.sb-root .sb-faq-i summary i::after { transform: translate(-50%, -50%) rotate(90deg); transition: transform .4s var(--sb-ease); }
.sb-root .sb-faq-i[open] summary i { background: var(--sb-red); transform: rotate(180deg); }
.sb-root .sb-faq-i[open] summary i::after { transform: translate(-50%, -50%) rotate(0); }
.sb-root .sb-faq-a { padding: 0 20px 20px; color: var(--text-2, #b8b8b6); font-size: 15px; line-height: 1.7; animation: sb-fd .45s var(--sb-ease); }
@keyframes sb-fd { from { opacity: 0; transform: translateY(-6px); } }

/* --- Uyarı kutusu ------------------------------------------------------------------- */
.sb-root .sb-alert { --ac: #38bdf8; display: flex; gap: 14px; align-items: flex-start; padding: 18px 20px; border-radius: 16px; border: 1px solid color-mix(in srgb, var(--ac) 40%, transparent); background: color-mix(in srgb, var(--ac) 9%, #0c0c0d); border-left-width: 4px; }
.sb-root .sb-alert-success { --ac: #22c55e; } .sb-root .sb-alert-warning { --ac: #f59e0b; } .sb-root .sb-alert-danger { --ac: #ef4444; }
.sb-root .sb-alert-ic { color: var(--ac); flex: none; margin-top: 1px; }
.sb-root .sb-alert strong { display: block; color: #fff; font-size: 16px; font-weight: 800; margin-bottom: 4px; }
.sb-root .sb-alert strong:empty { display: none; }
.sb-root.is-edit .sb-alert strong:empty { display: block; min-height: 1.2em; }
.sb-root .sb-alert p { margin: 0; color: var(--text-2, #c9c9c6); font-size: 15px; }

/* --- Harita ---------------------------------------------------------------------------- */
.sb-root .sb-map { position: relative; height: var(--mh, 380px); overflow: hidden; border: 1px solid rgba(255, 255, 255, .08); background: #111; }
.sb-root .sb-map iframe { width: 100%; height: 100%; border: 0; filter: grayscale(.4) invert(.92) hue-rotate(180deg) contrast(.9); }
.sb-root .sb-map-shield { position: absolute; inset: auto 12px 12px; z-index: 2; display: inline-flex; align-items: center; gap: 8px; width: fit-content; max-width: calc(100% - 24px); padding: 8px 12px; border-radius: 10px; background: rgba(0, 0, 0, .78); font-size: 13px; }
.sb-root .sb-map-link { margin-top: 12px; }
.sb-root .sb-map-link a { display: inline-flex; align-items: center; gap: 8px; color: var(--sb-red-2); font-weight: 800; font-size: 14px; text-decoration: none; }
.sb-root .sb-map-link a:hover { color: #fff; }

/* --- Ayırıcı / boşluk ------------------------------------------------------------------ */
.sb-root .sb-div { position: relative; display: flex; align-items: center; }
.sb-root .sb-div.sb-al-center { justify-content: center; } .sb-root .sb-div.sb-al-right { justify-content: flex-end; }
.sb-root .sb-div hr { margin: 0; border: 0; }
.sb-root .sb-div-l { position: absolute; left: 50%; transform: translateX(-50%); padding: 0 14px; background: var(--bg, #070707); font-size: 12px; font-weight: 800; letter-spacing: .24em; text-transform: uppercase; color: var(--muted, #8a8a88); }
.sb-root .sb-sp { position: relative; }

/* --- Sütunlar ------------------------------------------------------------------------- */
.sb-root .sb-cols { display: grid; gap: var(--gap); grid-template-columns: var(--tpl); }
.sb-root .sb-cols.sb-va-center { align-items: center; } .sb-root .sb-cols.sb-va-bottom { align-items: end; } .sb-root .sb-cols.sb-va-stretch { align-items: stretch; }
.sb-root .sb-col { min-width: 0; display: flex; flex-direction: column; }
.sb-root .sb-col > .sb { --pt: 0px; --pb: 0px; padding-top: var(--pt); padding-bottom: var(--pb); }
.sb-root .sb-col > .sb + .sb { margin-top: max(var(--mt, 0px), 18px); }
.sb-root .sb-col > .sb.sb-hasbg { padding: 28px 0; }

/* --- Yer tutucu (edit) ----------------------------------------------------------------- */
.sb-root .sb-ph { display: grid; place-items: center; gap: 8px; min-height: 160px; padding: 24px; border-radius: 16px; border: 1.5px dashed rgba(255, 255, 255, .16); background: repeating-linear-gradient(-45deg, rgba(255, 255, 255, .015) 0 10px, transparent 10px 20px); color: var(--muted, #8a8a88); font-size: 13px; font-weight: 700; text-align: center; }
.sb-root .sb-col-empty { flex: 1; display: grid; place-items: center; align-content: center; gap: 6px; min-height: 120px; border-radius: 14px; border: 1.5px dashed rgba(255, 255, 255, .14); color: var(--muted, #8a8a88); font-size: 12px; font-weight: 700; }
.sb-root.is-edit .sb-sp { background: repeating-linear-gradient(-45deg, rgba(225, 6, 0, .06) 0 6px, transparent 6px 12px); border-radius: 8px; }
.sb-root.is-edit .sb-sp span { position: absolute; inset: 50% auto auto 50%; transform: translate(-50%, -50%); font-size: 11px; font-weight: 800; color: var(--muted, #8a8a88); }
.sb-root.is-edit .sb-map iframe { pointer-events: none; }
.sb-root.is-edit [data-edit]:empty::before { content: 'Yazmak için tıklayın…'; color: rgba(255, 255, 255, .3); font-style: italic; text-transform: none; font-family: var(--font-body, sans-serif); font-size: 15px; letter-spacing: 0; -webkit-text-fill-color: rgba(255, 255, 255, .3); }

/* --- Lightbox (body üzerinde) ------------------------------------------------------------- */
.sb-lb { position: fixed; inset: 0; z-index: 10050; display: grid; place-items: center; padding: 56px 16px; background: rgba(0, 0, 0, .92); backdrop-filter: blur(10px); opacity: 0; transition: opacity .25s; }
.sb-lb.on { opacity: 1; }
.sb-lb[hidden] { display: none; }
.sb-lb figure { margin: 0; display: grid; gap: 12px; justify-items: center; max-width: min(1400px, 100%); }
.sb-lb img { max-width: 100%; max-height: calc(100dvh - 140px); border-radius: 12px; object-fit: contain; transform: scale(.96); transition: transform .4s cubic-bezier(.22, 1, .36, 1); }
.sb-lb.on img { transform: none; }
.sb-lb figcaption { color: #ccc; font: 500 14px var(--font-body, sans-serif); }
.sb-lb button { position: absolute; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .2); background: rgba(20, 20, 22, .8); color: #fff; cursor: pointer; transition: background .25s; }
.sb-lb button:hover { background: #e10600; }
.sb-lb .sb-lb-x { top: 14px; right: 14px; }
.sb-lb .sb-lb-p { left: 14px; top: 50%; transform: translateY(-50%); } .sb-lb .sb-lb-n { right: 14px; top: 50%; transform: translateY(-50%); }
.sb-lb .sb-lb-nav[hidden] { display: none; }
.sb-lb-c { position: absolute; bottom: 18px; left: 50%; transform: translateX(-50%); color: #aaa; font: 700 12px var(--font-body, sans-serif); letter-spacing: .1em; }

/* --- Duyarlılık (container) ------------------------------------------------------------- */
@container sb (max-width: 1024px) {
  .sb-root .sb-feat { grid-template-columns: repeat(min(var(--cols), 2), minmax(0, 1fr)); }
  .sb-root .sb-count { grid-template-columns: repeat(min(var(--cols), 3), minmax(0, 1fr)); }
  .sb-root .sb-cols.sb-stack-t { grid-template-columns: 1fr; }
  .sb-root .sb-cols-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sb-root .sb-gal-grid { grid-template-columns: repeat(min(var(--cols), 3), minmax(0, 1fr)); }
  .sb-root .sb-gal-masonry { columns: min(var(--cols), 3); }
  .sb-root .sb-car-track { grid-auto-columns: calc((100% - var(--gap)) / 2); }
}
@container sb (max-width: 600px) {
  .sb-root .sb-hero { min-height: min(var(--h), 560px); }
  .sb-root .sb-hero-c { padding-block: 48px 40px; }
  .sb-root .sb-cols, .sb-root .sb-cols-4 { grid-template-columns: 1fr; }
  .sb-root .sb-cols.sb-rev .sb-col:first-child { order: 2; }
  .sb-root .sb-feat { grid-template-columns: 1fr; }
  .sb-root .sb-count { grid-template-columns: repeat(min(var(--cols), 2), minmax(0, 1fr)); }
  .sb-root .sb-list { grid-template-columns: 1fr; }
  .sb-root .sb-gal-grid { grid-template-columns: repeat(min(var(--cols), 2), minmax(0, 1fr)); }
  .sb-root .sb-gal-masonry { columns: 2; }
  .sb-root .sb-car-track { grid-auto-columns: 86%; }
  .sb-root .sb-car-btn { width: 38px; height: 38px; }
  .sb-root .sb-price-wide { grid-template-columns: 1fr; }
  .sb-root .sb-price-wide .sb-price-img img { min-height: 0; aspect-ratio: 16/9; }
  .sb-root .sb-cd-u span { font-size: 9.5px; letter-spacing: .1em; }
  .sb-root .sb-btns .sb-btn { flex: 1 1 auto; }
  .sb-root .sb-img { width: 100%; }
  .sb-root .sb-price-badge { min-width: 54px; height: 54px; font-size: 18px; }
}
/* Cihazda gizle: görüntüleme modunda gizle, düzenleme modunda soluk göster */
@container sb (min-width: 1025px) { .sb-root:not(.is-edit) .hide-d { display: none; } .sb-root.is-edit .hide-d { opacity: .3; filter: grayscale(1); } }
@container sb (min-width: 601px) and (max-width: 1024px) { .sb-root:not(.is-edit) .hide-t { display: none; } .sb-root.is-edit .hide-t { opacity: .3; filter: grayscale(1); } }
@container sb (max-width: 600px) { .sb-root:not(.is-edit) .hide-m { display: none; } .sb-root.is-edit .hide-m { opacity: .3; filter: grayscale(1); } }

@media (prefers-reduced-motion: reduce) {
  .sb-root [data-anim] { transition: none !important; opacity: 1 !important; transform: none !important; }
  .sb-root .sb-hero-bg img, .sb-root .sb-price-badge { animation: none; }
}
.sb-root .sb-hero-c .sb-eyebrow { color: #fff; text-shadow: 0 2px 12px rgba(0, 0, 0, .6); }
.sb-root .sb-hero-c .sb-eyebrow::before { background: var(--sb-red); }
/* Makale/metin içi bağlantı stili butonları etkilemesin */
.sb-root a.sb-btn, .sb-root .sb-text a.sb-btn, .ps-body a.sb-btn { text-decoration: none !important; }
.sb-root a.sb-btn.sb-btn-red, .sb-root a.sb-btn-red:hover { color: #fff !important; }

/* Canlı ders programı bloğu */
.sb-sched { display: grid; gap: 14px; padding: clamp(18px, 3vw, 28px); border-radius: 20px; background: var(--sb-surface, #141416); border: 1px solid rgba(255,255,255,.08); }
.sb-sched-t { margin: 0; font-family: var(--font-condensed, 'Bebas Neue'), sans-serif; font-weight: 400; font-size: clamp(26px, 3vw, 36px); letter-spacing: .03em; line-height: 1.1; }
.sb-sched-list { display: grid; gap: 10px; }
.sb-sched-day { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 12px; align-items: start; padding: 12px 0; border-top: 1px solid rgba(255,255,255,.06); }
.sb-sched-day:first-child { border-top: 0; }
.sb-sched-day > b { font-size: 13px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--sb-red-2, #ff2a1f); padding-top: 6px; }
.sb-sched-day > div { display: flex; flex-wrap: wrap; gap: 8px; }
.sb-sched-c { display: grid; gap: 2px; padding: 9px 14px; border-radius: 12px; border: 1px solid color-mix(in srgb, var(--c) 40%, transparent); background: color-mix(in srgb, var(--c) 12%, transparent); font-size: 14px; font-weight: 700; }
.sb-sched-c strong { color: var(--c); filter: brightness(1.3); margin-right: 4px; }
.sb-sched-c small { font-size: 11px; font-weight: 600; opacity: .7; }
.sb-sched-empty { padding: 14px; border-radius: 12px; background: rgba(255,255,255,.04); font-size: 14px; opacity: .8; }
.sb-sched .sb-btn { justify-self: start; }
@media (max-width: 560px) { .sb-sched-day { grid-template-columns: 1fr; gap: 6px; } }

/* ---- Açık tema okunurluk güvencesi (fotoğraf/zeminli bölümler hariç) ---------------------------
   theme-light.css'in :where() kuralları 0 özgüllüklüdür; editör/koyu ada kapsayıcıları içinde de
   doğru renk için burada gerçek özgüllükle tekrar edilir. */
html[data-theme="light"] .sb-sched:not(:is(.sb-hero, .sb-hasbg) *) { background: #fff; border-color: rgba(0, 0, 0, .08); color: #121212; box-shadow: 0 1px 2px rgba(17, 17, 17, .04), 0 24px 50px -36px rgba(17, 17, 17, .3); }
html[data-theme="light"] .sb-sched:not(:is(.sb-hero, .sb-hasbg) *) .sb-sched-t { color: #121212; }
html[data-theme="light"] .sb-sched:not(:is(.sb-hero, .sb-hasbg) *) .sb-sched-day { border-top-color: rgba(0, 0, 0, .07); }
html[data-theme="light"] .sb-sched:not(:is(.sb-hero, .sb-hasbg) *) .sb-sched-day > b { color: #c20500; }
html[data-theme="light"] .sb-sched:not(:is(.sb-hero, .sb-hasbg) *) .sb-sched-c { color: #121212; background: color-mix(in srgb, var(--c) 9%, #fff); }
html[data-theme="light"] .sb-sched:not(:is(.sb-hero, .sb-hasbg) *) .sb-sched-c strong { color: color-mix(in srgb, var(--c) 78%, #000); filter: none; }
html[data-theme="light"] .sb-sched:not(:is(.sb-hero, .sb-hasbg) *) .sb-sched-empty { background: rgba(0, 0, 0, .035); }
html[data-theme="light"] .sb-root .sb-alert:not(:is(.sb-hero, .sb-hasbg) *) { background: color-mix(in srgb, var(--ac) 7%, #fff); color: #3d3d3b; }
html[data-theme="light"] .sb-root .sb-alert:not(:is(.sb-hero, .sb-hasbg) *) strong { color: #121212; }
html[data-theme="light"] .sb-root .sb-faq-i:not(:is(.sb-hero, .sb-hasbg) *) { background: #fff; border-color: rgba(0, 0, 0, .08); }
html[data-theme="light"] .sb-root .sb-faq-i:not(:is(.sb-hero, .sb-hasbg) *) summary { color: #121212; }
html[data-theme="light"] .sb-root :is(.sb-feat h4, .sb-price-t, .sb-quote blockquote, .sb-quote figcaption strong):not(:is(.sb-hero, .sb-hasbg) *) { color: #121212; }
html[data-theme="light"] .sb-root .sb-feat-card .sb-feat-i:not(:is(.sb-hero, .sb-hasbg) *) { background: #fff; border-color: rgba(0, 0, 0, .08); }
html[data-theme="light"] .sb-root .sb-price:not(:is(.sb-hero, .sb-hasbg) *) { background: linear-gradient(180deg, #fff, #faf9f7); border-color: rgba(0, 0, 0, .08); }
html[data-theme="light"] .sb-root .sb-quote-card:not(:is(.sb-hero, .sb-hasbg) *) { background: linear-gradient(135deg, #fff, #f7f6f4); border-color: rgba(0, 0, 0, .08); }
html[data-theme="light"] .sb-root .sb-list li:not(:is(.sb-hero, .sb-hasbg) *) { color: #121212; }
html[data-theme="light"] .sb-root .sb-list-div li:not(:is(.sb-hero, .sb-hasbg) *) { border-bottom-color: rgba(0, 0, 0, .08); }
html[data-theme="light"] .sb-root .sb-count-l:not(:is(.sb-hero, .sb-hasbg) *) { color: #4a4a48; }

/* Galeri: tüm kareler aynı oran ve aynı zemin (şeffaf/dekupe görseller de eşit görünür) */
.sb-root .sb-gal-grid .sb-gi { aspect-ratio: 4 / 3; background: radial-gradient(90% 80% at 50% 30%, #2a2a2e, #121214); box-shadow: 0 14px 30px -20px rgba(0,0,0,.6); }
.sb-root .sb-gal-grid .sb-gi img { height: 100%; object-fit: cover; object-position: center 25%; }
html[data-theme="light"] .sb-root .sb-gal-grid .sb-gi { background: radial-gradient(90% 80% at 50% 30%, #f1efeb, #dedad3); box-shadow: 0 14px 30px -22px rgba(17,17,17,.35); }

/* ===== Özellik kartları — renkli profesyonel ikon kutuları ===== */
.sb-root .sb-feat-i:nth-child(6n+1) { --fc: #e10600; } .sb-root .sb-feat-i:nth-child(6n+2) { --fc: #f97316; } .sb-root .sb-feat-i:nth-child(6n+3) { --fc: #7c3aed; }
.sb-root .sb-feat-i:nth-child(6n+4) { --fc: #db2777; } .sb-root .sb-feat-i:nth-child(6n+5) { --fc: #2563eb; } .sb-root .sb-feat-i:nth-child(6n+6) { --fc: #ca8a04; }
.sb-root .sb-feat-ic { width: 56px; height: 56px; border-radius: 17px; color: #fff !important; border: 0 !important;
  background: linear-gradient(135deg, color-mix(in srgb, var(--fc, var(--ic)) 82%, #fff), var(--fc, var(--ic))) !important;
  box-shadow: 0 14px 26px -14px var(--fc, var(--ic)), inset 0 1px 0 rgba(255,255,255,.3); transition: transform .4s var(--sb-ease, ease); }
.sb-root .sb-feat-ic .sb-ic { width: 26px; height: 26px; }
.sb-root .sb-feat-card .sb-feat-i, .sb-root .sb-feat-i { position: relative; transition: transform .4s var(--sb-ease, ease), box-shadow .4s, border-color .3s; }
.sb-root .sb-feat-card .sb-feat-i::after { content: ''; position: absolute; left: 22px; right: 22px; top: 0; height: 3px; border-radius: 0 0 3px 3px; background: var(--fc, var(--ic)); opacity: 0; transition: opacity .3s; }
.sb-root .sb-feat-card .sb-feat-i:hover { transform: translateY(-5px); border-color: color-mix(in srgb, var(--fc) 35%, transparent); box-shadow: 0 24px 44px -28px var(--fc); }
.sb-root .sb-feat-card .sb-feat-i:hover::after { opacity: 1; }
.sb-root .sb-feat-i:hover .sb-feat-ic { transform: rotate(-6deg) scale(1.06); }
/* Telefonda uzun düğme metni kırpılmasın: satır kaydırarak sığsın */
@media (max-width: 560px) {
  .sb-root .sb-btn { white-space: normal; max-width: 100%; padding: 12px 22px; line-height: 1.3; text-align: center; letter-spacing: .06em; }
}