/*! 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: 16 */

/* ===== [1/16] kritik (Ilk boyama icin kritik kurallar)
 * KAYNAK: assets/css/core/critical/cv2-price-fouc.css ===== */
/* CoreV2 — head-sonu fiyat/paket FOUC kilidi.
 * Kaynak: eski layout/head/main-head-css.php satir ici <style id="cv2-price-fouc-final">.
 * Statik CSS oldugu icin satir ici basilmaz; <link> ile yuklenir. */
/* v0.2.403 head-sonu � canl� VDS sayfa parity + price-main bg + d�nem */
.coreservercart-price .current-price .currency, .coreservercart-price .current-price .currency-symbol, .coreservercart-price .current-price .amount{
  font-size:21px;
  font-weight:var(--fw-price,700);
  line-height:1;
  height:1em;
  transform:none}
/* mobil pack/server kayd�rma navigasyon alan� rezerve (ge� nokta z�plamas� yok) *//* d�nem chip FOUC � KDV yan�nda �er�eve */

.price-section.cv2-price-badge .price-main > .billing-cycle,.price-section.cv2-price-badge .price-main > .cv2-price-period{
  display:none}


.vertical--packs .pack .price-section.cv2-price-badge .price-main.price-main--has-period, .price-section.cv2-price-badge .price-main.price-main--has-period{
  border:1px solid rgba(var(--srv-primary-rgb,var(--cv2-primary-rgb,99,91,255)),.18);
  background:linear-gradient(145deg,rgba(var(--srv-primary-rgb,var(--cv2-primary-rgb,99,91,255)),.12),rgba(var(--srv-primary-rgb,var(--cv2-primary-rgb,99,91,255)),.05));
  background-color:rgba(var(--srv-primary-rgb,var(--cv2-primary-rgb,99,91,255)),.07);
  border-radius:var(--cv2-radius-input);padding:7px 12px 6px;overflow:visible;
  min-height:0;flex-direction:row;justify-content:flex-start}









/* Sunucu � lokasyon alti urun gorseli biraz kucuk */

.coreservercart-server-image-container img{
  max-height:54px;max-width:86%}

/* fazla } kaldirildi */

/* ===== [2/16] tema-renkleri (Tema renkleri, acik/koyu mod)
 * KAYNAK: assets/css/theme/cv2-theme-roles.css ===== */
/*
 * CoreV2 — Bileşen → semantik rol eşleştirmesi (Tema Motoru)
 *
 * Değerler theme/cv2-theme-engine.php tarafından :root ve html[data-theme="dark"]
 * içinde üretilir. Bu dosyada HİÇBİR sabit renk yoktur ve var() yedek değeri
 * kullanılmaz: tanımsız bir rol eski bir rengi geri getiremez.
 * :where() ile özgüllük 0 tutulur; bileşenler özel tasarım gerektiriyorsa
 * kendi kurallarında yine rol değişkenlerini kullanarak ezebilir.
 */

/* Sayfa ve gövde */
:where(html, body) {
  background-color: var(--color-background);
  color: var(--color-text-secondary)}

/* Başlıklar */
:where(h1, h2, h3, .h1, .h2, .h3) {
  color: var(--color-heading)}
:where(h4),:where(h5),:where(h6),:where(.h4),:where(.h5),:where(.h6),:where(.subtitle),:where(.sub-title){
  color: var(--color-subheading)}
:where(p),:where(li),:where(dd),:where(.description),:where(.desc),:where(.text-body){
  color: var(--color-text-secondary)}
:where(small),:where(.small),:where(.text-muted),:where(.help-text),:where(.form-text),:where(figcaption){
  color: var(--color-text-muted)}

/* Bağlantılar */
:where(a) { color: var(--color-link)}
:where(a:hover) { color: var(--color-link-hover)}

/* Kartlar, paneller, menüler, modallar */
:where(.card, .panel, .well, .cv2-card, .sw-card, .modal-content, .dropdown-menu, .popover, .iziModal) {
  background-color: var(--color-surface);
  color: var(--color-card-text);
  border-color: var(--color-border);
  border-radius: var(--cv2-radius-card)}
:where(.card, .panel, .cv2-card, .sw-card) :where(.card-title),:where(.card, .panel, .cv2-card, .sw-card) :where(.panel-title),:where(.card, .panel, .cv2-card, .sw-card) :where(h1),:where(.card, .panel, .cv2-card, .sw-card) :where(h2),:where(.card, .panel, .cv2-card, .sw-card) :where(h3),:where(.card, .panel, .cv2-card, .sw-card) :where(h4),:where(.card, .panel, .cv2-card, .sw-card) :where(h5),:where(.card, .panel, .cv2-card, .sw-card) :where(h6){
  color: var(--color-card-title)}
:where(.card, .panel, .cv2-card, .sw-card) :where(p),:where(.card, .panel, .cv2-card, .sw-card) :where(.card-text),:where(.card, .panel, .cv2-card, .sw-card) :where(.card-description){
  color: var(--color-card-text)}
:where(.dropdown-menu, .sub-menu) :where(a),:where(.dropdown-menu, .sub-menu) :where(.dropdown-item){ color: var(--color-text-primary)}
:where(.dropdown-menu, .sub-menu) :where(.active){
  background-color: var(--color-primary-soft);
  color: var(--color-on-primary-soft)}
:where(.dropdown-menu, .sub-menu) :where(a:hover),:where(.dropdown-menu, .sub-menu) :where(.dropdown-item:hover){
  background-color: var(--color-primary-soft);
  color: var(--color-on-primary-soft)}
:where(.modal-backdrop),:where(.iziModal-overlay){ background-color: var(--color-overlay)}

/* Butonlar */
:where(.btn-primary, .button-primary, button[type="submit"].primary) {
  background:var(--color-gradient);
  border-color: var(--color-primary);
  color: var(--color-on-primary);
  border-radius: var(--cv2-radius-btn)}
:where(.btn-primary):where(:hover),:where(.button-primary):where(:hover){
  background: var(--color-primary-hover);
  color: var(--color-on-primary)}
:where(.btn-primary):where(:active, .active),:where(.button-primary):where(:active, .active){ background: var(--color-primary-active)}
:where(.btn-secondary):where(:hover),:where(.button-secondary):where(:hover){ background: var(--color-secondary-hover)}

/* Formlar */
:where(input:not([type="checkbox"], [type="radio"], [type="color"], [type="range"]), select, textarea, .form-control) {
  background-color: var(--color-input-bg);
  border-color: var(--color-input-border);
  color: var(--color-text-primary);
  border-radius: var(--cv2-radius-input)}
:where(input)::placeholder,:where(textarea)::placeholder{ color: var(--color-input-placeholder)}
:where(input):focus-visible,:where(select):focus-visible,:where(textarea):focus-visible,:where(button):focus-visible,:where(a):focus-visible,:where([tabindex]):focus-visible{outline: 2px solid var(--color-focus-ring)}
:where(input[type="checkbox"]),:where(input[type="radio"]){ accent-color: var(--color-primary)}

/* Tablolar */
:where(table) { border-color: var(--color-border)}
:where(th),:where(thead td){
  background-color: var(--color-table-head-bg);
  color: var(--color-table-head-text)}
:where(td) { color: var(--color-text-secondary); border-color: var(--color-border)}
:where(tbody tr:hover) { background-color: var(--color-table-row-hover)}

/* Bildirimler / durumlar */
:where(.alert-success, .notice-success) { background: var(--color-success-soft); color: var(--color-text-primary); border-color: var(--color-success)}
:where(.alert-warning),:where(.notice-warning){ background: var(--color-warning-soft); color: var(--color-text-primary); border-color: var(--color-warning)}
:where(.alert-danger),:where(.alert-error),:where(.notice-error){ background: var(--color-danger-soft); color: var(--color-text-primary); border-color: var(--color-danger)}
:where(.nav-tabs .nav-link.active),:where(.pagination .active a),:where(.pagination .active span),:where(.page-item.active .page-link){
  background:var(--color-gradient);
  border-color: var(--color-primary);
  color: var(--color-on-primary)}
:where(.nav-link:hover),:where(.page-link:hover){ color: var(--color-link-hover)}
:where([disabled]),:where(.disabled){ opacity: 0.55}

/* Simgeler */
:where(svg.icon, .icon) { color: var(--color-icon)}

::selection { background: var(--color-primary-soft-strong); color: var(--color-text-primary)}

/* ===== [3/16] tema-renkleri (Tema renkleri, acik/koyu mod)
 * KAYNAK: assets/css/theme/cv2-dark-tint.css ===== */
/* CoreV2 public-site surfaces — palette adapted from Sipariş sistemi demo.
   Scoped to storefront pages so customer-panel surfaces keep their own theme. */
body:not(#muspanel):not(#modernpanel) {
  /* Renkler tema motorundan (cv2-theme-engine.php) gelir; gündüz/gece rolleri orada. */
  --background: var(--color-background);
  --foreground: var(--color-text-primary);
  --card: var(--color-surface);
  --card-foreground: var(--color-text-primary);
  --popover: var(--color-surface-elevated);
  --popover-foreground: var(--color-text-primary);
  --muted: var(--color-surface-secondary);
  --muted-foreground: var(--color-text-secondary);
  --border: var(--color-border);
  --input: var(--color-input-border);
  
  
  
  
  --cv2-heading: var(--foreground);
  --cv2-text-main: var(--muted-foreground);
  --cv2-text: var(--muted-foreground);
  --cv2-text-muted: var(--muted-foreground);
  --cv2-bg-page: var(--background);
  --cv2-bg-card: var(--card);
  --cv2-bg-panel: var(--card);
  --cv2-surface: var(--background);
  --cv2-surface-page: var(--background);
  --cv2-surface-card: var(--card);
  --cv2-surface-secondary: var(--muted);
  
  --CoreV2-bg: var(--background);
  --CoreV2-card: var(--card);
  --CoreV2-card-bg: var(--card);
  --CoreV2-card-hover: var(--muted);
  --bg-main: var(--background);
  --bg-card: var(--card);
  --card-bg: var(--card);
  --sw-card-bg: var(--card);
  --border-color: var(--border);
  --CoreV2-border: var(--border);
  --cv2-border: var(--border);
  color: var(--foreground)}
body:not(#muspanel):not(#modernpanel)::before { display: none}
/* Unemphasized storefront/content cards use the reference --card surface.
   Brand, popular and explicitly themed cards retain their intentional color. */
/* Package borders and feature surfaces belong to their own page styles. */
[id] .products_list .packs-slider-body--3v .packs-cards-panel--3v .packs-cards-track::-webkit-scrollbar,
[id] .packs-slider-body--3v.cv2-packs-row .packs-cards-panel--3v .packs-cards-track::-webkit-scrollbar,
[id] .vertical--packs .cv2-packs-row.packs-slider-body--3v:not(.coreservercart-packs-slider-body) .packs-cards-panel--3v .packs-cards-track::-webkit-scrollbar { width: 0; height: 0}

/* Popular hosting features sit directly on the card surface; retain the individual tiles. */

/* ===== [4/16] header (Ust menu (header))
 * KAYNAK: assets/css/components/cv2-topbar-pro.css ===== */
/* ==========================================================================
   CoreV2 — Üst Bar & Tema Değiştirici (Pro Revize v3)
   Hostkur ikon seti (hki-) + kayan pill (thumb) animasyonu.
   En sonda yüklenir; eski base.css / header.css / cv2-dark-tint.css kurallarını ezer.
   ========================================================================== */

:root {
  --cv2-ts-h: 32px;
  --cv2-ts-seg: 28px;
  --cv2-ts-pad: 3px;
  --cv2-ts-gap: 2px}








/* Rail */




/* Kayan pill (thumb) */




/* Thumb konumu — tercihe göre kayar */




/* Segment butonları */


/* Hostkur ikon seti */









/* Aktif segment ikonu — pill üzerinde primary renk */



/* Knob / metin — kullanılmıyor */


/* Odak halkası */





/* ---------- 2) ÜST BAR — kompakt piyasa şeridi ---------- */
.CoreV2-social-box:focus-visible,
.CoreV2-fx-btn:not(.cv2x-seg__btn):focus-visible{
  outline: 2px solid rgba(var(--CoreV2-primary-rgb, 37, 99, 235), 0.62);
  outline-offset: 2px}

.CoreV2-social-box:hover {
  color: var(--cv2-topbar-ink);
  background: var(--cv2-topbar-surface)}


.CoreV2-fx-btn:not(.cv2x-seg__btn) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  flex: 0 0 auto;
  min-height: 26px;
  padding: 0 10px;
  border: 1px solid transparent;
  border-radius: var(--cv2-radius-chip);
  background: transparent;
  color: var(--cv2-topbar-faint);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease}

.CoreV2-fx-btn:not(.cv2x-seg__btn):hover {
  color: var(--cv2-topbar-ink);
  background: rgba(255, 255, 255, 0.075)}

.CoreV2-fx-btn:not(.cv2x-seg__btn).active{
  position: relative;
  background: var(--CoreV2-primary, var(--cv2-primary, var(--CoreV2-primary)));
  border-color: var(--CoreV2-primary, var(--cv2-primary, var(--CoreV2-primary)));
  color:var(--color-on-primary)}
.CoreV2-fx-btn:not(.cv2x-seg__btn).active:hover {
  position: relative;
  background: var(--CoreV2-primary, var(--cv2-primary, var(--CoreV2-primary)));
  color:var(--color-on-primary)}

.CoreV2-fx-btn:not(.cv2x-seg__btn).active::after {
  display: none;
  content: none}

.CoreV2-fx-btn:not(.cv2x-seg__btn)[data-trend="up"] .fx-rate-m::before,
.CoreV2-fx-btn:not(.cv2x-seg__btn)[data-trend="down"] .fx-rate-m::before,
.CoreV2-fx-btn:not(.cv2x-seg__btn)[data-trend="flat"] .fx-rate-m::before {
  display: inline-block;
  margin-right: 3px;
  font-size: 8px;
  line-height: 1}

.CoreV2-fx-btn:not(.cv2x-seg__btn)[data-trend="up"] .fx-rate-m::before { content: "▲"; color: color-mix(in srgb, var(--cv2-topbar-ink) 76%, transparent)}
.CoreV2-fx-btn:not(.cv2x-seg__btn)[data-trend="down"] .fx-rate-m::before { content: "▼"; color: color-mix(in srgb, var(--cv2-topbar-ink) 76%, transparent)}
.CoreV2-fx-btn:not(.cv2x-seg__btn)[data-trend="flat"] .fx-rate-m::before { content: "•"; color: var(--cv2-topbar-faint)}


/* Ust bar yazilari: genel link/metin renklerinin uzerine kendi dosyasinda */

/* ===== [5/16] cekirdek (Temel yerlesim ve ortak kurallar)
 * KAYNAK: assets/css/core/cv2-area-tokens.css ===== */
@layer cv2-area, cv2-legacy;
/* CoreV2 — Alan tasarim tokenlari (tum alan dosyalarindan once yuklenir)
 * Dil: acik gri zemin, cok yuvarlak beyaz kartlar, kart icinde ayri bloklar,
 * hap butonlar, segment secici, one cikan icerik icin koyu kart.
 * Gunduz: :root  |  Gece: html[data-theme="dark"] / html.dark-mode */
:root{
  --ar-page:#f2f3f5;
  --ar-inset-dark:var(--cv2-dark,#1b1b1d);
  --ar-white:#ffffff;
  --ar-whatsapp:#25d366;
  --ar-card:#ffffff;
  --ar-card-2:#f6f7f8;
  --ar-card-3:#eceef1;
  --ar-ink:var(--color-heading,#575a6d);
  --ar-ink-2:var(--color-text-secondary,#575a6d);
  --ar-ink-3:var(--color-text-muted,#6b6f78);
  --ar-ink-4:#a7abb3;
  --ar-line:rgba(18,19,22,.07);
  --ar-line-2:rgba(18,19,22,.12);
  --ar-accent:var(--cv2-primary,#2f80ed);
  
  --ar-accent-soft:color-mix(in srgb,var(--ar-accent) 10%,#ffffff);
  
  --ar-dark:var(--cv2-dark,#1b1b1d);
  
  --ar-dark-3:var(--cv2-dark-3,#333336);
  --ar-on-dark:var(--cv2-on-dark,#f4f4f5);
  --ar-on-dark-2:var(--cv2-on-dark-2,#a1a1a8);
  --ar-dark-line:var(--cv2-dark-line,rgba(255,255,255,.08));
  --ar-mint:#96f6cc;
  --ar-card-glass:color-mix(in srgb,var(--ar-card) 90%,transparent);
  --ar-ok:#22a06b;
  --ar-warn:#e8a33d;
  --ar-bad:#e5484d;
  --ar-r-xl:28px;
  --ar-r-lg:22px;
  --ar-r-md:16px;
  --ar-r-sm:12px;
  --ar-pill:999px;
  --ar-sh-card:0 1px 2px rgba(16,18,22,.04),0 10px 30px -14px rgba(16,18,22,.16);
  --ar-sh-float:0 1px 2px rgba(16,18,22,.05),0 14px 34px -14px rgba(16,18,22,.22);
  --ar-sh-inner:0 1px 2px rgba(16,18,22,.05),0 6px 16px -8px rgba(16,18,22,.12);
  --ar-sh-btn:inset 0 1px 0 rgba(255,255,255,.95),0 1px 2px rgba(16,18,22,.08),0 6px 14px -6px rgba(16,18,22,.18);
  --ar-sh-dark-btn:inset 0 1px 0 rgba(255,255,255,.14),0 2px 4px rgba(0,0,0,.18),0 8px 18px -8px rgba(0,0,0,.45);
  --ar-btn-light:linear-gradient(180deg,#ffffff 0%,#f1f2f4 100%);
  --ar-btn-dark:linear-gradient(180deg,var(--cv2-dark-hi,#2b2b2e) 0%,var(--cv2-dark-lo,#151517) 100%);
  --ar-grad-popular:var(--color-dual,var(--CoreV2-primary,#2563eb));
  --ar-price-fade:linear-gradient(180deg,var(--ar-ink) 35%,#8d9097 100%);
  --ar-price-fade-dark:linear-gradient(180deg,var(--cv2-on-dark,#ffffff) 35%,var(--cv2-on-dark-2,#8d8d93) 100%);
  --ar-ease:cubic-bezier(.2,.7,.2,1);
  --ar-gap:clamp(12px,1.6vw,20px);
  --ar-section-y:clamp(40px,6vw,88px);}
html[data-theme="dark"],html.dark-mode{
  --ar-page:var(--cv2-dark,#1b1b1d);
  /* Gece: kart sayfa zemininden bir kat yukarıda durur (gündüzdeki beyaz kart / gri zemin ayrımı gibi);
     kart içindeki bloklar bir kat daha açık. Kartlar zeminle aynı renge düşüp "soğuk" görünmez. */
  --ar-card:color-mix(in srgb,var(--cv2-dark,#1b1b1d) 95%,#fff);
  --ar-card-2:color-mix(in srgb,var(--cv2-dark,#1b1b1d) 91%,#fff);
  --ar-card-3:color-mix(in srgb,var(--cv2-dark,#1b1b1d) 86%,#fff);
  --ar-ink:#f3f4f6;
  --ar-ink-2:#c9ccd2;
  --ar-ink-3:#8e929a;
  --ar-ink-4:#676b73;
  --ar-line:rgba(255,255,255,.07);
  --ar-line-2:rgba(255,255,255,.12);
  --ar-accent-soft:color-mix(in srgb,var(--ar-accent) 18%,var(--cv2-dark,#1b1b1d));
  
  --ar-dark:var(--cv2-dark,#1b1b1d);
  
  --ar-dark-3:#222225;
  --ar-sh-card:inset 0 1px 0 rgba(255,255,255,.03),0 12px 30px -14px rgba(0,0,0,.7);
  --ar-sh-float:inset 0 1px 0 rgba(255,255,255,.04),0 16px 36px -14px rgba(0,0,0,.8);
  --ar-sh-inner:inset 0 1px 0 rgba(255,255,255,.04),0 6px 16px -8px rgba(0,0,0,.6);
  --ar-sh-btn:inset 0 1px 0 rgba(255,255,255,.07),0 2px 8px rgba(0,0,0,.45);
  --ar-btn-light:linear-gradient(180deg,#2a2b30 0%,#202125 100%);
  --ar-price-fade:linear-gradient(180deg,#ffffff 35%,#8d8d93 100%)}

/* ===== [6/16] header (Ust menu (header))
 * KAYNAK: assets/css/core/layout/header/header-actions.css ===== */
/* CoreV2 alan stili: header-actions
 * Kok: .CoreV2-header-actions, .theme-toggle-container, #theme-switcher, .cv2-theme-control, .cv2-theme-switch
 * Yalnizca su sayfalarda yuklenir: *
 * Eski kurallarin tamami: tools/areas/archive/header-actions.css */
/* @cv2-legacy:start — split_areas.py uretir, elle duzenlemeyin */
@layer cv2-legacy{
.cv2-theme-switch.cv2-theme-switch--duo#theme-switcher{display:grid;place-items:center;width:40px;height:40px;cursor:pointer;box-sizing:border-box}
.cv2-theme-switch.cv2-theme-switch--duo .cv2-theme-switch__opt, .cv2-theme-switch.cv2-theme-switch--duo .cv2-theme-switch__thumb, .cv2-theme-switch.cv2-theme-switch--duo .cv2-theme-switch__rail{display:none}
.cv2-theme-switch.cv2-theme-switch--icons#theme-switcher, .cv2-theme-switch.cv2-theme-switch--icons#mobile-theme-switcher{display:inline-flex;align-items:center;vertical-align:middle}
.cv2-theme-switch.cv2-theme-switch--icons#theme-switcher .cv2-theme-switch__rail, .cv2-theme-switch.cv2-theme-switch--icons#mobile-theme-switcher .cv2-theme-switch__rail{position:relative;display:inline-flex;align-items:center;justify-content:flex-start;gap:var(--cv2-ts-gap);width:auto;min-width:0;max-width:none;height:var(--cv2-ts-h);min-height:var(--cv2-ts-h);max-height:var(--cv2-ts-h);box-sizing:border-box;overflow:visible}
.cv2-theme-switch.cv2-theme-switch--icons .cv2-theme-switch__thumb{position:absolute;top:var(--cv2-ts-pad);left:var(--cv2-ts-pad);z-index:1;width:var(--cv2-ts-seg);height:var(--cv2-ts-seg);transform:translate3d(0, 0, 0);pointer-events:none}
html[data-theme-preference="light"] body .cv2-theme-switch.cv2-theme-switch--icons .cv2-theme-switch__thumb{transform:translate3d(0, 0, 0)}
html[data-theme-preference="system"] body .cv2-theme-switch.cv2-theme-switch--icons .cv2-theme-switch__thumb{transform:translate3d(calc(var(--cv2-ts-seg) + var(--cv2-ts-gap)), 0, 0)}
html[data-theme-preference="dark"] body .cv2-theme-switch.cv2-theme-switch--icons .cv2-theme-switch__thumb, html[data-theme="dark"]:not([data-theme-preference]) body .cv2-theme-switch.cv2-theme-switch--icons .cv2-theme-switch__thumb{transform:translate3d(calc((var(--cv2-ts-seg) + var(--cv2-ts-gap)) * 2), 0, 0)}
.cv2-theme-switch.cv2-theme-switch--icons#theme-switcher .cv2-theme-switch__opt, .cv2-theme-switch.cv2-theme-switch--icons#mobile-theme-switcher .cv2-theme-switch__opt{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:var(--cv2-ts-seg);min-width:var(--cv2-ts-seg);max-width:var(--cv2-ts-seg);height:var(--cv2-ts-seg);min-height:var(--cv2-ts-seg);max-height:var(--cv2-ts-seg);cursor:pointer;pointer-events:auto;opacity:1;transform:none}
.cv2-theme-switch.cv2-theme-switch--icons .cv2-theme-switch__opt i.hki-stroke{display:block;pointer-events:none}
.cv2-theme-switch.cv2-theme-switch--icons .cv2-theme-switch__opt svg{display:block;visibility:visible;opacity:1;width:14px;height:14px;overflow:visible;pointer-events:none}
.cv2-theme-switch.cv2-theme-switch--icons .cv2-theme-switch__opt:hover i.hki-stroke, .cv2-theme-switch.cv2-theme-switch--icons .cv2-theme-switch__opt:hover svg{transform:scale(1.12)}
.cv2-theme-switch.cv2-theme-switch--icons .cv2-theme-switch__opt:active i.hki-stroke, .cv2-theme-switch.cv2-theme-switch--icons .cv2-theme-switch__opt:active svg{transform:scale(0.9)}
html[data-theme-preference="light"] body .cv2-theme-switch.cv2-theme-switch--icons .cv2-theme-switch__opt--light i.hki-stroke, html[data-theme-preference="system"] body .cv2-theme-switch.cv2-theme-switch--icons .cv2-theme-switch__opt--system i.hki-stroke, html[data-theme-preference="dark"] body .cv2-theme-switch.cv2-theme-switch--icons .cv2-theme-switch__opt--dark i.hki-stroke, html[data-theme="dark"]:not([data-theme-preference]) body .cv2-theme-switch.cv2-theme-switch--icons .cv2-theme-switch__opt--dark i.hki-stroke{transform:scale(1.06)}
.cv2-theme-switch.cv2-theme-switch--icons .cv2-theme-switch__knob, .cv2-theme-switch.cv2-theme-switch--icons .cv2-theme-pill__thumb, .cv2-theme-switch.cv2-theme-switch--icons .cv2-theme-switch__txt{display:none}
.btn-login{height:40px;display:flex;align-items:center;gap:8px;white-space:nowrap}
.btn-register{height:40px;display:flex;align-items:center;gap:8px;white-space:nowrap}
.btn-login svg, .btn-register svg{width:16px;height:16px;flex-shrink:0}
.btn-login:hover{transform:translateY(-1px)}
.btn-register:hover{transform:translateY(-1px);opacity:.9}
.CoreV2-action-btn svg{width:20px;height:20px;pointer-events:none}
.CoreV2-mobile-theme-btn svg{width:20px;height:20px}
.CoreV2-mobile-theme-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}
@media (min-width:992px) and (max-width:1180px){
.CoreV2-action-btn{width:34px;height:34px}
}
.CoreV2-notification-btn:hover, .CoreV2-cart-btn:hover{transform:translateY(-1px)}
.CoreV2-notification-wrapper{overflow:visible} .CoreV2-action-btn{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer} .CoreV2-action-btn:hover{transform:scale(1.06)}
.CoreV2-notification-wrapper{position:relative;display:inline-flex;align-items:center}
.CoreV2-count-badge{position:absolute;top:-2px;right:-2px;min-width:14px;width:auto;max-width:none;height:14px;min-height:14px;display:inline-flex;align-items:center;justify-content:center;transform:none;z-index:10;pointer-events:none}
@media screen and (max-width:991px){
.CoreV2-mobile-theme-btn, #mobile-theme-switcher{transform:none;position:relative;left:auto}
}
@media (max-width: 991px){
#mobile-theme-switcher, .CoreV2-mobile-theme-btn{order:50;left:auto;right:auto;transform:none;position:relative}
}
.theme-toggle-container{position:fixed;top:20px;right:20px;z-index:400}
.theme-toggle-btn{cursor:pointer;display:flex;align-items:center;gap:8px;min-width:60px;justify-content:center}
.theme-toggle-btn:hover{transform:translateY(-2px)}
.theme-toggle-btn:active{transform:translateY(0)}
:not(#cv2-x):not(#cv2-y):not(#cv2-z) .cv2-theme-switch--duo{position:relative;width:40px;height:40px;min-width:40px;max-width:40px;flex:0 0 40px;inline-size:40px;display:inline-grid;place-items:center;overflow:hidden;cursor:pointer}
:not(#cv2-x):not(#cv2-y):not(#cv2-z) .cv2-theme-switch--duo:active{transform:scale(.92)}
:not(#cv2-x):not(#cv2-y):not(#cv2-z) .cv2-theme-switch--duo .cv2-theme-choice{position:absolute;inset:0;pointer-events:none;display:grid;place-items:center;width:auto;height:auto}
:not(#cv2-x):not(#cv2-y):not(#cv2-z) .cv2-theme-switch--duo .cv2-theme-choice svg{width:20px;height:20px;overflow:visible}
:not(#cv2-x):not(#cv2-y):not(#cv2-z) .cv2-theme-switch--duo [data-theme-value="light"]{opacity:1;transform:rotate(0) scale(1)}
:not(#cv2-x):not(#cv2-y):not(#cv2-z) .cv2-theme-switch--duo [data-theme-value="dark"]{opacity:0;transform:rotate(-70deg) scale(.5)}
}
/* @cv2-legacy:end */
/* @cv2-design */
/* Durum ozellikleri (display/visibility/opacity/pointer-events/transform): katmansiz, normal oncelik */
/* Ust menu eylemleri: yuvarlak ikon butonlari + hap giris/kayit butonlari */
/* Bildirim paneli: kart icinde kart */
/* TUR26: gece/gunduz dugmesi yeniden gorunur (onceki gizleme kurali kaldirildi) */

/* ===== [7/16] header (Ust menu (header))
 * KAYNAK: assets/css/core/layout/header/intro-section.css ===== */
/* CoreV2 alan stili: intro-section
 * Kok: #intro-section
 * Yalnizca su sayfalarda yuklenir: hosting-products, hosting, server-products, server, sms-products, special-products, page-detail-news, page-detail-articles, 404
 * Eski kurallarin tamami: tools/areas/archive/intro-section.css */
/* @cv2-legacy:start — split_areas.py uretir, elle duzenlemeyin */
@layer cv2-legacy{
#intro-section, .intro-slider{max-width:var(--CoreV2-container-width, 1300px);width:100%;box-sizing:border-box}
#intro-section{position:relative;z-index:1;overflow:visible}
#intro-section::before{content:"";position:absolute;right:-150px;top:-100px;width:500px;height:500px;z-index:-1;pointer-events:none}
#intro-section::after{content:"";position:absolute;left:-100px;bottom:-50px;width:400px;height:400px;z-index:-1;pointer-events:none}
.intro-slider{position:relative;display:grid;grid-template-columns:1fr 300px;gap:16px;min-height:auto;height:auto;align-items:start}
@media (min-width: 769px) and (max-width: 991px){.intro-slider{grid-template-columns:1fr 220px;gap:12px}}
.intro-social{position:absolute;left:-15px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:3px;z-index:100}
.intro-social a{display:flex;align-items:center;justify-content:center;width:26px;height:26px}
.intro-social a:hover{transform:scale(1.08)}
.intro-social a svg{width:12px;height:12px}
.intro-card-products{max-height:none;overflow:visible}
.intro-card{display:flex;flex-direction:column;justify-content:flex-start;position:relative;overflow:visible;min-height:auto;height:auto;gap:0}
.intro-card::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.2}
.intro-card::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none}
.intro-left{flex:1;position:relative;z-index:1;display:flex;flex-direction:column;gap:0;justify-content:flex-start}
.intro-right{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;min-height:0;align-self:stretch}
.intro-section-product .intro-right{min-height:0;max-height:none}
.intro-right::before{display:none}
.intro-right::after{content:"";position:absolute;bottom:0;left:0;right:0;height:55%;z-index:2;pointer-events:none}
.intro-right-frame{position:absolute;top:6px;right:6px;bottom:6px;left:6px;opacity:.8;z-index:30;pointer-events:none}
.intro-right:hover .intro-right-frame{opacity:.5;transform:translate(3px,-3px)}
.intro-right img{position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);object-fit:contain;object-position:center center;z-index:1}
.intro-hero-info{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;width:90%;max-width:400px;z-index:10}
.intro-hero-pricing{display:inline-flex;align-items:baseline;gap:3px}
.intro-breadcrumb{display:inline-flex;align-items:center;gap:4px;width:fit-content}
.intro-breadcrumb .breadcrumb-icon{display:flex;align-items:center;justify-content:center;width:26px;height:26px}
.intro-breadcrumb .breadcrumb-icon svg{width:12px;height:12px}
.intro-desc{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.intro-content-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex:1}
.intro-content-left{flex:1;min-width:0;max-width:480px}
.intro-specs-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:8px;position:absolute;right:16px;bottom:16px;width:280px}
.intro-spec-item{display:flex;align-items:center;gap:10px;min-height:52px;position:relative;overflow:hidden}
.intro-spec-item::before{content:"";position:absolute;inset:0;opacity:0;pointer-events:none}
.intro-spec-item:hover{transform:translateY(-2px)}
.intro-spec-item:hover::before{opacity:1}
.intro-spec-item .spec-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0}
.intro-spec-item:hover .spec-icon{transform:scale(1.05)}
.intro-spec-item .spec-icon svg{width:16px;height:16px}
.intro-spec-item:hover .spec-icon svg{transform:scale(1.1)}
.intro-spec-item .spec-info{display:flex;flex-direction:column;gap:1px;min-width:0;overflow:hidden}
.intro-spec-item .spec-info strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.intro-spec-item .spec-info small{display:block;white-space:nowrap;overflow:hidden}
@media (max-width: 768px){.intro-slider{grid-template-columns:1fr}}
@media (max-width: 768px){.intro-right{display:none}}
@media (max-width: 768px){.intro-content-row{flex-direction:column;gap:12px}}
@media (max-width: 768px){.intro-content-left{max-width:none}}
@media (max-width: 768px){.intro-specs-grid{position:static;width:100%;right:auto;bottom:auto}}
@media (max-width: 768px){.intro-social{display:none}}
.intro-product-tabs-wrapper{display:flex;align-items:center;justify-content:flex-start}
.intro-product-tabs-container{display:inline-flex;align-items:center}
.intro-product-tabs-list{display:inline-flex;gap:5px;flex-wrap:nowrap;overflow-x:auto}
.intro-product-tabs-list::-webkit-scrollbar{display:none}
.intro-product-tab-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;white-space:nowrap}
.intro-slider .intro-hero-info{display:flex;visibility:visible;opacity:1;z-index:20}
.cv2-news-detail ~ #intro-section{display:none;visibility:hidden;height:0;overflow:hidden;pointer-events:none}
}
/* @cv2-legacy:end */
/* @cv2-design */

#intro-section{padding:clamp(14px,2vw,24px) 0 0}
#intro-section .intro-slider{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:var(--ar-gap);padding:var(--ar-gap);border-radius:var(--ar-r-xl);background:var(--ar-card-3);border:1px solid var(--ar-line);box-sizing:border-box}
#intro-section .intro-card{position:relative;flex-direction:column;min-width:0;padding:clamp(20px,2.6vw,34px);border-radius:var(--ar-r-lg);background:var(--ar-card);border:1px solid var(--ar-line);color:var(--ar-ink)}
#intro-section .intro-social{position:absolute;top:18px;right:18px;gap:6px}
#intro-section .intro-social a{width:32px;height:32px;border-radius:var(--ar-pill);align-items:center;justify-content:center;background:var(--ar-card-2);border:1px solid var(--ar-line);color:var(--ar-ink-2)}
#intro-section .intro-breadcrumb{align-items:center;gap:6px;align-self:flex-start;flex-wrap:wrap;height:auto;min-height:30px;padding:3px 12px 3px 3px;margin:0 0 18px;border-radius:var(--ar-pill);background:var(--ar-card-2);border:1px solid var(--ar-line);font-size:12.5px;color:var(--ar-ink-3)}
#intro-section .intro-breadcrumb a{color:var(--ar-ink-2);text-decoration:none}
#intro-section .breadcrumb-icon{width:24px;height:24px;border-radius:var(--ar-pill);align-items:center;justify-content:center;background:var(--ar-card);}
#intro-section .breadcrumb-text{font-weight:600;color:var(--ar-ink)}
#intro-section .intro-title{margin:0 0 12px;font-size:clamp(30px,4vw,52px);font-weight:700;line-height:1.04;letter-spacing:-.04em;color:var(--ar-ink)}
#intro-section .intro-title .text-primary{color:var(--ar-ink-3);font-weight:600}
#intro-section .intro-content-row{flex-direction:column;gap:18px}
#intro-section .intro-desc{margin:0;max-width:560px;font-size:15px;line-height:1.6;color:var(--ar-ink-3)}
#intro-section .intro-product-tabs-list{gap:4px;padding:5px;border-radius:var(--ar-pill);background:var(--ar-card-3);border:1px solid var(--ar-line);max-width:100%;overflow-x:auto;scrollbar-width:none}
#intro-section .intro-product-tab-btn{flex:0 0 auto;align-items:center;gap:7px;height:38px;padding:0 16px;border-radius:var(--ar-pill);font-size:14px;font-weight:600;color:var(--ar-ink-3);cursor:pointer;white-space:nowrap}
#intro-section .intro-product-tab-btn.active{background:var(--ar-card);color:var(--ar-ink);}
#intro-section .intro-specs-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:4px}
#intro-section .intro-spec-item{align-items:center;gap:10px;padding:10px;border-radius:var(--ar-r-md);background:var(--ar-card-2);border:1px solid var(--ar-line)}
#intro-section .spec-icon{width:34px;height:34px;flex:0 0 34px;border-radius:var(--ar-pill);align-items:center;justify-content:center;background:var(--ar-card);color:var(--ar-ink)}
#intro-section .spec-info{flex-direction:column;line-height:1.2;min-width:0}
#intro-section .spec-info strong{font-size:13.5px;font-weight:700;color:var(--ar-ink)}
#intro-section .spec-info small{font-size:11.5px;color:var(--ar-ink-3)}
#intro-section .intro-right{position:relative;flex-direction:column;justify-content:flex-end;min-width:0;min-height:300px;overflow:hidden;padding:8px;border-radius:var(--ar-r-lg);background:var(--ar-dark);border:1px solid var(--ar-dark-line);color:var(--cv2-on-dark,#fff)}
#intro-section .intro-right-frame{position:absolute;inset:8px 8px auto 8px;height:58%;border-radius:var(--ar-r-md);background:radial-gradient(70% 80% at 50% 40%,#e6edff,#f6f7fb)}
#intro-section .intro-right-image{position:absolute;left:50%;top:29%;width:86%;max-width:380px;height:auto;object-fit:contain;z-index:1}
#intro-section .intro-hero-info{position:relative;z-index:2;flex-direction:column;gap:6px;padding:16px 14px 12px}
#intro-section .intro-hero-heading{margin:0;font-size:20px;font-weight:600;letter-spacing:-.02em;color:var(--cv2-on-dark,#fff)}
#intro-section .intro-hero-pricing{align-items:baseline;gap:8px}
#intro-section .hero-price-amount{font-size:40px;font-weight:800;letter-spacing:-.05em;line-height:1;background:var(--ar-price-fade-dark);-webkit-background-clip:text;background-clip:text;color:transparent}
#intro-section .hero-price-amount .currency{font-size:.5em;margin-right:2px}
#intro-section .hero-price-period{font-size:14px;color:color-mix(in srgb,var(--cv2-on-dark,#fff) 60%,transparent)}
#intro-section .intro-hero-subtitle{margin:0;font-size:13px;color:color-mix(in srgb,var(--cv2-on-dark,#fff) 55%,transparent)}
@media (max-width:991px){#intro-section .intro-slider{grid-template-columns:1fr}#intro-section .intro-right{min-height:280px}}
@media (max-width:575px){#intro-section .intro-slider{padding:8px;border-radius:var(--ar-r-lg)}#intro-section .intro-card{padding:18px}}

/* Durum ozellikleri (display/visibility/opacity/pointer-events/transform): katmansiz, normal oncelik */
/* Urun sayfasi girisi: beyaz kabuk icinde solda metin + sekmeler, sagda koyu fiyat posteri */
#intro-section .intro-slider{display:grid}
#intro-section .intro-card{display:flex}
#intro-section .intro-social{display:flex}
#intro-section .intro-social a{display:flex}
#intro-section .intro-breadcrumb{display:inline-flex}
#intro-section .breadcrumb-icon{display:inline-flex}
#intro-section .intro-title .text-primary{display:block}
#intro-section .intro-content-row{display:flex}
#intro-section .intro-product-tabs-list{display:inline-flex}
#intro-section .intro-product-tab-btn{display:inline-flex}
#intro-section .intro-specs-grid{display:grid}
#intro-section .intro-spec-item{display:flex}
#intro-section .spec-icon{display:flex}
#intro-section .spec-info{display:flex}
#intro-section .intro-right{display:flex}
#intro-section .intro-right-image{transform:translate(-50%,-50%)}
#intro-section .intro-hero-fog{display:none}
#intro-section .intro-hero-info{display:flex}
#intro-section .intro-hero-pricing{display:flex}
@media (max-width:575px){#intro-section .intro-social{display:none}}

/* TUR18: sağ tanıtım görselindeki başlık okunurluğu */
.intro-section-product .intro-right .intro-hero-info{position:relative;margin-top:22px}
.intro-section-product .intro-right .intro-hero-heading{display:inline-block;border-radius:12px;position:relative;z-index:5;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}
.intro-section-product .intro-right .intro-hero-heading{position:relative;z-index:6;transform:none}.intro-section-product .intro-right .intro-hero-info{margin-top:0;translate:0 22px;position:relative;z-index:6}

/* TUR20: urun girisi ortali; ozellikler ve fiyat eski mutlak konumlarla cakismasin. */

#intro-section.intro-section-product{width:min(calc(100% - 28px),var(--CoreV2-container-width,1400px));margin-left:auto;margin-right:auto;box-sizing:border-box;padding:0}
#intro-section.intro-section-product::before,#intro-section.intro-section-product::after{content:none}
#intro-section.intro-section-product .intro-slider{width:100%;max-width:100%;min-width:0}
#intro-section.intro-section-product .intro-content-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,280px);width:100%;min-width:0;align-items:start}
#intro-section.intro-section-product .intro-content-left{width:100%;max-width:100%;min-width:0}
#intro-section.intro-section-product .intro-specs-grid{position:static;inset:auto;width:100%;min-width:0;box-sizing:border-box}
#intro-section.intro-section-product .intro-product-tabs-wrapper,#intro-section.intro-section-product .intro-product-tabs-container{max-width:100%;min-width:0}
#intro-section.intro-section-product .intro-hero-info{left:auto;right:auto;bottom:auto;transform:none;align-self:center;max-width:100%;box-sizing:border-box}
@media(max-width:1199px){#intro-section.intro-section-product .intro-content-row{grid-template-columns:minmax(0,1fr)}#intro-section.intro-section-product .intro-specs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:575px){#intro-section.intro-section-product .intro-spec-item{min-width:0}#intro-section.intro-section-product .spec-info strong,#intro-section.intro-section-product .spec-info small{white-space:normal;overflow-wrap:anywhere}}

/* TUR21: dis zemin sade; sosyal alan sol kenarda ortali, gorsel cercevenin ustunde. */

#intro-section.intro-section-product .intro-slider{background:transparent;border-color:transparent;overflow:visible}
#intro-section.intro-section-product .intro-right-frame{z-index:0}
#intro-section.intro-section-product .intro-right-image{z-index:3;opacity:1}
#intro-section.intro-section-product .intro-hero-info{z-index:4}
@media(min-width:1200px){
#intro-section.intro-section-product .intro-left{display:grid;grid-template-rows:auto auto minmax(0,1fr);align-items:start}
#intro-section.intro-section-product .intro-breadcrumb{grid-column:1;grid-row:1;max-width:100%;box-sizing:border-box}
#intro-section.intro-section-product .intro-title{grid-column:1;grid-row:2;min-width:0;overflow-wrap:anywhere}
#intro-section.intro-section-product .intro-content-row{display:contents}
#intro-section.intro-section-product .intro-content-left{grid-column:1;grid-row:3}
#intro-section.intro-section-product .intro-specs-grid{grid-column:2;grid-row:1 / span 3;align-self:stretch;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}
#intro-section.intro-section-product .intro-spec-item{min-width:0;gap:6px}
#intro-section.intro-section-product .spec-info strong,#intro-section.intro-section-product .spec-info small{white-space:normal;overflow-wrap:anywhere}
}

/* TUR23: equal joined feature cells, compact intro without stacked outer padding. */

#intro-section.intro-section-product .intro-slider{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr)}
#intro-section.intro-section-product .intro-card{align-self:stretch}
#intro-section.intro-section-product .intro-title{font-size:32px;line-height:1.15;letter-spacing:0;margin-bottom:8px}
#intro-section.intro-section-product .intro-breadcrumb{margin-bottom:10px}
#intro-section.intro-section-product .intro-content-row{gap:12px}
#intro-section.intro-section-product .intro-specs-grid{margin:0;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(72px,1fr))}
#intro-section.intro-section-product .intro-spec-item{gap:8px;margin:0;padding:12px 8px;border:0;border-radius:0;min-width:0;transform:none;background:transparent}
#intro-section.intro-section-product .intro-spec-item:nth-child(odd){border-right:1px solid var(--ar-line)}
#intro-section.intro-section-product .intro-spec-item:nth-child(-n+2){border-bottom:1px solid var(--ar-line)}
#intro-section.intro-section-product .spec-info strong{font-size:14px;white-space:normal;overflow-wrap:anywhere}
#intro-section.intro-section-product .spec-info small{font-size:12px;white-space:normal;overflow-wrap:anywhere}
#intro-section.intro-section-product .intro-right{min-height:260px}
@media(min-width:1200px){

#intro-section.intro-section-product .intro-left>.intro-title,#intro-section.intro-section-product .intro-content-left{box-sizing:border-box}
}
@media(max-width:1199px){#intro-section.intro-section-product .intro-slider{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}}
@media(max-width:991px){#intro-section.intro-section-product .intro-slider{grid-template-columns:minmax(0,1fr)}}
@media(max-width:575px){
#intro-section.intro-section-product .intro-slider{padding:0}
#intro-section.intro-section-product .intro-title{font-size:28px}
#intro-section.intro-section-product .spec-icon{width:28px;height:28px;flex-basis:28px}
}

/* TUR24: ozellik kutulari birbirinden bagimsiz kartlar (birlesik izgara yok);
   sosyal alan basliga yapismaz (kartin sag ustunde yatay grup);
   giris kutusu sayfadaki diger bolumlerle ayni kenar cizgisinde. */

#intro-section.intro-section-product .intro-slider{padding:0;gap:16px}
#intro-section.intro-section-product .intro-card{padding:24px 28px;border-radius:var(--ar-r-xl)}
#intro-section.intro-section-product .intro-right{border-radius:var(--ar-r-xl)}
/* sosyal paylasim: dikey serit yerine kartin icinde{color:var(--ar-accent)} sag ustte yatay hap grup */

#intro-section.intro-section-product .intro-social a:hover{color:var(--ar-accent)}
#intro-section.intro-section-product .intro-breadcrumb{margin:0 0 16px}
#intro-section.intro-section-product .intro-title{margin:0 0 14px}
/* ozellik kartlari: her biri kendi zemini, kenarligi ve boslugu olan ayri kutu */
#intro-section.intro-section-product .intro-specs-grid{gap:10px;padding:0;border:0;border-radius:0;background:transparent;overflow:visible;}
#intro-section.intro-section-product .intro-specs-grid .intro-spec-item:nth-child(n){margin:0;border:1px solid var(--ar-line);border-radius:var(--ar-r-md);background:var(--ar-card-2);transition:background-color .2s var(--ar-ease),box-shadow .2s var(--ar-ease),border-color .2s var(--ar-ease)}
#intro-section.intro-section-product .intro-specs-grid .intro-spec-item:nth-child(n):hover{background:var(--ar-card)}
#intro-section.intro-section-product .intro-spec-item .spec-icon{background:var(--ar-card);border:1px solid var(--ar-line);color:var(--ar-ink)}

#intro-section.intro-section-product .intro-spec-item .spec-info strong{font-weight:700;letter-spacing:-.01em;color:var(--ar-ink)}
#intro-section.intro-section-product .intro-spec-item .spec-info small{color:var(--ar-ink-3)}
@media(min-width:1200px){
#intro-section.intro-section-product .intro-left{grid-template-columns:minmax(0,1fr) minmax(0,340px);column-gap:24px}
#intro-section.intro-section-product .intro-left>.intro-title,#intro-section.intro-section-product .intro-content-left{padding-right:0}

}
@media(min-width:768px) and (max-width:1199px){
#intro-section.intro-section-product .intro-specs-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));grid-template-rows:auto}
}
@media(max-width:575px){
#intro-section.intro-section-product .intro-card{padding:18px;border-radius:var(--ar-r-lg)}
#intro-section.intro-section-product .intro-breadcrumb{max-width:100%}
#intro-section.intro-section-product .intro-specs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}

}

/* TUR25: sosyal paylasim eski haline dondu (kartin sol kenarinda dikey ortali, yarisi icte yarisi dista);
   ozellik kutularinda baslik + alt baslik ikonun hemen yaninda, ikonlar buyuk. */

#intro-section.intro-section-product .intro-card{overflow:visible}
#intro-section.intro-section-product .intro-social{position:absolute;top:50%;left:0;right:auto;bottom:auto;transform:translate(-50%,-50%);translate:none;flex-direction:column;align-items:center;width:40px;height:auto;padding:5px;gap:4px;box-sizing:border-box;border-radius:var(--ar-pill);background:var(--ar-card-3);border:1px solid var(--ar-line);z-index:10}
#intro-section.intro-section-product .intro-social a{width:28px;height:28px;border-radius:var(--ar-pill);background:var(--ar-card);border:1px solid var(--ar-line);color:var(--ar-ink-2)}
#intro-section.intro-section-product .intro-social a svg{width:13px;height:13px}
#intro-section.intro-section-product .intro-breadcrumb{max-width:100%}
#intro-section.intro-section-product .intro-specs-grid .intro-spec-item:nth-child(n){flex-direction:row;align-items:center;justify-content:flex-start}

#intro-section.intro-section-product .intro-spec-item .spec-info{flex:1 1 auto;min-width:0;text-align:left}
#intro-section.intro-section-product .intro-spec-item .spec-info strong{line-height:1.15}
#intro-section.intro-section-product .intro-spec-item .spec-info small{line-height:1.25}
@media(min-width:1200px){#intro-section.intro-section-product .intro-social{right:auto}}
@media(max-width:575px){
#intro-section.intro-section-product .intro-specs-grid .intro-spec-item:nth-child(n){padding:10px;gap:10px}
#intro-section.intro-section-product .intro-spec-item .spec-icon{width:38px;height:38px;flex-basis:38px;border-radius:12px}
#intro-section.intro-section-product .intro-spec-item .spec-icon svg{width:18px;height:18px}
#intro-section.intro-section-product .intro-spec-item .spec-info strong{font-size:15px}
}

/* TUR26: ozellik kutulari daha derli toplu (ust/alt bosluk az, ikon biraz kucuk);
   sag fiyat posterinde baslik/fiyat gorselin ustune binmez (gorsel alani yazilarin ustunde biter);
   telefonda gorsel gizli, yalniz baslik + fiyat. */

#intro-section.intro-section-product .intro-specs-grid .intro-spec-item:nth-child(n){padding:10px 12px;gap:10px;min-height:0}
#intro-section.intro-section-product .intro-spec-item .spec-icon{width:40px;height:40px;flex:0 0 40px;border-radius:12px}
#intro-section.intro-section-product .intro-spec-item .spec-icon svg{width:19px;height:19px}
#intro-section.intro-section-product .intro-spec-item .spec-info{gap:2px}
#intro-section.intro-section-product .intro-spec-item .spec-info strong{font-size:16px}
#intro-section.intro-section-product .intro-spec-item .spec-info small{font-size:12px}
@media(min-width:1200px){#intro-section.intro-section-product .intro-specs-grid{grid-template-rows:auto auto;align-content:center}}
/* fiyat posteri */
#intro-section.intro-section-product .intro-right{justify-content:flex-end}
#intro-section.intro-section-product .intro-right-frame{inset:8px 8px 112px 8px;height:auto}
#intro-section.intro-section-product .intro-right-image{top:calc(50% - 52px);width:86%;max-width:380px;max-height:calc(100% - 136px);object-fit:contain}
#intro-section.intro-section-product .intro-hero-info{gap:2px;padding:8px 14px 6px;margin:0;translate:none}
#intro-section.intro-section-product .intro-hero-heading{font-size:17px;line-height:1.25;transform:none}
#intro-section.intro-section-product .hero-price-amount{font-size:32px}
#intro-section.intro-section-product .hero-price-period{font-size:13px}
#intro-section.intro-section-product .intro-hero-subtitle{font-size:12px;line-height:1.3}
@media(max-width:767px){
#intro-section.intro-section-product .intro-right{min-height:0;justify-content:center;padding:12px}
#intro-section.intro-section-product .intro-hero-info{padding:4px 10px}
}

/* TUR26 durum: telefonda poster gorseli gizli (katmansiz) */
@media(max-width:767px){#intro-section.intro-section-product .intro-right-frame,#intro-section.intro-section-product .intro-right-image{display:none}}

/* mobil: intro tutar/görsel paneli gizli */
@media (max-width:767px){#intro-section .intro-right{display:none}}

/* Mobil: intro gorselindeki baslik + "Baslayan fiyatlarla" alani gizlenir (22.10) */
@media (max-width:767px){
#intro-section#intro-section .intro-hero-info{display:none}
#intro-section#intro-section .intro-slider > .intro-right.intro-right--hero{display:none}
}
/* Gece: görsel çerçevesi açık mavi/beyaz kalmaz, kartın koyu katmanını alır. */
html[data-theme="dark"] #intro-section .intro-right-frame,html.dark-mode #intro-section .intro-right-frame{background:radial-gradient(70% 80% at 50% 40%,color-mix(in srgb,var(--ar-accent) 14%,var(--ar-card-3)),var(--ar-card-2))}

/* Product intro follows the existing dual theme accents without changing page data. */
#intro-section.intro-section-product .intro-title .text-primary{color:var(--color-dual,var(--ar-accent))}
#intro-section.intro-section-product .intro-product-tab-btn.active{background:var(--color-dual,var(--ar-accent));color:var(--color-dual-on,var(--ar-on-dark))}
#intro-section.intro-section-product .intro-right-image{inset:8px 8px 112px;top:8px;left:8px;width:calc(100% - 16px);height:calc(100% - 120px);max-width:none;max-height:none;transform:none;object-fit:cover;object-position:center;border-radius:var(--ar-r-md)}
#intro-section.intro-section-product .intro-right:hover .intro-right-frame{transform:none;opacity:1}

/* ===== [8/16] paketler (Paket kartlari ve fiyat listeleri)
 * KAYNAK: assets/css/components/packs/pack-atoms.css ===== */

/* @cv2-legacy:end */
/* @cv2-design */

/* Night purchase actions use the site accent and its contrast-safe foreground. */
html:is([data-theme="dark"],.dark-mode) body .packs-slider-body .pack .pack-cart-btn:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){
  background:var(--color-dual,var(--ar-accent));
  color:var(--color-on-primary);
  border:0}
html:is([data-theme="dark"],.dark-mode) body .packs-slider-body .pack:is(.pack-popular,.popular-highlight) .pack-cart-btn:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){
  background:var(--color-dual,var(--ar-accent));
  color:var(--color-on-primary);
  border:0}
html:is([data-theme="dark"],.dark-mode) body .packs-slider-body .pack .cv2-cart-orb:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){
  background:var(--ar-card-3);
  color:var(--ar-ink);
  border-color:var(--ar-line-2)}
html:is([data-theme="dark"],.dark-mode) body .packs-slider-body .pack .pack-cart-btn-disabled:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){
  background:var(--ar-card-2);
  color:var(--ar-ink-3);
  border-color:var(--ar-line)}
html:is([data-theme="dark"],.dark-mode) body .packs-slider-body .pack :is(.pack-cart-btn,.cv2-cart-orb):focus-visible:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){
  outline:2px solid var(--ar-ink);
  outline-offset:3px}

:is(.packs-slider-body,.coreservercart-server-grid,.ws-carousel-inner) .pack-campaign-strip:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){margin:0;padding:4px;border-radius:var(--ar-pill);background:var(--ar-card-2);border:1px solid var(--ar-line)}
:is(.packs-slider-body,.coreservercart-server-grid,.ws-carousel-inner) .pcs-campaign-layout:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){align-items:center;gap:6px;min-width:0}
:is(.packs-slider-body,.coreservercart-server-grid,.ws-carousel-inner) .pcs-label:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){flex-direction:column;justify-content:center;flex:0 0 auto;padding:0 6px 0 10px;font-size:9.5px;font-weight:700;line-height:1.15;letter-spacing:.08em;text-transform:uppercase;color:var(--ar-ink-3)}
:is(.packs-slider-body,.coreservercart-server-grid,.ws-carousel-inner) .pcs-label-line:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){white-space:nowrap}
:is(.packs-slider-body,.coreservercart-server-grid,.ws-carousel-inner) .pcs-boxes:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){flex:1 1 auto;gap:4px;min-width:0}
:is(.packs-slider-body,.coreservercart-server-grid,.ws-carousel-inner) .pcs-box:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){flex:1 1 0;min-width:0;justify-content:center;gap:3px;height:30px;padding:0 4px;border-radius:var(--ar-pill);background:var(--ar-card);align-items:center}
:is(.packs-slider-body,.coreservercart-server-grid,.ws-carousel-inner) .pcs-num:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ar-ink);line-height:1}
:is(.packs-slider-body,.coreservercart-server-grid,.ws-carousel-inner) .pcs-unit:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){font-size:9px;font-weight:600;letter-spacing:.04em;color:var(--ar-ink-3);line-height:1}
:is(.packs-slider-body,.coreservercart-server-grid) .cv2-price-badge:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){align-items:flex-end;justify-content:space-between;gap:10px;margin:0;padding:0;background:none;border:0}
:is(.packs-slider-body,.coreservercart-server-grid) .cv2-price-badge__main:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){flex-direction:column;gap:2px;min-width:0}
:is(.packs-slider-body,.coreservercart-server-grid) .price-compare .old-price:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:inline-flex;align-items:baseline;gap:3px;padding:0;font-size:18px;font-weight:500;line-height:1.2;color:var(--ar-ink-3);text-decoration:line-through;text-decoration-thickness:1px}
:is(.packs-slider-body,.coreservercart-server-grid) .price-main:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){align-items:flex-end;min-width:0}
:is(.packs-slider-body,.coreservercart-server-grid) .current-price:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){align-items:baseline;flex-wrap:wrap;gap:0 3px;font-size:38px;font-weight:800;line-height:1;color:var(--ar-ink)}
:is(.packs-slider-body,.coreservercart-server-grid) .current-price .currency:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){align-self:baseline;margin:0;font-size:inherit;font-weight:inherit;line-height:1;color:var(--ar-ink)}
:is(.packs-slider-body,.coreservercart-server-grid) .current-price .amount:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){font-size:inherit;font-weight:inherit;letter-spacing:0;line-height:1;background:var(--ar-price-fade);-webkit-background-clip:text;background-clip:text;color:transparent}
:is(.packs-slider-body,.coreservercart-server-grid) .cv2-price-vat:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){align-items:flex-end;margin:0 0 4px 8px}
:is(.packs-slider-body,.coreservercart-server-grid) .cv2-price-divider:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){width:auto;height:auto;margin:0 4px 0 0;background:none}
:is(.packs-slider-body,.coreservercart-server-grid) .cv2-price-divider:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *))::before{content:"/";font-size:15px;color:var(--ar-ink-4)}
:is(.packs-slider-body,.coreservercart-server-grid) .cv2-price-period:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){font-size:14px;font-weight:500;color:var(--ar-ink-3);white-space:nowrap}
:is(.packs-slider-body,.coreservercart-server-grid,.ws-carousel-inner) .amount-discount:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){flex:0 0 auto;align-items:center;height:26px;padding:0 10px;margin:0 0 6px;border-radius:var(--ar-pill);background:color-mix(in srgb,var(--ar-ok) 12%,transparent);color:var(--ar-ok);font-size:12px;font-weight:700;border:0;position:relative;overflow:hidden}
:is(.packs-slider-body,.coreservercart-server-grid) .pack-features-grid:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){flex-direction:column;gap:2px;margin:0;padding:0}
:is(.packs-slider-body,.coreservercart-server-grid) .feature-box:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){grid-template-columns:22px auto minmax(0,1fr);align-items:center;column-gap:10px;min-height:34px;padding:0 4px;margin:0;background:none;border:0;border-radius:0;text-align:left}
:is(.packs-slider-body,.coreservercart-server-grid) .feature-box > i:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){grid-column:1;grid-row:1;width:20px;height:20px;border-radius:var(--ar-pill);align-items:center;justify-content:center;background:var(--ar-card-3);color:var(--ar-ink-2);font-size:11px;margin:0;padding:0;border:0}
:is(.packs-slider-body,.coreservercart-server-grid) .feature-box .feature-value:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){grid-column:2;grid-row:1;font-size:14px;font-weight:600;color:var(--ar-ink);white-space:nowrap;text-align:left}
:is(.packs-slider-body,.coreservercart-server-grid) .feature-box .feature-label:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){grid-column:3;grid-row:1;font-size:13.5px;font-weight:400;color:var(--ar-ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}
:is(.packs-slider-body,.coreservercart-server-grid) .pack-toggle-btn:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){position:relative;align-items:center;justify-content:center;gap:6px;width:100%;height:28px;margin:10px 0 0;padding:0;background:none;border:0;cursor:pointer;color:var(--ar-ink-3);font-size:12.5px;font-weight:600}
:is(.packs-slider-body,.coreservercart-server-grid) .pack-toggle-btn:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *))::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--ar-line-2);z-index:0}
:is(.packs-slider-body,.coreservercart-server-grid) .pack-toggle-btn > *:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){position:relative;z-index:1}
:is(.packs-slider-body,.coreservercart-server-grid) .pack-toggle-btn svg:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){width:20px;height:20px;padding:4px;box-sizing:border-box;border-radius:7px;background:var(--ar-card);color:var(--ar-ink)}
:is(.packs-slider-body,.coreservercart-server-grid) .pack-toggle-btn .button-text:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){padding:0 8px;background:var(--ar-card-2);border-radius:var(--ar-pill)}
:is(.packs-slider-body,.coreservercart-server-grid,.ws-carousel-inner) .cv2-cart-action-pair:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){align-items:center;gap:8px;width:100%}
:is(.packs-slider-body,.coreservercart-server-grid) .pack-cart-btn:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){flex:1 1 auto;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 20px;border-radius:var(--ar-pill);background:var(--color-dual,var(--ar-btn-dark));color:var(--ar-on-dark,#fff);border:0;font-size:15.5px;font-weight:600;text-decoration:none;white-space:nowrap;transition:transform .2s var(--ar-ease)}
:is(.packs-slider-body,.coreservercart-server-grid) .pack-cart-btn svg:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){width:17px;height:17px}
:is(.packs-slider-body,.coreservercart-server-grid,.ws-carousel-inner) .cv2-cart-orb:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){position:relative;flex:0 0 48px;width:48px;height:48px;align-items:center;justify-content:center;border-radius:var(--ar-pill);background:var(--ar-btn-light);color:var(--ar-ink);border:1px solid var(--ar-line);text-decoration:none}
:is(.packs-slider-body,.coreservercart-server-grid,.ws-carousel-inner) .cv2-cart-orb svg:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){width:18px;height:18px}
:is(.packs-slider-body,.coreservercart-server-grid,.ws-carousel-inner) .cv2-cart-orb-count:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){position:absolute;top:-3px;right:-3px;min-width:17px;height:17px;padding:0 4px;border-radius:var(--ar-pill);align-items:center;justify-content:center;background:var(--color-dual,var(--ar-dark));color:var(--cv2-on-dark,#fff);font-size:10px;font-weight:700;border:2px solid var(--ar-card)}
:is(.packs-slider-body,.coreservercart-server-grid) .pack-popular-badge:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){align-items:center;gap:5px;height:28px;padding:0 12px;border-radius:var(--ar-pill);background:var(--color-dual,var(--ar-card-2));border:1px solid var(--ar-line);color:var(--color-dual-on,var(--ar-ink-2));font-size:12px;font-weight:600;white-space:nowrap;position:static}
:is(.packs-slider-body,.coreservercart-server-grid) :is(.pack-popular,.popular-highlight) .pack-popular-badge:not(.cv2-advantage-badge):not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){background:var(--color-dual,var(--ar-grad-popular));border:0;color:#fff}
:is(.packs-slider-body,.coreservercart-server-grid) :is(.pack-popular,.popular-highlight):not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){--ar-ink:var(--cv2-on-dark,#f4f4f5);--ar-ink-2:color-mix(in srgb,var(--cv2-on-dark,#f4f4f5) 82%,var(--cv2-dark,#1b1b1d));--ar-ink-3:var(--cv2-on-dark-2,#9b9ba3);--ar-ink-4:color-mix(in srgb,var(--cv2-on-dark-2,#9b9ba3) 70%,var(--cv2-dark,#1b1b1d));--ar-card:var(--cv2-dark-hi,#2b2b2e);--ar-card-2:var(--cv2-dark-2,#232325);--ar-card-3:var(--cv2-dark-3,#3a3a3e);--ar-line:var(--cv2-dark-line,rgba(255,255,255,.07));--ar-line-2:var(--cv2-dark-line,rgba(255,255,255,.12));--ar-price-fade:var(--ar-price-fade-dark);--ar-sh-inner:inset 0 1px 0 rgba(255,255,255,.05),0 4px 10px -4px rgba(0,0,0,.6)}
:is(.packs-slider-body,.coreservercart-server-grid) :is(.pack-popular,.popular-highlight) .pack-cart-btn:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){background:var(--color-dual,var(--ar-accent));color:var(--color-on-primary)}
:is(.packs-slider-body,.coreservercart-server-grid) :is(.pack-popular,.popular-highlight) .cv2-cart-orb:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){background:var(--cv2-dark-3,#3a3a3e);color:var(--cv2-on-dark,#fff);border-color:var(--cv2-dark-line,color-mix(in srgb,var(--cv2-on-dark,#fff) 10%,transparent))}
/* Fiyat-buton boslugu: eski 40px sabit yukseklik buyuk tutari tasiriyordu */
:is(.packs-slider-body,.coreservercart-server-grid) .price-section.cv2-price-badge .price-main:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){height:auto;min-height:0;padding-bottom:2px}
:is(.packs-slider-body,.coreservercart-server-grid) .price-row:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){margin-bottom:18px;min-height:0}
:is(.packs-slider-body,.coreservercart-server-grid) .pack-cart-button-wrapper:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){margin-top:4px}
:is(.packs-slider-body,.coreservercart-server-grid) :is(.pack-popular,.popular-highlight) .cv2-price-vat :is(.billing-cycle,.cv2-price-period,.coreservercart-period-tag,.cv2-price-vat__period):not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){background:transparent;border-color:transparent;color:var(--cv2-on-dark-2,rgba(255,255,255,.62));padding:0}
:is(.packs-slider-body,.coreservercart-server-grid,.ws-carousel-inner) .cv2-cart-action-pair:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){background:transparent;padding:0;border:0}
/* Durum ozellikleri (display/visibility/opacity/pointer-events/transform): katmansiz, normal oncelik */
/* Paket yapitaslari: geri sayim, fiyat, ozellik listesi, sepet butonlari, rozetler.
 * Hosting paketleri, sunucu kartlari ve yazilim kartlari ortak kullanir. */
:is(.packs-slider-body,.coreservercart-server-grid,.ws-carousel-inner) .pack-campaign-strip:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:block}
:is(.packs-slider-body,.coreservercart-server-grid,.ws-carousel-inner) .pcs-campaign-layout:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:flex}
:is(.packs-slider-body,.coreservercart-server-grid,.ws-carousel-inner) .pcs-label:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:flex}
:is(.packs-slider-body,.coreservercart-server-grid,.ws-carousel-inner) .pcs-label-line:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:block}
:is(.packs-slider-body,.coreservercart-server-grid,.ws-carousel-inner) .pcs-vertical-divider:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:none}
:is(.packs-slider-body,.coreservercart-server-grid,.ws-carousel-inner) .pcs-boxes:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:flex}
:is(.packs-slider-body,.coreservercart-server-grid,.ws-carousel-inner) .pcs-box:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:flex}
/* Fiyat: buyuk rakam, asagi dogru solan renk */
:is(.packs-slider-body,.coreservercart-server-grid) .cv2-price-badge:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:flex}
:is(.packs-slider-body,.coreservercart-server-grid) .cv2-price-badge__main:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:flex}
:is(.packs-slider-body,.coreservercart-server-grid) .price-main:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:flex}
:is(.packs-slider-body,.coreservercart-server-grid) .current-price:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:inline-flex}
:is(.packs-slider-body,.coreservercart-server-grid) .cv2-price-vat:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:inline-flex}
:is(.packs-slider-body,.coreservercart-server-grid) .cv2-price-divider:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:inline-block}
:is(.packs-slider-body,.coreservercart-server-grid,.ws-carousel-inner) .amount-discount:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:inline-flex}
:is(.packs-slider-body,.coreservercart-server-grid,.ws-carousel-inner) .amount-discount__pattern:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:none}
/* Ozellik listesi: gri onay daireleri */
:is(.packs-slider-body,.coreservercart-server-grid) .pack-features-grid:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:flex}
:is(.packs-slider-body,.coreservercart-server-grid) .feature-box:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:grid}
:is(.packs-slider-body,.coreservercart-server-grid) .feature-box > i:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:inline-flex}
/* "+" ayirici ile tum ozellikler dugmesi */
:is(.packs-slider-body,.coreservercart-server-grid) .pack-toggle-btn:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:flex}
/* Sepet butonlari */
:is(.packs-slider-body,.coreservercart-server-grid,.ws-carousel-inner) .cv2-cart-action-pair:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:flex}
:is(.packs-slider-body,.coreservercart-server-grid) .pack-cart-btn:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:inline-flex}
:is(.packs-slider-body,.coreservercart-server-grid,.ws-carousel-inner) .cv2-cart-orb:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:inline-flex}
:is(.packs-slider-body,.coreservercart-server-grid,.ws-carousel-inner) .cv2-cart-orb-count:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:inline-flex}
:is(.packs-slider-body,.coreservercart-server-grid) .pack-cart-btn:hover:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){transform:translateY(-1px)}
/* Rozetler */
:is(.packs-slider-body,.coreservercart-server-grid) .pack-popular-badge:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:inline-flex;transform:none}
/* One cikan (koyu) kart tonlari */
/* Ozellik satiri SVG ikonu (ikon fontu bos kaldiginda) */
.feature-box > svg.cv2-fb-svg{box-sizing:border-box;flex:0 0 26px;width:26px;height:26px;padding:5px;border-radius:8px;background:color-mix(in srgb,var(--cv2-primary,var(--CoreV2-primary)) 10%,transparent);color:var(--cv2-primary,var(--CoreV2-primary))}

/* ===== [9/16] paketler (Paket kartlari ve fiyat listeleri)
 * KAYNAK: assets/css/components/packs/pack-filters.css ===== */
/* CoreV2 alan stili: pack-filters
 * Kok: .CoreV2-filter-wrap, .cv2-pack-listing-filters
 * Yalnizca su sayfalarda yuklenir: index, home, hosting-products, hosting, server-products, server, sms-products, special-products
 * Eski kurallarin tamami: tools/areas/archive/pack-filters.css */
/* @cv2-legacy:start — split_areas.py uretir, elle duzenlemeyin */
@layer cv2-legacy{
.cv2-pack-listing-filters{width:100%}
.cv2-pack-listing-filters .CoreV2-filter-wrap{width:100%}
.CoreV2-filter-wrap .CoreV2-filter{min-width:0}
.cv2-pack-listing-filters .CoreV2-filter{min-width:0}
.cv2-listing-period-wrap .CoreV2-filter-options.period-tabs, .cv2-pack-listing-filters .CoreV2-filter .CoreV2-filter-options.period-tabs{width:max-content;max-width:100%}
.CoreV2-filter .CoreV2-filter-options.location-tabs, .CoreV2-filter .CoreV2-filter-options.category-tabs{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:4px;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
.CoreV2-filter .CoreV2-filter-options.period-tabs .CoreV2-filter-item, .CoreV2-filter .CoreV2-filter-options.location-tabs .CoreV2-filter-item, .CoreV2-filter-options.category-tabs .category-tab-btn{min-height:36px;height:40px;flex:0 0 auto;min-width:max-content;white-space:nowrap}
@media (max-width: 768px){
.CoreV2-filter-wrap{justify-content:flex-start;gap:var(--sp-2, 8px)}
}
@media (max-width: 768px){
.CoreV2-filter-options.category-tabs, .CoreV2-filter .CoreV2-filter-options.period-tabs, .CoreV2-filter .CoreV2-filter-options.location-tabs{display:flex;flex-wrap:nowrap;grid-template-columns:none;gap:6px;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media (max-width: 768px){
.cv2-pack-listing-filters .CoreV2-filter-options.period-tabs, .cv2-pack-listing-filters .CoreV2-filter-options.location-tabs{width:100%}
}
@media (max-width: 768px){
.CoreV2-filter .CoreV2-filter-item{width:auto;flex:0 0 auto;justify-content:center;min-height:38px;height:40px;white-space:nowrap}
}
@media (max-width: 768px){
.CoreV2-filter{width:100%}
}
@media (max-width: 768px){
.CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-header{display:flex;align-items:center;gap:var(--sp-3, 12px);cursor:pointer;position:relative;width:100%}
}
@media (max-width: 768px){
.CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-icon{min-width:46px;height:46px;width:46px;display:flex;align-items:center;justify-content:center}
}
@media (max-width: 768px){
.CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-label{display:block}
}
@media (max-width: 768px){
.CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-value{display:block}
}
@media (max-width: 768px){
.CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-arrow{position:absolute;right:var(--sp-4, 16px);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}
}
@media (max-width: 768px){
.CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-arrow::before{content:"▼"}
}
@media (max-width: 768px){
.CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-options{display:none;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:var(--sp-1, 4px)}
}
@media (max-width: 768px){
.CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-item{height:auto}
}
.CoreV2-filter .CoreV2-filter-options.period-tabs, .CoreV2-filter .CoreV2-filter-options.category-tabs, .CoreV2-filter .CoreV2-filter-options.location-tabs{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden}
.cv2-listing-period-wrap .CoreV2-filter-options.period-tabs, .cv2-pack-listing-filters .CoreV2-filter-options.period-tabs{width:max-content;max-width:100%}
@media (max-width: 1280px){
.CoreV2-filter.CoreV2-filter-mobile > .CoreV2-filter-header, .tablopaketler .CoreV2-filter.CoreV2-filter-mobile > .CoreV2-filter-header, .products_list .CoreV2-filter.CoreV2-filter-mobile > .CoreV2-filter-header{display:flex}
}
@media (max-width: 1280px){
.cv2-pack-listing-filters .CoreV2-filter.CoreV2-filter-mobile:not(.open) .CoreV2-filter-options{height:0}
}
.corecartpkts-wrapper>.CoreV2-filter-wrap{order:2}
.CoreV2-filter .CoreV2-filter-options.period-tabs, .CoreV2-filter .CoreV2-filter-options.location-tabs, .CoreV2-filter .CoreV2-filter-options.category-tabs{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:fit-content;min-width:min(100%,320px);max-width:min(100%,760px)}
.cv2-pack-listing-filters .CoreV2-filter .CoreV2-filter-options{width:fit-content;min-width:min(100%,320px);max-width:min(100%,760px)}
.CoreV2-filter .CoreV2-filter-options.period-tabs{width:100%;max-width:min(100%,680px);gap:4px;flex-wrap:nowrap}
.cv2-pack-listing-filters .CoreV2-filter .CoreV2-filter-options.period-tabs{width:100%;max-width:min(100%,680px)}
@media (min-width:1281px){
.CoreV2-filter.CoreV2-filter-mobile>.CoreV2-filter-header{display:none}
}
@media (min-width:1281px){
.CoreV2-filter.CoreV2-filter-mobile>.CoreV2-filter-options{display:flex}
}
@media (max-width:1280px){
.CoreV2-filter.CoreV2-filter-mobile>.CoreV2-filter-header{display:flex}
}
@media (max-width:1280px){
.CoreV2-filter.CoreV2-filter-mobile:not(.open)>.CoreV2-filter-options{display:none}
}
.category-tab-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;white-space:nowrap}
.category-tab-image-wrapper{width:22px;height:22px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}
.corev2-pack-wrapper .cv2-pack-listing-filters{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.corev2-pack-wrapper .CoreV2-filter-wrap, .CoreV2-filter-wrap{width:100%;min-width:0;box-sizing:border-box}
.cv2-pack-listing-filters .CoreV2-filter-wrap{max-width:min(100%, var(--cv2-shell-max))}
.CoreV2-filter-wrap .CoreV2-filter{width:100%;max-width:100%}
.cv2-pack-listing-filters .CoreV2-filter{width:100%;max-width:100%}
.CoreV2-filter-wrap .CoreV2-filter .CoreV2-filter-options{width:auto;max-width:100%}
@media (max-width: 767px){
.CoreV2-filter-wrap, .CoreV2-filter-wrap .CoreV2-filter{width:100%;max-width:100%}
}
@media (max-width: 767px){
.cv2-pack-listing-filters, .cv2-pack-listing-filters .CoreV2-filter-wrap, .cv2-pack-listing-filters .CoreV2-filter{width:100%;max-width:100%}
}
.CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-header{gap:var(--sp-3, 12px);width:100%;box-sizing:border-box}
.products_list > .CoreV2-filter-wrap, .tablopaketler > .CoreV2-filter-wrap{width:100%;max-width:100%;box-sizing:border-box}
.cv2-listing-period-wrap, .products_list > .cv2-pack-listing-filters, .tablopaketler > .cv2-pack-listing-filters{width:100%;max-width:100%;box-sizing:border-box}
@media (max-width:767px){
.products_list>.CoreV2-filter-wrap, .tablopaketler>.CoreV2-filter-wrap{width:100%;max-width:100%;box-sizing:border-box}
}
@media (max-width:767px){
.cv2-pack-listing-filters, .cv2-listing-period-wrap, .products_list>.cv2-pack-listing-filters, .tablopaketler>.cv2-pack-listing-filters{width:100%;max-width:100%;box-sizing:border-box}
}
.category-tab-image-wrapper img{width:100%;height:100%;object-fit:contain;display:block}
.CoreV2-filter .CoreV2-filter-options::-webkit-scrollbar{display:none}
.CoreV2-filter .CoreV2-filter-item::after{display:none}
.CoreV2-filter .CoreV2-filter-item img, .CoreV2-filter .CoreV2-filter-item .filter-flag{width:20px;height:20px;object-fit:cover;flex-shrink:0;opacity:1}
@media (max-width:768px){
.CoreV2-filter-wrap{justify-content:flex-start;gap:var(--sp-2)}
}
@media (max-width:768px){
.CoreV2-filter-options.category-tabs, .CoreV2-filter .CoreV2-filter-options.period-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%}
}
@media (max-width:768px){
.CoreV2-filter .CoreV2-filter-item{width:100%;justify-content:center}
}
@media (max-width:768px){
.CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-icon{min-width:46px;height:46px;width:46px;display:flex;align-items:center;justify-content:center}
}
@media (max-width:768px){
.CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-label{display:block}
}
@media (max-width:768px){
.CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-value{display:block}
}
@media (max-width:768px){
.CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-arrow{position:absolute;right:var(--sp-4);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}
}
@media (max-width:768px){
.CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-arrow::before{content:"▼"}
}
@media (max-width:768px){
.CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-options{display:none;flex-direction:row;flex-wrap:wrap;gap:var(--sp-1)}
}
@media (max-width:768px){
.CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-item{height:auto}
}
@media (max-width:768px){
.CoreV2-filter .CoreV2-filter-options.category-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
}
@media (max-width:768px){
.CoreV2-filter .CoreV2-filter-item{min-height:38px;height:auto;white-space:normal}
}
@media (max-width:768px){
.cv2-pack-listing-filters .CoreV2-filter-item{min-height:38px;height:auto}
}
.cv2-pack-listing-filters{box-sizing:border-box}
.CoreV2-filter .CoreV2-filter-options.period-tabs, .CoreV2-filter .CoreV2-filter-options.location-tabs, .CoreV2-filter .CoreV2-filter-options.category-tabs{min-width:0}
.cv2-pack-listing-filters .CoreV2-filter .CoreV2-filter-options{min-width:0}
@media (min-width:992px){
.products_list>.CoreV2-filter-wrap .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-header{display:none}
}
@media (min-width:992px){
.products_list .cv2-pack-listing-filters .CoreV2-filter-options.period-tabs, .tablopaketler .cv2-pack-listing-filters .CoreV2-filter-options.period-tabs, .products_list .cv2-pack-listing-filters .CoreV2-filter-options.location-tabs, .tablopaketler .cv2-pack-listing-filters .CoreV2-filter-options.location-tabs{width:auto;max-width:100%}
}
@media (min-width:992px){
.products_list .cv2-pack-listing-filters .CoreV2-filter-item, .tablopaketler .cv2-pack-listing-filters .CoreV2-filter-item{height:38px;min-height:38px}
}
@media (min-width:992px){
#wrapper>.CoreV2-filter-wrap .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-header, .cv2-pack-listing-head + .CoreV2-filter-wrap .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-header, .cv2-page-hero-head + .CoreV2-filter-wrap .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-header{display:none}
}
@media (min-width:992px){
#wrapper>.CoreV2-filter-wrap, .cv2-pack-listing-head + .CoreV2-filter-wrap, .cv2-page-hero-head + .CoreV2-filter-wrap{display:flex;justify-content:center;align-items:center}
}
@media (min-width:992px){
#wrapper>.CoreV2-filter-wrap .CoreV2-filter-options.category-tabs, .cv2-pack-listing-head + .CoreV2-filter-wrap .CoreV2-filter-options.category-tabs, .cv2-page-hero-head + .CoreV2-filter-wrap .CoreV2-filter-options.category-tabs{display:flex;justify-content:center}
}
@media (max-width:991px){
#wrapper>.CoreV2-filter-wrap .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-header, .cv2-pack-listing-head + .CoreV2-filter-wrap .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-header, .cv2-page-hero-head + .CoreV2-filter-wrap .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-header{display:flex}
}
@media (min-width:769px){
.cv2-pack-listing-filters .CoreV2-filter-wrap{box-sizing:border-box}
}
@media (min-width:992px){
.cv2-pack-listing-filters .CoreV2-filter .CoreV2-filter-options.period-tabs, .cv2-pack-listing-filters .CoreV2-filter .CoreV2-filter-options.location-tabs{max-width:100%}
}
.cv2-page-hero-head + .CoreV2-filter-wrap + .tablopaketler .cv2-pack-listing-head{display:none}
.CoreV2-filter .CoreV2-filter-options.period-tabs{display:inline-flex;align-items:center;justify-content:center}
.CoreV2-filter .CoreV2-filter-options.period-tabs .CoreV2-filter-item{min-height:34px}
.CoreV2-filter .CoreV2-filter-options.category-tabs{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px}
.CoreV2-filter .CoreV2-filter-options.category-tabs .category-tab-btn + .category-tab-btn{position:relative}
.CoreV2-filter .CoreV2-filter-options.category-tabs .category-tab-btn:not(:first-child)::before{content:"";position:absolute;left:-4px;top:50%;transform:translateY(-50%);width:1px;height:18px;pointer-events:none}
.CoreV2-filter .CoreV2-filter-options.period-tabs, .CoreV2-filter .CoreV2-filter-options.location-tabs, .CoreV2-filter .CoreV2-filter-options.category-tabs{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px}
.CoreV2-filter .CoreV2-filter-options.period-tabs{width:100%;max-width:100%;gap:4px;flex-wrap:nowrap}
.cv2-pack-listing-filters .CoreV2-filter .CoreV2-filter-options.period-tabs{width:100%;max-width:100%}
.CoreV2-filter .CoreV2-filter-options.period-tabs .CoreV2-filter-item, .CoreV2-filter .CoreV2-filter-options.location-tabs .CoreV2-filter-item{flex:1 1 0;min-width:0;min-height:40px;height:40px;justify-content:center}
.cv2-pack-listing-filters .CoreV2-filter .CoreV2-filter-item{min-width:0;min-height:40px;height:40px}
.CoreV2-filter-wrap{display:flex;flex-wrap:wrap;gap:var(--sp-3)}
.CoreV2-filter{position:relative;flex:0 1 auto}
.CoreV2-filter .CoreV2-filter-options{display:flex;align-items:center;justify-content:center;width:auto;max-width:100%;gap:2px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
.CoreV2-filter .CoreV2-filter-options::-webkit-scrollbar{height:4px}
.CoreV2-filter .CoreV2-filter-item{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);height:38px;min-height:38px;cursor:pointer;white-space:nowrap;user-select:none;flex-shrink:0}
.CoreV2-filter .CoreV2-filter-item:hover:not(.active){transform:translateY(-1px)}
.CoreV2-filter-wrap{justify-content:center;justify-items:center;align-items:center}
.CoreV2-filter-wrap .CoreV2-filter{flex:0 1 auto}
.CoreV2-filter .CoreV2-filter-options.period-tabs, .CoreV2-filter .CoreV2-filter-options.location-tabs, .CoreV2-filter .CoreV2-filter-options.category-tabs{justify-content:center;width:auto;max-width:100%}
.cv2-pack-listing-filters .CoreV2-filter .CoreV2-filter-options{width:auto;max-width:100%}
.CoreV2-filter .CoreV2-filter-item img{display:inline-block;width:20px;height:15px;min-width:20px;object-fit:cover;opacity:1;visibility:visible}
.CoreV2-filter .CoreV2-filter-item .filter-flag{display:inline-block;width:20px;height:15px;min-width:20px;object-fit:cover;opacity:1;visibility:visible}
@media (max-width:768px){
.CoreV2-filter-wrap .CoreV2-filter, .CoreV2-filter .CoreV2-filter-options.period-tabs, .CoreV2-filter .CoreV2-filter-options.location-tabs, .CoreV2-filter .CoreV2-filter-options.category-tabs{width:100%}
}
@media (max-width:768px){
.cv2-pack-listing-filters .CoreV2-filter, .cv2-pack-listing-filters .CoreV2-filter .CoreV2-filter-options{width:100%}
}
.CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-header{display:none}
.CoreV2-filter-options.category-tabs .category-tab-image-wrapper{width:24px;height:24px;min-width:24px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}
.CoreV2-filter-options.category-tabs .category-tab-image-wrapper img{width:100%;height:100%;object-fit:cover;display:block}
.corecartpkts-wrapper .CoreV2-filter .CoreV2-filter-item{min-height:40px;height:40px}
body .category-tab-image-wrapper img{width:100%;height:100%;object-fit:contain;display:block}
}
/* @cv2-legacy:end */
/* Ref-06: stable segmented category and billing controls, owned here. */
.cv2-pack-listing-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;min-width:0;margin:0 0 16px}
.cv2-pack-listing-filters.cv2-home-category-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.cv2-home-category-toolbar > .CoreV2-filter-wrap{width:100%;min-width:0}
.cv2-home-category-toolbar .CoreV2-filter{width:100%;min-width:0}
.cv2-home-category-toolbar .CoreV2-filter-options{width:100%;min-width:0}
.cv2-home-category-toolbar .CoreV2-filter-wrap .CoreV2-filter{width:100%;margin:0;align-self:start}
.cv2-home-category-toolbar .CoreV2-filter-wrap .CoreV2-filter-options{width:100%;margin:0}
@media(min-width:992px){
 .cv2-home-category-toolbar > :first-child,.cv2-home-category-toolbar > :first-child .CoreV2-filter{justify-content:flex-start;align-items:flex-start}
 .cv2-home-category-toolbar > :last-child,.cv2-home-category-toolbar > :last-child .CoreV2-filter{justify-content:flex-end;align-items:flex-end}
}
.CoreV2-filter-wrap{display:flex;justify-content:center;align-items:center;min-width:0;max-width:100%;width:100%;margin:0;padding:0;gap:10px;background:none;border:0}
.CoreV2-filter-wrap .CoreV2-filter{display:flex;flex-direction:column;align-items:center;width:auto;max-width:100%;min-width:0;margin:0;padding:0;background:none;border:0}
.CoreV2-filter-wrap .CoreV2-filter .CoreV2-filter-options{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;gap:4px;width:auto;min-width:0;max-width:100%;height:46px;padding:4px;margin:0;box-sizing:border-box;border-radius:var(--ar-pill);background:var(--ar-card-3);border:1px solid var(--ar-line);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
.CoreV2-filter-wrap .CoreV2-filter-item,.CoreV2-filter-wrap .category-tab-btn{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:8px;width:auto;min-width:max-content;height:36px;min-height:36px;padding:0 14px;margin:0;border-radius:var(--ar-pill);background:none;border:0;color:var(--ar-ink-3);font-size:13px;font-weight:600;letter-spacing:0;line-height:1.2;white-space:nowrap;cursor:pointer;text-decoration:none;transform:none}
.CoreV2-filter-wrap .cv2-period-icon{width:18px;height:18px;flex:0 0 18px;color:var(--ar-accent);--cv2-ic-paint:var(--color-gradient)}
.CoreV2-filter-wrap .CoreV2-filter-icon svg{width:20px;height:20px;flex:0 0 20px}
.CoreV2-filter-wrap .CoreV2-filter-item.active .cv2-period-icon{color:var(--ar-accent);--cv2-ic-paint:var(--color-gradient)}
.CoreV2-filter-wrap .CoreV2-filter .CoreV2-filter-item.active,.CoreV2-filter-wrap .CoreV2-filter .category-tab-btn.active{background:var(--ar-card);color:var(--ar-ink)}
html[data-theme="dark"] .CoreV2-filter-wrap .CoreV2-filter .CoreV2-filter-options .CoreV2-filter-item.active{background:var(--ar-card);color:var(--ar-ink)}
.CoreV2-filter-wrap .CoreV2-filter-item:hover,.CoreV2-filter-wrap .category-tab-btn:hover{color:var(--ar-ink);transform:none}
.CoreV2-filter-wrap .CoreV2-filter.CoreV2-filter-mobile>.CoreV2-filter-header{display:none}
.CoreV2-filter-wrap .category-tab-image-wrapper{width:20px;height:20px;min-width:20px;border-radius:var(--ar-pill);overflow:hidden}
.CoreV2-filter-wrap .category-tab-image-wrapper img{width:100%;height:100%;object-fit:contain}
.CoreV2-filter-wrap .category-tab-btn::before,.CoreV2-filter-wrap .CoreV2-filter-item::after{content:none}
.CoreV2-filter-wrap .CoreV2-filter-options::-webkit-scrollbar{display:none}
@media(max-width:1099px){
 .CoreV2-filter-wrap .CoreV2-filter.CoreV2-filter-mobile{position:relative;align-items:stretch;width:100%}
 .CoreV2-filter-wrap .CoreV2-filter.CoreV2-filter-mobile > .CoreV2-filter-header{display:flex;align-items:center;gap:9px;position:relative;width:100%;height:60px;padding:9px 30px 9px 10px;border-radius:var(--ar-r-sm);background:var(--ar-card);color:var(--ar-ink);cursor:pointer;box-sizing:border-box}
 .CoreV2-filter-wrap .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-icon{display:flex;align-items:center;justify-content:center;width:30px;min-width:30px;height:30px;border-radius:var(--ar-r-sm);background:var(--ar-accent-soft);color:var(--ar-accent);--cv2-ic-paint:var(--color-gradient)}
 .CoreV2-filter-wrap .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-info{display:flex;flex-direction:column;gap:5px;min-width:0}
 .CoreV2-filter-wrap .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-label{display:block;font-size:11px;font-weight:500;line-height:1.2;color:var(--ar-ink-3)}
 .CoreV2-filter-wrap .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-value{display:block;font-size:14px;font-weight:600;line-height:1.2;color:var(--ar-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .CoreV2-filter-wrap .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-arrow{display:flex;align-items:center;justify-content:center;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;font-size:9px}
 .CoreV2-filter-wrap .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-arrow::before{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}
 .CoreV2-filter-wrap .CoreV2-filter.CoreV2-filter-mobile.open .CoreV2-filter-arrow::before{transform:rotate(225deg)}
 .CoreV2-filter-wrap .CoreV2-filter.CoreV2-filter-mobile > .CoreV2-filter-options{display:none;position:absolute;z-index:30;top:calc(100% + 6px);left:0;right:0;flex-direction:column;align-items:stretch;width:100%;max-width:100%;height:auto;padding:6px;border-radius:var(--ar-r-sm);background:var(--ar-card);overflow-x:hidden;overflow-y:auto;max-height:280px}
 .CoreV2-filter-wrap .CoreV2-filter.CoreV2-filter-mobile.open > .CoreV2-filter-options{display:flex;height:auto}
 .CoreV2-filter-wrap .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-item,.CoreV2-filter-wrap .CoreV2-filter.CoreV2-filter-mobile .category-tab-btn{width:100%;min-width:0;flex:0 0 auto;justify-content:flex-start;white-space:normal;height:auto;min-height:38px;padding:10px 12px;box-sizing:border-box;border-radius:var(--ar-r-sm)}
}
/* Category and billing share one toolbar: segments on desktop, two closed selectors on phone/tablet. */
.cv2-pack-listing-filters.has-categories{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}
.cv2-pack-listing-filters.has-categories > .CoreV2-filter-wrap{width:auto;max-width:100%}
.CoreV2-filter-wrap.cv2-cat-docked{width:auto;max-width:100%;margin:0}
.CoreV2-filter-wrap.cv2-cat-docked .CoreV2-filter .category-tab-btn{height:36px;padding:0 16px;font-size:13px;font-weight:600}
.CoreV2-filter-wrap.cv2-cat-docked .CoreV2-filter .category-tab-btn.active{background:var(--color-dual,var(--ar-btn-dark,var(--ar-dark)));color:var(--ar-on-dark)}
html[data-theme="dark"] .CoreV2-filter-wrap.cv2-cat-docked .CoreV2-filter .category-tab-btn.active{background:var(--color-dual,var(--ar-ink));color:var(--color-dual-on,var(--ar-page))}
.cv2-pack-group-header + .CoreV2-filter-wrap.cv2-cat-docked{margin:4px auto 18px}
@media(max-width:1099px){
 .cv2-pack-listing-filters.has-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:8px}
 .cv2-pack-listing-filters.has-categories > .CoreV2-filter-wrap,.CoreV2-filter-wrap.cv2-cat-docked{width:100%}
 .CoreV2-filter-wrap.cv2-cat-docked .CoreV2-filter,.CoreV2-filter-wrap.cv2-cat-docked .CoreV2-filter .CoreV2-filter-options{width:100%}
 .CoreV2-filter-wrap.cv2-cat-docked .CoreV2-filter .category-tab-btn{flex:1 0 auto;padding:0 12px}
}
.packs-slider-container > .CoreV2-filter-wrap.cv2-cat-docked,.packs-slider-container .cv2-pack-listing-filters{margin-bottom:14px}

.CoreV2-filter-wrap .CoreV2-filter-icon>i.hki-stroke{width:20px;height:20px;font-size:20px;line-height:1}
.CoreV2-filter-wrap .cv2-period-icon.hki-stroke{font-size:18px;line-height:1}
.CoreV2-filter-wrap .CoreV2-filter-arrow--icon::before{content:none}
@media(max-width:1099px){.cv2-pack-listing-filters:not(.has-categories):not(.cv2-home-category-toolbar){display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.cv2-pack-listing-filters .CoreV2-filter.open{z-index:30}}

/* ===== [10/16] paketler (Paket kartlari ve fiyat listeleri)
 * KAYNAK: assets/css/components/packs/packs-row.css ===== */
/* split_family.py: tools/areas/archive/pre-family-split/packs-row.css dosyasindan ayrildi (hosting/ortak) */
/* CoreV2 alan stili: packs-row
 * Kok: .packs-slider-container, .packs-slider-body, .packs-cards-track
 * Yalnizca su sayfalarda yuklenir: index, home, hosting-products, hosting, server-products, server, sms-products, special-products
 * Eski kurallarin tamami: tools/areas/archive/packs-row.css */

/* @cv2-design */

.packs-slider-container:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){position:relative;min-width:0}
.packs-slider-container > .cv2-pack-listing-filters:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){justify-content:center;margin:0 0 22px}
.vertical--packs:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){min-width:0}
.packs-slider-body:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){align-items:stretch;gap:var(--ar-gap);min-width:0;width:100%;box-sizing:border-box}
.packs-slider-body > .packs-cards-panel:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){flex:1 1 auto;min-width:0;width:auto;order:1}
.packs-slider-body > .pack-card-wrapper--promo:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){flex:0 0 clamp(250px,25%,320px);order:2;min-width:0;position:relative}
.packs-slider-body .packs-cards-viewport:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){width:100%;position:relative;min-width:0;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:4px 2px 14px;margin:-4px -2px -14px}
.packs-slider-body .packs-cards-track:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){align-items:stretch;gap:var(--ar-gap);width:auto;min-width:0}
.packs-slider-body .packs-cards-track > .pack-card-wrapper:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){flex:0 0 calc((100% - 2 * var(--ar-gap)) / 3);max-width:none;min-width:0;scroll-snap-align:start}
.packs-slider-body .pack:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){position:relative;flex-direction:column;width:100%;min-width:0;box-sizing:border-box;padding:8px 8px 18px;border-radius:var(--ar-r-xl);background:var(--ar-card-2);border:0;color:var(--ar-ink);overflow:visible;transition:transform .25s var(--ar-ease),box-shadow .25s var(--ar-ease)}

.packs-slider-body .pack.pack-popular:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){background:color-mix(in srgb,var(--ar-accent) 10%,var(--cv2-dark));border:0}
/* Popular cards retain layered surfaces with a subtle site-accent tint, no frame. */
html[data-theme="dark"] .packs-slider-body .pack.pack-popular,html.dark-mode .packs-slider-body .pack.pack-popular{--ar-card:color-mix(in srgb,var(--ar-accent) 8%,var(--ar-dark));--ar-card-2:color-mix(in srgb,var(--ar-accent) 10%,var(--cv2-dark-2));--ar-card-3:color-mix(in srgb,var(--ar-accent) 12%,var(--cv2-dark-3));background:color-mix(in srgb,var(--ar-accent) 10%,var(--cv2-dark-lo));border:0}
.packs-slider-body .pack-head-row:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){align-items:flex-start;justify-content:space-between;gap:10px;padding:18px 18px 0;border-radius:var(--ar-r-lg) var(--ar-r-lg) 0 0;background:var(--ar-card);margin:0}
.packs-slider-body .pack-head:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){align-items:flex-start;justify-content:space-between;gap:10px;flex:1 1 auto;min-width:0}
.packs-slider-body .pack-name:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){min-width:0}
.packs-slider-body .pn-text:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){align-items:flex-start;flex-direction:column;gap:5px}
.packs-slider-body .pn-title:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){font-size:18px;font-weight:700;letter-spacing:0;color:var(--ar-ink);line-height:1.2}
.packs-slider-body .pack-subtitle:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){position:relative;padding-left:0;font-size:14px;font-weight:400;color:var(--ar-ink-3);line-height:1.2}
.packs-slider-body .pack-subtitle:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *))::before{content:none}
.packs-slider-body .pack-head-badge-slot:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){flex:0 0 auto}
.packs-slider-body .pack > .pack-body > .pack-campaign-strip.pack-campaign-top:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){margin:0;padding:0 18px;border:0;border-radius:0;background:var(--ar-card)}
.packs-slider-body .pack-body > .pack-campaign-strip .pcs-campaign-layout:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){margin:14px 0 0;padding:6px 14px;border-radius:20px 5px 20px 5px;background:color-mix(in srgb,var(--ar-card-2) 90%,var(--cv2-dark,#1b1b1d));border:0}
.packs-slider-body .pack-detail:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){padding:18px 18px 0;background:var(--ar-card);margin:0}
.packs-slider-body .pack:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;align-content:start}
.packs-slider-body .pack > .pack-head-row:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){grid-row:1}
.packs-slider-body .pack > .pack-body:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){grid-row:2 / span 2}
.packs-slider-body .pack > .pack-body > .pack-campaign-strip:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){grid-row:2}
.packs-slider-body .pack > .pack-body > .pack-detail:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){grid-row:3}
.packs-slider-body .pack > .pack-footer:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){grid-row:4;padding:18px;background:var(--ar-card);border-radius:0 0 var(--ar-r-lg) var(--ar-r-lg);margin:0 0 6px;order:0}
.packs-slider-body .pack > .pack-body > .pack-features-wrap:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){grid-row:5;padding:12px 12px 4px}

.packs-slider-body .pack-cart-button-wrapper:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){width:100%}
.packs-slider-body .pack-features-wrap:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){flex-direction:column;min-width:0}
.packs-slider-body .pack-features-extra:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){margin-top:2px}
.packs-slider-body .pack-card-wrapper--promo .cv2-packs-promo-detail:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){flex-direction:column;height:100%;overflow:hidden;border-radius:var(--ar-r-xl);background:var(--ar-dark);border:1px solid var(--ar-dark-line);padding:8px;box-sizing:border-box}
.packs-slider-body .cv2-packs-promo-poster:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){position:relative;flex:1 1 auto;min-height:180px;overflow:hidden;border-radius:var(--ar-r-lg);background:#f1f3f8}
.packs-slider-body .cv2-packs-promo-poster-media:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)),.packs-slider-body .cv2-packs-promo-poster-media img:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.packs-slider-body .cv2-packs-promo-poster-fog:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){position:absolute;inset:auto 0 0 0;height:55%;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--cv2-dark,#1b1b1d) 0%,transparent) 10%,color-mix(in srgb,var(--cv2-dark,#1b1b1d) 85%,transparent))}
.packs-slider-body .cv2-order-poster-badge:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){position:absolute;left:12px;right:12px;bottom:12px;align-items:center;justify-content:space-between;gap:10px;padding:10px 10px 10px 16px;border-radius:var(--ar-pill);background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#fff}
.packs-slider-body .cv2-order-poster-title:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){flex-direction:column;line-height:1.15}
.packs-slider-body .cv2-os-bold:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){font-size:15px;font-weight:700;letter-spacing:-.01em}
.packs-slider-body .cv2-os-thin:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){font-size:12.5px;font-weight:400}
.packs-slider-body .cv2-order-poster-badge-icon:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){width:34px;height:34px;flex:0 0 34px;border-radius:var(--ar-pill);align-items:center;justify-content:center;background:#fff;color:#121316;font-size:16px}
.packs-slider-body .cv2-packs-promo-data:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){padding:14px 10px 6px;color:var(--ar-on-dark)}
.packs-slider-body .cv2-packs-promo-data ul:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){list-style:none;margin:0;padding:0;flex-direction:column;gap:6px}
.packs-slider-body .cv2-packs-promo-data li:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){align-items:center;gap:10px;padding:6px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--ar-dark-line)}
.packs-slider-body .cv2-packs-promo-feat-icon:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){width:30px;height:30px;flex:0 0 30px;border-radius:10px;align-items:center;justify-content:center;background:var(--ar-dark-3);color:var(--ar-on-dark,#fff);font-size:14px;--cv2-ic-paint:none}
.packs-slider-body .cv2-packs-promo-feat-text:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){flex-direction:column;min-width:0;line-height:1.2}
.packs-slider-body .cv2-packs-promo-feat-value:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){font-size:13.5px;font-weight:700;color:var(--ar-on-dark,#fff)}
.packs-slider-body .cv2-packs-promo-feat-label:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){font-size:11.5px;color:var(--ar-on-dark-2)}
.packs-slider-container .pack-carousel-pagination:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){justify-content:center;gap:6px;margin:16px 0 0}
.packs-slider-container .pack-carousel-pagination :is(button,span,i):not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){width:8px;height:8px;padding:0;border-radius:var(--ar-pill);background:var(--ar-line-2);border:0;transition:width .25s var(--ar-ease)}
.packs-slider-container .pack-carousel-pagination .active:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){width:26px;background:var(--ar-ink)}
.packs-slider-container .CoreV2-view-all-container:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){justify-content:center;margin:22px 0 0}
@media (max-width:1199px){
.packs-slider-body .packs-cards-track > .pack-card-wrapper:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){flex-basis:calc((100% - var(--ar-gap)) / 2)}
}
@media (max-width:991px){
.packs-slider-body:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){flex-direction:column}
.packs-slider-body > .pack-card-wrapper--promo:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){order:0;flex:0 0 auto;height:auto;min-height:0;max-height:none}
.packs-slider-body .pack-card-wrapper--promo .cv2-packs-promo-detail:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){position:relative;height:auto;flex-direction:row;gap:10px}
.packs-slider-body .cv2-packs-promo-poster:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){flex:0 0 42%;min-height:170px}
.packs-slider-body .cv2-packs-promo-data:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){flex:1 1 auto;padding:8px 4px}
}
@media (max-width:767px){
.packs-slider-body .packs-cards-track > .pack-card-wrapper:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){flex-basis:86%}
.packs-slider-body .pack:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){border-radius:var(--ar-r-lg)}
.packs-slider-body .pack-head-row:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){padding:16px 16px 0}
.packs-slider-body .pack-detail:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)),.packs-slider-body .pack-body > .pack-campaign-strip:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){padding-left:16px;padding-right:16px}
.packs-slider-body .pack > .pack-footer:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){padding:16px}
.packs-slider-body .pack-card-wrapper--promo .cv2-packs-promo-detail:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){flex-direction:column}
.packs-slider-body .cv2-packs-promo-poster:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){flex:0 0 auto;min-height:190px}
.packs-slider-body .cv2-packs-promo-data ul:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){grid-template-columns:1fr 1fr}
}

/* Durum ozellikleri (display/visibility/opacity/pointer-events/transform): katmansiz, normal oncelik */
/* Paket satiri: solda kart karuseli, sagda tanitim posteri.
 * Kart: gri dis kabuk + ustte beyaz fiyat blogu + altta ozellik listesi (fiyat tablosu referansi).
 * One cikan paket (.pack-popular) koyu kabuk ile gosterilir. */
.packs-slider-container > .cv2-pack-listing-filters:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:flex}
.packs-slider-body:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:flex}
.packs-slider-body > .packs-cards-panel:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:block}
.packs-slider-body .packs-cards-viewport:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:block}
.packs-slider-body .packs-cards-viewport:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *))::-webkit-scrollbar{display:none}
.packs-slider-body .packs-cards-track:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:flex}
.packs-slider-body .packs-cards-track > .pack-card-wrapper:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:flex}
/* Kart kabugu */
.packs-slider-body .pack:hover:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){transform:translateY(-2px)}
/* Ust beyaz blok = baslik + geri sayim + fiyat + butonlar */
.packs-slider-body .pack-head-row:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:flex}
.packs-slider-body .pack-head:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:flex}
.packs-slider-body .pn-text:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:flex}
.packs-slider-body .pack-subtitle:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *))::before{transform:translateY(-50%)}
.packs-slider-body .pack-head-tools:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:none}
/* Fiyatin altinda butonlar beyaz blogu kapatir */
.packs-slider-body .pack:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:grid}
.packs-slider-body .pack > .pack-body:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:contents}
/* Ozellik listesi kabuk zemininde */
.packs-slider-body .pack-features-wrap:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:flex}
/* Tanitim posteri (sag yuva) */
.packs-slider-body .pack-card-wrapper--promo .cv2-packs-promo-detail:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:flex}
.packs-slider-body .cv2-packs-promo-poster-fog:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){pointer-events:none}
.packs-slider-body .cv2-packs-promo-poster-fog img:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:none}
.packs-slider-body .cv2-order-poster-badge:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:flex}
.packs-slider-body .cv2-order-poster-title:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:flex}
.packs-slider-body .cv2-os-thin:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){opacity:.8}
.packs-slider-body .cv2-order-poster-badge-icon:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:flex}
.packs-slider-body .cv2-packs-promo-data ul:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:flex}
.packs-slider-body .cv2-packs-promo-data li:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:flex}
.packs-slider-body .cv2-packs-promo-feat-icon:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:flex}
.packs-slider-body .cv2-packs-promo-feat-text:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:flex}
/* Karusel noktalari + tumunu gor */
.packs-slider-container .pack-carousel-pagination:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:flex}
.packs-slider-container .CoreV2-view-all-container:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:flex}
.packs-slider-container .show-more-packs:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:none}
@media (max-width:767px){
.packs-slider-body .cv2-packs-promo-data ul:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:grid}
}
/* Popular badge keeps room above the card; card surfaces have no decorative frame. */
.packs-slider-container .packs-cards-panel{padding-top:12px}
body#home .packs-slider-body .packs-cards-viewport{padding-top:20px;margin-top:-4px}
body#home .pack.pack-popular .pack-popular-badge--head:not(.cv2-advantage-badge){position:absolute;top:-12px;left:22px;z-index:2;border-radius:14px 5px 14px 5px}
body#home .pack.pack-popular .pack-head-row{padding-top:24px}

/* Gorselli kart: urun gorseli kartin en ustunde */
.packs-slider-body .pack.pack-has-image > .pack-body > .pack-image-area:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){grid-row:1;margin:0 0 4px;border-radius:var(--ar-r-lg);overflow:hidden}
.packs-slider-body .pack.pack-has-image > .pack-head-row:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){grid-row:2}
.packs-slider-body .pack.pack-has-image > .pack-body > .pack-campaign-strip:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){grid-row:3}
.packs-slider-body .pack.pack-has-image > .pack-body > .pack-detail:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){grid-row:4}
.packs-slider-body .pack.pack-has-image > .pack-footer:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){grid-row:5}
.packs-slider-body .pack.pack-has-image > .pack-body > .pack-features-wrap:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){grid-row:6}
/* Populer kart: sayac zemini koyu kartta da gorunsun */
.packs-slider-body .pack.pack-popular .pack-campaign-strip:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){--ar-card-2:color-mix(in srgb,var(--cv2-on-dark,#fff) 9%,transparent)}

/* Hosting fiyat + satin alma paneli (kullanici referansi: sade fiyat karti ve bakiye paneli).
   Ustte beyaz fiyat yuzeyi biter; altta gri zeminde birlesik eylem cubugu. */
body .packs-slider-body .cv2-card--hosting .pack > .pack-body > .pack-detail{padding:16px 20px 20px;border-radius:0 0 var(--ar-r-lg) var(--ar-r-lg)}
body .packs-slider-body .cv2-card--hosting .pack .price-row{margin:0}
body .packs-slider-body .cv2-card--hosting .pack .pack-detail .cv2-price-badge{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 10px;padding:0;border:0;border-radius:0;background:none}
body .packs-slider-body .cv2-card--hosting .pack .price-compare .old-price{font-size:14px;font-weight:500;color:var(--ar-ink-4);text-decoration-thickness:1px}
body .packs-slider-body .cv2-card--hosting .pack .cv2-price-badge > .amount-discount{height:24px;margin:0;padding:0 9px;font-size:12px;font-weight:700;border-radius:var(--ar-pill);background:var(--ar-card-2);color:var(--ar-ink-2)}
body .packs-slider-body .cv2-card--hosting .pack .pack-detail .current-price{display:flex;flex-wrap:nowrap;align-items:flex-end;gap:0 4px;font-size:40px;font-weight:700;line-height:1;letter-spacing:0}
body .packs-slider-body .cv2-card--hosting .pack .pack-detail .current-price .amount{background:none;color:var(--ar-ink)}
body .packs-slider-body .cv2-card--hosting .pack .pack-detail .current-price .currency{font-size:22px;font-weight:600;color:var(--ar-ink-3);align-self:flex-start;margin-top:4px}
body .packs-slider-body .cv2-card--hosting .pack .pack-detail .current-price .cv2-price-vat{flex:0 0 auto;margin:0 0 4px 6px;font-size:12px}
body .packs-slider-body .cv2-card--hosting .pack .pack-detail .cv2-price-divider{display:inline-block}
body .packs-slider-body .cv2-card--hosting .pack .pack-detail .cv2-price-period{font-size:13px;font-weight:500;color:var(--ar-ink-3)}
body .packs-slider-body .cv2-card--hosting .pack > .pack-footer{padding:12px 4px 10px;margin:0;background:transparent;border-radius:0}
body .packs-slider-body .cv2-card--hosting .pack .pack-cart-button-wrapper{margin:0}
body .packs-slider-body .cv2-card--hosting .pack .cv2-cart-action-pair{gap:6px}
body .packs-slider-body .cv2-card--hosting .pack .pack-cart-btn{height:46px;border-radius:14px;font-size:15px;font-weight:600}
body .packs-slider-body .cv2-card--hosting .pack .cv2-cart-orb{flex-basis:46px;width:46px;height:46px;border-radius:14px;background:var(--ar-card);border-color:var(--ar-line)}
body .packs-slider-body .cv2-card--hosting .pack .cv2-cart-orb-count{border-color:var(--ar-card-2)}
@media (max-width:767px){
body .packs-slider-body .cv2-card--hosting .pack > .pack-body > .pack-detail{padding:14px 16px 18px}
body .packs-slider-body .cv2-card--hosting .pack .pack-detail .current-price{font-size:36px}
}

/* Populer kart: diger kartlarla ayni gece/gunduz yuzeyi; yalnizca rozet vurgulu kalir. */
body .packs-slider-body .pack.pack-popular,
html:is([data-theme="dark"],.dark-mode) body .packs-slider-body .pack.pack-popular{--ar-card:inherit;--ar-card-2:inherit;--ar-card-3:inherit;--ar-ink:inherit;--ar-ink-2:inherit;--ar-ink-3:inherit;--ar-ink-4:inherit;--ar-line:inherit;--ar-line-2:inherit;--ar-price-fade:inherit;--ar-sh-inner:inherit;background:var(--ar-card-2);color:var(--ar-ink);border:0}
body .packs-slider-body .pack.pack-popular .pack-campaign-strip{--ar-card-2:inherit}
body .packs-slider-body .pack.pack-popular .cv2-cart-orb{background:var(--ar-card);color:var(--ar-ink);border-color:var(--ar-line)}
body .packs-slider-body .pack.pack-popular .cv2-price-vat :is(.billing-cycle,.cv2-price-period,.coreservercart-period-tag,.cv2-price-vat__period){color:var(--ar-ink-3)}
html:is([data-theme="dark"],.dark-mode) body .packs-slider-body .pack.pack-popular .pack-name{color:var(--ar-ink)}

/* Ozellik ikonlari: tanitim listesindeki gibi yuvarlak, daha buyuk, sitenin notr zemini. */
body .packs-slider-body .feature-box > svg.cv2-fb-svg{flex:0 0 36px;width:36px;height:36px;padding:9px;border-radius:50%;background:var(--ar-card-2);color:var(--ar-ink)}
body .packs-slider-body .pack-features-grid .feature-box{gap:10px}

/* Eski fiyat + indirim satiri: daha buyuk, tutara yakin; yuzde ayiran cizgiyle. */
body .packs-slider-body .cv2-card--hosting .pack .pack-detail .cv2-price-badge{row-gap:10px}
body .packs-slider-body .cv2-card--hosting .pack .price-compare{align-self:end;margin-top:6px}
body .packs-slider-body .cv2-card--hosting .pack .price-compare .old-price{font-size:16px;font-weight:500}
body .packs-slider-body .cv2-card--hosting .pack .cv2-price-badge > .amount-discount{position:relative;height:30px;margin:6px 0 0 12px;padding:0 12px;font-size:14px;font-weight:700;align-self:end}
body .packs-slider-body .cv2-card--hosting .pack .cv2-price-badge > .amount-discount::before{content:"";display:block;position:absolute;left:-12px;top:5px;bottom:5px;width:1px;background:var(--ar-line-2);border:0}
/* Ana sayfa paketi (birlesik CSS) uzerine: populer ozellik paneli ve ikonlar ortak yuzeyde. */
html body .packs-slider-body .cv2-card--hosting .pack.pack-popular{--hp-feature-base:var(--ar-card-2);--hp-feature-paper:var(--ar-card);--hp-feature-soft:var(--ar-card-2);--hp-feature-line:var(--ar-line);--hp-feature-ink:var(--ar-ink);--hp-feature-muted:var(--ar-ink-3)}
html body .packs-slider-body .cv2-card--hosting .pack .pack-features-wrap{background:var(--ar-card-2);border-color:var(--ar-line)}
html body .packs-slider-body .cv2-card--hosting .pack .pack-features-grid .feature-box{background:var(--ar-card);border-color:var(--ar-line);color:var(--ar-ink)}
html body .packs-slider-body .cv2-card--hosting .pack .pack-features-grid .feature-box .feature-value{color:var(--ar-ink)}
html body .packs-slider-body .cv2-card--hosting .pack .pack-features-grid .feature-box .feature-label{color:var(--ar-ink-3)}
html body .packs-slider-body .cv2-card--hosting .pack .pack-features-grid .feature-box > :is(svg,i){flex:0 0 38px;width:38px;height:38px;padding:9px;box-sizing:border-box;border-radius:50%;border-color:transparent;background:var(--ar-card-2);color:var(--ar-ink)}
html:is([data-theme="dark"],.dark-mode) body .packs-slider-body .cv2-card--hosting .pack .pack-features-grid .feature-box > :is(svg,i){background:var(--ar-card-3)}
html body .packs-slider-body .cv2-card--hosting .pack.pack-popular .pack-toggle-btn{background:var(--ar-card);border-color:var(--ar-line);color:var(--ar-ink)}
html body .packs-slider-body .cv2-card--hosting .pack.pack-popular .pack-toggle-btn svg{background:var(--ar-card-2)}
html:is([data-theme="dark"],.dark-mode) body .packs-slider-body .cv2-card--hosting .pack .cv2-price-badge > .amount-discount{background:var(--ar-card-2);color:var(--ar-ink-2);border-color:transparent}
html body .packs-slider-body .cv2-card--hosting .pack .cv2-price-badge > .amount-discount.amount-discount--on-popular{background:var(--ar-card-2);color:var(--ar-ink-2);border-color:transparent}
html body .packs-slider-body .cv2-card--hosting .pack .cv2-price-badge > .amount-discount::before{background:var(--ar-ink-4);opacity:.55;top:4px;bottom:4px}
html body .packs-slider-body .cv2-card--hosting .pack .price-compare .old-price{font-size:17px}
/* Populer kart ozellik paneli: gunduz koyu, gece bir ton acik koyu; ikonlar yuvarlak. */
html body .packs-slider-body .cv2-card--hosting .pack.pack-popular{--pp-base:var(--ar-dark,var(--cv2-dark));--pp-box:color-mix(in srgb,var(--ar-on-dark,#fff) 6%,var(--pp-base));--pp-icon:color-mix(in srgb,var(--ar-on-dark,#fff) 12%,var(--pp-base));--pp-line:color-mix(in srgb,var(--ar-on-dark,#fff) 10%,transparent)}
html:is([data-theme="dark"],.dark-mode) body .packs-slider-body .cv2-card--hosting .pack.pack-popular{--pp-base:color-mix(in srgb,var(--ar-on-dark,#fff) 7%,var(--ar-dark,var(--cv2-dark)))}
html body .packs-slider-body .cv2-card--hosting .pack.pack-popular .pack-features-wrap{background:var(--pp-base);border-color:var(--pp-line)}
html body .packs-slider-body .cv2-card--hosting .pack.pack-popular .pack-features-grid .feature-box{background:var(--pp-box);border-color:var(--pp-line);color:var(--ar-on-dark,#fff)}
html body .packs-slider-body .cv2-card--hosting .pack.pack-popular .pack-features-grid .feature-box .feature-value{color:var(--ar-on-dark,#fff)}
html body .packs-slider-body .cv2-card--hosting .pack.pack-popular .pack-features-grid .feature-box .feature-label{color:var(--ar-on-dark-2,rgba(255,255,255,.62))}
html body .packs-slider-body .cv2-card--hosting .pack.pack-popular .pack-features-grid .feature-box > :is(svg,i),html:is([data-theme="dark"],.dark-mode) body .packs-slider-body .cv2-card--hosting .pack.pack-popular .pack-features-grid .feature-box > :is(svg,i){background:var(--pp-icon);color:var(--ar-on-dark,#fff);--cv2-ic-paint:none}
html body .packs-slider-body .cv2-card--hosting .pack.pack-popular .pack-toggle-btn{background:var(--pp-box);border-color:var(--pp-line);color:var(--ar-on-dark,#fff)}
html body .packs-slider-body .cv2-card--hosting .pack.pack-popular .pack-toggle-btn svg{background:var(--pp-icon)}
html:is([data-theme="dark"],.dark-mode) body .vertical--packs .packs-slider-body .cv2-card--hosting .pack.pack-popular .price-section.cv2-price-badge > .amount-discount{background:var(--ar-card-2);color:var(--ar-ink-2);border-color:transparent}
/* Populer kart: tum kart cercevesi koyu (gunduz koyu, gece bir ton acik koyu). */
html body .packs-slider-body .pack.pack-popular{--ar-card:var(--pp-box);--ar-card-2:var(--pp-base);--ar-card-3:var(--pp-icon);--ar-ink:var(--ar-on-dark,#f4f4f5);--ar-ink-2:color-mix(in srgb,var(--ar-on-dark,#f4f4f5) 82%,transparent);--ar-ink-3:var(--ar-on-dark-2,#9b9ba3);--ar-ink-4:color-mix(in srgb,var(--ar-on-dark,#fff) 45%,transparent);--ar-line:var(--pp-line);--ar-line-2:color-mix(in srgb,var(--ar-on-dark,#fff) 16%,transparent);--pp-base:var(--ar-dark,var(--cv2-dark,#1b1b1d));--pp-box:color-mix(in srgb,var(--ar-on-dark,#fff) 6%,var(--pp-base));--pp-icon:color-mix(in srgb,var(--ar-on-dark,#fff) 12%,var(--pp-base));--pp-line:color-mix(in srgb,var(--ar-on-dark,#fff) 10%,transparent);background:var(--pp-base);color:var(--ar-ink)}
html:is([data-theme="dark"],.dark-mode) body .packs-slider-body .pack.pack-popular{--pp-base:color-mix(in srgb,var(--ar-on-dark,#fff) 7%,var(--ar-dark,var(--cv2-dark,#1b1b1d)))}
html body .packs-slider-body .pack.pack-popular :is(.pack-head-row,.pack-detail){background:var(--pp-box)}
html body .packs-slider-body .pack.pack-popular :is(.pack-name,.pack-title,h3,.current-price .amount){color:var(--ar-ink)}
html body .packs-slider-body .pack.pack-popular .pack-campaign-strip{--ar-card-2:var(--pp-icon)}
html body .packs-slider-body .pack.pack-popular .cv2-cart-orb{background:var(--pp-box);color:var(--ar-ink);border-color:var(--pp-line)}
html body .packs-slider-body .cv2-card--hosting .pack.pack-popular .cv2-price-badge > .amount-discount,html:is([data-theme="dark"],.dark-mode) body .vertical--packs .packs-slider-body .cv2-card--hosting .pack.pack-popular .price-section.cv2-price-badge > .amount-discount{background:var(--pp-icon);color:var(--ar-ink)}
html body .packs-slider-body .pack.pack-popular .pack-body > .pack-campaign-top{background:var(--pp-box)}
html body .packs-slider-body .pack.pack-popular .pack-campaign-strip > *{--ar-card-2:var(--pp-icon)}
html body .packs-slider-body .pack.pack-popular .pack-body > .pack-campaign-strip.pack-campaign-top{background:var(--pp-box) !important}
/* Normal kart: tam cerceve; ozellik paneli ve "Tum Ozellikler" cercevesiz. */
html body .packs-slider-body .cv2-card--hosting .pack:not(.pack-popular){border:1px solid var(--ar-line) !important;}
html body .packs-slider-body .cv2-card--hosting .pack .pack-features-wrap{border:0 !important;}
html body .packs-slider-body .cv2-card--hosting .pack .pack-toggle-btn,html body .packs-slider-body .cv2-card--hosting .pack .pack-toggle-btn .button-text{border:0 !important;outline:0}
/* Ozellik paneli: kendi zemini ve kart cercevesiyle ayni ince cizgi. */
html body .packs-slider-body .cv2-card--hosting .pack:not(.pack-popular) .pack-features-wrap{background:var(--ar-card-2);border:1px solid var(--ar-line) !important;border-radius:var(--ar-r-lg)}
html body .packs-slider-body .cv2-card--hosting .pack.pack-popular .pack-features-wrap{background:var(--pp-base);border:1px solid var(--pp-line) !important;border-radius:var(--ar-r-lg)}
html body .packs-slider-body .cv2-card--hosting .pack:not(.pack-popular){background:var(--ar-card)}
/* Fiyat alani ayri kutu degil: kartla ayni zemin, bosluksuz */
html body .packs-slider-body .cv2-card--hosting .pack .pack-body > .coreservercart-price-section{margin:0;border:0;border-radius:0 0 var(--ar-r-lg) var(--ar-r-lg);background:var(--ar-card);padding:14px 18px 18px}
html body .packs-slider-body .cv2-card--hosting .pack.pack-popular .pack-body > .coreservercart-price-section{background:var(--pp-box)}
html body .packs-slider-body .cv2-card--hosting .pack > .pack-body > .pack-campaign-strip.pack-campaign-top{padding-top:8px}
html body .packs-slider-body .cv2-card--hosting .pack > .pack-head-row{padding-bottom:0;margin-bottom:0}
/* Normal kart ust bolum: ozellik paneliyle ayni zemin, sikistirilmis bosluk, buyuk indirim */
html body .packs-slider-body .cv2-card--hosting .pack:not(.pack-popular) > .pack-head-row,html body .packs-slider-body .cv2-card--hosting .pack:not(.pack-popular) > .pack-body > .pack-campaign-strip.pack-campaign-top,html body .packs-slider-body .cv2-card--hosting .pack:not(.pack-popular) .pack-body > .coreservercart-price-section{background:var(--ar-card-2)}
html body .packs-slider-body .cv2-card--hosting .pack > .pack-head-row{padding-top:14px}
html body .packs-slider-body .cv2-card--hosting .pack .pack-body > .coreservercart-price-section{padding:10px 18px 10px}
html body .packs-slider-body .cv2-card--hosting .pack .coreservercart-price-section .cv2-price-badge{row-gap:4px}
html body .packs-slider-body .cv2-card--hosting .pack .coreservercart-price-section .old-price{font-size:19px}
html body .packs-slider-body .cv2-card--hosting .pack .coreservercart-price-section .cv2-price-badge > .amount-discount{height:34px;padding:0 14px;font-size:16px;font-weight:700}
html body .packs-slider-body .cv2-card--hosting .pack:not(.pack-popular) > .pack-body > :is(.pack-detail,.pack-campaign-strip,.pack-campaign-top){background:var(--ar-card-2) !important;margin:0;border:0}
html body .packs-slider-body .cv2-card--hosting .pack > .pack-body > .pack-detail{padding:10px 18px 10px}
html body .packs-slider-body .cv2-card--hosting .pack .pack-detail .old-price{font-size:19px}
html body .packs-slider-body .cv2-card--hosting .pack .pack-detail .cv2-price-badge{row-gap:4px}
html body .packs-slider-body .cv2-card--hosting .pack .pack-detail .cv2-price-badge > .amount-discount{height:34px;padding:0 14px;font-size:16px;font-weight:700}
html body .packs-slider-body .cv2-card--hosting .pack:not(.pack-popular) .pack-detail .cv2-price-badge > .amount-discount{background:var(--ar-card);border-radius:999px}
html body .packs-slider-body .cv2-card--hosting .pack .pack-detail .cv2-price-badge__main del,html body .packs-slider-body .cv2-card--hosting .pack .pack-detail .old-price{font-size:22px;display:inline-block;margin-top:6px}
html body .packs-slider-body .cv2-card--hosting .pack .pack-body .cv2-price-badge__main del,html body .packs-slider-body .cv2-card--hosting .pack .pack-body .cv2-price-badge__main del *{font-size:20px !important;line-height:1.2;text-decoration-thickness:1.5px}
html body .packs-slider-body .cv2-card--hosting .pack .pack-body .cv2-price-badge__main del{margin-top:8px}
/* Fiyat blogu: eski fiyat ve indirim ayni satirda esit yukseklik, fiyat altta hizali */
html body .packs-slider-body .cv2-card--hosting .pack .pack-body .cv2-price-badge{position:relative;display:block;padding:0}
html body .packs-slider-body .cv2-card--hosting .pack .pack-body .cv2-price-badge .price-compare{display:flex;align-items:center;height:32px;padding-right:80px;margin:0}
html body .packs-slider-body .cv2-card--hosting .pack .pack-body .cv2-price-badge__main del{margin:0 !important;font-size:18px !important;font-weight:500;color:var(--ar-ink-3);text-decoration-color:color-mix(in srgb,var(--ar-ink-3) 70%,transparent)}
html body .packs-slider-body .cv2-card--hosting .pack .pack-body .cv2-price-badge__main del *{font-size:inherit !important;color:inherit}
html body .packs-slider-body .cv2-card--hosting .pack .pack-body .cv2-price-badge > .amount-discount{position:absolute;top:0;right:0;height:32px;min-width:58px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:15px;font-weight:700;margin:0}
html body .packs-slider-body .cv2-card--hosting .pack .pack-body .cv2-price-badge .price-main{margin-top:6px}
html body .packs-slider-body .cv2-card--hosting .pack .pack-body .cv2-price-badge .current-price{align-items:baseline}
html body .packs-slider-body .cv2-card--hosting .pack .pack-body .cv2-price-badge .current-price .currency{align-self:baseline;margin:0}
html body .packs-slider-body .cv2-card--hosting .pack .pack-body .cv2-price-badge .cv2-price-vat{margin:0 0 0 12px;align-self:center}
html body .packs-slider-body .cv2-card--hosting .pack .pack-body .cv2-price-badge .cv2-price-period{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:var(--ar-card);border:1px solid var(--ar-line);font-size:12px;font-weight:600;color:var(--ar-ink-2)}
html body .packs-slider-body .cv2-card--hosting .pack.pack-popular .pack-body .cv2-price-badge .cv2-price-period{background:var(--pp-icon);border-color:var(--pp-line);color:var(--ar-ink)}
html body .packs-slider-body .cv2-card--hosting .pack .pack-body .cv2-price-badge .cv2-price-divider{display:none}
html body .packs-slider-body .cv2-card--hosting .pack > .pack-body > .pack-detail{padding:14px 18px 16px}
/* Yillik etiketinin solunda ayirma cizgisi; fiyat alaninin ustunde kesikli cizgi */
html body .packs-slider-body .cv2-card--hosting .pack .pack-body .cv2-price-badge .cv2-price-vat{display:inline-flex;align-items:center;gap:10px;margin-left:10px}
html body .packs-slider-body .cv2-card--hosting .pack .pack-body .cv2-price-badge .cv2-price-divider{display:inline-block;width:1px;height:26px;background:var(--ar-line-2,var(--ar-line));opacity:1}
html body .packs-slider-body .cv2-card--hosting .pack.pack-popular .pack-body .cv2-price-badge .cv2-price-divider{background:var(--pp-line)}
html body .packs-slider-body .cv2-card--hosting .pack > .pack-body > .pack-detail{position:relative}
html body .packs-slider-body .cv2-card--hosting .pack > .pack-body > .pack-detail::before{content:"";position:absolute;top:4px;left:18px;right:18px;border-top:1px dashed var(--ar-line-2,var(--ar-line))}
html body .packs-slider-body .cv2-card--hosting .pack.pack-popular > .pack-body > .pack-detail::before{border-top-color:var(--pp-line)}
html body .packs-slider-body .cv2-card--hosting .pack > .pack-body > .pack-detail{padding-top:18px}
html body .packs-slider-body .cv2-card--hosting .pack .pack-body .cv2-price-badge .cv2-price-vat > .cv2-price-divider{transform:none !important;rotate:none;width:1px;height:26px;border:0;border-radius:0;margin:0}
html body .packs-slider-body .cv2-card--hosting .pack .pack-body .cv2-price-badge .cv2-price-vat > .cv2-price-divider::before{content:none;display:none}
/* Ozellik izgarasi: daha sik bosluk */
html body .packs-slider-body .cv2-card--hosting .pack .pack-features-wrap{padding:6px 6px 2px !important}
html body .packs-slider-body .cv2-card--hosting .pack .pack-features-grid{gap:4px !important}
html body .packs-slider-body .cv2-card--hosting .pack .pack-features-grid .feature-box{padding:7px 4px !important;gap:2px !important;min-height:0 !important}
html body .packs-slider-body .cv2-card--hosting .pack .pack-features-grid .feature-box > svg.cv2-fb-svg{width:30px;height:30px;padding:7px;margin-bottom:2px}
html body .packs-slider-body .cv2-card--hosting .pack .pack-toggle-btn{margin-top:2px;padding-block:5px}
/* Fiyat bileti: eski fiyat + indirim damgasi ustte, kesikli delikli ayrac, guncel fiyat altta. */
html body .packs-slider-body .cv2-card--hosting .pack .pack-body .cv2-price-badge{--tk-bg:var(--ar-card);--tk-line:var(--ar-line);--tk-hole:var(--ar-card-2);--tk-accent:var(--color-gradient-from,var(--cv2-primary,var(--ar-accent)));
  position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"old disc" "main main";align-items:center;width:100%;margin:0;padding:0;
  background:var(--tk-bg);border:1px solid var(--tk-line);border-radius:14px;container-type:inline-size}
html body .packs-slider-body .cv2-card--hosting .pack.pack-popular .pack-body .cv2-price-badge{--tk-bg:var(--pp-base);--tk-line:var(--pp-line);--tk-hole:var(--pp-box);--tk-chip-bg:var(--color-gradient,var(--tk-accent));--tk-chip-line:color-mix(in srgb,var(--ar-on-dark,#fff) 30%,transparent);--tk-chip-ink:var(--ar-on-dark,#fff)}
html body .packs-slider-body .cv2-card--hosting .pack .pack-body .cv2-price-badge > .cv2-price-badge__main{display:contents}
html body .packs-slider-body .cv2-card--hosting .pack .pack-body .cv2-price-badge .price-compare{grid-area:old;height:38px;margin:0;padding:0 8px 0 14px;min-width:0}
html body .packs-slider-body .cv2-card--hosting .pack .pack-body .cv2-price-badge > .amount-discount{grid-area:disc;position:static !important;align-self:center;justify-self:end;height:26px !important;min-width:0 !important;margin:0 10px 0 0 !important;padding:0 9px !important;
  border-radius:7px !important;border:1px dashed var(--tk-chip-line,color-mix(in srgb,var(--color-gradient-from,var(--tk-accent)) 50%,var(--color-gradient-to,var(--tk-accent)))) !important;background:var(--tk-chip-bg,linear-gradient(90deg,color-mix(in srgb,var(--color-gradient-from,var(--tk-accent)) 14%,transparent),color-mix(in srgb,var(--color-gradient-to,var(--tk-accent)) 14%,transparent))) !important;
  color:var(--tk-chip-ink,var(--tk-accent)) !important;font-size:13px !important;font-weight:800 !important;letter-spacing:.01em;line-height:1;box-shadow:none !important;transform:none !important}
html body .packs-slider-body .cv2-card--hosting .pack .pack-body .cv2-price-badge .price-main{grid-area:main;position:relative;display:flex;align-items:center;min-width:0;margin:0 !important;padding:10px 14px 11px;border-top:1.5px dashed var(--tk-line)}
html body .packs-slider-body .cv2-card--hosting .pack .pack-body .cv2-price-badge .price-main::before,
html body .packs-slider-body .cv2-card--hosting .pack .pack-body .cv2-price-badge .price-main::after{content:"";position:absolute;top:-8.5px;width:14px;height:14px;border-radius:50%;background:var(--tk-hole);border:1px solid;transform:rotate(45deg);pointer-events:none}
html body .packs-slider-body .cv2-card--hosting .pack .pack-body .cv2-price-badge .price-main::before{left:-8px;border-color:var(--tk-line) var(--tk-line) transparent transparent}
html body .packs-slider-body .cv2-card--hosting .pack .pack-body .cv2-price-badge .price-main::after{right:-8px;border-color:transparent transparent var(--tk-line) var(--tk-line)}
html body .packs-slider-body .cv2-card--hosting .pack .pack-body .cv2-price-badge .current-price{--cv2-price-fs:clamp(24px,12.5cqi,34px);display:inline-flex;flex-wrap:wrap;align-items:center;row-gap:6px;column-gap:0;min-width:0;max-width:100%}
html body .packs-slider-body .cv2-card--hosting .pack .pack-body .cv2-price-badge .current-price .amount{font-size:var(--cv2-price-fs)}
html body .packs-slider-body .cv2-card--hosting .pack .pack-body .cv2-price-badge .current-price .currency{font-size:var(--cv2-price-fs);color:var(--ar-ink)}
html body .packs-slider-body .cv2-card--hosting .pack .pack-body .cv2-price-badge .cv2-price-period{background:var(--tk-hole);border-color:var(--tk-line);white-space:nowrap}
/* Eski fiyat yoksa tek satirlik bilet: delik/kesik cizgi yok, indirim fiyatin yaninda. */
html body .packs-slider-body .cv2-card--hosting .pack .pack-body .cv2-price-badge:not(.cv2-price-badge--has-old){grid-template-areas:"main disc"}
html body .packs-slider-body .cv2-card--hosting .pack .pack-body .cv2-price-badge:not(.cv2-price-badge--has-old) .price-main{border-top:0}
html body .packs-slider-body .cv2-card--hosting .pack .pack-body .cv2-price-badge:not(.cv2-price-badge--has-old) .price-main::before,
html body .packs-slider-body .cv2-card--hosting .pack .pack-body .cv2-price-badge:not(.cv2-price-badge--has-old) .price-main::after{content:none}
html body .packs-slider-body .cv2-card--hosting .pack .pack-body .cv2-price-badge > .amount-discount::before,html body .packs-slider-body .cv2-card--hosting .pack .pack-body .cv2-price-badge > .amount-discount::after{content:none !important;display:none !important}
/* Sepete Ekle grubu: yazilim kartindaki "Sepete Ekle | Demo" mantigi — tek hap icinde koyu dolu dugme (site renkli ikon dairesi) + sepet.
   Populer (koyu) kartta dugme acik renge doner. */
html body .packs-slider-body .pack .pack-footer .cv2-cart-action-pair{display:flex;align-items:center;gap:4px;padding:4px;box-sizing:border-box;border:1px solid var(--ar-line-2,var(--ar-line));border-radius:999px;background:color-mix(in srgb,var(--ar-ink) 4%,transparent)}
html body .packs-slider-body .pack .pack-footer .cv2-cart-action-pair > .pack-cart-btn:not(.pack-cart-btn-disabled){gap:9px;height:44px;padding:0 18px 0 7px;border-radius:999px;background:var(--ar-btn-dark,linear-gradient(180deg,var(--cv2-dark-hi,#2b2b2e) 0%,var(--cv2-dark-lo,#151517) 100%));color:var(--ar-on-dark,#f4f4f5);font-size:14.5px;font-weight:600}
html body .packs-slider-body .pack .pack-footer .cv2-cart-action-pair > .pack-cart-btn:not(.pack-cart-btn-disabled) svg{flex:0 0 30px;width:30px;height:30px;padding:6px;box-sizing:border-box;border-radius:50%;background:var(--color-gradient,var(--cv2-primary));color:var(--ar-on-dark,#fff)}
html body .packs-slider-body .pack .pack-footer .cv2-cart-action-pair > .cv2-cart-orb{flex:0 0 44px;width:44px;height:44px;border:0;border-radius:999px;background:transparent;color:var(--ar-ink-3)}
html body .packs-slider-body .pack .pack-footer .cv2-cart-action-pair > .cv2-cart-orb:hover{background:var(--ar-card);color:var(--ar-ink)}
html body .packs-slider-body .pack.pack-popular .pack-footer .cv2-cart-action-pair{border-color:var(--pp-line);background:color-mix(in srgb,var(--ar-on-dark,#fff) 5%,transparent)}
html body .packs-slider-body .pack.pack-popular .pack-footer .cv2-cart-action-pair > .pack-cart-btn:not(.pack-cart-btn-disabled),html:is([data-theme="dark"],.dark-mode) body .packs-slider-body .pack .pack-footer .cv2-cart-action-pair > .pack-cart-btn:not(.pack-cart-btn-disabled){background:linear-gradient(180deg,#fff 0%,#e8e8eb 100%);color:#141416}
html body .packs-slider-body .pack.pack-popular .pack-footer .cv2-cart-action-pair > .cv2-cart-orb{background:transparent;color:var(--ar-ink-2)}
html body .packs-slider-body .pack.pack-popular .pack-footer .cv2-cart-action-pair > .cv2-cart-orb:hover{background:var(--pp-icon);color:var(--ar-ink)}
/* Uzun fiyatta donem etiketi alt satira inerse ayirici cizgi satir basinda kalmaz: cizgi grubun negatif payinda, satir disinda kirpilir. */
html body .packs-slider-body .cv2-card--hosting .pack .pack-body .cv2-price-badge .current-price{flex-wrap:wrap;overflow:hidden}
html body .packs-slider-body .cv2-card--hosting .pack .pack-body .cv2-price-badge .current-price > .amount{margin-right:22px}
html body .packs-slider-body .cv2-card--hosting .pack .pack-body .cv2-price-badge .current-price > .cv2-price-vat{margin-left:-11px}
/* Tutarlar: site gradyani (One Cikan Yazilimlar baslik vurgusuyla ayni). */
html body .packs-slider-body .cv2-card--hosting .pack .pack-body .cv2-price-badge .current-price :is(.amount,.currency,.cv2-price-sym){color:var(--color-gradient-from,var(--cv2-primary));background:var(--color-gradient,var(--color-gradient-from,var(--cv2-primary)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
/* Sigma: buyuk tutarda donem etiketi alt satira dusmez; tutar bilet genisligine gore kuculur, etiket kompakt. */
html body .packs-slider-body .cv2-card--hosting .pack .pack-body .cv2-price-badge .current-price{--cv2-price-fs:clamp(17px,10cqi,34px);flex-wrap:nowrap}
html body .packs-slider-body .cv2-card--hosting .pack .pack-body .cv2-price-badge .current-price > .amount{margin-right:16px;letter-spacing:-.035em}
html body .packs-slider-body .cv2-card--hosting .pack .pack-body .cv2-price-badge .current-price > .cv2-price-vat{margin-left:-8px;gap:8px;flex:0 0 auto}
html body .packs-slider-body .cv2-card--hosting .pack .pack-body .cv2-price-badge .cv2-price-period{height:22px;padding:0 8px;font-size:11.5px;white-space:nowrap}

/* ===== [11/16] paketler (Paket kartlari ve fiyat listeleri)
 * KAYNAK: assets/css/components/packs/pack-cards-shared.css ===== */
/* split_family.py: tools/areas/archive/pre-family-split/server-cards.css dosyasindan ayrildi (hosting/ortak) */
/* CoreV2 alan stili: server-cards
 * Kok: .coreservercart-server-grid, .cv2-srv-listing-scope, .coreservercart-server-item
 * Yalnizca su sayfalarda yuklenir: index, home, hosting-products, hosting, server-products, server, sms-products, special-products
 * Eski kurallarin tamami: tools/areas/archive/server-cards.css */
/* @cv2-legacy:start — split_areas.py uretir, elle duzenlemeyin */
@layer cv2-legacy{
.cv2-period-ended-note:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){position:absolute;z-index:12;display:flex;flex-direction:column;align-items:center;justify-content:center;inset:10px;gap:8px}
.cv2-period-ended-note__icon:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){display:flex;align-items:center;justify-content:center;width:42px;height:42px}
.cv2-period-ended-note__desc:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){opacity:.8;max-width:28ch}
[id] .cv2-period-ended-note:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){top:50%;bottom:auto;left:10px;right:10px;height:auto;transform:translateY(-50%)}
[id] .cv2-period-ended-note__icon:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){position:relative;overflow:visible}
[id] .cv2-period-ended-note__icon:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *))::after{content:"";position:absolute;inset:-3px;opacity:0;pointer-events:none}
.popular-highlight .pack-campaign-top[class][class][class]:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){--cs-ink:#fff;--cs-bg:rgba(255,255,255,.13);--cs-line:rgba(255,255,255,.38);--cs-unit:rgba(255,255,255,.86);min-height:54px}
.pack-image-area:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){min-height:148px;max-height:148px;aspect-ratio:280 / 148;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;box-sizing:border-box;flex-shrink:0}
.pack-image-area:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *))::before{content:"";position:absolute;inset:0;pointer-events:none}
.pack-image-area img:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){max-width:100%;max-height:148px;width:100%;height:148px;object-fit:cover;object-position:center center;position:relative;z-index:1}
.pack-cart-btn-disabled:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){cursor:not-allowed}
.pack-cart-btn-disabled:hover:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){transform:none}
.pack-image-area:not(:where(.coreservercart-server-item,.coreservercart-server-item *,.coreservercart-packs-slider-body,.coreservercart-packs-slider-body *,.cv2-srv-listing-scope,.cv2-srv-listing-scope *,.cv2-page--server,.cv2-page--server *)){width:100%;max-width:100%;height:auto;object-fit:contain}}

/* ===== [12/16] paketler (Paket kartlari ve fiyat listeleri)
 * KAYNAK: assets/css/components/packs/pack-compare.css ===== */
/* CoreV2 alan stili: pack-compare
 * Kok: .cv2-pack-compare
 * Yalnizca su sayfalarda yuklenir: hosting-products, hosting, server-products, server, sms-products, special-products
 * Eski kurallarin tamami: tools/areas/archive/pack-compare.css */
/* @cv2-legacy:start — split_areas.py uretir, elle duzenlemeyin */
@layer cv2-legacy{
.cv2-pack-compare{--primary:var(--cv2-primary, var(--CoreV2-primary));--secondary:var(--CoreV2-card-hover);--accent:color-mix(in srgb, var(--cv2-primary, var(--CoreV2-primary)) 8%, transparent);--success:var(--cv2-success, var(--CoreV2-success));--destructive:var(--cv2-danger, var(--CoreV2-danger));--surface-raised:var(--color-surface);--highlight:color-mix(in srgb, var(--cv2-primary, var(--CoreV2-primary)) 6%, transparent);--shadow-soft:var(--CoreV2-shadow-md, 0 4px 12px rgba(15,23,42,.08));--shadow-control:var(--CoreV2-shadow-sm, 0 2px 6px rgba(15,23,42,.06));--shadow-inset:none;--daylight-charcoal:var(--color-text-primary);--package-featured:color-mix(in srgb, var(--cv2-primary, var(--CoreV2-primary)) 12%, var(--color-surface));--package-featured-end:var(--color-surface)}
html[data-theme="dark"] .cv2-pack-compare{--primary:var(--cv2-primary, var(--CoreV2-primary));--secondary:var(--CoreV2-card-hover);--accent:color-mix(in srgb, var(--cv2-primary, var(--CoreV2-primary)) 18%, transparent);--success:var(--cv2-success, var(--CoreV2-success));--surface-raised:var(--color-surface);--highlight:rgba(255,255,255,0.04);--shadow-soft:none;--shadow-control:none;--shadow-inset:none;--package-featured:color-mix(in srgb, var(--cv2-primary, var(--CoreV2-primary)) 22%, var(--color-surface));--package-featured-end:var(--color-surface)}
@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))){.cv2-pack-compare *, .cv2-pack-compare ::before, .cv2-pack-compare ::after, .cv2-pack-compare ::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-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-duration:initial;--tw-ease:initial;--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}}
.cv2-pack-compare, .cv2-pack-compare{--font-mono:inherit;--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-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-widest:.1em;--leading-relaxed:1.625;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--color-border:var(--border)}
.cv2-pack-compare *, .cv2-pack-compare ::after, .cv2-pack-compare ::before, .cv2-pack-compare ::backdrop{box-sizing:border-box}
.cv2-pack-compare ::file-selector-button{box-sizing:border-box}
.cv2-pack-compare hr{height:0px}
.cv2-pack-compare sub, .cv2-pack-compare sup{vertical-align:baseline;position:relative}
.cv2-pack-compare sub{bottom:-0.25em}
.cv2-pack-compare sup{top:-0.5em}
.cv2-pack-compare progress{vertical-align:baseline}
.cv2-pack-compare summary{display:list-item}
.cv2-pack-compare img, .cv2-pack-compare svg, .cv2-pack-compare video, .cv2-pack-compare canvas, .cv2-pack-compare audio, .cv2-pack-compare iframe, .cv2-pack-compare embed, .cv2-pack-compare object{vertical-align:middle;display:block}
.cv2-pack-compare img, .cv2-pack-compare video{max-width:100%;height:auto}
.cv2-pack-compare button, .cv2-pack-compare input, .cv2-pack-compare select, .cv2-pack-compare optgroup, .cv2-pack-compare textarea{opacity:1}
.cv2-pack-compare ::file-selector-button{opacity:1}
.cv2-pack-compare ::placeholder{opacity:1}
.cv2-pack-compare ::-webkit-date-and-time-value{min-height:1lh}
.cv2-pack-compare ::-webkit-datetime-edit{display:inline-flex}
.cv2-pack-compare ::-webkit-inner-spin-button{height:auto}
.cv2-pack-compare ::-webkit-outer-spin-button{height:auto}
.cv2-pack-compare [hidden]:where(:not([hidden="until-found"])){display:none}
.cv2-pack-compare .pointer-events-none{pointer-events:none}
.cv2-pack-compare .invisible{visibility:hidden}
.cv2-pack-compare .sr-only{white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}
.cv2-pack-compare .absolute{position:absolute}
.cv2-pack-compare .fixed{position:fixed}
.cv2-pack-compare .relative{position:relative}
.cv2-pack-compare .inset-0{inset:0px}
.cv2-pack-compare .inset-x-0{inset-inline:0px}
.cv2-pack-compare .inset-y-0{inset-block:0px}
.cv2-pack-compare .-top-12{top:calc(var(--spacing) * -12)}
.cv2-pack-compare .top-0{top:0px}
.cv2-pack-compare .top-1\.5{top:calc(var(--spacing) * 1.5)}
.cv2-pack-compare .top-1\/2{top:50%}
.cv2-pack-compare .top-3\.5{top:calc(var(--spacing) * 3.5)}
.cv2-pack-compare .top-4{top:calc(var(--spacing) * 4)}
.cv2-pack-compare .top-\[1px\]{top:1px}
.cv2-pack-compare .top-\[50\%\]{top:50%}
.cv2-pack-compare .top-\[60\%\]{top:60%}
.cv2-pack-compare .top-full{top:100%}
.cv2-pack-compare .-right-12{right:calc(var(--spacing) * -12)}
.cv2-pack-compare .right-0{right:0px}
.cv2-pack-compare .right-1{right:var(--spacing)}
.cv2-pack-compare .right-2{right:calc(var(--spacing) * 2)}
.cv2-pack-compare .right-3{right:calc(var(--spacing) * 3)}
.cv2-pack-compare .right-4{right:calc(var(--spacing) * 4)}
.cv2-pack-compare .-bottom-12{bottom:calc(var(--spacing) * -12)}
.cv2-pack-compare .bottom-0{bottom:0px}
.cv2-pack-compare .-left-12{left:calc(var(--spacing) * -12)}
.cv2-pack-compare .left-0{left:0px}
.cv2-pack-compare .left-1\/2{left:50%}
.cv2-pack-compare .left-2{left:calc(var(--spacing) * 2)}
.cv2-pack-compare .left-\[50\%\]{left:50%}
.cv2-pack-compare .z-10{z-index:10}
.cv2-pack-compare .z-20{z-index:20}
.cv2-pack-compare .z-50{z-index:50}
.cv2-pack-compare .z-\[1\]{z-index:1}
.cv2-pack-compare .block{display:block}
.cv2-pack-compare .flex{display:flex}
.cv2-pack-compare .grid{display:grid}
.cv2-pack-compare .hidden{display:none}
.cv2-pack-compare .inline-flex{display:inline-flex}
.cv2-pack-compare .table{display:table}
.cv2-pack-compare .aspect-square{aspect-ratio:1 / 1}
.cv2-pack-compare .aspect-video{aspect-ratio:var(--aspect-video)}
.cv2-pack-compare .size-\(--cell-size\){width:var(--cell-size);height:var(--cell-size)}
.cv2-pack-compare .size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}
.cv2-pack-compare .size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}
.cv2-pack-compare .size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}
.cv2-pack-compare .size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}
.cv2-pack-compare .size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}
.cv2-pack-compare .h-\(--cell-size\){height:var(--cell-size)}
.cv2-pack-compare .h-1\.5{height:calc(var(--spacing) * 1.5)}
.cv2-pack-compare .h-2{height:calc(var(--spacing) * 2)}
.cv2-pack-compare .h-2\.5{height:calc(var(--spacing) * 2.5)}
.cv2-pack-compare .h-3{height:calc(var(--spacing) * 3)}
.cv2-pack-compare .h-3\.5{height:calc(var(--spacing) * 3.5)}
.cv2-pack-compare .h-4{height:calc(var(--spacing) * 4)}
.cv2-pack-compare .h-5{height:calc(var(--spacing) * 5)}
.cv2-pack-compare .h-7{height:calc(var(--spacing) * 7)}
.cv2-pack-compare .h-8{height:calc(var(--spacing) * 8)}
.cv2-pack-compare .h-9{height:calc(var(--spacing) * 9)}
.cv2-pack-compare .h-10{height:calc(var(--spacing) * 10)}
.cv2-pack-compare .h-12{height:calc(var(--spacing) * 12)}
.cv2-pack-compare .h-\[1px\]{height:1px}
.cv2-pack-compare .h-\[var\(--radix-navigation-menu-viewport-height\)\]{height:var(--radix-navigation-menu-viewport-height)}
.cv2-pack-compare .h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}
.cv2-pack-compare .h-auto{height:auto}
.cv2-pack-compare .h-full{height:100%}
.cv2-pack-compare .h-px{height:1px}
.cv2-pack-compare .h-svh{height:100svh}
.cv2-pack-compare .max-h-\(--radix-context-menu-content-available-height\){max-height:var(--radix-context-menu-content-available-height)}
.cv2-pack-compare .max-h-\(--radix-select-content-available-height\){max-height:var(--radix-select-content-available-height)}
.cv2-pack-compare .max-h-\[300px\]{max-height:300px}
.cv2-pack-compare .max-h-\[var\(--radix-dropdown-menu-content-available-height\)\]{max-height:var(--radix-dropdown-menu-content-available-height)}
.cv2-pack-compare .min-h-0{min-height:0px}
.cv2-pack-compare .min-h-\[60px\]{min-height:60px}
.cv2-pack-compare .min-h-screen{min-height:100vh}
.cv2-pack-compare .min-h-svh{min-height:100svh}
.cv2-pack-compare .w-\(--cell-size\){width:var(--cell-size)}
.cv2-pack-compare .w-\(--sidebar-width\){width:var(--sidebar-width)}
.cv2-pack-compare .w-0{width:0px}
.cv2-pack-compare .w-1{width:var(--spacing)}
.cv2-pack-compare .w-2{width:calc(var(--spacing) * 2)}
.cv2-pack-compare .w-2\.5{width:calc(var(--spacing) * 2.5)}
.cv2-pack-compare .w-3{width:calc(var(--spacing) * 3)}
.cv2-pack-compare .w-3\.5{width:calc(var(--spacing) * 3.5)}
.cv2-pack-compare .w-3\/4{width:75%}
.cv2-pack-compare .w-4{width:calc(var(--spacing) * 4)}
.cv2-pack-compare .w-5{width:calc(var(--spacing) * 5)}
.cv2-pack-compare .w-7{width:calc(var(--spacing) * 7)}
.cv2-pack-compare .w-8{width:calc(var(--spacing) * 8)}
.cv2-pack-compare .w-9{width:calc(var(--spacing) * 9)}
.cv2-pack-compare .w-10{width:calc(var(--spacing) * 10)}
.cv2-pack-compare .w-64{width:calc(var(--spacing) * 64)}
.cv2-pack-compare .w-72{width:calc(var(--spacing) * 72)}
.cv2-pack-compare .w-\[1px\]{width:1px}
.cv2-pack-compare .w-\[100px\]{width:100px}
.cv2-pack-compare .w-auto{width:auto}
.cv2-pack-compare .w-fit{width:fit-content}
.cv2-pack-compare .w-full{width:100%}
.cv2-pack-compare .w-max{width:max-content}
.cv2-pack-compare .w-px{width:1px}
.cv2-pack-compare .max-w-\(--skeleton-width\){max-width:var(--skeleton-width)}
.cv2-pack-compare .max-w-lg{max-width:var(--container-lg)}
.cv2-pack-compare .max-w-max{max-width:max-content}
.cv2-pack-compare .max-w-md{max-width:var(--container-md)}
.cv2-pack-compare .min-w-\(--cell-size\){min-width:var(--cell-size)}
.cv2-pack-compare .min-w-0{min-width:0px}
.cv2-pack-compare .min-w-5{min-width:calc(var(--spacing) * 5)}
.cv2-pack-compare .min-w-8{min-width:calc(var(--spacing) * 8)}
.cv2-pack-compare .min-w-9{min-width:calc(var(--spacing) * 9)}
.cv2-pack-compare .min-w-10{min-width:calc(var(--spacing) * 10)}
.cv2-pack-compare .min-w-\[8rem\]{min-width:8rem}
.cv2-pack-compare .min-w-\[12rem\]{min-width:12rem}
.cv2-pack-compare .min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}
.cv2-pack-compare .flex-1{flex:1 1 0%}
.cv2-pack-compare .shrink-0{flex-shrink:0}
.cv2-pack-compare .grow{flex-grow:1}
.cv2-pack-compare .grow-0{flex-grow:0}
.cv2-pack-compare .basis-full{flex-basis:100%}
.cv2-pack-compare .-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
.cv2-pack-compare .-translate-x-px{--tw-translate-x:-1px;translate:var(--tw-translate-x) var(--tw-translate-y)}
.cv2-pack-compare .translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}
.cv2-pack-compare .translate-x-px{--tw-translate-x:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}
.cv2-pack-compare .-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
.cv2-pack-compare .translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}
.cv2-pack-compare .transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}
.cv2-pack-compare .cursor-default{cursor:default}
.cv2-pack-compare .cursor-pointer{cursor:pointer}
.cv2-pack-compare .touch-none{touch-action:none}
.cv2-pack-compare .flex-col{flex-direction:column}
.cv2-pack-compare .flex-col-reverse{flex-direction:column-reverse}
.cv2-pack-compare .flex-row{flex-direction:row}
.cv2-pack-compare .flex-wrap{flex-wrap:wrap}
.cv2-pack-compare .place-content-center{place-content:center}
.cv2-pack-compare .items-center{align-items:center}
.cv2-pack-compare .items-end{align-items:flex-end}
.cv2-pack-compare .items-start{align-items:flex-start}
.cv2-pack-compare .items-stretch{align-items:stretch}
.cv2-pack-compare .justify-between{justify-content:space-between}
.cv2-pack-compare .justify-center{justify-content:center}
.cv2-pack-compare .gap-1{gap:var(--spacing)}
.cv2-pack-compare .gap-1\.5{gap:calc(var(--spacing) * 1.5)}
.cv2-pack-compare .gap-2{gap:calc(var(--spacing) * 2)}
.cv2-pack-compare .gap-4{gap:calc(var(--spacing) * 4)}
.cv2-pack-compare :where(.space-y-1\.5 > :not(:last-child)){--tw-space-y-reverse:0}
.cv2-pack-compare :where(.space-y-2 > :not(:last-child)){--tw-space-y-reverse:0}
.cv2-pack-compare :where(.space-x-1 > :not(:last-child)){--tw-space-x-reverse:0}
.cv2-pack-compare .overflow-auto{overflow:auto}
.cv2-pack-compare .overflow-hidden{overflow:hidden}
.cv2-pack-compare .overflow-x-hidden{overflow-x:hidden}
.cv2-pack-compare .overflow-y-auto{overflow-y:auto}
.cv2-pack-compare .border-dashed{--tw-border-style:dashed}
.cv2-pack-compare .align-middle{vertical-align:middle}
.cv2-pack-compare .leading-none{--tw-leading:1}

.cv2-pack-compare .whitespace-nowrap{white-space:nowrap}
.cv2-pack-compare .tabular-nums{--tw-numeric-spacing:tabular-nums}
.cv2-pack-compare .opacity-0{opacity:0}
.cv2-pack-compare .opacity-50{opacity:0.5}
.cv2-pack-compare .opacity-60{opacity:0.6}
.cv2-pack-compare .opacity-70{opacity:0.7}
.cv2-pack-compare .shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a)}
.cv2-pack-compare .shadow-\[0_0_0_1px_var\(--sidebar-border\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color, var(--sidebar-border))}
.cv2-pack-compare .shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a)}
.cv2-pack-compare .shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a)}
.cv2-pack-compare .shadow-none{--tw-shadow:0 0 #0000}
.cv2-pack-compare .shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a)}
.cv2-pack-compare .shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a)}
.cv2-pack-compare .shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color, #0000000d)}
.cv2-pack-compare .ring-0{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor)}
.cv2-pack-compare .ring-1{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor)}
.cv2-pack-compare .ring-ring{--tw-ring-color:var(--primary)}
.cv2-pack-compare .ring-offset-background{--tw-ring-offset-color:var(--background)}
.cv2-pack-compare .duration-200{--tw-duration:.2s}
.cv2-pack-compare .duration-300{--tw-duration:.3s}
.cv2-pack-compare .duration-1000{--tw-duration:1s}
.cv2-pack-compare .ease-in-out{--tw-ease:var(--ease-in-out)}
.cv2-pack-compare .ease-linear{--tw-ease:linear}
.cv2-pack-compare .fade-in-0{--tw-enter-opacity:0}
.cv2-pack-compare .outline-none{--tw-outline-style:none}
.cv2-pack-compare .select-none{user-select:none}
.cv2-pack-compare .zoom-in-95{--tw-enter-scale:.95}
.cv2-pack-compare .\[--cell-size\:2rem\]{--cell-size:2rem}
.cv2-pack-compare .group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *){opacity:1}
@media (hover: hover){.cv2-pack-compare .group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *){opacity:1}}
.cv2-pack-compare .group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible="icon"] *){display:none}
.cv2-pack-compare .group-data-\[collapsible\=icon\]\:\!size-8:is(:where(.group)[data-collapsible="icon"] *){width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}
.cv2-pack-compare .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible="icon"] *){width:var(--sidebar-width-icon)}
.cv2-pack-compare .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)\)\]:is(:where(.group)[data-collapsible="icon"] *){width:calc(var(--sidebar-width-icon) + 1rem)}
.cv2-pack-compare .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)_\+_theme\(spacing\.4\)_\+2px\)\]:is(:where(.group)[data-collapsible="icon"] *){width:calc(var(--sidebar-width-icon) + 1rem + 2px)}
.cv2-pack-compare .group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible="icon"] *){overflow:hidden}
.cv2-pack-compare .group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible="icon"] *){opacity:0}
.cv2-pack-compare .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offcanvas"] *){right:calc(var(--sidebar-width) * -1)}
.cv2-pack-compare .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offcanvas"] *){left:calc(var(--sidebar-width) * -1)}
.cv2-pack-compare .group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible="offcanvas"] *){width:0px}
.cv2-pack-compare .group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible="offcanvas"] *){--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}
.cv2-pack-compare .group-data-\[focused\=true\]\/day\:relative:is(:where(.group\/day)[data-focused="true"] *){position:relative}
.cv2-pack-compare .group-data-\[focused\=true\]\/day\:z-10:is(:where(.group\/day)[data-focused="true"] *){z-index:10}
.cv2-pack-compare .group-data-\[focused\=true\]\/day\:ring-\[3px\]:is(:where(.group\/day)[data-focused="true"] *){--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor)}
.cv2-pack-compare .group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused="true"] *){--tw-ring-color:var(--primary)}
@supports (color: color-mix(in lab, red, red)){.cv2-pack-compare .group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused="true"] *){--tw-ring-color:color-mix(in oklab, var(--primary) 50%, transparent)}}
.cv2-pack-compare .group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side="left"] *){right:calc(var(--spacing) * -4)}
.cv2-pack-compare .group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side="right"] *){left:0px}
.cv2-pack-compare .group-data-\[variant\=floating\]\:shadow:is(:where(.group)[data-variant="floating"] *){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a)}
.cv2-pack-compare .group-\[\.toaster\]\:shadow-lg:is(:where(.group).toaster *){--tw-shadow:0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a)}
.cv2-pack-compare .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *){cursor:not-allowed}
.cv2-pack-compare .peer-disabled\:opacity-70:is(:where(.peer):disabled ~ *){opacity:0.7}
.cv2-pack-compare .peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size="default"] ~ *){top:calc(var(--spacing) * 1.5)}
.cv2-pack-compare .peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size="lg"] ~ *){top:calc(var(--spacing) * 2.5)}
.cv2-pack-compare .peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size="sm"] ~ *){top:var(--spacing)}

.cv2-pack-compare .after\:absolute::after{content:var(--tw-content);position:absolute}
.cv2-pack-compare .after\:-inset-2::after{content:var(--tw-content);inset:calc(var(--spacing) * -2)}
.cv2-pack-compare .after\:inset-y-0::after{content:var(--tw-content);inset-block:0px}
.cv2-pack-compare .after\:left-1\/2::after{content:var(--tw-content);left:50%}
.cv2-pack-compare .after\:w-1::after{content:var(--tw-content);width:var(--spacing)}
.cv2-pack-compare .after\:w-\[2px\]::after{content:var(--tw-content);width:2px}
.cv2-pack-compare .after\:-translate-x-1\/2::after{content:var(--tw-content);--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
.cv2-pack-compare .group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible="offcanvas"] *)::after{content:var(--tw-content);left:100%}
@media (hover: hover){.cv2-pack-compare .hover\:opacity-100:hover{opacity:1}}
@media (hover: hover){}
.cv2-pack-compare .focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor)}
.cv2-pack-compare .focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor)}
.cv2-pack-compare .focus\:ring-ring:focus{--tw-ring-color:var(--primary)}
.cv2-pack-compare .focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
.cv2-pack-compare .focus\:outline-none:focus{--tw-outline-style:none}
.cv2-pack-compare .focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor)}
.cv2-pack-compare .focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor)}
.cv2-pack-compare .focus-visible\:ring-ring:focus-visible{--tw-ring-color:var(--primary)}
.cv2-pack-compare .focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
.cv2-pack-compare .focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}
.cv2-pack-compare .focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:var(--background)}
.cv2-pack-compare .focus-visible\:outline-none:focus-visible{--tw-outline-style:none}
.cv2-pack-compare .disabled\:pointer-events-none:disabled{pointer-events:none}
.cv2-pack-compare .disabled\:cursor-not-allowed:disabled{cursor:not-allowed}
.cv2-pack-compare .disabled\:opacity-50:disabled{opacity:0.5}
.cv2-pack-compare .aria-disabled\:pointer-events-none[aria-disabled="true"]{pointer-events:none}
.cv2-pack-compare .aria-disabled\:opacity-50[aria-disabled="true"]{opacity:0.5}

.cv2-pack-compare .data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}
.cv2-pack-compare .data-\[disabled\]\:opacity-50[data-disabled]{opacity:0.5}
.cv2-pack-compare .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"]{pointer-events:none}
.cv2-pack-compare .data-\[disabled\=true\]\:opacity-50[data-disabled="true"]{opacity:0.5}
.cv2-pack-compare .data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion="from-end"]{--tw-enter-translate-x:calc(52*var(--spacing))}
.cv2-pack-compare .data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion="from-start"]{--tw-enter-translate-x:calc(52*var(--spacing)*-1)}
.cv2-pack-compare .data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion="to-end"]{--tw-exit-translate-x:calc(52*var(--spacing))}
.cv2-pack-compare .data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion="to-start"]{--tw-exit-translate-x:calc(52*var(--spacing)*-1)}
.cv2-pack-compare .data-\[motion\^\=from-\]\:fade-in[data-motion^="from-"]{--tw-enter-opacity:0}
.cv2-pack-compare .data-\[motion\^\=to-\]\:fade-out[data-motion^="to-"]{--tw-exit-opacity:0}
.cv2-pack-compare .data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction="vertical"]{height:1px}
.cv2-pack-compare .data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction="vertical"]{width:100%}
.cv2-pack-compare .data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction="vertical"]{flex-direction:column}
.cv2-pack-compare .data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction="vertical"]::after{content:var(--tw-content);left:0px}
.cv2-pack-compare .data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction="vertical"]::after{content:var(--tw-content);height:var(--spacing)}
.cv2-pack-compare .data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction="vertical"]::after{content:var(--tw-content);width:100%}
.cv2-pack-compare .data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction="vertical"]::after{content:var(--tw-content);--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}
.cv2-pack-compare .data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction="vertical"]::after{content:var(--tw-content);--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
.cv2-pack-compare .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"]{--tw-translate-y:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}
.cv2-pack-compare .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}
.cv2-pack-compare .data-\[side\=left\]\:-translate-x-1[data-side="left"]{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
.cv2-pack-compare .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"]{--tw-enter-translate-x:calc(2*var(--spacing))}
.cv2-pack-compare .data-\[side\=right\]\:translate-x-1[data-side="right"]{--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}
.cv2-pack-compare .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}
.cv2-pack-compare .data-\[side\=top\]\:-translate-y-1[data-side="top"]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}
.cv2-pack-compare .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"]{--tw-enter-translate-y:calc(2*var(--spacing))}
.cv2-pack-compare .data-\[state\=active\]\:shadow[data-state="active"]{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a)}
.cv2-pack-compare .data-\[state\=checked\]\:translate-x-4[data-state="checked"]{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}
.cv2-pack-compare .data-\[state\=closed\]\:duration-300[data-state="closed"]{--tw-duration:.3s}
.cv2-pack-compare .data-\[state\=closed\]\:fade-out-0[data-state="closed"]{--tw-exit-opacity:0}
.cv2-pack-compare .data-\[state\=closed\]\:zoom-out-95[data-state="closed"]{--tw-exit-scale:.95}
.cv2-pack-compare .data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"]{--tw-exit-translate-y:100%}
.cv2-pack-compare .data-\[state\=closed\]\:slide-out-to-left[data-state="closed"]{--tw-exit-translate-x:-100%}
.cv2-pack-compare .data-\[state\=closed\]\:slide-out-to-right[data-state="closed"]{--tw-exit-translate-x:100%}
.cv2-pack-compare .data-\[state\=closed\]\:slide-out-to-top[data-state="closed"]{--tw-exit-translate-y:-100%}
.cv2-pack-compare .data-\[state\=hidden\]\:fade-out[data-state="hidden"]{--tw-exit-opacity:0}
.cv2-pack-compare .data-\[state\=open\]\:opacity-100[data-state="open"]{opacity:1}
.cv2-pack-compare .data-\[state\=open\]\:duration-500[data-state="open"]{--tw-duration:.5s}
.cv2-pack-compare .data-\[state\=open\]\:fade-in-0[data-state="open"]{--tw-enter-opacity:0}
.cv2-pack-compare .data-\[state\=open\]\:zoom-in-90[data-state="open"]{--tw-enter-scale:.9}
.cv2-pack-compare .data-\[state\=open\]\:zoom-in-95[data-state="open"]{--tw-enter-scale:.95}
.cv2-pack-compare .data-\[state\=open\]\:slide-in-from-bottom[data-state="open"]{--tw-enter-translate-y:100%}
.cv2-pack-compare .data-\[state\=open\]\:slide-in-from-left[data-state="open"]{--tw-enter-translate-x:-100%}
.cv2-pack-compare .data-\[state\=open\]\:slide-in-from-right[data-state="open"]{--tw-enter-translate-x:100%}
.cv2-pack-compare .data-\[state\=open\]\:slide-in-from-top[data-state="open"]{--tw-enter-translate-y:-100%}
.cv2-pack-compare .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"]{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}
.cv2-pack-compare .data-\[state\=visible\]\:fade-in[data-state="visible"]{--tw-enter-opacity:0}
@media (width >= 40rem){.cv2-pack-compare .sm\:flex{display:flex}}
@media (width >= 40rem){.cv2-pack-compare .sm\:max-w-sm{max-width:var(--container-sm)}}
@media (width >= 40rem){.cv2-pack-compare .sm\:flex-row{flex-direction:row}}
@media (width >= 40rem){.cv2-pack-compare .sm\:justify-end{justify-content:flex-end}}
@media (width >= 40rem){.cv2-pack-compare .sm\:gap-2\.5{gap:calc(var(--spacing) * 2.5)}}
@media (width >= 40rem){.cv2-pack-compare :where(.sm\:space-x-2 > :not(:last-child)){--tw-space-x-reverse:0}}
@media (width >= 48rem){.cv2-pack-compare .md\:absolute{position:absolute}}
@media (width >= 48rem){.cv2-pack-compare .md\:block{display:block}}
@media (width >= 48rem){.cv2-pack-compare .md\:flex{display:flex}}
@media (width >= 48rem){.cv2-pack-compare .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width:var(--radix-navigation-menu-viewport-width)}}
@media (width >= 48rem){.cv2-pack-compare .md\:w-auto{width:auto}}
@media (width >= 48rem){.cv2-pack-compare .md\:flex-row{flex-direction:row}}
@media (width >= 48rem){.cv2-pack-compare .md\:opacity-0{opacity:0}}
@media (width >= 48rem){.cv2-pack-compare .md\:peer-data-\[variant\=inset\]\:shadow:is(:where(.peer)[data-variant="inset"] ~ *){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a)}}
.cv2-pack-compare .after\:md\:hidden::after{content:var(--tw-content)}
@media (width >= 48rem){.cv2-pack-compare .after\:md\:hidden::after{display:none}}
.cv2-pack-compare .\[\&_\.recharts-layer\]\:outline-none .recharts-layer{--tw-outline-style:none}
.cv2-pack-compare .\[\&_\.recharts-sector\]\:outline-none .recharts-sector{--tw-outline-style:none}
.cv2-pack-compare .\[\&_\.recharts-surface\]\:outline-none .recharts-surface{--tw-outline-style:none}

.cv2-pack-compare .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height:calc(var(--spacing) * 5)}
.cv2-pack-compare .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width:calc(var(--spacing) * 5)}
.cv2-pack-compare .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:calc(var(--spacing) * 12)}
.cv2-pack-compare .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height:calc(var(--spacing) * 5)}
.cv2-pack-compare .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width:calc(var(--spacing) * 5)}
.cv2-pack-compare .\[\&_p\]\:leading-relaxed p{--tw-leading:var(--leading-relaxed)}
.cv2-pack-compare .\[\&_svg\]\:pointer-events-none svg{pointer-events:none}
.cv2-pack-compare .\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}
.cv2-pack-compare .\[\&_svg\]\:shrink-0 svg{flex-shrink:0}
.cv2-pack-compare .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] > [role="checkbox"]{--tw-translate-y:2px;translate:var(--tw-translate-x) var(--tw-translate-y)}
.cv2-pack-compare .\[\&\>button\]\:hidden > button{display:none}
.cv2-pack-compare .\[\&\>span\]\:line-clamp-1 > span{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}
.cv2-pack-compare .\[\&\>span\]\:opacity-70 > span{opacity:0.7}
.cv2-pack-compare .\[\&\>span\:last-child\]\:truncate > span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.cv2-pack-compare .\[\&\>svg\]\:absolute > svg{position:absolute}
.cv2-pack-compare .\[\&\>svg\]\:top-4 > svg{top:calc(var(--spacing) * 4)}
.cv2-pack-compare .\[\&\>svg\]\:left-4 > svg{left:calc(var(--spacing) * 4)}
.cv2-pack-compare .\[\&\>svg\]\:size-3\.5 > svg{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}
.cv2-pack-compare .\[\&\>svg\]\:size-4 > svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}
.cv2-pack-compare .\[\&\>svg\]\:h-2\.5 > svg{height:calc(var(--spacing) * 2.5)}
.cv2-pack-compare .\[\&\>svg\]\:h-3 > svg{height:calc(var(--spacing) * 3)}
.cv2-pack-compare .\[\&\>svg\]\:h-3\.5 > svg{height:calc(var(--spacing) * 3.5)}
.cv2-pack-compare .\[\&\>svg\]\:w-2\.5 > svg{width:calc(var(--spacing) * 2.5)}
.cv2-pack-compare .\[\&\>svg\]\:w-3 > svg{width:calc(var(--spacing) * 3)}
.cv2-pack-compare .\[\&\>svg\]\:w-3\.5 > svg{width:calc(var(--spacing) * 3.5)}
.cv2-pack-compare .\[\&\>svg\]\:shrink-0 > svg{flex-shrink:0}
.cv2-pack-compare .\[\&\>svg\+div\]\:translate-y-\[-3px\] > svg + div{--tw-translate-y:-3px;translate:var(--tw-translate-x) var(--tw-translate-y)}
.cv2-pack-compare [data-side="left"] .\[\[data-side\=left\]_\&\]\:cursor-w-resize{cursor:w-resize}
.cv2-pack-compare [data-side="left"][data-collapsible="offcanvas"] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right:calc(var(--spacing) * -2)}
.cv2-pack-compare [data-side="left"][data-state="collapsed"] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize, .cv2-pack-compare [data-side="right"] .\[\[data-side\=right\]_\&\]\:cursor-e-resize{cursor:e-resize}
.cv2-pack-compare [data-side="right"][data-collapsible="offcanvas"] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left:calc(var(--spacing) * -2)}
.cv2-pack-compare [data-side="right"][data-state="collapsed"] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor:w-resize}
.cv2-pack-compare{min-height:100vh}
.cv2-pack-compare .brand-logo{object-fit:contain;width:135px;height:38px}
.cv2-pack-compare .billing-bar{grid-template-columns:minmax(0px, 1fr) auto;align-items:center;gap:20px;display:grid}
.cv2-pack-compare .billing-options{align-items:center;gap:12px;min-width:0px;display:flex}
.cv2-pack-compare .billing-options > button{flex-shrink:0;width:42px;height:42px}
.cv2-pack-compare .category-buttons, .cv2-pack-compare .billing-controls{gap:4px;width:fit-content;display:flex}
.cv2-pack-compare .control-segment, .cv2-pack-compare .control-category{height:40px}
.cv2-pack-compare .comparison-wrap{overflow:auto}
.cv2-pack-compare .comparison{table-layout:fixed}
.cv2-pack-compare .feature-column{width:21%}
.cv2-pack-compare .plan-overview{position:relative}
.cv2-pack-compare .plan-icon{width:48px;height:48px;flex-shrink:0;place-items:center;display:grid}
.cv2-pack-compare .plan-description{min-height:94px}
.cv2-pack-compare .price{flex-direction:column;gap:7px;display:flex;min-height:102px}
.cv2-pack-compare .popular-badge{height:26px;white-space:nowrap;justify-content:center;align-items:center;gap:6px;display:inline-flex;position:absolute;top:-12px;left:50%;transform:translateX(-50%)}
.cv2-pack-compare .plan-cta{justify-content:space-between;width:100%;height:48px;display:flex}
.cv2-pack-compare .plan-cta:hover svg{transform:translateX(3px)}
.cv2-pack-compare .table-intro{vertical-align:top}
.cv2-pack-compare .included{align-items:center;gap:10px;display:flex}
.cv2-pack-compare .included svg{flex-shrink:0;width:30px;height:30px}
.cv2-pack-compare .table-intro-bottom{align-items:center;gap:7px;display:flex}
.cv2-pack-compare .location-dot{width:6px;height:6px}
.cv2-pack-compare .feature-label-inner svg{flex-shrink:0}
.cv2-pack-compare .value-cell{height:54px}
.cv2-pack-compare .feature-status{place-items:center;width:24px;height:24px;display:inline-grid}
.cv2-pack-compare .feature-status.is-excluded{opacity:0.6}
@media (width <= 1150px){.cv2-pack-compare{width:calc(100% - 40px)}}
@media (width <= 1150px){.cv2-pack-compare .billing-bar{grid-template-columns:1fr;gap:14px}}
@media (width <= 640px){.cv2-pack-compare{width:calc(100% - 28px)}}
@media (width <= 640px){.cv2-pack-compare .billing-bar{gap:12px}}
@media (width <= 640px){.cv2-pack-compare .category-buttons{grid-template-columns:repeat(3, minmax(0px, 1fr));width:100%;display:grid}}
@media (width <= 640px){.cv2-pack-compare .control-category{gap:5px}}
@media (width <= 640px){.cv2-pack-compare .control-category svg{width:14px}}
@media (width <= 640px){.cv2-pack-compare .billing-options{gap:8px}}
@media (width <= 640px){.cv2-pack-compare .billing-options > button{width:36px;height:40px}}
@media (width <= 640px){.cv2-pack-compare .billing-controls{flex:1 1 0%;grid-template-columns:repeat(4, minmax(0px, 1fr));min-width:0px;display:grid}}
@media (width <= 640px){.cv2-pack-compare .control-segment{gap:4px}}
@media (width <= 640px){.cv2-pack-compare .comparison{min-width:1052px}}
@media (width <= 640px){.cv2-pack-compare .feature-column{width:132px}}
@media (width <= 640px){.cv2-pack-compare .comparison .sticky-label{z-index:2;position:sticky;left:0px}}
@media (width <= 640px){.cv2-pack-compare .table-intro .brand-logo{width:98px}}
@media (width <= 640px){.cv2-pack-compare .included{gap:6px}}
@media (width <= 640px){.cv2-pack-compare .included svg{width:24px;height:24px}}
@media (width <= 640px){.cv2-pack-compare .feature-label-inner{gap:6px}}
@media (width <= 640px){.cv2-pack-compare .feature-label-inner > svg{width:12px}}
.cv2-pack-compare .brand-logo--dark{display:none}
html[data-theme="dark"] .cv2-pack-compare .brand-logo--light{display:none}
html[data-theme="dark"] .cv2-pack-compare .brand-logo--dark{display:block}
.cv2-pack-compare .control-category, .cv2-pack-compare .control-segment{white-space:nowrap;flex:0 0 auto}
.cv2-pack-compare .category-buttons{flex-wrap:wrap;row-gap:8px}
.cv2-pack-compare .billing-controls{flex-wrap:wrap;row-gap:8px}
.cv2-pack-compare .billing-bar{row-gap:12px}
.cv2-pack-compare .plan-cell{vertical-align:top}
.cv2-pack-compare a.plan-cta{width:auto;white-space:nowrap;overflow:hidden}
.cv2-pack-compare .comparison{min-width:0;width:100%}
@media (max-width: 720px){.cv2-pack-compare .comparison{min-width:680px}}
.cv2-pack-compare .plan-topline{display:flex;align-items:center;justify-content:flex-start;gap:10px;height:auto}
.cv2-pack-compare .plan-topline .plan-icon{flex:0 0 auto}
.cv2-pack-compare .control-category{gap:7px;height:38px}
.cv2-pack-compare .control-category svg{width:15px;height:15px}
.cv2-pack-compare .control-segment{height:38px}
.cv2-pack-compare .section-title{display:inline-flex;align-items:center;gap:8px}
.cv2-pack-compare .section-title svg{flex:0 0 auto}
.cv2-pack-compare .feature-label-inner{display:inline-flex;align-items:center;gap:8px}
.cv2-pack-compare a.plan-cta svg{flex:0 0 auto}
.cv2-pack-compare .table-intro .included{align-items:center;gap:9px}
.cv2-pack-compare .table-intro .included svg{flex:0 0 auto}
.cv2-pack-compare{width:min(var(--cv2-container, var(--CoreV2-container-width, 1400px)), 100%);box-sizing:border-box}
.popular-badge{position:absolute;top:15px;left:-32px;transform:rotate(-45deg)}}
/* @cv2-legacy:end */
/* @cv2-design */

.cv2-pack-compare{position:relative;color:var(--ar-ink);box-sizing:border-box;max-width:100%}
.cv2-pack-compare .billing-bar{align-items:center;justify-content:space-between;flex-wrap:wrap}
.cv2-pack-compare .category-buttons,.cv2-pack-compare .billing-controls{align-items:center;gap:4px;border-radius:var(--ar-pill);overflow-x:auto;scrollbar-width:none;max-width:100%}
.cv2-pack-compare :is(.control-category,.control-segment){flex:0 0 auto;align-items:center;gap:7px;height:36px;padding:0 15px;border-radius:var(--ar-pill);background:transparent;border:0;color:var(--ar-ink-3);font-size:13.5px;font-weight:600;white-space:nowrap;cursor:pointer}
.cv2-pack-compare :is(.control-category,.control-segment) svg{width:15px;height:15px}
.cv2-pack-compare :is(.control-category,.control-segment)[data-active="true"]{background:var(--color-dual,var(--ar-btn-dark));color:var(--cv2-on-dark,#fff);}
.cv2-pack-compare .billing-options{align-items:center;gap:8px}
.cv2-pack-compare .comparison-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.cv2-pack-compare .comparison{width:100%;table-layout:fixed}
.cv2-pack-compare .comparison :is(th,td){color:var(--ar-ink);font-size:14px;text-align:center;vertical-align:middle}
.cv2-pack-compare .sticky-label{position:sticky;left:0;z-index:2;background:var(--ar-card);text-align:left}
.cv2-pack-compare .table-intro{vertical-align:top}
.cv2-pack-compare .brand-logo{height:28px;width:auto;margin:0 0 12px}
.cv2-pack-compare .table-intro-caption{font-size:16px;font-weight:700;letter-spacing:-.02em;margin:0 0 10px}
.cv2-pack-compare .included{align-items:center;gap:8px;margin:6px 0;font-size:13px;font-weight:500;color:var(--ar-ink-2)}
.cv2-pack-compare .included svg{width:20px;height:20px;padding:4px;box-sizing:border-box;border-radius:var(--ar-pill);background:var(--ar-card-3);color:var(--ar-ink)}
.cv2-pack-compare .table-intro-bottom{align-items:center;gap:7px;margin-top:12px;height:26px;padding:0 10px;border-radius:var(--ar-pill);background:var(--ar-card-2);font-size:12px;color:var(--ar-ink-3)}
.cv2-pack-compare .location-dot{width:7px;height:7px;border-radius:50%;background:var(--ar-ok)}
.cv2-pack-compare .plan-cell{position:relative;vertical-align:top}
.cv2-pack-compare .plan-overview{flex-direction:column;align-items:center;margin:0 0 14px}
.cv2-pack-compare .plan-topline{flex-direction:column;align-items:center;gap:8px}
.cv2-pack-compare .plan-icon{align-items:center;justify-content:center;color:var(--ar-ink)}
.cv2-pack-compare .plan-icon svg{width:20px;height:20px}
.cv2-pack-compare .plan-name{margin:0;color:inherit}
.cv2-pack-compare .price{align-items:baseline;flex-wrap:wrap;gap:4px}
.cv2-pack-compare .price strong{font-weight:800;letter-spacing:-.04em;background:var(--ar-price-fade);-webkit-background-clip:text;background-clip:text;color:transparent}
.cv2-pack-compare .price span{font-size:12.5px;color:var(--ar-ink-3)}
.cv2-pack-compare .plan-cta{align-items:center;justify-content:center;gap:6px;width:100%;padding:0 14px;box-sizing:border-box;border-radius:var(--ar-pill);font-size:13.5px;font-weight:600;text-decoration:none;white-space:nowrap}
.cv2-pack-compare .plan-cta svg{width:16px;height:16px}
.cv2-pack-compare .control-tactile.plan-cta{background:var(--ar-btn-light);color:var(--ar-ink);border:1px solid var(--ar-line);}
.cv2-pack-compare .control-premium.plan-cta{background:var(--ar-btn-light);color:#121316;border:0;}
.cv2-pack-compare .popular-badge{position:absolute;left:50%;align-items:center;gap:4px;border-radius:var(--ar-pill);background:var(--color-dual,var(--ar-grad-popular));color:#fff;font-size:11px;font-weight:700;white-space:nowrap}
.cv2-pack-compare .popular-badge svg{width:11px;height:11px}

.cv2-pack-compare .comparison .featured{background:var(--cv2-dark,#1d1d1f);color:var(--cv2-on-dark,#f4f4f5);border-bottom-color:color-mix(in srgb,var(--cv2-on-dark,#fff) 7%,transparent);--ar-ink:var(--cv2-on-dark,#f4f4f5);--ar-ink-3:var(--cv2-on-dark-2,#9b9ba3);--ar-card-2:var(--cv2-dark-2,#2a2a2d);--ar-line:color-mix(in srgb,var(--cv2-on-dark,#fff) 8%,transparent);--ar-price-fade:var(--ar-price-fade-dark)}
.cv2-pack-compare .comparison thead .featured{border-radius:var(--ar-r-md) var(--ar-r-md) 0 0}
.cv2-pack-compare .comparison .table-end .featured{border-radius:0 0 var(--ar-r-md) var(--ar-r-md)}
.cv2-pack-compare .section-row :is(th,td){background:var(--ar-card-2);border-bottom:1px solid var(--ar-line)}
.cv2-pack-compare .section-row td.featured{background:#262628}
.cv2-pack-compare .section-title{align-items:center;gap:8px;font-weight:700;color:var(--ar-ink-2)}
.cv2-pack-compare .section-title svg{width:15px;height:15px}
.cv2-pack-compare .feature-label-inner{align-items:center;gap:6px;font-size:13.5px;font-weight:500;color:var(--ar-ink-2)}
.cv2-pack-compare .feature-label-inner svg{width:13px;height:13px;color:var(--ar-ink-4)}
.cv2-pack-compare .value-cell{font-size:13.5px;font-weight:500}
.cv2-pack-compare .value-cell svg{width:18px;height:18px}
.cv2-pack-compare .table-end :is(td){padding:18px 12px;border-bottom:0;vertical-align:middle}
.cv2-pack-compare tbody tr:not(.section-row):not(.table-end):hover td:not(.featured){background:var(--ar-card-2)}
@media (max-width:767px){.cv2-pack-compare{padding:6px;border-radius:var(--ar-r-lg)}.cv2-pack-compare .billing-bar{padding:4px 2px 8px}.cv2-pack-compare .category-buttons{width:100%}.cv2-pack-compare .comparison{min-width:620px}.cv2-pack-compare .comparison :is(th,td){padding:12px 10px}.cv2-pack-compare .comparison .feature-column{width:132px}}

/* Durum ozellikleri (display/visibility/opacity/pointer-events/transform): katmansiz, normal oncelik */
/* Paket karsilastirma: beyaz kabuk, segment kategori secici, one cikan sutun koyu */
.cv2-pack-compare .billing-bar{display:flex}
.cv2-pack-compare .category-buttons,.cv2-pack-compare .billing-controls{display:inline-flex}
.cv2-pack-compare .category-buttons::-webkit-scrollbar{display:none}
.cv2-pack-compare :is(.control-category,.control-segment){display:inline-flex}
.cv2-pack-compare .billing-options{display:flex}
.cv2-pack-compare .brand-logo{display:block}
.cv2-pack-compare .brand-logo--dark{display:none}
html[data-theme="dark"] body .cv2-pack-compare .brand-logo--light,html.dark-mode body .cv2-pack-compare .brand-logo--light{display:none}
html[data-theme="dark"] body .cv2-pack-compare .brand-logo--dark,html.dark-mode body .cv2-pack-compare .brand-logo--dark{display:block}
.cv2-pack-compare .plan-overview{display:flex}
.cv2-pack-compare .plan-topline{display:flex}
.cv2-pack-compare .plan-icon{display:flex}
.cv2-pack-compare .price{display:flex}
.cv2-pack-compare .plan-cta{display:inline-flex}
.cv2-pack-compare .popular-badge{transform:translateX(-50%);display:inline-flex}
/* One cikan sutun: koyu serit */
.cv2-pack-compare .section-title{display:inline-flex}
.cv2-pack-compare .feature-label-inner{display:inline-flex}

/* TUR23: a real compact comparison table, not a full-height decorative panel. */

.cv2-pack-compare{min-height:0;width:min(calc(100% - 28px),var(--CoreV2-container-width,1400px));margin:var(--cv2-section-space,36px) auto 0;padding:0;border:0;border-radius:0;background:transparent}

.cv2-pack-compare .comparison :is(th,td):last-child{border-right:0}
.cv2-pack-compare .comparison .feature-column{width:24%}
.cv2-pack-compare .table-intro{padding:16px}
.cv2-pack-compare .plan-cell{padding:16px 12px}
.cv2-pack-compare .plan-cell.featured{padding-top:38px}
.cv2-pack-compare .plan-overview{gap:6px;margin-bottom:10px}
.cv2-pack-compare .plan-description,.cv2-pack-compare .price{min-height:0}
.cv2-pack-compare .price{justify-content:center}
.cv2-pack-compare .plan-name,.cv2-pack-compare .table-intro-caption{letter-spacing:0;overflow-wrap:anywhere}
.cv2-pack-compare .value-cell{height:44px;font-variant-numeric:tabular-nums}
.cv2-pack-compare .section-row :is(th,td){padding:9px 12px}
.cv2-pack-compare .section-title{letter-spacing:0;text-transform:none;font-size:13px}
.cv2-pack-compare .feature-label-inner{white-space:normal;line-height:1.4}
.cv2-pack-compare tbody tr:nth-child(even):not(.section-row):not(.table-end) td:not(.featured){background:var(--ar-card-2)}
@media(max-width:767px){

.cv2-pack-compare .sticky-label{border-right:1px solid var(--ar-line)}
.cv2-pack-compare .control-category{padding:0 10px;font-size:12px}
.cv2-pack-compare .category-buttons{flex-wrap:nowrap;justify-content:space-between}
.cv2-pack-compare .plan-cta{padding:0 6px;gap:4px}
.cv2-pack-compare .plan-cta svg{width:12px;height:12px}
}

/* TUR24: "Paket Ozellikleri" — ortali bolum basligi + her hucresi bagimsiz kutu olan modern tablo.
   Tablo gri bir kabuk icinde; satirlar/hucreler aralarinda bosluk olan ayri beyaz kutular,
   one cikan paket sutunu koyu kutular, dahil/dahil degil durumlari renkli rozet. */

.cv2-pack-compare .cv2-compare-head{margin:0 0 20px;padding:0;text-align:center}
.cv2-pack-compare .cv2-compare-head .title-heading{margin:0 auto;text-align:center}
.cv2-pack-compare .billing-bar{padding:0 0 14px;gap:12px}
.cv2-pack-compare .category-buttons,.cv2-pack-compare .billing-controls{padding:4px;background:var(--ar-card-3);border:1px solid var(--ar-line)}
.cv2-pack-compare :is(.control-category,.control-segment):not([data-active="true"]):hover{background:var(--ar-card);color:var(--ar-ink)}
/* kabuk */
.cv2-pack-compare .comparison-wrap{border-radius:var(--ar-r-xl);background:var(--ar-card-3);border:1px solid var(--ar-line);}
.cv2-pack-compare .comparison{border-collapse:separate;background:transparent;min-width:760px}
/* tum hucreler: ayri kutu */
.cv2-pack-compare .comparison :is(th,td){padding:12px 14px;border:0;border-right:0;border-bottom:0;border-radius:12px;background:var(--ar-card);line-height:1.4}
.cv2-pack-compare .comparison tbody tr:nth-child(n):not(.section-row):not(.table-end) td:not(.featured){background:var(--ar-card)}

/* ozellik adi sutunu: sola hizali, ikon kendi kucuk kutusunda */
.cv2-pack-compare .comparison th.feature-label,.cv2-pack-compare .comparison th.table-intro,.cv2-pack-compare .comparison td.sticky-label{text-align:left}
.cv2-pack-compare .comparison th.feature-label .feature-label-inner{gap:10px;font-size:13.5px;font-weight:600;color:var(--ar-ink-2)}
.cv2-pack-compare .comparison th.feature-label .feature-label-inner svg{width:26px;height:26px;flex:0 0 26px;padding:6px;box-sizing:border-box;border-radius:8px;background:var(--ar-card-2);border:1px solid var(--ar-line);color:var(--ar-ink-3)}
/* paket basliklari: buyuk yuvarlak kartlar */

.cv2-pack-compare .comparison thead .table-intro{padding:20px}

.cv2-pack-compare .plan-icon{width:40px;height:40px;border-radius:var(--ar-pill);background:var(--ar-card-2);border:1px solid var(--ar-line);}
.cv2-pack-compare .plan-name{font-size:17px;font-weight:700}
.cv2-pack-compare .price{margin:8px 0 12px;min-height:0}
.cv2-pack-compare .price strong{font-size:26px}
.cv2-pack-compare .popular-badge{top:12px;height:24px;padding:0 12px}
/* kategori ayirici satir: kutusuz, hap etiket */
.cv2-pack-compare .comparison .section-row :is(th,td),.cv2-pack-compare .comparison tbody tr.section-row:nth-child(n) :is(th,td).featured,.cv2-pack-compare .comparison tbody tr.section-row:nth-child(n) :is(th,td){padding:12px 4px 2px;background:transparent;border-radius:0}
.cv2-pack-compare .comparison .section-row .section-title{gap:8px;align-items:center;border-radius:var(--ar-pill);background:var(--ar-card);border:1px solid var(--ar-line);font-size:13px;font-weight:700;color:var(--ar-ink)}
.cv2-pack-compare .comparison .section-row th{overflow:visible}
.cv2-pack-compare .table-intro-bottom{white-space:nowrap}
.cv2-pack-compare .comparison .section-row .section-title svg{width:22px;height:22px;padding:4px;box-sizing:border-box;border-radius:var(--ar-pill);background:var(--ar-btn-dark);color:var(--cv2-on-dark,#fff)}
/* deger hucreleri */
.cv2-pack-compare .comparison .value-cell{height:48px;font-size:14px;font-weight:600;color:var(--ar-ink)}
.cv2-pack-compare .comparison .feature-status{align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--ar-pill);vertical-align:middle}
.cv2-pack-compare .comparison .feature-status svg{width:14px;height:14px;stroke-width:2.6}
.cv2-pack-compare .comparison .feature-status.is-included{background:color-mix(in srgb,var(--ar-ok) 14%,transparent);color:var(--ar-ok)}
.cv2-pack-compare .comparison .feature-status.is-excluded{background:var(--ar-card-3);color:var(--ar-ink-4)}
.cv2-pack-compare .comparison .value-empty{color:var(--ar-ink-4)}
/* one cikan sutun: her hucre koyu kutu */
.cv2-pack-compare .comparison :is(th,td).featured,.cv2-pack-compare .comparison tbody tr:nth-child(n) td.featured{background:var(--cv2-dark,#1d1d1f);color:var(--cv2-on-dark,#f4f4f5);border-radius:12px;}
.cv2-pack-compare .comparison thead .featured,.cv2-pack-compare .comparison .table-end .featured{border-radius:var(--ar-r-lg)}

.cv2-pack-compare .comparison .featured .feature-status.is-included{background:rgba(74,222,128,.16);color:#4ade80}
.cv2-pack-compare .comparison .featured .feature-status.is-excluded{background:rgba(255,255,255,.08);color:rgba(255,255,255,.4)}
/* alt satir: paket adi + buton */
.cv2-pack-compare .comparison .table-end :is(td){padding:16px 12px;border-radius:var(--ar-r-lg)}
.cv2-pack-compare .comparison .table-end td.sticky-label{text-align:center;color:var(--ar-ink-3)}
.cv2-pack-compare .mini-plan{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ar-ink-3)}
.cv2-pack-compare .plan-cta{height:42px;max-width:200px}
.cv2-pack-compare .control-tactile.plan-cta:hover{color:var(--ar-accent)}
/* gece modu: one cikan sutun mavi tonlu koyu kutu, beyaz buton okunur */
html[data-theme="dark"] body .cv2-pack-compare .comparison :is(th,td).featured,html[data-theme="dark"] body .cv2-pack-compare .comparison tbody tr:nth-child(n) td.featured,html.dark-mode body .cv2-pack-compare .comparison :is(th,td).featured,html.dark-mode body .cv2-pack-compare .comparison tbody tr:nth-child(n) td.featured{background:color-mix(in srgb,var(--ar-accent) 16%,#17181b);}
html[data-theme="dark"] body .cv2-pack-compare .comparison tbody tr.section-row:nth-child(n) td.featured,html.dark-mode body .cv2-pack-compare .comparison tbody tr.section-row:nth-child(n) td.featured{}
html[data-theme="dark"] body .cv2-pack-compare .control-premium.plan-cta,html.dark-mode body .cv2-pack-compare .control-premium.plan-cta{background:#ffffff;color:#121316}
@media(max-width:767px){
.cv2-pack-compare .cv2-compare-head{margin-bottom:14px}
.cv2-pack-compare .comparison-wrap{border-radius:var(--ar-r-lg)}
.cv2-pack-compare .comparison{min-width:640px}
.cv2-pack-compare .comparison .feature-column{width:140px}
.cv2-pack-compare .comparison :is(th,td){padding:10px 8px;font-size:13px}
.cv2-pack-compare .comparison .sticky-label{border-right:0;z-index:3}
.cv2-pack-compare .comparison .section-row .sticky-label{background:var(--ar-card-3)}
.cv2-pack-compare .comparison th.feature-label .feature-label-inner{gap:7px;font-size:12.5px}
.cv2-pack-compare .comparison th.feature-label .feature-label-inner svg{width:22px;height:22px;flex-basis:22px;padding:5px}
.cv2-pack-compare .comparison .value-cell{height:44px}
.cv2-pack-compare .price strong{font-size:21px}
}

/* TUR24 durum: kart durumu (katmansiz) */
.cv2-pack-compare .comparison .feature-status{display:inline-flex}
.cv2-pack-compare .cv2-compare-head{display:block}
/* TUR25: her paket kendi cercevesinde tek sutun-kart (yukaridan asagi kesintisiz);
   sutunlar arasinda bosluk, satirlar ince cizgiyle ayrik ve tum sutunlarda ayni hizada.
   Sol ust hucrede yalniz buyuk firma logosu (yazilar gizli). */

.cv2-pack-compare .comparison-wrap{padding:10px 4px}
.cv2-pack-compare .comparison{border-spacing:10px 0}
/* sutun govdesi: her hucre sutun zemini + yan cerceve + ust ince ayirici */
.cv2-pack-compare .comparison :is(th,td),.cv2-pack-compare .comparison tbody tr:nth-child(n) :is(th,td){border-radius:0;border:0;border-left:1px solid var(--ar-line);border-right:1px solid var(--ar-line);border-top:1px solid var(--ar-line);background:var(--ar-card)}
/* sutun ustu (paket basligi) ve alti (buton) yuvarlak, kapali cerceve */
.cv2-pack-compare .comparison thead :is(th,td){border-top:1px solid var(--ar-line);border-radius:var(--ar-r-lg) var(--ar-r-lg) 0 0;}
.cv2-pack-compare .comparison tbody tr.table-end:nth-child(n) :is(th,td){border-bottom:1px solid var(--ar-line);border-radius:0 0 var(--ar-r-lg) var(--ar-r-lg)}
/* bolum satiri (Genel Ozellikler): sutun cercevesi kesilmez */
.cv2-pack-compare .comparison tbody tr.section-row:nth-child(n) :is(th,td){padding:10px 12px;background:var(--ar-card)}
.cv2-pack-compare .comparison tbody tr.section-row:nth-child(n) td{background:var(--ar-card-2)}
/* satir vurgusu: fareyle uzerine gelince tum satir ayni anda acik renk */
.cv2-pack-compare .comparison tbody tr:not(.section-row):not(.table-end):hover :is(th,td):not(.featured){background:var(--ar-card-2)}
/* one cikan paket: koyu, vurgu cerceveli tek sutun */
.cv2-pack-compare .comparison :is(th,td).featured,.cv2-pack-compare .comparison tbody tr:nth-child(n) :is(th,td).featured{background:var(--cv2-dark,#1d1d1f);color:var(--cv2-on-dark,#f4f4f5);border-top:1px solid color-mix(in srgb,var(--cv2-on-dark,#fff) 8%,transparent)}
.cv2-pack-compare .comparison thead .featured{border-top:2px solid var(--ar-accent)}
.cv2-pack-compare .comparison tbody tr.section-row:nth-child(n) td.featured{background:var(--cv2-dark-2,#262629)}
.cv2-pack-compare .comparison tbody tr:not(.section-row):not(.table-end):hover td.featured{background:var(--cv2-dark-2,#2a2a2d)}
.cv2-pack-compare .comparison tbody tr:nth-child(n) :is(th,td).featured{border-radius:0}
.cv2-pack-compare .comparison thead tr th.featured{border-radius:var(--ar-r-lg) var(--ar-r-lg) 0 0}
.cv2-pack-compare .comparison tbody tr.table-end:nth-child(n) td.featured{border-radius:0 0 var(--ar-r-lg) var(--ar-r-lg)}
/* sol ust: yalniz firma logosu, buyuk ve ortali */

.cv2-pack-compare .comparison tbody tr.table-end td.sticky-label{vertical-align:middle}
/* gece modu */

@media(max-width:767px){
.cv2-pack-compare .comparison-wrap{padding:6px 2px}
.cv2-pack-compare .comparison{border-spacing:6px 0}
.cv2-pack-compare .comparison .sticky-label,.cv2-pack-compare .comparison tbody tr:nth-child(n) .sticky-label{}

}

/* TUR27: sol ust hucre — logo yukarida, altinda "... Hizmetlerimiz" basligi, kisa aciklama ve hap etiketler;
   sol sutundaki ozellik adlari (Islemci, RAM...) kenarlari oval hap kutular; Populer etiketi parlak hap. */

.cv2-pack-compare .table-intro-services{padding-top:14px;border-top:1px dashed var(--ar-line-2,var(--ar-line))}
.cv2-pack-compare .tis-kicker{align-items:center;gap:5px;height:22px;padding:0 9px;margin:0 0 8px;border-radius:var(--ar-pill);background:color-mix(in srgb,var(--ar-accent) 10%,transparent);color:var(--ar-accent);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.cv2-pack-compare .tis-kicker svg{width:12px;height:12px}
.cv2-pack-compare .tis-title{font-size:18px;font-weight:800;line-height:1.2;letter-spacing:-.01em;color:var(--ar-ink)}
.cv2-pack-compare .tis-desc{margin:0 0 12px;font-size:12.5px;line-height:1.45;font-weight:500;color:var(--ar-ink-3);white-space:normal}
.cv2-pack-compare .tis-pills{flex-wrap:wrap;gap:6px}
.cv2-pack-compare .tis-pill{align-items:center;gap:5px;height:26px;padding:0 10px 0 7px;border-radius:var(--ar-pill);background:var(--ar-card-2);border:1px solid var(--ar-line);font-size:11.5px;font-weight:600;color:var(--ar-ink-2);white-space:nowrap}
.cv2-pack-compare .tis-pill svg{width:13px;height:13px;color:var(--ar-accent)}
/* ozellik adlari: oval hap kutu, ikon yuvarlak beyaz daire */
.cv2-pack-compare .comparison tbody th.feature-label:not(.section-row th) .feature-label-inner{align-items:center;gap:9px;width:100%;min-height:34px;padding:4px 14px 4px 4px;box-sizing:border-box;border-radius:var(--ar-pill);background:var(--ar-card-2);border:1px solid var(--ar-line)}
.cv2-pack-compare .comparison tbody th.feature-label .feature-label-inner svg{width:26px;height:26px;flex:0 0 26px;padding:6px;border-radius:50%;background:var(--ar-card);border:1px solid var(--ar-line);color:var(--ar-ink-2)}
.cv2-pack-compare .comparison tbody tr:not(.section-row):not(.table-end) th.feature-label{padding:8px 10px}
.cv2-pack-compare .comparison tbody tr:not(.section-row):not(.table-end):hover th.feature-label .feature-label-inner{background:var(--ar-card)}
/* Populer etiketi: koyu hap, renkli parlak kenar */
.cv2-pack-compare .comparison .popular-badge{height:26px;padding:0 12px;gap:5px;border-radius:var(--ar-pill);border:1.5px solid transparent;background:linear-gradient(var(--cv2-dark-2,#26262a),var(--cv2-dark-2,#26262a)) padding-box,linear-gradient(100deg,#ff6fb5,#ffb36b 35%,#6ee7c8 65%,#6aa8ff) border-box;color:var(--cv2-on-dark,#fff);font-size:12px;font-weight:700;}
.cv2-pack-compare .comparison .popular-badge svg{color:#ffd28a}
@media(max-width:767px){

.cv2-pack-compare .tis-title{font-size:14px}
.cv2-pack-compare .tis-desc{font-size:11px}
.cv2-pack-compare .tis-pill{height:22px;font-size:10.5px;padding:0 8px 0 5px}
.cv2-pack-compare .comparison tbody th.feature-label .feature-label-inner{min-height:30px}
.cv2-pack-compare .comparison tbody th.feature-label .feature-label-inner svg{width:22px;height:22px;flex-basis:22px;padding:5px}
.cv2-pack-compare .comparison tbody tr:not(.section-row):not(.table-end) th.feature-label{padding:6px}
}

.cv2-pack-compare .tis-kicker,.cv2-pack-compare .tis-pill{display:inline-flex}
.cv2-pack-compare .tis-title{display:block}
.cv2-pack-compare .tis-pills{display:flex}
.cv2-pack-compare .comparison tbody th.feature-label .feature-label-inner{display:flex}
/* TUR28: sol ust hucrede aciklama + hap etiketler yerine teknoloji logolari (cPanel, LiteSpeed...);
   Populer sutun: cerceve cizgisi ve golge yok, gece modunda da gunduzdeki gibi alaca karanlik koyu;
   "Populer" etiketi sutunun ust kenarinda — yarisi icte, yarisi dista. */

.cv2-pack-compare .tis-desc,.cv2-pack-compare .tis-pills{display:none}
.cv2-pack-compare .tis-title{margin:0 0 12px}
.cv2-pack-compare .tis-logos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.cv2-pack-compare .tis-logo{display:flex;align-items:center;gap:7px;min-width:0;height:34px;padding:0 10px 0 8px;box-sizing:border-box;border-radius:var(--ar-pill);background:var(--ar-card-2);border:1px solid var(--ar-line);}
.cv2-pack-compare .tis-logo img{display:block;width:auto;height:18px;max-width:22px;object-fit:contain;flex:none;margin:0}
.cv2-pack-compare .tis-logo--mark{justify-content:center;padding:0 10px}
.cv2-pack-compare .tis-logo--mark img{height:16px;max-width:100%}
.cv2-pack-compare .tis-logo-name{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;line-height:1;color:var(--ar-ink-2)}
html[data-theme="dark"] body .cv2-pack-compare .tis-logo--inv img,html.dark-mode body .cv2-pack-compare .tis-logo--inv img{filter:brightness(0) invert(1);opacity:.9}
/* populer sutun: cerceve yok, golge yok */
.cv2-pack-compare .comparison :is(th,td).featured,.cv2-pack-compare .comparison tbody tr:nth-child(n) :is(th,td).featured{border-left:1px solid transparent;border-right:1px solid transparent;}
.cv2-pack-compare .comparison thead th.featured{border-top:1px solid transparent;overflow:visible}
.cv2-pack-compare .comparison tbody tr.table-end:nth-child(n) td.featured{border-bottom:1px solid transparent}
/* gece modu = gunduz modu gibi koyu alaca karanlik (yesil/mavi ton yok) */
html[data-theme="dark"] body .cv2-pack-compare .comparison :is(th,td).featured,html[data-theme="dark"] body .cv2-pack-compare .comparison tbody tr:nth-child(n) :is(th,td).featured,html.dark-mode body .cv2-pack-compare .comparison :is(th,td).featured,html.dark-mode body .cv2-pack-compare .comparison tbody tr:nth-child(n) :is(th,td).featured{background:#26262b;color:#f4f4f5;}
html[data-theme="dark"] body .cv2-pack-compare .comparison tbody tr.section-row:nth-child(n) td.featured,html.dark-mode body .cv2-pack-compare .comparison tbody tr.section-row:nth-child(n) td.featured{background:#2e2e34}
html[data-theme="dark"] body .cv2-pack-compare .comparison tbody tr:not(.section-row):not(.table-end):hover td.featured,html.dark-mode body .cv2-pack-compare .comparison tbody tr:not(.section-row):not(.table-end):hover td.featured{background:#303036}
/* Populer etiketi: yarisi icte yarisi dista, golgesiz */
.cv2-pack-compare .comparison-wrap{padding-top:20px}
.cv2-pack-compare .comparison thead th.featured .popular-badge{position:absolute;top:0;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);margin:0;z-index:6;white-space:nowrap}
@media(max-width:767px){
.cv2-pack-compare .tis-logos{grid-template-columns:1fr;gap:5px}
.cv2-pack-compare .tis-logo{height:28px;padding:0 8px 0 6px;gap:5px}
.cv2-pack-compare .tis-logo img{height:14px;max-width:18px}
.cv2-pack-compare .tis-logo--mark img{height:12px;max-width:100%}
.cv2-pack-compare .tis-logo-name{font-size:10.5px}
.cv2-pack-compare .comparison-wrap{padding-top:18px}
}

/* TUR29: sol ust hucredeki sabit "Hizmetlerimiz" logo listesi kaldirildi;
   ozellik satirlarinda marka logolari (cPanel, LiteSpeed, Let's Encrypt...) ozellik adinin yaninda gorunur. */

html[data-theme="dark"] body .cv2-pack-compare .comparison tbody th.feature-label .feature-label-inner img.feature-logo--inv,html.dark-mode body .cv2-pack-compare .comparison tbody th.feature-label .feature-label-inner img.feature-logo--inv{filter:brightness(0) invert(1);opacity:.9}
@media(max-width:767px){
}

/* TUR30: plain feature names, included-cell logos, readable horizontal package columns. */

.cv2-pack-compare .comparison thead th.table-intro{padding:14px}
.cv2-pack-compare .comparison thead th.table-intro .brand-logo{width:100%;max-width:280px;height:auto;max-height:96px;object-fit:contain}
.cv2-pack-compare .comparison thead th.table-intro .table-intro-caption{margin:0;font-size:14px;line-height:1.5;color:var(--ar-ink-3);letter-spacing:0}
.cv2-pack-compare .comparison tbody th.feature-label .feature-label-inner{padding:4px 8px;min-height:30px;border:0;border-radius:0;background:transparent;overflow-wrap:anywhere}
.cv2-pack-compare .comparison tbody th.feature-label .feature-label-inner :is(img,svg:not(.feature-row-svg)){display:none}
.cv2-pack-compare .comparison .section-row .section-title{height:auto;min-height:32px;white-space:normal;padding:4px 8px;line-height:1.4}
.cv2-pack-compare .comparison .section-row .section-title svg{display:none}
.cv2-pack-compare .comparison .value-cell img.feature-logo{display:inline-block;width:auto;height:28px;max-width:90px;object-fit:contain;margin:0;padding:0;border:0;border-radius:0;background:transparent;vertical-align:middle}
.cv2-pack-compare .comparison .value-cell img.feature-logo--mark{height:24px;max-width:104px}
html[data-theme="dark"] body .cv2-pack-compare .value-cell img.feature-logo--inv,html.dark-mode body .cv2-pack-compare .value-cell img.feature-logo--inv,.cv2-pack-compare .value-cell.featured img.feature-logo--inv{filter:brightness(0) invert(1)}
.cv2-pack-compare .comparison .plan-description{margin:4px 0;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.cv2-pack-compare .comparison thead .plan-cell{padding:18px 12px 14px}
.cv2-pack-compare .comparison thead .plan-cell.featured{padding-top:24px}
.cv2-pack-compare[data-scroll-layout] .comparison{width:var(--compare-table-width);min-width:var(--compare-table-width)}
.cv2-pack-compare[data-scroll-layout] .comparison .feature-column{width:var(--compare-feature-width)}
.cv2-pack-compare[data-scroll-layout] .comparison .sticky-label{left:0;z-index:4;}
.cv2-pack-compare .plan-name{overflow-wrap:anywhere;letter-spacing:0}
@media(max-width:767px){
.cv2-pack-compare .comparison thead th.table-intro{padding:10px}
.cv2-pack-compare .comparison thead th.table-intro .brand-logo{max-width:160px;max-height:72px;margin-bottom:10px}
.cv2-pack-compare .comparison thead th.table-intro .table-intro-caption{font-size:12px}
.cv2-pack-compare .comparison tbody th.feature-label .feature-label-inner{font-size:12.5px;padding:4px 2px}
.cv2-pack-compare .plan-cta{font-size:12px;height:40px}
}

/* TUR31: centered brand only, shared feature icons, white logos on every dark table surface. */

.cv2-pack-compare .comparison thead th.table-intro{vertical-align:middle;text-align:center}
.cv2-pack-compare .comparison thead th.table-intro .brand-logo{margin:0 auto}
.cv2-pack-compare .comparison thead th.table-intro .table-intro-caption{display:none}
.cv2-pack-compare .comparison tbody th.feature-label .feature-label-inner{display:flex;gap:8px;text-align:left}
.cv2-pack-compare .comparison tbody th.feature-label .feature-label-inner > span{min-width:0;overflow-wrap:anywhere}
.cv2-pack-compare .comparison tbody th.feature-label .feature-label-inner .feature-row-svg,.cv2-pack-compare .comparison tbody th.feature-label .feature-label-inner .feature-row-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:20px;font-size:19px;line-height:1;color:var(--ar-ink-2)}
.cv2-pack-compare .comparison tbody th.feature-label .feature-label-inner svg.feature-row-svg{box-sizing:border-box;flex:0 0 28px;width:28px;height:28px;padding:6px;border-radius:8px;border:0;background:color-mix(in srgb,var(--cv2-primary,var(--CoreV2-primary)) 10%,transparent);color:var(--cv2-primary,var(--CoreV2-primary))}
html[data-theme="dark"] body .cv2-pack-compare :is(.brand-logo,.feature-logo),html.dark-mode body .cv2-pack-compare :is(.brand-logo,.feature-logo),.cv2-pack-compare .featured :is(.brand-logo,.feature-logo){filter:brightness(0) invert(1);opacity:1}
@media(max-width:767px){
.cv2-pack-compare .comparison tbody th.feature-label .feature-label-inner svg.feature-row-svg{flex-basis:24px;width:24px;height:24px;padding:5px}
.cv2-pack-compare .comparison tbody th.feature-label .feature-label-inner{gap:5px}
.cv2-pack-compare .comparison tbody th.feature-label .feature-label-inner .feature-row-svg,.cv2-pack-compare .comparison tbody th.feature-label .feature-label-inner .feature-row-icon{flex-basis:17px;width:17px;height:17px;font-size:16px}
}

/* Kapanis satiri sol hucresi — kalkan ikonu yerine kisa yonlendirme */
.cv2-pack-compare .comparison .table-end td.table-end-label{vertical-align:middle}
.cv2-pack-compare .table-end-help{display:flex;flex-direction:column;gap:4px}
.cv2-pack-compare .table-end-help-title{font-size:14px;font-weight:700;line-height:1.2;color:var(--ar-ink,#121316)}
.cv2-pack-compare .table-end-help-text{font-size:12px;font-weight:400;line-height:1.4;color:var(--ar-ink-3,#7c8089)}
.cv2-pack-compare .value-flag{display:inline-flex;align-items:center;gap:8px}
.cv2-pack-compare .value-flag img{width:20px;height:14px;object-fit:cover;border-radius:3px;flex:0 0 20px}

.cv2-pack-compare .comparison tbody th.feature-label .feature-label-inner > span{word-break:normal;overflow-wrap:normal;hyphens:auto}
/* Ilk boyama = JS duzeni (cv2PackCompareLayout ile ayni formul): mobil 1, tablet 2 paket gorunur */
@media (max-width:767px){
.cv2-pack-compare .comparison-wrap{container-type:inline-size}
.cv2-pack-compare:not([data-scroll-layout]) .comparison{--f:min(148px,40cqw);--p:calc(100cqw - var(--f) - 12px);width:calc(var(--f) + var(--cv2-plans,3) * var(--p) + (var(--cv2-plans,3) + 1) * 6px);min-width:calc(var(--f) + var(--cv2-plans,3) * var(--p) + (var(--cv2-plans,3) + 1) * 6px)}
.cv2-pack-compare:not([data-scroll-layout]) .comparison .feature-column{width:min(148px,40cqw)}
}
@media (min-width:768px) and (max-width:1099px){
.cv2-pack-compare .comparison-wrap{container-type:inline-size}
.cv2-pack-compare:not([data-scroll-layout]) .comparison{--f:min(210px,30cqw);--p:calc((100cqw - var(--f) - 30px) / 2);width:calc(var(--f) + var(--cv2-plans,3) * var(--p) + (var(--cv2-plans,3) + 1) * 10px);min-width:calc(var(--f) + var(--cv2-plans,3) * var(--p) + (var(--cv2-plans,3) + 1) * 10px)}
.cv2-pack-compare:not([data-scroll-layout]) .comparison .feature-column{width:min(210px,30cqw)}
}


/* Prices remain actual WISECP values; only contrast and scale change. */
.cv2-pack-compare .comparison .price{align-items:center;min-height:84px}
.cv2-pack-compare .comparison .price strong{font-size:32px;line-height:1.2;font-weight:750;letter-spacing:0;background:none;color:var(--ar-ink);-webkit-text-fill-color:currentColor;white-space:nowrap;font-variant-numeric:tabular-nums}
.cv2-pack-compare .comparison .price span{font-size:14px;color:var(--ar-ink-2)}
.cv2-pack-compare .comparison .price strong span{font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;-webkit-text-fill-color:currentColor}
@media(max-width:767px){.cv2-pack-compare .comparison .price strong{font-size:27px}.cv2-pack-compare .comparison .price span{font-size:13px}}

/* ===== [13/16] bolumler (Sayfa bolumleri (hizmetler, yorumlar, haberler))
 * KAYNAK: assets/css/components/sections/reviews-showcase.css ===== */
/* CoreV2 alan stili: reviews-showcase (Musteri Yorumlari)
 * Kok: .cv2-rv — components/sections/reviews.php
 * Referans: ref-03 (profil karti: avatar yaninda isim + unvan, kose oyugunda dugme), ref-01 (one cikan koyu kart),
 *           ust uste fotografli + dugmeli hap (kullanici gorseli). Kartlarin altinda ortali: noktali gezinme + Yorum Yap.
 * Sade yapi: dis kabuk ve ic panel yok; kartlar dogrudan sayfa zemininde.
 * Kural: html body on eki, !important ve @import kullanilmaz. */

.cv2-rv{
  --rv-page:var(--cv2-shell-bg,var(--color-background,#fbfcfc));
  --rv-card:var(--ar-card);
  --rv-line-2:var(--ar-line-2);
  --rv-shadow:0 1px 2px rgba(16,18,22,.05),0 12px 30px -16px rgba(16,18,22,.2);
  --rv-ink:var(--ar-ink);
  --rv-ink-2:var(--ar-ink-2);
  --rv-ink-3:var(--ar-ink-3);
  --rv-line:var(--ar-line);
  --rv-accent:var(--cv2-primary,var(--ar-accent,#6d4aff));
  --rv-on-accent:var(--color-on-primary,#fff);
  --rv-from:var(--color-gradient-from,var(--rv-accent));--rv-to:var(--color-gradient-to,var(--rv-accent));--rv-grad:var(--color-gradient,var(--rv-accent));
  --rv-star:#f5a524;
  --rv-gap:16px;
  --rv-r:26px;
  --rv-notch:58px;
  display:flex;flex-direction:column;min-width:0;
  margin-top:clamp(14px,2vw,22px)}

/* Ust kisim: sagda Yorum Yap hapi; arkasinda cv2-hsw tarzi asagi dogru yumusayan vurgu sekli */
.cv2-rv .cv2-rv-top{position:relative;display:flex;justify-content:flex-start;order:2;margin:18px 0 0}

/* Alt kisim (kartlarin hemen altinda, ortali): oklu nokta gezinme */
.cv2-rv .cv2-rv-foot{display:flex;justify-content:center;align-items:center;order:1;gap:16px 24px;margin-top:22px}
.cv2-rv.is-static .cv2-rv-foot{display:none}
.cv2-rv .cv2-rv-pager{display:flex;align-items:center;gap:14px}
.cv2-rv.is-static .cv2-rv-pager{display:none}
.cv2-rv .cv2-rv-arrow{display:grid;place-items:center;width:40px;height:40px;padding:0;border-radius:999px;border:1px solid var(--rv-line);background:var(--rv-card);color:var(--rv-ink);cursor:pointer;transition:color .2s,border-color .2s,opacity .2s}
.cv2-rv .cv2-rv-arrow svg{width:17px;height:17px}
.cv2-rv .cv2-rv-arrow:hover{color:var(--rv-accent)}
.cv2-rv .cv2-rv-arrow[disabled]{opacity:.4;cursor:default;color:var(--rv-ink-3)}
/* Noktalar: paket ve yazilim bolumleriyle ayni mantik — secili nokta uzar */
.cv2-rv .cv2-rv-dots{display:flex;align-items:center;gap:16px}
.cv2-rv .cv2-rv-dot{display:block;width:8px;height:8px;padding:0;border:0;border-radius:8px;background:var(--rv-line-2);cursor:pointer;transition:width .3s var(--ar-ease,ease),background-color .25s}
.cv2-rv .cv2-rv-dot:hover{background:color-mix(in srgb,var(--rv-accent) 45%,var(--rv-line-2))}
.cv2-rv .cv2-rv-dot.is-on{width:26px;background:var(--rv-grad)}

/* Yorum yap hapi: ust uste musteri fotograflari + metin + mor dugme */
.cv2-rv .cv2-rv-join{position:relative;isolation:isolate;display:flex;align-items:center;gap:14px;padding:7px 7px 7px 9px;border-radius:999px;background:var(--rv-card);border:1px solid var(--rv-line)}
.cv2-rv .cv2-rv-faces{display:inline-flex}
.cv2-rv .cv2-rv-faces img,
.cv2-rv .cv2-rv-faces span{display:grid;place-items:center;width:42px;height:42px;margin-left:-12px;border-radius:999px;border:3px solid var(--rv-card);object-fit:cover;background:color-mix(in srgb,var(--rv-accent) 16%,var(--rv-card));color:var(--rv-accent);font-size:14px;font-weight:700;box-sizing:border-box;transition:transform .3s var(--ar-ease,ease)}
.cv2-rv .cv2-rv-faces > :first-child{margin-left:0}
.cv2-rv .cv2-rv-join:hover .cv2-rv-faces > *{transform:translateX(calc(var(--i,0) * 2px))}
.cv2-rv .cv2-rv-join-text{font-size:14px;font-weight:600;color:var(--rv-ink);white-space:nowrap}
.cv2-rv .cv2-rv-cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:46px;padding:0 20px 0 7px;border:0;border-radius:999px;background:var(--color-dual,var(--rv-accent));color:var(--rv-on-accent);font:inherit;font-size:14.5px;font-weight:600;cursor:pointer;transition:filter .25s,transform .25s var(--ar-ease,ease)}
.cv2-rv .cv2-rv-cta:hover{filter:brightness(1.06);transform:translateY(-1px)}
.cv2-rv .cv2-rv-cta-plus{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:color-mix(in srgb,var(--rv-on-accent) 22%,transparent);transition:transform .35s var(--ar-ease,ease)}
.cv2-rv .cv2-rv-cta:hover .cv2-rv-cta-plus{transform:rotate(90deg)}
.cv2-rv .cv2-rv-cta-plus svg{width:16px;height:16px}

.cv2-rv .cv2-rv-cta:focus-visible,
.cv2-rv .cv2-rv-arrow:focus-visible,
.cv2-rv .cv2-rv-track:focus-visible{outline:2px solid var(--rv-accent);outline-offset:3px}

/* Kayan iz: zeminsiz */
.cv2-rv .cv2-rv-track{display:flex;gap:var(--rv-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:-8px;padding:8px;scroll-padding-inline:8px}
.cv2-rv .cv2-rv-track::-webkit-scrollbar{display:none}

/* Kart (ref-03) */
.cv2-rv .cv2-rv-card{position:relative;display:flex;flex-direction:column;flex:0 0 calc((100% - 3 * var(--rv-gap)) / 4);min-width:0;padding:20px 20px 22px;box-sizing:border-box;border-radius:var(--rv-r);background:radial-gradient(ellipse 65% 48% at 100% 0%,color-mix(in srgb,var(--rv-to) 16%,transparent),transparent 85%),var(--rv-card);border:1px solid transparent;color:var(--rv-ink);scroll-snap-align:start;transition:transform .35s var(--ar-ease,ease),box-shadow .35s,border-color .35s}
.cv2-rv .cv2-rv-card:hover{transform:translateY(-3px)}

/* Kose oyugu: cerceve cizgisi olmadan sayfa zemininde tam kesik. */
.cv2-rv .cv2-rv-notch{position:absolute;top:-1px;right:-1px;z-index:2;display:flex;align-items:flex-start;justify-content:flex-end;width:var(--rv-notch);height:var(--rv-notch);background:var(--rv-page);border:0;border-radius:0 0 0 22px;box-sizing:border-box}
.cv2-rv .cv2-rv-notch::before,
.cv2-rv .cv2-rv-notch::after{content:"";position:absolute;width:22px;height:22px;background:radial-gradient(circle at 0 100%,transparent 21.5px,var(--rv-page) 22px)}
.cv2-rv .cv2-rv-notch::before{top:0;left:-22px;background:linear-gradient(var(--rv-page),var(--rv-page)) top / 100% 2px no-repeat,radial-gradient(circle at 0 100%,transparent 21.75px,var(--rv-page) 22px);pointer-events:none}
.cv2-rv .cv2-rv-notch::after{top:100%;right:0;background:linear-gradient(var(--rv-page),var(--rv-page)) right / 2px 100% no-repeat,radial-gradient(circle at 0 100%,transparent 21.75px,var(--rv-page) 22px);pointer-events:none}
.cv2-rv .cv2-rv-quote{display:grid;place-items:center;width:46px;height:46px;margin:5px 5px 0 0;border-radius:999px;background:var(--rv-card);border:1px solid var(--rv-line);color:var(--rv-ink);transition:background-color .3s,color .3s,border-color .3s,transform .35s var(--ar-ease,ease)}
.cv2-rv .cv2-rv-quote svg{width:18px;height:18px;fill:currentColor}
.cv2-rv .cv2-rv-card:hover .cv2-rv-quote{background:var(--color-dual,var(--rv-accent));color:var(--rv-on-accent);transform:rotate(-8deg)}

/* Profil: fotograf + yaninda isim ve unvan */
.cv2-rv .cv2-rv-head{display:flex;align-items:center;gap:14px;min-width:0;padding-right:44px}
.cv2-rv .cv2-rv-avatar{display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;border-radius:999px;background:linear-gradient(45deg,color-mix(in srgb,var(--rv-from) 14%,var(--rv-card)),color-mix(in srgb,var(--rv-to) 14%,var(--rv-card)));overflow:hidden}
.cv2-rv .cv2-rv-avatar img{width:100%;height:100%;object-fit:cover}
.cv2-rv .cv2-rv-avatar span{font-size:20px;font-weight:700;color:var(--rv-from)}
.cv2-rv .cv2-rv-id{display:flex;flex-direction:column;gap:3px;min-width:0}
.cv2-rv .cv2-rv-name{display:flex;align-items:center;gap:6px;min-width:0;margin:0;font-size:18px;line-height:1.2;font-weight:600;letter-spacing:0;color:var(--rv-ink)}
.cv2-rv .cv2-rv-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cv2-rv .cv2-rv-verified{flex:0 0 16px;width:16px;height:16px;color:var(--rv-from)}
.cv2-rv .cv2-rv-role{margin:0;font-size:13px;line-height:1.35;color:var(--rv-ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cv2-rv .cv2-rv-text{display:-webkit-box;margin:18px 0 0;padding-top:16px;border-top:1px solid var(--rv-line);font-size:14px;line-height:1.65;color:var(--rv-ink-2);-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}

/* One cikan kart: site renginde zemin, beyaz yazi; kose rozeti ters renk. */
.cv2-rv .cv2-rv-card.is-featured{--rv-on-accent:#fff;background:radial-gradient(ellipse 70% 55% at 100% 0%,color-mix(in srgb,var(--rv-on-accent) 18%,transparent),transparent 80%),var(--rv-grad);border-color:transparent;color:var(--rv-on-accent)}
.cv2-rv .cv2-rv-card.is-featured .cv2-rv-quote{background:var(--rv-on-accent);border-color:transparent;color:var(--rv-from)}.cv2-rv .cv2-rv-card.is-featured:hover .cv2-rv-quote{background:var(--rv-on-accent);color:var(--rv-from)}
.cv2-rv .cv2-rv-card.is-featured .cv2-rv-name,.cv2-rv .cv2-rv-card.is-featured .cv2-rv-verified{color:var(--rv-on-accent)}
.cv2-rv .cv2-rv-card.is-featured .cv2-rv-role{color:color-mix(in srgb,var(--rv-on-accent) 78%,transparent)}
.cv2-rv .cv2-rv-card.is-featured .cv2-rv-text{color:color-mix(in srgb,var(--rv-on-accent) 92%,transparent);border-top-color:color-mix(in srgb,var(--rv-on-accent) 26%,transparent)}
.cv2-rv .cv2-rv-card.is-featured .cv2-rv-avatar{}

/* Tablet: 3 kart */
@media (max-width:1199px){
  .cv2-rv .cv2-rv-card{flex-basis:calc((100% - 2 * var(--rv-gap)) / 3)}
}

/* Telefon: okunabilir tek kart ve sonraki kartin gorunen kenari. */
@media (max-width:767px){
  .cv2-rv{--rv-gap:12px;--rv-r:22px;--rv-notch:52px}
  .cv2-rv .cv2-rv-card{flex-basis:calc(100% - 28px);padding:16px 16px 18px}
  .cv2-rv .cv2-rv-head{gap:12px;padding-right:40px}
  .cv2-rv .cv2-rv-avatar{flex-basis:48px;width:48px;height:48px}
  .cv2-rv .cv2-rv-quote{width:40px;height:40px}
  .cv2-rv .cv2-rv-name{font-size:17px}
  .cv2-rv .cv2-rv-text{margin-top:14px;padding-top:14px;font-size:13.5px}
  .cv2-rv .cv2-rv-foot{gap:14px;margin-top:16px}
  .cv2-rv .cv2-rv-top{margin-top:14px}
  .cv2-rv .cv2-rv-join{width:100%;gap:10px;padding:6px 6px 6px 8px}
  .cv2-rv .cv2-rv-faces img,.cv2-rv .cv2-rv-faces span{width:36px;height:36px;margin-left:-10px}
  .cv2-rv .cv2-rv-join-text{margin-right:auto;font-size:13px;white-space:normal;line-height:1.25}
  .cv2-rv .cv2-rv-cta{height:44px;padding-right:16px;font-size:14px}
  .cv2-rv .cv2-rv-cta-plus{width:32px;height:32px}
}

@media (prefers-reduced-motion:reduce){
  .cv2-rv .cv2-rv-track{scroll-behavior:auto}
  .cv2-rv .cv2-rv-card,.cv2-rv .cv2-rv-quote,.cv2-rv .cv2-rv-cta{transition:none}
}

/* ===== [14/16] bilesenler (Ortak bilesenler (butonlar, kartlar, pencereler))
 * KAYNAK: assets/css/components/reviews/feedback-modal.css ===== */
/* CoreV2 alan stili: feedback-modal (Yorum Yap penceresi)
 * Kok: #commentModal.coreyorumlar-modal-overlay — components/reviews/cv2yorumsf-feedback-modal.php
 * Masaustu: ortada yuvarlak pencere. Telefon: alttan acilan sayfa.
 * Gece/gunduz: tema motoru (--color-*) ve alan tokenlari (--ar-*).
 * Kural: html body on eki, !important ve @import kullanilmaz. */

#commentModal{
  --fm-surface:var(--color-surface,var(--ar-card,#fff));
  --fm-field:var(--ar-card-2,#f6f7f8);
  --fm-ink:var(--ar-ink,#121316);
  --fm-ink-2:var(--ar-ink-2,#3a3d43);
  --fm-ink-3:var(--ar-ink-3,#7c8089);
  --fm-line:var(--ar-line,rgba(18,19,22,.07));
  --fm-line-2:var(--ar-line-2,rgba(18,19,22,.12));
  --fm-accent:var(--cv2-primary,var(--ar-accent,#6d4aff));
  --fm-on-accent:var(--color-on-primary,#fff);
  position:fixed;inset:0;z-index:100000;display:none;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;
  background:rgba(10,11,13,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)
}
#commentModal.visible{display:flex}
#commentModal[hidden]{display:none}

/* Pencere */
#commentModal .coreyorumlar-modal-content{position:relative;width:min(560px,100%);max-height:calc(100dvh - 40px);margin:0;padding:0;overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;border:0;border-radius:30px;background:var(--fm-surface);color:var(--fm-ink);animation:cv2-fm-in .35s cubic-bezier(.2,.7,.2,1)}
#commentModal .coreyorumlar-modal-content::before{content:none}
@keyframes cv2-fm-in{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
#commentModal #coreyorumlar-gorusgonder{padding:28px}

/* Kapat */
#commentModal .coreyorumlar-modal-close-btn{position:absolute;top:22px;right:22px;z-index:3;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:999px;background:var(--fm-field);color:var(--fm-ink-2);cursor:pointer;transition:background-color .2s,color .2s,transform .3s}
#commentModal .coreyorumlar-modal-close-btn:hover{background:var(--fm-line-2);color:var(--fm-ink);transform:rotate(90deg)}
#commentModal .coreyorumlar-modal-close-btn svg{width:18px;height:18px}

/* Baslik: ikon solda, hemen sagda baslik + alt baslik */
#commentModal .cv2-tst-modal-head{display:flex;align-items:center;gap:14px;margin:0 52px 22px 0}
#commentModal .cv2-tst-modal-head-icon{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border-radius:18px;background:color-mix(in srgb,var(--fm-accent) 14%,var(--fm-surface));color:var(--fm-accent)}
#commentModal .cv2-tst-modal-head-icon svg{width:24px;height:24px}
#commentModal .cv2-tst-modal-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
#commentModal .cv2-tst-modal-head h4{margin:0;font-size:21px;line-height:1.2;font-weight:700;letter-spacing:-.02em;color:var(--fm-ink)}
#commentModal .modal-subtitle{display:block;margin:0;font-size:13.5px;line-height:1.5;color:var(--fm-ink-3)}

/* Form */
#commentModal #coreyorumlar-FeedbackForm{display:flex;flex-direction:column;gap:14px;margin:0}
#commentModal #coreyorumlar-FeedbackForm .input-group{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0}

/* Alan: etiket ustte, ikon kutunun icinde solda */
#commentModal .form-field{position:relative;display:flex;flex-direction:column;gap:7px;margin:0}
#commentModal .form-field > label{position:static;display:block;margin:0;transform:none;font-size:12.5px;font-weight:600;color:var(--fm-ink-2);pointer-events:auto}
#commentModal .form-field > svg{position:absolute;left:15px;bottom:15px;top:auto;z-index:1;display:block;width:20px;height:20px;transform:none;color:var(--fm-ink-3);pointer-events:none;transition:color .2s}
#commentModal .form-field--textarea > svg{bottom:auto;top:calc(12.5px * 1.5 + 7px + 15px)}
#commentModal .form-field:focus-within > svg{color:var(--fm-accent)}
#commentModal #coreyorumlar-FeedbackForm input,
#commentModal #coreyorumlar-FeedbackForm textarea{width:100%;height:52px;margin:0;padding:0 16px 0 46px;box-sizing:border-box;border:1px solid transparent;border-radius:16px;background:var(--fm-field);outline:0;font:inherit;font-size:14.5px;color:var(--fm-ink);transition:border-color .2s,background-color .2s,box-shadow .2s}
#commentModal #coreyorumlar-FeedbackForm textarea{height:auto;min-height:130px;padding:14px 16px 14px 46px;line-height:1.55;resize:vertical}
#commentModal #coreyorumlar-FeedbackForm input::placeholder,
#commentModal #coreyorumlar-FeedbackForm textarea::placeholder{color:var(--fm-ink-3)}

#commentModal #coreyorumlar-FeedbackForm input:focus,
#commentModal #coreyorumlar-FeedbackForm textarea:focus{background:var(--fm-surface)}

#commentModal .file-upload-wrapper{display:none}
#commentModal .captcha-wrapper .captchainput{padding-left:16px}

/* Hata / bilgi mesaji */
#commentModal #coreyorumlar-FeedbackForm_output{padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--ar-bad,#e5484d) 10%,var(--fm-surface));color:var(--ar-bad,#e5484d);font-size:13.5px;line-height:1.5}

/* Dugmeler */
#commentModal .form-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin-top:6px}
#commentModal .coreyorumlar-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;height:52px;min-height:0;margin:0;padding:0 20px;box-sizing:border-box;border:0;border-radius:999px;font:inherit;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;transition:filter .2s,background-color .2s,transform .2s}
#commentModal .coreyorumlar-btn-secondary{order:1;background:var(--fm-field);color:var(--fm-ink)}
#commentModal .coreyorumlar-btn-secondary:hover{background:var(--fm-line-2)}
#commentModal .coreyorumlar-btn-primary{order:2;background:var(--fm-accent);color:var(--fm-on-accent);}
#commentModal .coreyorumlar-btn-primary::after{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 2 11 13'/%3E%3Cpath d='m22 2-7 20-4-9-9-4 20-7z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 2 11 13'/%3E%3Cpath d='m22 2-7 20-4-9-9-4 20-7z'/%3E%3C/svg%3E") center/contain no-repeat}
#commentModal .coreyorumlar-btn-primary:hover{filter:brightness(1.06);transform:translateY(-1px)}
#commentModal .coreyorumlar-btn:focus-visible,
#commentModal .coreyorumlar-modal-close-btn:focus-visible{outline:2px solid var(--fm-accent);outline-offset:3px}

/* Basarili */
#commentModal #coreyorumlar-FeedbackForm_Successful{padding:24px 8px 8px;text-align:center}
#commentModal #coreyorumlar-FeedbackForm_Successful svg{width:64px;height:64px;margin:0 auto 12px;color:var(--ar-ok,#22a06b)}
#commentModal #coreyorumlar-FeedbackForm_Successful h4{margin:0 0 6px;font-size:20px;font-weight:700;color:var(--fm-ink)}
#commentModal #coreyorumlar-FeedbackForm_Successful h5{margin:0;font-size:14px;font-weight:400;line-height:1.5;color:var(--fm-ink-3)}

/* Gece modu: pencere golgesi ve alan zemini */
html[data-theme="dark"] #commentModal,
html.dark-mode #commentModal{--fm-field:var(--color-surface-secondary,#1f2023);background:rgba(0,0,0,.62)}
html[data-theme="dark"] #commentModal .coreyorumlar-modal-content,
html.dark-mode #commentModal .coreyorumlar-modal-content{}

/* Telefon: alttan acilan sayfa */
@media (max-width:575px){
  #commentModal{align-items:flex-end;padding:0}
  #commentModal .coreyorumlar-modal-content{width:100%;max-height:calc(100dvh - 24px);border-radius:28px 28px 0 0;animation-name:cv2-fm-up}
  #commentModal .coreyorumlar-modal-content::before{content:"";position:sticky;top:0;display:block;width:44px;height:5px;margin:10px auto 0;border-radius:5px;background:var(--fm-line-2)}
  #commentModal #coreyorumlar-gorusgonder{padding:16px 18px calc(18px + env(safe-area-inset-bottom))}
  #commentModal .coreyorumlar-modal-close-btn{top:24px;right:16px;width:36px;height:36px}
  #commentModal .cv2-tst-modal-head{gap:12px;margin:0 46px 18px 0}
  #commentModal .cv2-tst-modal-head-icon{flex-basis:46px;width:46px;height:46px;border-radius:16px}
  #commentModal .cv2-tst-modal-head h4{font-size:18px}
  #commentModal .modal-subtitle{font-size:13px}
  #commentModal #coreyorumlar-FeedbackForm .input-group{grid-template-columns:1fr;gap:14px}
  #commentModal .coreyorumlar-btn{height:50px}
}
@keyframes cv2-fm-up{from{transform:translateY(40px);opacity:.6}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){#commentModal .coreyorumlar-modal-content{animation:none}}

/* ===== [15/16] bilesenler (Ortak bilesenler (butonlar, kartlar, pencereler))
 * KAYNAK: assets/css/components/ui/about-notch.css ===== */
/* CoreV2 alan stili: about-notch
 * Kok: .about-notch
 * Yalnizca su sayfalarda yuklenir: *
 * Eski kurallarin tamami: tools/areas/archive/about-notch.css */
/* @cv2-legacy:start — split_areas.py uretir, elle duzenlemeyin */
@layer cv2-legacy{
body.cv2-page--home .about-notch{z-index:6;position:absolute}
body.cv2-page--home .about-notch:before, body.cv2-page--home .about-notch:after{content:"";width:var(--notch-r);height:var(--notch-r);position:absolute}
body.cv2-page--home .about-notch-tr{width:19%;height:21%}
body.cv2-page--home .about-notch-tl{width:19%;height:21%}


body.cv2-page--home .about-notch-bl{flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:10px;width:64px;height:40%;display:flex}


body.cv2-page--home .about-notch-bl span{width:46px;height:46px;place-items:center;display:grid}
body.cv2-page--home .n-media .about-notch-tr{width:58px;height:58px}
body.cv2-page--home main .news .n-media .about-notch-tr{width:62px;height:62px}




.about-notch{--nr:var(--notch-r,18px)}
.about-notch .cv2-notch-ico{display:grid;place-items:center;width:40px;height:40px}
.about-notch-tl .cv2-notch-ico{transform:translate(-3px,-3px)}
.deck-card .about-notch{z-index:5}
}
/* @cv2-legacy:end */
/* @cv2-design */
@layer cv2-area{
.about-notch{position:absolute;top:0;right:0;z-index:2;width:58px;height:58px;align-items:flex-start;justify-content:flex-end;padding:0;box-sizing:border-box;background:var(--cv2-notch-bg,var(--notch-bg,var(--ar-card)));border-radius:0 0 0 20px}
.about-notch .cv2-notch-ico{margin:0;width:42px;height:42px;border-radius:var(--ar-pill);align-items:center;justify-content:center;background:var(--ar-card);border:1px solid var(--ar-line);color:var(--ar-ink);font-size:16px}
.about-notch::before,.about-notch::after{content:"";position:absolute;width:20px;height:20px;background:radial-gradient(circle at 0 100%,transparent 19.5px,var(--cv2-notch-bg,var(--notch-bg,var(--ar-card))) 20px)}
.about-notch::before{top:0;left:-20px;background:radial-gradient(circle at 0 100%,transparent 19.5px,var(--cv2-notch-bg,var(--notch-bg,var(--ar-card))) 20px)}
.about-notch::after{bottom:-20px;right:0;background:radial-gradient(circle at 0 100%,transparent 19.5px,var(--cv2-notch-bg,var(--notch-bg,var(--ar-card))) 20px)}
/* Sol ust kose */
.about-notch.about-notch-tl{top:0;left:0;right:auto;bottom:auto;justify-content:flex-start;border-radius:0 0 20px 0}
.about-notch.about-notch-tl::before{top:0;left:auto;right:-20px;background:radial-gradient(circle at 100% 100%,transparent 19.5px,var(--cv2-notch-bg,var(--notch-bg,var(--ar-card))) 20px)}
.about-notch.about-notch-tl::after{bottom:-20px;left:0;right:auto;background:radial-gradient(circle at 100% 100%,transparent 19.5px,var(--cv2-notch-bg,var(--notch-bg,var(--ar-card))) 20px)}
/* Sol alt kose */
.about-notch.about-notch-bl{top:auto;bottom:0;left:0;right:auto;align-items:flex-end;justify-content:flex-start;border-radius:0 20px 0 0}
.about-notch.about-notch-bl::before{top:-20px;left:0;background:radial-gradient(circle at 100% 0,transparent 19.5px,var(--cv2-notch-bg,var(--notch-bg,var(--ar-card))) 20px)}
.about-notch.about-notch-bl::after{bottom:0;right:-20px;background:radial-gradient(circle at 100% 0,transparent 19.5px,var(--cv2-notch-bg,var(--notch-bg,var(--ar-card))) 20px)}
.about-notch .dot-dark{margin:0;width:42px;height:42px;border-radius:var(--ar-pill);align-items:center;justify-content:center;background:var(--ar-btn-dark);color:var(--cv2-on-dark,#fff);font-size:16px}
.n-media .about-notch{width:52px;height:52px}
}
/* Durum ozellikleri (display/visibility/opacity/pointer-events/transform): katmansiz, normal oncelik */
/* Kose oyugu: kartin sag ust kosesinde sayfa zemini renginde oyuk + icinde yuvarlak ok dugmesi */
.about-notch{display:flex;pointer-events:none}
.about-notch .cv2-notch-ico{display:flex;pointer-events:auto;transform:translate(-2px,2px)}
.about-notch::before,.about-notch::after{pointer-events:none}
.about-notch .dot-dark{display:flex;pointer-events:auto}
.about-notch.about-notch-tl .cv2-notch-ico{transform:translate(2px,2px)}
.about-notch.about-notch-bl .dot-dark{transform:translate(2px,-2px)}

/* ===== [16/16] kritik (Ilk boyama icin kritik kurallar)
 * KAYNAK: assets/css/core/critical/cv2-critical-widgets.css ===== */
/* Asistan / WhatsApp pencereleri: CSS yüklenmeden önce ASLA görünmesin, sadece tıklanınca açılsın */
#cai-panel:not(.open),#cai-backdrop:not(.open),#cv2WaChat:not(.is-open){visibility:hidden;opacity:0;pointer-events:none}
#cai-backdrop:not(.open){display:none}
/* Keep the three controls, remove only their shared decorative backing. */
#corev2-fab-cloud{display:none !important}
/* WhatsApp butonu: resmi WhatsApp yeşili */
/* Mobil akıcılık: ekran dışı ağır bölümleri tembel çiz, sonsuz dekoratif animasyonları durdur */
/* Bölüm geometrisi kaydırma sırasında değil ilk yerleşimde hesaplanır. */
@media (max-width:991px){
.cv2-wa-fab-pulse,[class*="pulse"]:not(input):not(button),[class*="shimmer"],[class*="-glow"]{animation:none}
*{scroll-behavior:auto}
}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms}
}
/* perf: yuklemede gec gelen stiller 100+ ogede bosuna gecis animasyonu baslatmasin */
html:not(.cv2-anim-ok) body *:not(#corev2-preloader){transition:none}
/*# sourceMappingURL=paketler-header-kritik.19cccce6bb.css.map */