/*! CoreV2 birlestirilmis stil dosyasi - ELLE DUZENLEMEYIN.
 * Duzenleme her zaman asagida adi yazan ORIJINAL dosyada yapilir; bu dosya
 * kaynaklardan biri degisince kendiliginden yeniden olusur.
 * Harita: assets/optimized/bundle-map.json - Belge: assets/optimized/README.md
 * Kaynak sayisi: 7 */

/* ===== [1/7] bilesenler (Ortak bilesenler (butonlar, kartlar, pencereler))
 * KAYNAK: assets/css/components/cv2-faq-v2.css ===== */
/* CoreV2 SSS (v3) — yalnizca #faq-section.cvfq. Renkler tema rolleri (--color-*): gece/gunduz uyumlu. */
#faq-section.cvfq{
  --cvfq-panel:var(--color-surface);
  --cvfq-cutout:var(--color-background);
  --cvfq-item:var(--color-surface);
  --cvfq-icon-ink:var(--color-on-primary);
  --cvfq-line:color-mix(in srgb,var(--color-border) 85%,transparent);
  --cvfq-r:26px;
  display:block;width:100%;max-width:var(--cv2-shell-max,var(--CoreV2-container-width,1300px));margin:0 auto;padding:0 var(--cv2-page-gutter,10px);box-sizing:border-box;background:none;border:0}
.cv2-page-sections #faq-section.cvfq,
.corev2-pack-wrapper #faq-section.cvfq,
.miotab-contents #faq-section.cvfq,
.cv2-static-page #faq-section.cvfq{max-width:100%;padding-inline:0}
html[data-theme="dark"] #faq-section.cvfq,html.dark-mode #faq-section.cvfq{
  --cvfq-item:color-mix(in srgb,var(--color-surface) 90%,var(--color-text-primary));
  --cvfq-panel:color-mix(in srgb,var(--color-surface) 86%,var(--color-text-primary))}
#faq-section.cvfq *{box-sizing:border-box}
#faq-section .cvfq-panel{
  display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:22px;align-items:start;
  padding:0;border-radius:0;background:none;border:0;}
/* Sol: baslik + gorsel */
#faq-section .cvfq-side{display:flex;flex-direction:column;gap:16px;min-width:0}
@media (min-width:992px){
  #faq-section .cvfq-side{display:contents}
  #faq-section .cvfq-head{grid-column:1;grid-row:1}
  #faq-section .cvfq-media{grid-column:1;grid-row:2}
  #faq-section .cvfq-list{grid-column:2;grid-row:2}
  #faq-section.faq--with-head .cvfq-media,
  #faq-section.faq--with-head .cvfq-list{grid-row:1}
}
#faq-section .cvfq-head{display:flex;align-items:center;gap:14px;padding:34px 0 6px 4px}
#faq-section .cvfq-head-ico{flex:0 0 48px;width:48px;height:48px;display:grid;place-items:center;align-self:center;border-radius:50%;line-height:1;
  background:var(--cv2-gradient,var(--color-primary));color:var(--cvfq-icon-ink);font-size:19px}
#faq-section .cvfq-head-ico i,#faq-section .cvfq-help-ico i,#faq-section .cvfq-notch-ico i{display:grid;place-items:center;width:1em;height:1em;line-height:1}
#faq-section .cvfq-head-ico i::before,#faq-section .cvfq-help-ico i::before,#faq-section .cvfq-notch-ico i::before{display:block;width:1em;height:1em;line-height:1;vertical-align:0}
#faq-section .cvfq-title{margin:0;font-size:1.2rem;line-height:1.25;font-weight:700;color:var(--color-heading);letter-spacing:-.01em}
#faq-section .cvfq-title span{font-weight:400;color:var(--color-text-secondary)}
#faq-section .cvfq-desc{margin:3px 0 0;font-size:.84rem;line-height:1.45;color:var(--color-text-secondary)}

#faq-section .cvfq-media{position:relative;margin:0;border-radius:22px;overflow:hidden;aspect-ratio:4/4.1;
  background:var(--cvfq-item)}
#faq-section .cvfq-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 22%}
/* Gercek delme: dis panel olmadigi icin sayfa zeminiyle eslesen kose. */
#faq-section .cvfq-notch{position:absolute;top:0;right:0;width:72px;height:72px;background:var(--cvfq-cutout);
  border-bottom-left-radius:24px;display:grid;place-items:center;padding:0 0 6px 6px;z-index:2}
#faq-section .cvfq-notch::before,#faq-section .cvfq-notch::after{content:"";position:absolute;width:24px;height:24px;
  background:radial-gradient(circle at 0 100%,transparent 23.5px,var(--cvfq-cutout) 24px)}
#faq-section .cvfq-notch::before{top:0;right:100%}
#faq-section .cvfq-notch::after{top:100%;right:0}
#faq-section .cvfq-notch-ico{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;
  background:var(--cv2-gradient,var(--color-primary));color:var(--cvfq-icon-ink);font-size:22px;}
#faq-section .cvfq-notch-ico i{color:var(--cvfq-icon-ink)}
#faq-section .cvfq-help{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;gap:11px;
  padding:11px 13px;border-radius:18px;background:color-mix(in srgb,var(--cvfq-panel) 90%,transparent);
  border:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
#faq-section .cvfq-help-ico{flex:0 0 36px;height:36px;display:grid;place-items:center;border-radius:50%;
  background:var(--cv2-gradient,var(--color-primary));color:var(--cvfq-icon-ink);font-size:17px}
#faq-section .cvfq-help-txt{display:block;min-width:0;line-height:1.25;color:var(--color-heading);font-size:.92rem}
#faq-section .cvfq-help-txt strong{font-weight:700}
#faq-section .cvfq-help-txt em{font-style:normal;font-weight:400;color:var(--color-text-secondary)}
#faq-section .cvfq-help-txt small{display:block;margin-top:2px;font-size:.74rem;color:var(--color-text-secondary)}

/* Sag: sorular */
#faq-section .cvfq-list{display:flex;flex-direction:column;gap:8px;min-width:0}
@media (min-width:992px){
  #faq-section .cvfq-list.cvfq-list--split.cvfq-list--split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px}
}
#faq-section .cvfq-item{position:relative;border-radius:18px;background:var(--cvfq-item);border:1px solid var(--cvfq-line);
  transition:background-color .2s ease}
#faq-section .cvfq-item.is-open::before{content:"";position:absolute;top:0;right:0;width:48px;height:48px;border-bottom-left-radius:18px;background:var(--cvfq-cutout);pointer-events:none}
#faq-section .cvfq-item.is-open::after{content:"";position:absolute;top:0;right:0;width:64px;height:64px;pointer-events:none;background:radial-gradient(circle at 0 100%,transparent 15.5px,var(--cvfq-cutout) 16px) 0 0/16px 16px no-repeat,radial-gradient(circle at 0 100%,transparent 15.5px,var(--cvfq-cutout) 16px) 100% 100%/16px 16px no-repeat}
#faq-section .cvfq-item.is-open{background:var(--cvfq-panel);}
#faq-section .cvfq-q{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;width:100%;
  position:relative;min-height:60px;padding:12px 58px 12px 14px;cursor:pointer;color:var(--color-heading);border-radius:18px}
#faq-section .cvfq-q:focus-visible{outline:2px solid color-mix(in srgb,var(--color-primary) 55%,transparent);outline-offset:2px}
#faq-section .cvfq-n{flex:0 0 auto;font-size:.72rem;font-weight:700;letter-spacing:.04em;color:var(--color-text-muted,var(--color-text-secondary));
  font-variant-numeric:tabular-nums;min-width:20px}
#faq-section .cvfq-t{flex:1 1 auto;min-width:0;font-size:.94rem;font-weight:600;line-height:1.4}
#faq-section .cvfq-ico{position:absolute;top:calc(50% - 17px);right:6px;z-index:1;width:34px;height:34px;border-radius:50%;background:var(--cv2-gradient,var(--color-primary));color:var(--cvfq-icon-ink);
  border:0;transition:transform .25s ease,background-color .2s ease}
#faq-section .cvfq-ico::before,#faq-section .cvfq-ico::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.6px;
  border-radius:2px;background:currentColor;transform:translate(-50%,-50%)}
#faq-section .cvfq-ico::after{transform:translate(-50%,-50%) rotate(90deg);transition:opacity .2s ease}
#faq-section .cvfq-q[aria-expanded="true"] .cvfq-n{color:var(--color-primary)}
#faq-section .cvfq-q[aria-expanded="true"] .cvfq-ico{top:6px;background:var(--cv2-gradient,var(--color-primary));border-color:transparent;color:var(--cvfq-icon-ink);transform:rotate(180deg)}
#faq-section .cvfq-q[aria-expanded="true"] .cvfq-ico::after{opacity:0}
#faq-section .cvfq-a{padding:0 18px 16px 46px}
#faq-section .cvfq-a[hidden]{display:none}
#faq-section .cvfq-a p{margin:0;font-size:.88rem;line-height:1.65;color:var(--color-text-secondary)}

@media (max-width:991px){
  #faq-section .cvfq-panel{grid-template-columns:minmax(0,1fr)}
  #faq-section .cvfq-media{aspect-ratio:16/9}
  #faq-section .cvfq-media img{object-position:center 25%}
}
@media (max-width:600px){
  #faq-section .cvfq-panel{gap:14px}
  #faq-section .cvfq-media{aspect-ratio:4/3;border-radius:18px}
  #faq-section .cvfq-notch{width:62px;height:62px;border-bottom-left-radius:20px}
  #faq-section .cvfq-notch-ico{width:44px;height:44px;font-size:19px}
  #faq-section .cvfq-q{padding:11px 58px 11px 12px;gap:10px}
  #faq-section .cvfq-t{font-size:.9rem}
  #faq-section .cvfq-ico{width:34px;height:34px}
  #faq-section .cvfq-a{padding:0 14px 14px 14px}
}
/* SSS başlığı: açıklama bilgisayarda tek satıra sığacak genişlikte ve bir kademe küçük (başlık sistemi aynı) */
.cv2-faq-head .genelbaslik-aciklama{max-width:820px;font-size:16px;line-height:1.6}
@media (max-width:560px){.cv2-faq-head .genelbaslik-aciklama{font-size:14.5px}}

/* ===== [2/7] anasayfa (Ana sayfa alanlari)
 * KAYNAK: assets/css/pages/home/intro/intro.css ===== */
/* CV2 HOME INTRO — core-static-site intro portu (SADECE #cv2-home-intro kapsami).
   Kaynak: website/core-static-site/assets/styles-Dw-CLO8S.css (final kazanan katman).
   Bu dosya bundle DISIDIR; ana sayfada ayri <link> ile yuklenir. */

/* 1) Tema degiskenleri (statik sitedeki :root degerleri{transform:translate(2px)} oldugu gibi) */

#cv2-home-intro .card-cta:hover svg{transform:translate(2px)}

/* 9) Wide kart icerigi (masausten akis duzeni) */

/* 10) Tema paketine karsi koruma (derlenmis bundle kurallari body#home + kullanir) */

/* 11) Hover animasyonu + hareket kisiti */

/* 12) Responsive (statik final katman, oldugu gibi) */

/* Homepage layout owns its dimensions; legacy bundle positioning must not leak in. */

body#home .hosting-container{
  display:grid;grid-template-columns:minmax(0,1fr) 460px;
  align-items:start;gap:14px;height:auto;
  min-height:0;max-height:none}

html[data-theme="dark"] body#home #cv2-home-intro .intro-tld-logo,
html.dark-mode body#home #cv2-home-intro .intro-tld-logo,
html.dark body#home #cv2-home-intro .intro-tld-logo,
.dark body#home #cv2-home-intro .intro-tld-logo{filter:brightness(0) invert(1)}

/* Laptops/tablets use the full row rather than squeezing beside the slider. */
@media (max-width:1199px){
  body#home .hosting-container{grid-template-columns:minmax(0,1fr);gap:12px}
  }
@property --cv2hi-tracer-angle{syntax:"<angle>";initial-value:0deg;inherits:false;}
@keyframes cv2hi-offer-tracer{}
/* Collapsed homepage grid must not affect components on other routes. */
.grid-wrapper.grid-collapsed > #cv2-home-intro { display: none}

/* ── base.css'ten ayristirildi (bu alana ozel) ── */
[data-theme="dark"] .box-wide {
    background: var(--ar-inset-dark);
    border-color: rgba(255,255,255,.08)}
.wide-btn:hover svg{
    transform: translateX(3px)}
.box-wide .wide-btn:hover svg { transform: translateX(4px)}
[data-theme="dark"] .box-campaign {
  background: var(--ar-inset-dark);
  color: #ffffff;
  border-color: rgba(255,255,255,.07)}
[data-theme="dark"] .box-campaign::before { opacity: .08}
[data-theme="dark"] .box-campaign::after { background: linear-gradient(to top, var(--ar-inset-dark) 40%, transparent)}
[data-theme="dark"] .camp-title { color: #ffffff}
[data-theme="dark"] .camp-desc { color: rgba(255,255,255,.55)}
[data-theme="dark"] .camp-btn { border-color: rgba(255,255,255,.1)}
[data-theme="dark"] .camp-btn:hover { filter: brightness(1.12)}
.camp-btn:hover svg { transform: translateX(3px)}

/* ===== Alan adi karti: gorselsiz; fiyat satirlari ===== */
#cv2-home-intro #alan-adi.core-card{position:relative;display:flex;flex-direction:column;overflow:hidden}
#cv2-home-intro #alan-adi .card-subtitle{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:0 0 auto;margin-bottom:0;line-height:1.4}
#cv2-home-intro #alan-adi .domain-grid{display:flex;flex-direction:column;flex:0 0 auto;gap:4px;margin-top:8px;padding:4px;border-radius:16px;
  background:rgba(15,23,42,.035);border:1px solid rgba(15,23,42,.06)}
#cv2-home-intro #alan-adi .domain-item{display:flex;align-items:center;justify-content:space-between;gap:8px;height:30px;padding:0 10px;border-radius:11px;background:#fff;transition:transform .2s,box-shadow .2s}
#cv2-home-intro #alan-adi .domain-item:hover{transform:translateX(2px)}
#cv2-home-intro #alan-adi .domain-item .tld{flex:0 0 auto;display:inline-flex;align-items:center;min-width:0}
#cv2-home-intro #alan-adi .domain-item .intro-tld-logo{height:16px;width:auto;max-width:48px}
#cv2-home-intro #alan-adi .domain-grid .domain-price{font-size:14px;font-weight:700;color:var(--ar-ink);white-space:nowrap;letter-spacing:0}
#cv2-home-intro #alan-adi .domain-price > .domain-price-period{font-size:11px;font-weight:500;opacity:.55}
#cv2-home-intro #alan-adi .domain-price > .cv2-fx-price{font-size:inherit;font-weight:inherit;color:inherit;opacity:1;display:inline}
[data-theme="dark"] #cv2-home-intro #alan-adi .domain-grid{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.07)}
[data-theme="dark"] #cv2-home-intro #alan-adi .domain-item{background:var(--ar-inset-dark);}

/* ===== Kampanya karti: kucuk etiket, asagida baslik/aciklama, sag ustte urun gorseli ===== */
#cv2-home-intro #hosting.core-card{position:relative;overflow:hidden}
#cv2-home-intro #hosting .camp-tag{position:relative;z-index:2;align-self:flex-start;height:22px;margin:0;padding:0 9px 0 3px;gap:5px;font-size:9.5px;letter-spacing:.02em}
#cv2-home-intro #hosting .camp-tag i{width:16px;height:16px;font-size:10px}
#cv2-home-intro #hosting .camp-title{position:relative;z-index:2;align-self:flex-start;margin:34px 0 4px;text-align:left}
#cv2-home-intro #hosting .camp-desc{position:relative;z-index:2;align-self:flex-start;max-width:100%;padding-right:30%;text-align:left}
#cv2-home-intro #hosting .camp-visual{position:absolute;top:10px;right:6px;width:44%;max-width:108px;z-index:1;margin:0;pointer-events:none;isolation:isolate;filter:drop-shadow(0 12px 18px rgba(0,0,0,.35))}
#cv2-home-intro #hosting .camp-visual picture,#cv2-home-intro #hosting .camp-visual img{display:block;width:100%;height:auto;max-width:none}
#cv2-home-intro #hosting .camp-bottom{position:relative;z-index:2;margin-top:auto}
@media (max-width:640px){
  #cv2-home-intro #alan-adi .domain-grid{margin-top:6px;gap:3px;padding:3px}
  #cv2-home-intro #alan-adi .domain-item{height:28px;padding:0 8px}
  #cv2-home-intro #alan-adi .domain-grid .domain-price{font-size:13px}
  #cv2-home-intro #alan-adi .domain-price > .domain-price-period{display:none}
  #cv2-home-intro #hosting .camp-title{margin-top:30px;padding-right:30%}
  #cv2-home-intro #hosting .camp-desc{font-size:12px;padding-right:24%}
  #cv2-home-intro #hosting .camp-visual{width:40%;max-width:72px;top:10px;right:6px}
}

/* Only default product artwork receives the site accent; configured images stay authoritative. */
#cv2-home-intro .camp-visual,#cv2-home-intro .wide-visual{isolation:isolate}
#cv2-home-intro .intro-art-tint{position:absolute;inset:0;pointer-events:none;background:var(--color-gradient,var(--ar-accent));mix-blend-mode:color;mask:var(--intro-tint) center/contain no-repeat}
#cv2-home-intro .wide-visual>.intro-art-tint{display:none}

/* ===== [3/7] bilesenler (Ortak bilesenler (butonlar, kartlar, pencereler))
 * KAYNAK: assets/css/components/host-kur/rings-critical.css ===== */
/* Hikaye halkalari kritik alt kumesi — tools/corev2_audit/split_hk_rings.py uretir; elle duzenlemeyin. */
@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {*:is(.hk-scope,.hk-scope *), :is(.hk-scope,.hk-scope *):before, :is(.hk-scope,.hk-scope *):after, :is(.hk-scope,.hk-scope *)::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      
      
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      
      
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      
      --tw-content: "";
      --tw-animation-delay: 0s;
      --tw-animation-direction: normal;
      --tw-animation-duration: initial;
      --tw-animation-fill-mode: none;
      --tw-animation-iteration-count: 1;
      --tw-enter-blur: 0;
      --tw-enter-opacity: 1;
      --tw-enter-rotate: 0;
      --tw-enter-scale: 1;
      --tw-enter-translate-x: 0;
      --tw-enter-translate-y: 0;
      --tw-exit-blur: 0;
      --tw-exit-opacity: 1;
      --tw-exit-rotate: 0;
      --tw-exit-scale: 1;
      --tw-exit-translate-x: 0;
      --tw-exit-translate-y: 0}}.hk-scope, .hk-scope {
    --color-black: #000;
    --spacing: .25rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --tracking-tight: -.025em;
    --tracking-normal: 0em;
    --tracking-wide: .025em;
    --tracking-widest: .1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --blur-md: 12px;
    --blur-xl: 24px;
    --aspect-video: 16 / 9;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: inherit;
    --default-mono-font-family: inherit;
    --color-background: var(--background);
    --color-foreground: var(--foreground);
    --color-border: var(--border);
  -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent}*:is(.hk-scope,.hk-scope *),.hk-scope:after,:is(.hk-scope *):after,.hk-scope:before,:is(.hk-scope *):before,.hk-scope::backdrop,:is(.hk-scope *)::backdrop{
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0}.hk-scope::file-selector-button,:is(.hk-scope *)::file-selector-button{
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0}hr:is(.hk-scope,.hk-scope *) {
    height: 0;
    color: inherit;
    border-top-width: 1px}abbr:where([title]):is(.hk-scope,.hk-scope *) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted}h1:is(.hk-scope,.hk-scope *), h2:is(.hk-scope,.hk-scope *), h3:is(.hk-scope,.hk-scope *), h4:is(.hk-scope,.hk-scope *), h5:is(.hk-scope,.hk-scope *), h6:is(.hk-scope,.hk-scope *) {
    font-size: inherit;
    font-weight: inherit}a:is(.hk-scope,.hk-scope *) {
    color: inherit;
    
    -webkit-text-decoration: inherit;
    text-decoration: inherit}b:is(.hk-scope,.hk-scope *), strong:is(.hk-scope,.hk-scope *) {
    font-weight: bolder}code:is(.hk-scope,.hk-scope *), kbd:is(.hk-scope,.hk-scope *), samp:is(.hk-scope,.hk-scope *), pre:is(.hk-scope,.hk-scope *) {
    
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em}small:is(.hk-scope,.hk-scope *) {
    font-size: 80%}sub:is(.hk-scope,.hk-scope *), sup:is(.hk-scope,.hk-scope *) {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative}sub:is(.hk-scope,.hk-scope *) {
    bottom: -.25em}sup:is(.hk-scope,.hk-scope *) {
    top: -.5em}table:is(.hk-scope,.hk-scope *) {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse}:-moz-focusring:where(:not(iframe)):is(.hk-scope,.hk-scope *) {
    outline: auto}progress:is(.hk-scope,.hk-scope *) {
    vertical-align: baseline}summary:is(.hk-scope,.hk-scope *) {
    display: list-item}ol:is(.hk-scope,.hk-scope *), ul:is(.hk-scope,.hk-scope *), menu:is(.hk-scope,.hk-scope *) {
    list-style: none}img:is(.hk-scope,.hk-scope *), svg:is(.hk-scope,.hk-scope *), video:is(.hk-scope,.hk-scope *), canvas:is(.hk-scope,.hk-scope *), audio:is(.hk-scope,.hk-scope *), iframe:is(.hk-scope,.hk-scope *), embed:is(.hk-scope,.hk-scope *), object:is(.hk-scope,.hk-scope *) {
    vertical-align: middle;
    display: block}img:is(.hk-scope,.hk-scope *), video:is(.hk-scope,.hk-scope *) {
    max-width: 100%;
    height: auto}button:is(.hk-scope,.hk-scope *), input:is(.hk-scope,.hk-scope *), select:is(.hk-scope,.hk-scope *), optgroup:is(.hk-scope,.hk-scope *), textarea:is(.hk-scope,.hk-scope *) {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0}.hk-scope::file-selector-button,:is(.hk-scope *)::file-selector-button{
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  margin-inline-end: 4px}:where(select:is([multiple], [size])) optgroup:is(.hk-scope,.hk-scope *) {
    font-weight: bolder}:where(select:is([multiple], [size])) optgroup option:is(.hk-scope,.hk-scope *) {
    padding-inline-start: 20px}.hk-scope::placeholder,:is(.hk-scope *)::placeholder{
    opacity: 1}@supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {.hk-scope::placeholder,:is(.hk-scope *)::placeholder{
      color: currentColor}@supports (color: color-mix(in lab, red, red)) {.hk-scope::placeholder,:is(.hk-scope *)::placeholder{
        color: color-mix(in oklab, currentcolor 50%, transparent)}}}textarea:is(.hk-scope,.hk-scope *) {
    resize: vertical}.hk-scope::-webkit-search-decoration,:is(.hk-scope *)::-webkit-search-decoration{
    -webkit-appearance: none}.hk-scope::-webkit-date-and-time-value,:is(.hk-scope *)::-webkit-date-and-time-value{
    min-height: 1lh;
    text-align: inherit}.hk-scope::-webkit-datetime-edit,:is(.hk-scope *)::-webkit-datetime-edit{
    display: inline-flex}.hk-scope::-webkit-datetime-edit-fields-wrapper,:is(.hk-scope *)::-webkit-datetime-edit-fields-wrapper{
    padding: 0}.hk-scope::-webkit-datetime-edit,:is(.hk-scope *)::-webkit-datetime-edit{
    padding-block: 0}.hk-scope::-webkit-datetime-edit-year-field,:is(.hk-scope *)::-webkit-datetime-edit-year-field{
    padding-block: 0}.hk-scope::-webkit-datetime-edit-month-field,:is(.hk-scope *)::-webkit-datetime-edit-month-field{
    padding-block: 0}.hk-scope::-webkit-datetime-edit-day-field,:is(.hk-scope *)::-webkit-datetime-edit-day-field{
    padding-block: 0}.hk-scope::-webkit-datetime-edit-hour-field,:is(.hk-scope *)::-webkit-datetime-edit-hour-field{
    padding-block: 0}.hk-scope::-webkit-datetime-edit-minute-field,:is(.hk-scope *)::-webkit-datetime-edit-minute-field{
    padding-block: 0}.hk-scope::-webkit-datetime-edit-second-field,:is(.hk-scope *)::-webkit-datetime-edit-second-field{
    padding-block: 0}.hk-scope::-webkit-datetime-edit-millisecond-field,:is(.hk-scope *)::-webkit-datetime-edit-millisecond-field{
    padding-block: 0}.hk-scope::-webkit-datetime-edit-meridiem-field,:is(.hk-scope *)::-webkit-datetime-edit-meridiem-field{
    padding-block: 0}.hk-scope::-webkit-calendar-picker-indicator,:is(.hk-scope *)::-webkit-calendar-picker-indicator{
    line-height: 1}button:is(.hk-scope,.hk-scope *), input:where([type="button"], [type="reset"], [type="submit"]):is(.hk-scope,.hk-scope *) {
    appearance: button}.hk-scope::file-selector-button,:is(.hk-scope *)::file-selector-button{
    appearance: button}.hk-scope::-webkit-inner-spin-button,:is(.hk-scope *)::-webkit-inner-spin-button{
    height: auto}.hk-scope::-webkit-outer-spin-button,:is(.hk-scope *)::-webkit-outer-spin-button{
    height: auto}[hidden]:where(:not([hidden="until-found"])):is(.hk-scope,.hk-scope *) {
    display: none}*:is(.hk-scope,.hk-scope *) {
    border-color: var(--color-border)}.hk-scope {
    color: var(--color-foreground);
  --story-stage: oklch(16% .004 260);
  --story-fg: oklch(99% 0 0);
  --story-muted: oklch(87% .006 260);
  --story-accent: var(--CoreV2-primary);
  --story-glass: oklch(17% .006 260 / .76);
  --story-panel-fg: var(--story-fg);
  --story-panel-muted: oklch(78% .003 260);
  --story-panel-accent: var(--CoreV2-primary);
  --story-panel-surface: oklch(40% .004 260 / .22);
  --story-panel-inset: oklch(12% .003 260 / .24);
  --story-panel-line: oklch(99% 0 0 / .12);
  --story-control-gradient: linear-gradient(155deg, oklch(99% 0 0 / .04), transparent 70%);
  --story-control-shadow: inset 0 1px 0 oklch(99% 0 0 / .035);
  --story-accent-gradient: linear-gradient(145deg, color-mix(in srgb,var(--CoreV2-primary) 12%,transparent), transparent 75%);
  --story-shade: linear-gradient(to bottom, oklch(10% 0 0 / .65), transparent 30%, oklch(10% 0 0 / .08) 50%, oklch(10% 0 0 / .6));
  --action-shell: oklch(12% 0 0 / .9);
  --action-active: oklch(28% 0 0 / .9);
  --action-line: oklch(100% 0 0 / .3);
  --action-fg: oklch(100% 0 0);
  --radius: 1rem;
  --pop-shell: oklch(93.5% .003 260);
  --pop-card: oklch(100% 0 0);
  --pop-subtle: oklch(96.8% .002 260);
  --pop-line: oklch(90.5% .003 260);
  --pop-fg: oklch(20% .005 260);
  --pop-muted: oklch(53% .008 260);
  --pop-btn: oklch(20% .005 260);
  --pop-btn-fg: oklch(99% 0 0);
  --success: oklch(62% .16 150);
  --success-foreground: oklch(99% 0 0);
  
  --ember: var(--CoreV2-primary);
  --ember-foreground: var(--color-on-primary);
  --ink: oklch(18% .005 60);
  --ink-foreground: oklch(98% .004 80);
  --paper: var(--ar-on-dark);
  --overlay: oklch(20% .005 260 / .45);
  --shadow-pop: 0 1px 0 0 oklch(100% 0 0 / .6) inset, 0 50px 100px -30px oklch(15% .01 260 / .45), 0 0 0 1px oklch(15% .01 260 / .06);
  --background: oklch(95.5% .008 80);
  --foreground: oklch(12.9% .042 264.695);
  --card: oklch(100% 0 0);
  --card-foreground: oklch(12.9% .042 264.695);
  --popover: oklch(100% 0 0);
  --popover-foreground: oklch(12.9% .042 264.695);
  --primary: oklch(20.8% .042 265.755);
  --primary-foreground: oklch(98.4% .003 247.858);
  --secondary: oklch(96.8% .007 247.896);
  --secondary-foreground: oklch(20.8% .042 265.755);
  --muted: oklch(96.8% .007 247.896);
  --muted-foreground: oklch(55.4% .046 257.417);
  --accent: oklch(96.8% .007 247.896);
  --accent-foreground: oklch(20.8% .042 265.755);
  --destructive: oklch(57.7% .245 27.325);
  --destructive-foreground: oklch(98.4% .003 247.858);
  --border: oklch(92.9% .013 255.508);
  --input: oklch(92.9% .013 255.508);
  --ring: oklch(70.4% .04 256.788);
  
  
  
  
  
  --sidebar: oklch(98.4% .003 247.858);
  --sidebar-foreground: oklch(12.9% .042 264.695);
  
  
  --sidebar-accent: oklch(96.8% .007 247.896);
  --sidebar-accent-foreground: oklch(20.8% .042 265.755);
  --sidebar-border: oklch(92.9% .013 255.508);
  --sidebar-ring: oklch(70.4% .04 256.788)}.absolute:is(.hk-scope,.hk-scope *) {
    position: absolute}.relative:is(.hk-scope,.hk-scope *) {
    position: relative}.top-0:is(.hk-scope,.hk-scope *) {
    top: 0}.right-0:is(.hk-scope,.hk-scope *) {
    right: 0}.bottom-0:is(.hk-scope,.hk-scope *) {
    bottom: 0}.left-0:is(.hk-scope,.hk-scope *) {
    left: 0}.block:is(.hk-scope,.hk-scope *) {
    display: block}.flex:is(.hk-scope,.hk-scope *) {
    display: flex}.grid:is(.hk-scope,.hk-scope *) {
    display: grid}.inline-flex:is(.hk-scope,.hk-scope *) {
    display: inline-flex}.\!size-2\.5:is(.hk-scope,.hk-scope *) {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5)}.\!size-3\.5:is(.hk-scope,.hk-scope *) {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5)}.size-5:is(.hk-scope,.hk-scope *) {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5)}.size-6:is(.hk-scope,.hk-scope *) {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6)}.size-\[88px\]:is(.hk-scope,.hk-scope *) {
    width: 88px;
    height: 88px}.h-auto:is(.hk-scope,.hk-scope *) {
    height: auto}.h-full:is(.hk-scope,.hk-scope *) {
    height: 100%}.w-full:is(.hk-scope,.hk-scope *) {
    width: 100%}.min-w-0:is(.hk-scope,.hk-scope *) {
    min-width: 0}.shrink-0:is(.hk-scope,.hk-scope *) {
    flex-shrink: 0}.cursor-pointer:is(.hk-scope,.hk-scope *) {
    cursor: pointer}.flex-col:is(.hk-scope,.hk-scope *) {
    flex-direction: column}.place-items-center:is(.hk-scope,.hk-scope *) {
    place-items: center}.items-center:is(.hk-scope,.hk-scope *) {
    align-items: center}.justify-center:is(.hk-scope,.hk-scope *) {
    justify-content: center}.gap-3:is(.hk-scope,.hk-scope *) {
    gap: calc(var(--spacing) * 3)}.gap-4:is(.hk-scope,.hk-scope *) {
    gap: calc(var(--spacing) * 4)}.overflow-hidden:is(.hk-scope,.hk-scope *) {
    overflow: hidden}.rounded-full:is(.hk-scope,.hk-scope *) {
    border-radius: 3.40282e38px}.rounded-lg:is(.hk-scope,.hk-scope *) {
    border-radius: var(--radius)}.border-2:is(.hk-scope,.hk-scope *) {
    border-style: var(--tw-border-style);
    border-width: 2px}.border-story-accent:is(.hk-scope,.hk-scope *) {
    border-color: var(--story-accent)}.bg-pop-btn:is(.hk-scope,.hk-scope *) {
    background-color: var(--pop-btn)}.bg-pop-card:is(.hk-scope,.hk-scope *) {
    background-color: var(--pop-card)}.bg-pop-subtle:is(.hk-scope,.hk-scope *) {
    background-color: var(--pop-subtle)}.bg-story-accent:is(.hk-scope,.hk-scope *) {
    background:var(--color-dual,var(--story-accent))}.bg-story-accent\/10:is(.hk-scope,.hk-scope *) {
    background-color: var(--story-accent)}@supports (color: color-mix(in lab, red, red)) {.bg-story-accent\/10:is(.hk-scope,.hk-scope *) {
      background-color: color-mix(in oklab, var(--story-accent) 10%, transparent)}}.fill-current:is(.hk-scope,.hk-scope *) {
    fill: currentColor}.object-cover:is(.hk-scope,.hk-scope *) {
    object-fit: cover}.p-\[5px\]:is(.hk-scope,.hk-scope *) {
    padding: 5px}.py-2:is(.hk-scope,.hk-scope *) {
    padding-block: calc(var(--spacing) * 2)}.text-center:is(.hk-scope,.hk-scope *) {
    text-align: center}.text-sm:is(.hk-scope,.hk-scope *) {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height))}.text-xs:is(.hk-scope,.hk-scope *) {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height))}.leading-5:is(.hk-scope,.hk-scope *) {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5)}.font-medium:is(.hk-scope,.hk-scope *) {
    
    font-weight: var(--font-weight-medium)}.font-semibold:is(.hk-scope,.hk-scope *) {
    
    font-weight: var(--font-weight-semibold)}.whitespace-normal:is(.hk-scope,.hk-scope *) {
    white-space: normal}.whitespace-nowrap:is(.hk-scope,.hk-scope *) {
    white-space: nowrap}.text-pop-btn-fg:is(.hk-scope,.hk-scope *) {
    color: var(--pop-btn-fg)}.text-pop-fg:is(.hk-scope,.hk-scope *) {
    color: var(--pop-fg)}.text-story-stage:is(.hk-scope,.hk-scope *) {
    color: var(--story-stage)}.ring-1:is(.hk-scope,.hk-scope *) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor)}.ring-2:is(.hk-scope,.hk-scope *) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor)}.ring-pop-card:is(.hk-scope,.hk-scope *) {
    --tw-ring-color: var(--pop-card)}.ring-pop-line\/60:is(.hk-scope,.hk-scope *) {
    --tw-ring-color: var(--pop-line)}@supports (color: color-mix(in lab, red, red)) {.ring-pop-line\/60:is(.hk-scope,.hk-scope *) {
      --tw-ring-color: color-mix(in oklab, var(--pop-line) 60%, transparent)}}.ring-pop-shell:is(.hk-scope,.hk-scope *) {
    --tw-ring-color: var(--pop-shell)}.outline-offset-4:is(.hk-scope,.hk-scope *) {
    outline-offset: 4px}.transition-colors:is(.hk-scope,.hk-scope *) {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))}.focus-visible\:ring-1:focus-visible:is(.hk-scope,.hk-scope *) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor)}.focus-visible\:ring-ring:focus-visible:is(.hk-scope,.hk-scope *) {
    --tw-ring-color: var(--ring)}.focus-visible\:outline-none:focus-visible:is(.hk-scope,.hk-scope *) {
    --tw-outline-style: none;
    outline-style: none}.disabled\:pointer-events-none:disabled:is(.hk-scope,.hk-scope *) {
    pointer-events: none}.disabled\:cursor-not-allowed:disabled:is(.hk-scope,.hk-scope *) {
    cursor: not-allowed}.disabled\:opacity-50:disabled:is(.hk-scope,.hk-scope *) {
    opacity: .5}@media (prefers-reduced-motion: no-preference) {.motion-safe\:transition:is(.hk-scope,.hk-scope *) {
      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
      transition-duration: var(--tw-duration, var(--default-transition-duration))}.motion-safe\:duration-300:is(.hk-scope,.hk-scope *) {
      --tw-duration: .3s;
      transition-duration: .3s}@media (hover: hover) {.motion-safe\:group-hover\:-translate-y-1:is(:where(.group):hover *):is(.hk-scope,.hk-scope *) {
        --tw-translate-y: calc(var(--spacing) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y)}.motion-safe\:group-hover\:scale-105:is(:where(.group):hover *):is(.hk-scope,.hk-scope *) {
        --tw-scale-x: 105%;
        --tw-scale-y: 105%;
        
        scale: var(--tw-scale-x) var(--tw-scale-y)}}}@media (width >= 40rem) {.sm\:size-\[96px\]:is(.hk-scope,.hk-scope *) {
      width: 96px;
      height: 96px}}.\[\&_svg\]\:pointer-events-none svg:is(.hk-scope,.hk-scope *) {
    pointer-events: none}.\[\&_svg\]\:size-4 svg:is(.hk-scope,.hk-scope *) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg:is(.hk-scope,.hk-scope *) {
    flex-shrink: 0}@property --tw-animation-delay {
  syntax: "*";
  inherits: false;
  initial-value: 0s;
}@property --tw-animation-direction {
  syntax: "*";
  inherits: false;
  initial-value: normal;
}@property --tw-animation-duration {
  syntax: "*";
  inherits: false
}@property --tw-animation-fill-mode {
  syntax: "*";
  inherits: false;
  initial-value: none;
}@property --tw-animation-iteration-count {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}@property --tw-enter-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}@property --tw-enter-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}@property --tw-enter-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}@property --tw-enter-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}@property --tw-enter-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}@property --tw-enter-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}@property --tw-exit-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}@property --tw-exit-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}@property --tw-exit-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}@property --tw-exit-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}@property --tw-exit-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}@property --tw-exit-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}html.dark-mode .hk-scope {
  --pop-shell: oklch(29% .004 260);
  --pop-card: oklch(20% .004 260);
  --pop-subtle: oklch(24.5% .004 260);
  --pop-line: oklch(32% .004 260);
  --pop-fg: oklch(97% 0 0);
  --pop-muted: oklch(70% .006 260);
  --pop-btn: oklch(97% 0 0);
  --pop-btn-fg: oklch(20% .004 260);
  --overlay: oklch(8% .005 260 / .65);
  --background: oklch(12.9% .042 264.695);
  --foreground: oklch(98.4% .003 247.858);
  --muted-foreground: oklch(70.4% .04 256.788);
  
  --card: oklch(20.8% .042 265.755);
  --card-foreground: oklch(98.4% .003 247.858);
  --popover: oklch(20.8% .042 265.755);
  --popover-foreground: oklch(98.4% .003 247.858);
  --primary: oklch(92.9% .013 255.508);
  --primary-foreground: oklch(20.8% .042 265.755);
  --secondary: oklch(27.9% .041 260.031);
  --secondary-foreground: oklch(98.4% .003 247.858);
  --muted: oklch(27.9% .041 260.031);
  --accent: oklch(27.9% .041 260.031);
  --accent-foreground: oklch(98.4% .003 247.858);
  --destructive: oklch(70.4% .191 22.216);
  --destructive-foreground: oklch(98.4% .003 247.858);
  --border: oklch(100% 0 0 / .1);
  --input: oklch(100% 0 0 / .15);
  --ring: oklch(55.1% .027 264.364);
  
  
  
  
  
  --sidebar: oklch(20.8% .042 265.755);
  --sidebar-foreground: oklch(98.4% .003 247.858);
  
  
  --sidebar-accent: oklch(27.9% .041 260.031);
  --sidebar-accent-foreground: oklch(98.4% .003 247.858);
  --sidebar-border: oklch(100% 0 0 / .1);
  --sidebar-ring: oklch(55.1% .027 264.364)}@keyframes pop-in {
  from {
    opacity: 0;
    transform: translateY(24px) scale(.97)}

  to {
    opacity: 1;
    transform: none}
}@keyframes fade-in {
  from {
    opacity: 0}

  to {
    opacity: 1}
}@keyframes ripple {
  0% {
    opacity: .55;
    transform: scale(.6)}

  100% {
    opacity: 0;
    transform: scale(2.1)}
}@keyframes wiggle {
  0%, 100% {
    transform: rotate(-6deg) scale(1)}

  10% {
    transform: rotate(8deg) scale(1.06)}

  20% {
    transform: rotate(-8deg) scale(1.06)}

  30% {
    transform: rotate(6deg) scale(1.03)}

  40%, 90% {
    transform: rotate(-6deg) scale(1)}
}@keyframes kenburns {
  from {
    transform: scale(1.04)}

  to {
    transform: scale(1.14) translate(-1.5%, -1%)}
}@keyframes floaty {
  0%, 100% {
    transform: translateY(0)}

  50% {
    transform: translateY(-6px)}
}@keyframes drift {
  from {
    transform: rotate(-12deg) translateY(0)}

  to {
    transform: rotate(-12deg) translateY(-8%)}
}@keyframes notif-in {
  from {
    opacity: 0;
    transform: translateY(-14px) scale(.96)}

  to {
    opacity: 1;
    transform: none}
}@keyframes shine {
  from {
    transform: translateX(-120%) skewX(-20deg)}

  to {
    transform: translateX(220%) skewX(-20deg)}
}@media (prefers-reduced-motion: reduce) {*:is(.hk-scope,.hk-scope *), :is(.hk-scope,.hk-scope *):before, :is(.hk-scope,.hk-scope *):after {
    animation-duration: .01ms;
    animation-iteration-count: 1}}@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}@property --tw-skew-x {
  syntax: "*";
  inherits: false
}@property --tw-skew-y {
  syntax: "*";
  inherits: false
}@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}@property --tw-leading {
  syntax: "*";
  inherits: false
}@property --tw-font-weight {
  syntax: "*";
  inherits: false
}@property --tw-tracking {
  syntax: "*";
  inherits: false
}@property --tw-ordinal {
  syntax: "*";
  inherits: false
}@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}@property --tw-ring-color {
  syntax: "*";
  inherits: false
}@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}@property --tw-blur {
  syntax: "*";
  inherits: false
}@property --tw-brightness {
  syntax: "*";
  inherits: false
}@property --tw-contrast {
  syntax: "*";
  inherits: false
}@property --tw-grayscale {
  syntax: "*";
  inherits: false
}@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}@property --tw-invert {
  syntax: "*";
  inherits: false
}@property --tw-opacity {
  syntax: "*";
  inherits: false
}@property --tw-saturate {
  syntax: "*";
  inherits: false
}@property --tw-sepia {
  syntax: "*";
  inherits: false
}@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}@property --tw-duration {
  syntax: "*";
  inherits: false
}@property --tw-ease {
  syntax: "*";
  inherits: false
}@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}@keyframes pulse {
  50% {
    opacity: .5}
}@keyframes enter {
  from {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0)scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1))rotate(var(--tw-enter-rotate, 0));
    filter: blur(var(--tw-enter-blur, 0))}
}@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0)scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1))rotate(var(--tw-exit-rotate, 0));
    filter: blur(var(--tw-exit-blur, 0))}
}@keyframes accordion-down {
  from {
    height: 0}

  to {
    height: var(--radix-accordion-content-height, var(--bits-accordion-content-height, var(--reka-accordion-content-height, var(--kb-accordion-content-height, var(--ngp-accordion-content-height, auto)))))}
}@keyframes accordion-up {
  from {
    height: var(--radix-accordion-content-height, var(--bits-accordion-content-height, var(--reka-accordion-content-height, var(--kb-accordion-content-height, var(--ngp-accordion-content-height, auto)))))}

  to {
    height: 0}
}@keyframes caret-blink {
  0%, 70%, 100% {
    opacity: 1}

  20%, 50% {
    opacity: 0}
}[hidden]:is(.hk-scope,.hk-scope *){display:none}button:is(.hk-scope,.hk-scope *),a:is(.hk-scope,.hk-scope *){-webkit-tap-highlight-color:transparent}button:is(.hk-scope,.hk-scope *){cursor:pointer}button:disabled:is(.hk-scope,.hk-scope *){cursor:default}button svg:is(.hk-scope,.hk-scope *){width:16px;height:16px;flex-shrink:0}button:focus-visible:is(.hk-scope,.hk-scope *),a:focus-visible:is(.hk-scope,.hk-scope *),input:focus-visible:is(.hk-scope,.hk-scope *){outline:2px solid var(--story-accent)}html.cv2-st-dlg body{overflow:hidden}.cv2-hk-stories{width:100%;max-width:1200px;margin:10px auto;padding:0 16px;letter-spacing:0}.hk-scope [aria-label="Kapat"]{position:relative;z-index:30}.hk-scope .absolute.hk-close-slot{z-index:30}

/* ===== [4/7] bilesenler (Ortak bilesenler (butonlar, kartlar, pencereler))
 * KAYNAK: assets/css/components/host-kur/rings.css ===== */
/* Protect the reference rings from global WISECP image and span rules. */
section.cv2-hk-stories button[data-story]>span:first-child{flex-shrink:0;aspect-ratio:1;overflow:visible}
section.cv2-hk-stories button[data-story]>span:first-child>span:first-child{position:absolute;inset:5px;width:auto;height:auto;overflow:hidden;border-radius:50%}
section.cv2-hk-stories button[data-story]>span:first-child>span:first-child>img{position:absolute;inset:0;width:100%;height:100%;min-height:100%;max-height:none;object-fit:cover;display:block}
section.cv2-hk-stories button[data-story]>span:last-child{display:block;position:static;height:auto;min-height:16px;overflow:visible;color:var(--pop-fg);line-height:16px;font-size:12px}

/* Site renklerinde ince, dönen gradyan halka */
/* PERF: eski surum @property --hk-angle animasyonu her karede stil yeniden hesaplatiyordu (ana is parcacigi).
   Simdi gradyan bir ::before katmaninda sabit, katman transform:rotate ile GPU'da doner — gorunum ayni. */
section.cv2-hk-stories button[data-story]>span.hk-ring{
  border-color:transparent;
  background:transparent;
  padding:2px;
  
  isolation:isolate}
section.cv2-hk-stories button[data-story]>span.hk-ring::before{
  content:"";position:absolute;inset:0;z-index:0;border-radius:50%;pointer-events:none;
  background:conic-gradient(from 210deg,var(--color-gradient-from,var(--story-accent)),var(--color-gradient-to,var(--story-accent)),var(--color-gradient-from,var(--story-accent)));
  animation:hk-ring-rot 3.2s linear infinite;will-change:transform}
section.cv2-hk-stories button[data-story]>span.hk-ring>span{z-index:1}
@keyframes hk-ring-rot{to{transform:rotate(360deg)}}
section.cv2-hk-stories button[data-story]>span.hk-ring>span:first-child{
  inset:2px}
/* Okunan hikaye: çerçeve rengini korur ama sönük, dönmez — tekrar dikkat çekmeye devam eder. */
section.cv2-hk-stories button[data-story]>span.hk-ring.hk-ring--seen{
  background:conic-gradient(from 210deg,color-mix(in oklab,var(--color-gradient-from,var(--story-accent)) 42%,var(--pop-line)),color-mix(in oklab,var(--color-gradient-to,var(--story-accent)) 30%,var(--pop-line)),color-mix(in oklab,var(--color-gradient-from,var(--story-accent)) 42%,var(--pop-line)))}
section.cv2-hk-stories button[data-story]>span.hk-ring.hk-ring--seen::before{display:none}
section.cv2-hk-stories button[data-story]>span.hk-ring.hk-ring--seen>span:first-child>img{filter:saturate(.75);opacity:.85}

/* Göz / tik rozeti: tam çerçeve çizgisinin üstünde — yarısı içte, yarısı dışta (45° noktası). */
section.cv2-hk-stories button[data-story]>span.hk-ring>span[aria-hidden="true"]:nth-child(2){
  top:auto;left:auto;bottom:auto;right:auto;
  width:24px;height:24px;
  inset:calc(85.355% - 12px) auto auto calc(85.355% - 12px);
  z-index:2}
section.cv2-hk-stories button[data-story]>span.hk-ring>span[aria-hidden="true"]:nth-child(3){
  inset:calc(14.645% - 10px) auto auto calc(14.645% - 10px);z-index:2}
/* Okundu tik işareti: dolu daire, kalın beyaz tik, yumuşak gölge ve kısa açılış efekti. */
section.cv2-hk-stories button[data-story]>span.hk-ring--seen>span[aria-hidden="true"]:nth-child(2){
  background:var(--color-gradient,var(--story-accent));
  color:var(--cv2-on-brand);
  
  animation:hk-check-pop .35s cubic-bezier(.34,1.56,.64,1) both}
section.cv2-hk-stories button[data-story]>span.hk-ring--seen>span[aria-hidden="true"]:nth-child(2) svg{width:13px;height:13px;stroke-width:3.2}
@keyframes hk-check-pop{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}
@media (prefers-reduced-motion:reduce){section.cv2-hk-stories button[data-story]>span.hk-ring::before,section.cv2-hk-stories button[data-story]>span.hk-ring--seen>span[aria-hidden="true"]:nth-child(2){animation:none}}
section.cv2-hk-stories button[data-story]:hover>span.hk-ring:not(.hk-ring--seen){
  filter:saturate(1.15)}

/* Yatay hikaye rafi — sade, kutusuz; belirgin gradyan halka, beyaz ara boşluk, üstten hizali etiketler. */
section.cv2-hk-stories>div:first-child{
  display:flex;align-items:flex-start;gap:22px;overflow-x:auto;overflow-y:hidden;
  padding:10px 16px 6px;scroll-padding-inline:16px;box-sizing:border-box;max-width:100%;
  scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory;justify-content:safe center;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent);
          mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent)}
section.cv2-hk-stories.hk-align-left>div:first-child{justify-content:safe flex-start}
section.cv2-hk-stories.hk-align-right>div:first-child{justify-content:safe flex-end}
section.cv2-hk-stories>div:first-child::-webkit-scrollbar{display:none}
section.cv2-hk-stories>div:first-child>button[data-story]{
  flex-shrink:0;scroll-snap-align:start;min-width:0;width:86px;gap:8px;padding:0;outline:none;
  justify-content:flex-start;-webkit-tap-highlight-color:transparent}
section.cv2-hk-stories button[data-story]>span.hk-ring{
  width:80px;height:80px;padding:0;
  transition:transform .25s cubic-bezier(.2,.8,.2,1)}
/* Halka 3px gradyan, icinde 3px zemin rengi bosluk */
section.cv2-hk-stories button[data-story]>span.hk-ring>span:first-child{
  inset:3px;background:var(--pop-card,var(--background,#fff))}
section.cv2-hk-stories button[data-story]>span.hk-ring>span:first-child>img{inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);min-height:0;border-radius:50%}
section.cv2-hk-stories button[data-story]:hover>span.hk-ring{transform:translateY(-2px) scale(1.03)}
section.cv2-hk-stories button[data-story]:focus-visible>span.hk-ring{outline:2px solid var(--story-accent);outline-offset:3px}
/* Rozetler: kucuk, zemin rengi cerceveli */
section.cv2-hk-stories button[data-story]>span.hk-ring>span[aria-hidden="true"]:nth-child(2){
  width:22px;height:22px;inset:calc(85.355% - 11px) auto auto calc(85.355% - 11px);
  }
section.cv2-hk-stories button[data-story]>span.hk-ring>span[aria-hidden="true"]:nth-child(3){display:none}
section.cv2-hk-stories button[data-story]>span:last-child{
  max-width:86px;font-size:12px;line-height:15px;font-weight:600;letter-spacing:-.01em;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
section.cv2-hk-stories button[data-story].hk-story--seen>span:last-child{
  color:color-mix(in oklab,var(--pop-fg,currentColor) 60%,transparent);font-weight:500}
@media (max-width:640px){
  section.cv2-hk-stories>div:first-child{
    gap:14px;padding:8px 14px 4px;scroll-padding-inline:14px;justify-content:flex-start;
    -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent);
            mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent)}
  section.cv2-hk-stories>div:first-child>button[data-story]{width:70px;gap:6px}
  section.cv2-hk-stories button[data-story]>span.hk-ring{width:66px;height:66px}
  section.cv2-hk-stories button[data-story]>span:last-child{max-width:70px;font-size:11px;line-height:14px}
  section.cv2-hk-stories button[data-story]:hover>span.hk-ring{transform:none}
  section.cv2-hk-stories button[data-story]:active>span.hk-ring{transform:scale(.94)}
}
@media (prefers-reduced-motion:reduce){section.cv2-hk-stories button[data-story]>span.hk-ring{transition:none}}

/* Keep the original rings and story layout; inherit the site's configured brand. */
section.cv2-hk-stories,dialog.hk-scope.story-dialog{
  --story-accent:var(--color-primary);
  --story-panel-accent:var(--color-primary);
  --story-accent-gradient:linear-gradient(145deg,color-mix(in oklab,var(--color-primary) 12%,transparent),transparent 75%)}
section.cv2-hk-stories{margin-block:0;padding-block:0;min-width:0;max-width:100%}
section.cv2-hk-stories button[data-story]>span:last-child{overflow-wrap:anywhere}
section.cv2-hk-stories button[data-story]>span.hk-ring>span[aria-hidden="true"]{background:var(--color-gradient,var(--story-accent));color:#fff}

/* Goz/tik rozeti: beyaz simge, parlak gradyan, yumusak golge */
section.cv2-hk-stories button[data-story]>span.hk-ring>span[aria-hidden="true"]:nth-child(2){
  background:var(--color-gradient,var(--story-accent));
  color:#fff;
  }
section.cv2-hk-stories button[data-story]>span.hk-ring>span[aria-hidden="true"]:nth-child(2) svg{color:#fff;stroke:#fff;width:13px;height:13px;stroke-width:2.2}
section.cv2-hk-stories button[data-story]>span.hk-ring--seen>span[aria-hidden="true"]:nth-child(2) svg{stroke-width:3}

/* ===== [5/7] bilesenler (Ortak bilesenler (butonlar, kartlar, pencereler))
 * KAYNAK: assets/css/components/cv2-whatsapp-widget.css ===== */
/* Sag destek dugmeleri sol site rayinin aynasi: 1576px altinda kenardan sabit 12px, ustunde icerik sagindan rayla ayni 18px bosluk. */
:root{--cv2-control-edge:12px}@media(min-width:1576px){:root{--cv2-control-edge:calc((100vw - 1400px) / 2 - 74px)}}@media(max-width:640px){:root{--cv2-control-edge:14px}}
/* CoreV2 contact widget: theme roles, honest wa.me handoff, compact support layout. */
.cv2-wa-widget {
 --wa-green:var(--color-success);
 --wa-bg:color-mix(in srgb,var(--color-text-primary) 4%,var(--color-surface));--wa-bubble:var(--color-surface);
 --wa-text:var(--color-text-primary);--wa-muted:var(--color-text-secondary);
 --wa-border:var(--color-border);--wa-on-green:var(--color-on-success);
 --wa-shadow:0 22px 64px -16px color-mix(in srgb,var(--color-text-primary) 25%,transparent);
 position:fixed;bottom:calc(var(--cv2-control-bottom,40px) + 2 * (var(--cv2-control-size,56px) + var(--cv2-control-gap,12px)));z-index:999989;font-size:14px;line-height:1.55;color:var(--wa-text)}
.cv2-wa-pos-right{right:var(--cv2-control-edge,20px)}
.cv2-wa-widget *,.cv2-wa-widget *::before,.cv2-wa-widget *::after{box-sizing:border-box;letter-spacing:0}
.cv2-wa-widget button,.cv2-wa-widget input{font:inherit}.cv2-wa-widget button{cursor:pointer}.cv2-wa-widget svg{display:block}
.cv2-wa-fab{width:var(--cv2-control-size,56px);height:var(--cv2-control-size,56px);border:0;border-radius:50%;background:var(--wa-green);color:var(--wa-on-green);display:flex;align-items:center;justify-content:center;transition:transform .2s}
html[data-theme="dark"] .cv2-wa-fab{color:var(--ar-white)}
.cv2-wa-fab:hover{transform:translateY(-2px)}.cv2-wa-icon-open{width:27px;height:27px}.cv2-wa-fab-pulse,.cv2-wa-fab-badge,.cv2-wa-verified,.cv2-wa-online-dot{display:none}
.cv2-wa-hidden{visibility:hidden}
.cv2-wa-chat{position:absolute;bottom:calc(var(--cv2-control-size,56px) + var(--cv2-control-gap,12px));width:380px;height:510px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 112px);display:flex;flex-direction:column;background:var(--wa-bubble);border:1px solid var(--wa-border);border-radius:24px;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(12px) scale(.98);transition:opacity .2s,visibility .2s,transform .2s}
.cv2-wa-pos-right .cv2-wa-chat{right:0;transform-origin:bottom right}.cv2-wa-chat.is-open{opacity:1;visibility:visible;transform:none}
.cv2-wa-chat-header{display:flex;align-items:center;gap:10px;padding:14px 16px;min-height:70px;border-bottom:1px solid var(--wa-border);background:var(--wa-bubble);flex:none}
.cv2-wa-chat-avatar{width:36px;height:36px;flex:none;border-radius:10px;background:color-mix(in srgb,var(--wa-green) 10%,var(--wa-bubble));display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--wa-green)}
.cv2-wa-chat-avatar img,.cv2-wa-avatar-fallback{display:none}.cv2-wa-brand-symbol{flex:none}
.cv2-wa-chat-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.cv2-wa-chat-info strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cv2-wa-chat-info>span{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--wa-muted)}
.cv2-wa-dot-green{width:6px;height:6px;border-radius:50%;background:var(--wa-green)}
.cv2-wa-chat-close{width:30px;height:30px;flex:none;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:transparent;color:var(--wa-muted)}.cv2-wa-chat-close:hover{background:var(--wa-bg)}
.cv2-wa-chat-body{padding:28px 20px 20px;min-height:0;flex:1;display:flex;flex-direction:column;gap:18px;background:var(--wa-bubble);overflow:auto;overscroll-behavior:contain}.cv2-wa-intro{display:flex;flex-direction:column;gap:8px;text-align:center;margin:4px 0 14px}.cv2-wa-intro-label{font-size:11px;font-weight:550;color:var(--wa-muted)}.cv2-wa-intro h2{margin:0;font-size:24px;font-weight:750;line-height:1.35;color:var(--wa-text)}.cv2-wa-intro h2 span{color:var(--wa-green)}
.cv2-wa-body-time{align-self:center;font-size:10px;color:var(--wa-muted)}.cv2-wa-msg-wrap{display:flex}
.cv2-wa-msg-bubble{max-width:92%;padding:14px 16px;background:color-mix(in srgb,var(--wa-green) 9%,var(--wa-bubble));border:0;border-radius:3px 16px 16px 16px;font-size:13px;overflow-wrap:anywhere;animation:cv2WaMsgIn .25s ease}.cv2-wa-msg-bubble p{margin:0 0 6px;color:var(--wa-text)}.cv2-wa-msg-bubble p:last-child{margin:0}
.cv2-wa-chat-footer{flex:none;padding:10px 14px;background:var(--wa-bubble);display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--wa-border)}
.cv2-wa-ai-handoff{display:flex;align-items:center;gap:9px;width:100%;padding:8px 3px;border:0;border-radius:8px;background:transparent;color:var(--wa-muted);font-size:12px;font-weight:500;cursor:pointer}.cv2-wa-ai-handoff svg:last-child{margin-left:auto}.cv2-wa-ai-handoff:hover{color:var(--wa-text)}.cv2-wa-ai-handoff[hidden]{display:none}
.cv2-wa-input-row{display:flex;align-items:center;gap:6px;padding:5px;border:1px solid var(--wa-border);border-radius:16px;background:var(--wa-bg)}.cv2-wa-widget .cv2-wa-input{flex:1;min-width:0;height:36px;padding:0 8px;border:0;border-radius:0;background:transparent;color:var(--wa-text);outline:0;font-size:13px}.cv2-wa-input::placeholder{color:var(--wa-muted)}
.cv2-wa-send-btn{width:34px;height:34px;flex:none;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--wa-green);color:var(--wa-on-green);text-decoration:none}.cv2-wa-send-btn:hover{filter:brightness(.94)}
.cv2-wa-widget button:focus-visible,.cv2-wa-send-btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}
.cv2-wa-channel-note{margin:0;font-size:10px;color:var(--wa-muted);text-align:center}
@keyframes cv2WaMsgIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:640px){.cv2-wa-widget{bottom:calc(var(--cv2-control-bottom,96px) + 2 * (var(--cv2-control-size,56px) + var(--cv2-control-gap,12px)))}.cv2-wa-pos-right{right:var(--cv2-control-edge,16px)}.cv2-wa-pos-right .cv2-wa-chat,.cv2-wa-pos-left .cv2-wa-chat{position:fixed;left:10px;right:10px;bottom:max(76px,calc(env(safe-area-inset-bottom) + 66px));width:auto;max-width:none;max-height:calc(100dvh - 92px);transform-origin:bottom center}.cv2-wa-chat-body{min-height:200px}}
@media(max-height:500px){.cv2-wa-pos-right .cv2-wa-chat,.cv2-wa-pos-left .cv2-wa-chat{bottom:10px;max-height:calc(100dvh - 20px)}.cv2-wa-chat-body{min-height:100px}}
@media(prefers-reduced-motion:reduce){.cv2-wa-widget *{animation:none;transition:none}}

/* Supersede legacy floating-stack mobile rules without changing site navigation. */
.cv2-st-wa:not(#cv2-q) body #cai-fab,
.cv2-st-wa:not(#cv2-q) body #cv2WaFab,
.cv2-st-cai:not(#cv2-q) body #cv2WaFab { visibility:hidden;pointer-events:none}
@media(max-width:640px){
 #cv2WaWidget.cv2-wa-pos-right { right:var(--cv2-control-edge,16px);bottom:calc(var(--cv2-control-bottom,96px) + 2 * (var(--cv2-control-size,56px) + var(--cv2-control-gap,12px)))}
 #cv2WaWidget #cv2WaChat { left:12px;right:12px;width:auto;max-width:none;bottom:max(76px,calc(env(safe-area-inset-bottom) + 66px))}
 #cv2WaWidget #cv2WaFab { width:var(--cv2-control-size,56px);height:var(--cv2-control-size,56px)}
 #cv2WaWidget .cv2-wa-chat-body { min-height:0}
}
@media(max-height:500px){#cv2WaWidget #cv2WaChat{bottom:10px;max-height:calc(100dvh - 20px)}}

@media(max-width:991px){#cv2WaWidget .cv2-wa-icon-open{width:22px;height:22px}}

/* Açıkken sayfa mega menüdeki gibi koyu ve bulanık karartılır; karartmaya dokununca pencere kapanır. */
.cv2-wa-backdrop{position:fixed;inset:0;z-index:-1;background:oklch(0.11 0.012 260 / 0.66);-webkit-backdrop-filter:blur(6px) saturate(140%);backdrop-filter:blur(6px) saturate(140%);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility 0s linear .28s}
.cv2-wa-widget.is-open .cv2-wa-backdrop{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .28s ease,visibility 0s}
/* Paket sayfasında mesaja eklenecek sayfa bağlantısı */
.cv2-wa-ctx{display:flex;align-items:center;gap:6px;margin:0 2px 8px;padding:5px 6px 5px 10px;border-radius:999px;background:color-mix(in srgb,var(--wa-green) 10%,var(--wa-bubble));color:var(--wa-text);font-size:12px;font-weight:600;line-height:1.3}
.cv2-wa-ctx[hidden]{display:none}
.cv2-wa-ctx svg{flex:none;color:var(--wa-green)}
.cv2-wa-ctx span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cv2-wa-ctx button{flex:none;display:grid;place-items:center;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--wa-muted)}
.cv2-wa-chat-avatar .cv2-wa-brand-symbol{color:var(--wa-green)}

/* ===== [6/7] bilesenler (Ortak bilesenler (butonlar, kartlar, pencereler))
 * KAYNAK: assets/css/components/faq-section.css ===== */
body:not(#home) .coresss-wrapper{padding:48px 0;width:100%;background:transparent;display:flex;justify-content:center}
body:not(#home) .coresss-faq-grid,.detail-products-features .coresss-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch;max-width:var(--CoreV2-container-width,1360px);margin:0 auto;padding:30px;border:1px dashed rgba(var(--cv2-primary-rgb,var(--color-primary-rgb,59,130,246)),0.15);border-radius:var(--cv2-radius-card,24px);background:rgba(var(--cv2-primary-rgb,var(--color-primary-rgb,59,130,246)),0.01);box-sizing:border-box}
body:not(#home) .coresss-ticket-card{background:var(--cv2-surface-card,var(--bg-card));border:1px solid rgba(var(--cv2-primary-rgb,var(--color-primary-rgb,59,130,246)),0.12);border-radius:var(--cv2-radius-card,14px);overflow:visible;position:relative;cursor:pointer;margin:0;transition:border-color 0.2s ease,background-color 0.2s ease;z-index:1}
body:not(#home) .coresss-ticket-card.active,body:not(#home) .coresss-ticket-card.coresss-active{z-index:1}
body:not(#home) .coresss-ticket-card::after{display:none;content:none}

body:not(#home) .coresss-ticket-header{display:flex;align-items:center;gap:12px;padding:14px 16px;margin:0;width:100%;box-sizing:border-box;border:none;background:transparent;border-radius:0;cursor:pointer}
body:not(#home) .coresss-ticket-card.active .coresss-ticket-header,body:not(#home) .coresss-ticket-card.coresss-active .coresss-ticket-header{background:rgba(var(--cv2-primary-rgb,var(--color-primary-rgb,59,130,246)),0.04)}
@keyframes coresss-radial-pulse-1{0%{transform:scale(1);opacity:0.5}100%{transform:scale(2.2);opacity:0}}
@keyframes coresss-radial-pulse-2{0%{transform:scale(1);opacity:0.3}100%{transform:scale(1.8);opacity:0}}
body:not(#home) .coresss-ticket-body{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows 0.3s ease}
body:not(#home) .coresss-ticket-body>*{min-height:0;overflow:hidden}
body:not(#home) .coresss-ticket-card.active .coresss-ticket-body,body:not(#home) .coresss-ticket-card.coresss-active .coresss-ticket-body{display:grid;grid-template-rows:1fr;visibility:visible}
body:not(#home) .coresss-ticket-card:not(.active):not(.coresss-active) .coresss-ticket-body{display:none;grid-template-rows:0fr;visibility:hidden}
body:not(#home) [data-theme="dark"] .coresss-faq-grid,html.dark-mode body:not(#home) .coresss-faq-grid,.detail-products-features [data-theme="dark"] .coresss-faq-grid,html.dark-mode .detail-products-features .coresss-faq-grid{border-color:rgba(148,163,184,0.28);background:rgba(255,255,255,0.03)}
body:not(#home) [data-theme="dark"] .coresss-ticket-card,html.dark-mode body:not(#home) .coresss-ticket-card{border-radius:var(--cv2-radius-card,14px);overflow:visible}
body:not(#home) [data-theme="dark"] .coresss-wrapper,html.dark-mode body:not(#home) .coresss-wrapper{background:transparent}
@media (max-width:720px){
body:not(#home) .coresss-faq-grid,.detail-products-features .coresss-faq-grid{grid-template-columns:1fr;gap:10px}
body:not(#home) .coresss-wrapper{padding:36px 0}
}
@media (max-width:768px){
body:not(#home) .coresss-ticket-header{padding:12px 14px;gap:10px}
}
body:not(#home) /* === 2026-09-11: SSS bolumu gercek gece modu === */
html.dark-mode body:not(#home) .coresss-faq-grid{background:rgba(15,23,42,.35);border-color:rgba(148,163,184,.16)}
body:not(#home) [data-theme="dark"] .coresss-ticket-card,html.dark-mode body:not(#home) .coresss-ticket-card{background:var(--color-background);border-color:rgba(148,163,184,.16);color:var(--color-text-secondary)}
body:not(#home) [data-theme="dark"] .coresss-ticket-card:hover,html.dark-mode body:not(#home) .coresss-ticket-card:hover{background:#131c31}
body:not(#home) [data-theme="dark"] .coresss-ticket-card + .coresss-ticket-card,html.dark-mode body:not(#home) .coresss-ticket-card + .coresss-ticket-card{border-top-color:rgba(148,163,184,.16)}
/* The shared FAQ markup is used on product/domain pages too. Keep its layout
   and card treatment consistent with the home page outside the home-only CSS. */
body:not(#home):not(.cv2-page--home) #faq-section.faq:not(.cvfq){display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:stretch;gap:40px}
body:not(#home):not(.cv2-page--home) #faq-section .faq-side{display:flex;flex-direction:column;align-items:stretch;gap:24px;min-width:0}
body:not(#home):not(.cv2-page--home) #faq-section .faq-side>h2{margin:0}
body:not(#home):not(.cv2-page--home) #faq-section .help-media{position:relative;display:block;width:100%;min-height:300px;overflow:hidden;border-radius:var(--cv2-radius-card);background:var(--cv2-surface-secondary)}
body:not(#home):not(.cv2-page--home) #faq-section .help-media>img{display:block;width:100%;height:100%;min-height:300px;object-fit:cover}
body:not(#home):not(.cv2-page--home) #faq-section .help-media .help-card{position:absolute;left:14px;right:14px;bottom:14px;display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--cv2-border);border-radius:var(--cv2-radius-card);background:var(--color-surface);color:var(--text-primary)}
body:not(#home):not(.cv2-page--home) #faq-section .help-card p{margin:5px 0 0;color:var(--text-secondary);font-size:13px;line-height:1.6}
body:not(#home):not(.cv2-page--home) #faq-section .help-ico{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:rgba(var(--cv2-primary-rgb,16,163,127),.1);color:var(--cv2-primary);--cv2-ic-paint:var(--color-gradient)}
body:not(#home):not(.cv2-page--home) #faq-section .faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:12px;min-width:0}
body:not(#home):not(.cv2-page--home) #faq-section .faq-item{overflow:hidden;border:1px solid var(--cv2-border);border-radius:var(--cv2-radius-card);background:var(--color-surface);transition:border-color .2s ease,background-color .2s ease}
body:not(#home):not(.cv2-page--home) #faq-section .faq-item.is-open{border-color:rgba(var(--cv2-primary-rgb,16,163,127),.38);background:var(--color-surface)}
body:not(#home):not(.cv2-page--home) #faq-section .faq-q{display:grid;grid-template-columns:36px minmax(0,1fr) 40px;align-items:center;gap:14px;width:100%;min-height:76px;height:auto;padding:14px 16px 14px 20px;border:0;border-radius:inherit;background:transparent;color:var(--text-primary);text-align:left;white-space:normal;cursor:pointer}
body:not(#home):not(.cv2-page--home) #faq-section .faq-q:hover{background:var(--cv2-surface-secondary)}
body:not(#home):not(.cv2-page--home) #faq-section .faq-n{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:var(--cv2-surface-secondary);color:var(--text-secondary);font-size:12px}
body:not(#home):not(.cv2-page--home) #faq-section .faq-t{min-width:0;color:var(--text-primary);font-size:15px;font-weight:600;line-height:1.5}
body:not(#home):not(.cv2-page--home) #faq-section .faq-ico{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--cv2-surface-secondary);color:var(--text-primary);transition:transform .2s ease,background-color .2s ease,color .2s ease}
body:not(#home):not(.cv2-page--home) #faq-section .faq-item.is-open .faq-ico{transform:rotate(45deg);background:var(--cv2-gradient,var(--cv2-primary));color:var(--color-on-primary);--cv2-ic-paint:none}
body:not(#home):not(.cv2-page--home) #faq-section .faq-a{margin:0 20px;border-top:1px solid var(--cv2-border)}
body:not(#home):not(.cv2-page--home) #faq-section .faq-a p{margin:0;padding:18px 0 22px;color:var(--text-secondary);font-size:14px;line-height:1.75}
html[data-theme="dark"] body:not(#home):not(.cv2-page--home) #faq-section .faq-item{border-color:rgba(148,163,184,.18);background:var(--color-surface)}
html[data-theme="dark"] body:not(#home):not(.cv2-page--home) #faq-section .faq-q:hover{background:rgba(255,255,255,.035)}
html[data-theme="dark"] body:not(#home):not(.cv2-page--home) #faq-section .help-media .help-card{border-color:rgba(148,163,184,.18);background:rgba(17,24,39,.92);color:var(--color-text-primary)}
@media(max-width:900px){
body:not(#home):not(.cv2-page--home) #faq-section.faq:not(.cvfq){grid-template-columns:minmax(0,1fr);gap:24px}
}
@media(max-width:600px){
body:not(#home):not(.cv2-page--home) #faq-section .faq-list{gap:10px}
body:not(#home):not(.cv2-page--home) #faq-section .faq-q{grid-template-columns:30px minmax(0,1fr) 34px;gap:10px;min-height:68px;padding:12px}
body:not(#home):not(.cv2-page--home) #faq-section .faq-n{width:30px;height:30px;font-size:11px}
body:not(#home):not(.cv2-page--home) #faq-section .faq-t{font-size:14px}
body:not(#home):not(.cv2-page--home) #faq-section .faq-ico{width:32px;height:32px}
body:not(#home):not(.cv2-page--home) #faq-section .faq-a{margin:0 14px}
body:not(#home):not(.cv2-page--home) #faq-section .faq-a p{padding:14px 0 18px;font-size:13px}
}
/* Paket sayfalarindaki SSS, ana sayfadaki ortak SSS tasarimiyla ayni gorunsun. */
/* Paket sayfalarindaki SSS, ana sayfadaki ortak SSS tasarimiyla ayni gorunsun. */
body:not(#home):not(.cv2-page--home):is(.cv2-page--hosting,.cv2-page--server,.cv2-page--sms-products,.cv2-page--special-products,.cv2-page--software,.cv2-page--domain) #faq-section.faq:not(.cvfq){
  --faq-home-frame: var(--CoreV2-bg, var(--cv2-surface, var(--background, #fff)));
  --faq-home-tile: var(--CoreV2-card-bg, var(--cv2-surface-card, var(--card, #fff)));
  --faq-home-line: var(--CoreV2-border, var(--cv2-border, var(--border, #e5e7eb)));
  --faq-home-primary: var(--CoreV2-primary, var(--cv2-primary));
  --faq-home-text: var(--CoreV2-heading, var(--cv2-heading, var(--foreground, #17212b)));
  --faq-home-muted: var(--CoreV2-text-muted, var(--cv2-text-muted));
  display: grid;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  align-items: stretch;
  gap: 56px;
  width: 100%;
  max-width: var(--CoreV2-container-width, 1300px);
  margin: 32px auto;
  padding: 0 16px;
  box-sizing: border-box}
body:not(#home):not(.cv2-page--home):is(.cv2-page--hosting,.cv2-page--server,.cv2-page--sms-products,.cv2-page--special-products,.cv2-page--software,.cv2-page--domain) #faq-section .faq-side{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  min-width: 0;
  height: 100%;
  position: static}
body:not(#home):not(.cv2-page--home):is(.cv2-page--hosting,.cv2-page--server,.cv2-page--sms-products,.cv2-page--special-products,.cv2-page--software,.cv2-page--domain) #faq-section .faq-side > h2{ margin: 0}
body:not(#home):not(.cv2-page--home):is(.cv2-page--hosting,.cv2-page--server,.cv2-page--sms-products,.cv2-page--special-products,.cv2-page--software,.cv2-page--domain) #faq-section .help-media{
  position: relative;
  flex: 1 1 0;
  display: block;
  width: 100%;
  min-height: 240px;
  height: auto;
  overflow: hidden;
  background: var(--faq-home-frame)}
body:not(#home):not(.cv2-page--home):is(.cv2-page--hosting,.cv2-page--server,.cv2-page--sms-products,.cv2-page--special-products,.cv2-page--software,.cv2-page--domain) #faq-section .help-media > img{
  display: block;
  width: 100%;
  height: 100%;
  min-height: 240px;
  object-fit: cover}
body:not(#home):not(.cv2-page--home):is(.cv2-page--hosting,.cv2-page--server,.cv2-page--sms-products,.cv2-page--special-products,.cv2-page--software,.cv2-page--domain) #faq-section .help-media .help-card{
  position: absolute;
  right: 14px;
  bottom: 14px;
  left: 14px;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px 20px;
  border: 1px solid var(--faq-home-line);
  border-radius: var(--cv2-radius-card);
  background: var(--faq-home-frame);
  color: var(--faq-home-text);
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  backdrop-filter: blur(16px) saturate(140%)}
body:not(#home):not(.cv2-page--home):is(.cv2-page--hosting,.cv2-page--server,.cv2-page--sms-products,.cv2-page--special-products,.cv2-page--software,.cv2-page--domain) #faq-section .help-card p{
  margin: 6px 0 0;
  color: var(--faq-home-muted);
  font-size: 13.5px;
  line-height: 1.6}
body:not(#home):not(.cv2-page--home):is(.cv2-page--hosting,.cv2-page--server,.cv2-page--sms-products,.cv2-page--special-products,.cv2-page--software,.cv2-page--domain) #faq-section .help-ico{
  display: grid;
  place-items: center;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
  border: 1px solid var(--faq-home-line);
  border-radius: var(--cv2-radius-chip);
  background: var(--faq-home-frame);
  color: var(--faq-home-text)}
body:not(#home):not(.cv2-page--home):is(.cv2-page--hosting,.cv2-page--server,.cv2-page--sms-products,.cv2-page--special-products,.cv2-page--software,.cv2-page--domain) #faq-section .faq-list{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: start;
  gap: 14px;
  min-width: 0}
body:not(#home):not(.cv2-page--home):is(.cv2-page--hosting,.cv2-page--server,.cv2-page--sms-products,.cv2-page--special-products,.cv2-page--software,.cv2-page--domain) #faq-section .faq-item{
  height: auto;
  overflow: hidden;
  border: 1px solid var(--faq-home-line);
  background: var(--faq-home-tile)}
body:not(#home):not(.cv2-page--home):is(.cv2-page--hosting,.cv2-page--server,.cv2-page--sms-products,.cv2-page--special-products,.cv2-page--software,.cv2-page--domain) #faq-section .faq-item.is-open{
  border-color: var(--faq-home-line);
  background: var(--faq-home-frame)}
body:not(#home):not(.cv2-page--home):is(.cv2-page--hosting,.cv2-page--server,.cv2-page--sms-products,.cv2-page--special-products,.cv2-page--software,.cv2-page--domain) #faq-section .faq-q{
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) 40px;
  align-items: center;
  gap: 14px;
  width: 100%;
  height: auto;
  min-height: 76px;
  padding: 14px 16px 14px 22px;
  border: 0;
  border-radius: inherit;
  background: transparent;
  color: var(--faq-home-text);
  text-align: left;
  white-space: normal;
  cursor: pointer}
body:not(#home):not(.cv2-page--home):is(.cv2-page--hosting,.cv2-page--server,.cv2-page--sms-products,.cv2-page--special-products,.cv2-page--software,.cv2-page--domain) #faq-section .faq-q:hover{ background: var(--faq-home-frame)}
body:not(#home):not(.cv2-page--home):is(.cv2-page--hosting,.cv2-page--server,.cv2-page--sms-products,.cv2-page--special-products,.cv2-page--software,.cv2-page--domain) #faq-section .faq-n{
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border: 1px solid var(--faq-home-line);
  border-radius: var(--cv2-radius-chip);
  background: var(--faq-home-frame);
  color: var(--faq-home-muted);
  font-size: 12px;
  font-weight: 500;
  
  letter-spacing: .14em}
body:not(#home):not(.cv2-page--home):is(.cv2-page--hosting,.cv2-page--server,.cv2-page--sms-products,.cv2-page--special-products,.cv2-page--software,.cv2-page--domain) #faq-section .faq-t{
  min-width: 0;
  color: var(--faq-home-text);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.55}
body:not(#home):not(.cv2-page--home):is(.cv2-page--hosting,.cv2-page--server,.cv2-page--sms-products,.cv2-page--special-products,.cv2-page--software,.cv2-page--domain) #faq-section .faq-ico{
  display: grid;
  place-items: center;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border: 1px solid var(--faq-home-line);
  border-radius: var(--cv2-radius-chip);
  background: var(--faq-home-frame);
  color: var(--faq-home-text);
  transition: transform .3s, background-color .3s, color .3s}
body:not(#home):not(.cv2-page--home):is(.cv2-page--hosting,.cv2-page--server,.cv2-page--sms-products,.cv2-page--special-products,.cv2-page--software,.cv2-page--domain) #faq-section .faq-item.is-open .faq-n{ background: color-mix(in srgb, var(--faq-home-primary) 10%, transparent); color: var(--faq-home-primary)}
body:not(#home):not(.cv2-page--home):is(.cv2-page--hosting,.cv2-page--server,.cv2-page--sms-products,.cv2-page--special-products,.cv2-page--software,.cv2-page--domain) #faq-section .faq-item.is-open .faq-ico{ border-color: var(--faq-home-primary); background: var(--faq-home-primary); color: var(--CoreV2-primary-foreground, #fff); transform: rotate(45deg)}
body:not(#home):not(.cv2-page--home):is(.cv2-page--hosting,.cv2-page--server,.cv2-page--sms-products,.cv2-page--special-products,.cv2-page--software,.cv2-page--domain) #faq-section .faq-a{ margin: 0 22px; border-top: 1px solid var(--faq-home-line)}
body:not(#home):not(.cv2-page--home):is(.cv2-page--hosting,.cv2-page--server,.cv2-page--sms-products,.cv2-page--special-products,.cv2-page--software,.cv2-page--domain) #faq-section .faq-a[hidden]{ display: none}
body:not(#home):not(.cv2-page--home):is(.cv2-page--hosting,.cv2-page--server,.cv2-page--sms-products,.cv2-page--special-products,.cv2-page--software,.cv2-page--domain) #faq-section .faq-a p{
  margin: 0;
  padding: 24px 0 26px;
  color: var(--faq-home-muted);
  font-size: 16px;
  line-height: 1.8;
  text-align: left}
@media (max-width: 900px){
body:not(#home):not(.cv2-page--home):is(.cv2-page--hosting,.cv2-page--server,.cv2-page--sms-products,.cv2-page--special-products,.cv2-page--software,.cv2-page--domain) #faq-section.faq:not(.cvfq){ grid-template-columns: minmax(0, 1fr); gap: 32px}
body:not(#home):not(.cv2-page--home):is(.cv2-page--hosting,.cv2-page--server,.cv2-page--sms-products,.cv2-page--special-products,.cv2-page--software,.cv2-page--domain) #faq-section .faq-side{ position: static; height: auto}
}
@media (max-width: 760px){
body:not(#home):not(.cv2-page--home):is(.cv2-page--hosting,.cv2-page--server,.cv2-page--sms-products,.cv2-page--special-products,.cv2-page--software,.cv2-page--domain) #faq-section .faq-side{ gap: 24px}
body:not(#home):not(.cv2-page--home):is(.cv2-page--hosting,.cv2-page--server,.cv2-page--sms-products,.cv2-page--special-products,.cv2-page--software,.cv2-page--domain) #faq-section .faq-q{ grid-template-columns: 30px minmax(0, 1fr) 40px; gap: 12px; min-height: 88px; padding: 18px}
body:not(#home):not(.cv2-page--home):is(.cv2-page--hosting,.cv2-page--server,.cv2-page--sms-products,.cv2-page--special-products,.cv2-page--software,.cv2-page--domain) #faq-section .faq-n{ width: 30px; height: 30px}
body:not(#home):not(.cv2-page--home):is(.cv2-page--hosting,.cv2-page--server,.cv2-page--sms-products,.cv2-page--special-products,.cv2-page--software,.cv2-page--domain) #faq-section .faq-a{ margin-inline: 20px}
body:not(#home):not(.cv2-page--home):is(.cv2-page--hosting,.cv2-page--server,.cv2-page--sms-products,.cv2-page--special-products,.cv2-page--software,.cv2-page--domain) #faq-section .faq-a p{ padding-top: 22px}
}
/* Keep the shared FAQ panels smooth on both sides without ticket-style cutouts. */
body:not(#home):not(.cv2-page--home):is(.cv2-page--hosting,.cv2-page--server,.cv2-page--sms-products,.cv2-page--special-products,.cv2-page--software,.cv2-page--domain) #faq-section .help-media{
  border-radius: var(--cv2-radius-card)}
body:not(#home):not(.cv2-page--home):is(.cv2-page--hosting,.cv2-page--server,.cv2-page--sms-products,.cv2-page--special-products,.cv2-page--software,.cv2-page--domain) #faq-section .faq-item{
  border-radius: var(--cv2-radius-card);
  -webkit-mask: none;
  mask: none;
  
  transition: border-color .2s ease, background-color .2s ease}
body:not(#home):not(.cv2-page--home):is(.cv2-page--hosting,.cv2-page--server,.cv2-page--sms-products,.cv2-page--special-products,.cv2-page--software,.cv2-page--domain) #faq-section .faq-item:hover{
  
  transform: none}
@media (max-width: 760px){
body:not(#home):not(.cv2-page--home):is(.cv2-page--hosting,.cv2-page--server,.cv2-page--sms-products,.cv2-page--special-products,.cv2-page--software,.cv2-page--domain) #faq-section .help-media{ border-radius: var(--cv2-radius-card)}
}
/* FAQ surfaces stay flat in every interaction state. */
#faq-section,
#faq-section *,
#faq-section *::before,
#faq-section *::after{
  
  text-shadow: none}
#faq-section .faq-item:hover,
#faq-section .faq-item:focus-within{
  transform: none}
/* Consistent question columns on non-home pages, including opened answers. */
@media(max-width:720px){
body:not(#home):not(.cv2-page--home) #faq-section .faq-list{grid-template-columns:minmax(0,1fr)}
}

/* 26.10.2026 — Ana sayfa SSS: başlık üstte bitişik kalmasın, alt boşlukla dengeli */
body#home #faq-section > div{padding-top:clamp(40px,6vw,72px)}

/* ===== [7/7] bilesenler (Ortak bilesenler (butonlar, kartlar, pencereler))
 * KAYNAK: assets/css/components/cv2-no-image.css ===== */
/* ══════════════════════════════════════════════════════════════
   cv2-no-image.css
   Yuklenemeyen gorseller icin yer tutucu stilleri.
   assets/js/components/cv2-no-image.js kirik <img> ogelerine
   `.cv2-no-img-applied` sinifi ekler ve src'yi olcuye uygun bir
   SVG data-URI ile degistirir. Bu dosya o yer tutucunun kart
   icindeki oranini ve gorunumunu sabitler; boylece kirik gorsel
   kutuyu bozmaz veya bos beyaz alan birakmaz.
   (Denetim raporu md.8 — eksik bundle dosyasi)
   ══════════════════════════════════════════════════════════════ */

img.cv2-no-img-applied {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  object-fit: contain;
  background: var(--CoreV2-surface, #f1f5f9);
  border: 1px dashed rgba(var(--CoreV2-primary-rgb, 59, 130, 246), 0.22);
  border-radius: var(--cv2-radius-card, 14px);
  padding: 0;
  opacity: 1;
  animation: none}

[data-theme="dark"] img.cv2-no-img-applied,
html.dark-mode img.cv2-no-img-applied {
  background: rgba(255, 255, 255, 0.04);
  border-color:var(--color-border)}

/* Yer tutucu asla hover/zoom efekti almasin. */
img.cv2-no-img-applied:hover,
*:hover > img.cv2-no-img-applied {
  transform: none;
  filter: none}

@media print {
  img.cv2-no-img-applied {
    display: none}}
/*# sourceMappingURL=bilesenler-anasayfa.8b1384bc3f.css.map */