/* ================================================================
   CoreV2 hosting.css — ANA SAYFA HOSTING KART PARITE
   Yedek ana sayfada hosting kartlari su CSS'lerden gelir (sira):
   - hosting-pack.css, hosting-modern.css, homepage.bundle (pack parity),
     cv2-packs-promo.css, cv2-layout-density.css
   Bu dosya: yalnizca o kaynaklardan HOSTING KART parcalari.

/* ========== BOLUM 1: Yedek hosting-pack.css ========== */

/* ================================================================
   CoreV2 — Hosting / Pack Design
   Extracted from index-public.bundle.css for independent loading
   ================================================================ */

/* ----------------------------------------------------------------
   1. DESIGN TOKENS
   ---------------------------------------------------------------- */
:root {
  --cv2-primary:        var(--CoreV2-primary, #059669);
  --cv2-primary-rgb:    var(--CoreV2-primary-rgb, 5, 150, 105);
  --cv2-white:          #ffffff;
  --cv2-gray-50:        #f8fafc;
  --cv2-gray-100:       #f1f5f9;
  --cv2-gray-200:       #e2e8f0;
  --cv2-gray-300:       #cbd5e1;
  --cv2-gray-400:       #94a3b8;
  --cv2-gray-500:       #64748b;
  --cv2-gray-600:       #475569;
  --cv2-gray-700:       #334155;
  --cv2-gray-800:       #1e293b;
  --cv2-gray-900:       #0f172a;
  --cv2-text-primary:   #1a1e2e;
  --cv2-text-body:      #4b5675;
  --cv2-text-muted:     #8892a4;
  --cv2-text-invert:    #ffffff;
  --cv2-border:         rgba(var(--cv2-primary-rgb), 0.12);
  --cv2-border-subtle:  rgba(var(--cv2-primary-rgb), 0.07);
  --cv2-surface:        rgba(var(--cv2-primary-rgb), 0.04);
  --cv2-surface-hover:  rgba(var(--cv2-primary-rgb), 0.08);
  --cv2-overlay-white:  rgba(255, 255, 255, 0.10);
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --shadow-card:  0 1px 3px rgba(15,23,42,0.04), 0 4px 12px rgba(15,23,42,0.06);
  --shadow-hover: 0 4px 16px rgba(15,23,42,0.10), 0 1px 4px rgba(15,23,42,0.06);
  --shadow-pop:   0 8px 32px rgba(var(--cv2-primary-rgb), 0.18);
  --font-sans:   system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semibold: 600;
  --fw-bold:     700;
  --fw-black:    650;
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
  --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast:    0.16s;
  --dur-med:     0.28s;
  --dur-slow:    0.48s;
  --container: var(--CoreV2-container-width, 1300px);
  --cv2-packs-3v-gap: var(--cv2-card-grid-gap, 18px);
  --cv2-pack-slot-w: var(--cv2-card-width, 160px);
}

[data-theme="dark"] {
  --cv2-text-primary:  #e2e8f0;
  --cv2-text-body:     #94a3b8;
  --cv2-text-muted:    #64748b;
  --cv2-border:        rgba(var(--cv2-primary-rgb), 0.18);
  --cv2-border-subtle: rgba(var(--cv2-primary-rgb), 0.10);
  --cv2-surface:       rgba(var(--cv2-primary-rgb), 0.10);
  --cv2-surface-hover: rgba(var(--cv2-primary-rgb), 0.16);
  --cv2-white:         #0f172a;
  --cv2-gray-50:       #1e293b;
  --cv2-gray-100:      #1a2436;
  --cv2-gray-200:      rgba(148,163,184,0.12);
  --shadow-card:       0 1px 3px rgba(0,0,0,0.20), 0 4px 12px rgba(0,0,0,0.28);
  --shadow-hover:      0 4px 20px rgba(0,0,0,0.36), 0 1px 4px rgba(0,0,0,0.20);
}

/* ----------------------------------------------------------------
   3. LAYOUT CONTAINERS
   ---------------------------------------------------------------- */
/* ----------------------------------------------------------------
   4. FILTER / TAB BAR
   ---------------------------------------------------------------- */
.CoreV2-filter-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--sp-2);
  margin-bottom: 10px;
  padding: 0;
}


.CoreV2-filter .CoreV2-filter-options {
  display: flex;
  align-items: center;
  padding: 5px;
  background: rgba(var(--cv2-primary-rgb), 0.03);
  border: 1px solid rgba(var(--cv2-primary-rgb), 0.10);
  /* Tema: Kart radius — filter şeridi */
  border-radius: var(--cv2-radius-card, var(--r-xl, 14px));
  gap: 2px;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}


.CoreV2-filter .CoreV2-filter-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--sp-2);
  height: 38px;
  padding: 0 var(--sp-5);
  font-size: 13px;
  font-weight: var(--fw-medium);
  color: var(--cv2-primary);
  background: transparent;
  /* Tema: Buton radius — filter öğesi */
  border-radius: var(--cv2-radius-btn, var(--cv2-btn-radius, 14px));
  cursor: pointer;
  transition: background var(--dur-fast) var(--ease-smooth),
              color var(--dur-fast) var(--ease-smooth);
  white-space: nowrap;
  text-decoration: none;
  user-select: none;
}


.CoreV2-filter .CoreV2-filter-item:hover {
  background: rgba(var(--cv2-primary-rgb), 0.09);
}

.CoreV2-filter .CoreV2-filter-item.active {
  background: var(--cv2-primary);
  color: #fff;
  font-weight: var(--fw-semibold);
  /* Tema: Buton radius — aktif sekme */
  border-radius: var(--cv2-radius-btn, var(--cv2-btn-radius, 14px));
}


[data-theme="dark"] .CoreV2-filter .CoreV2-filter-options {
  background: rgba(var(--cv2-primary-rgb), 0.10);
  border-color: rgba(var(--cv2-primary-rgb), 0.20);
}

[data-theme="dark"] .CoreV2-filter .CoreV2-filter-item { color: var(--cv2-text-body); }
[data-theme="dark"] .CoreV2-filter .CoreV2-filter-item:hover { background: rgba(var(--cv2-primary-rgb), 0.14); color: var(--cv2-primary); }
[data-theme="dark"] .CoreV2-filter .CoreV2-filter-item.active { background: var(--cv2-primary); color: #fff; }

@media (max-width: 768px) {
  .CoreV2-filter-wrap { justify-content: flex-start; gap: var(--sp-2); padding: 0; }
  .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%;
  }
  .CoreV2-filter .CoreV2-filter-item {
    width: 100%;
    justify-content: center;
    padding: 0 10px;
  }
  .CoreV2-filter { width: 100%; }

  .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-header {
    display: flex;
    align-items: center;
    gap: var(--sp-3);
    padding: var(--sp-2);
    background: rgba(var(--cv2-primary-rgb), 0.05);
    border: 1px solid rgba(var(--cv2-primary-rgb), 0.10);
    border-radius: var(--cv2-radius-btn);
    cursor: pointer;
    position: relative;
    width: 100%;
    transition: background var(--dur-fast) var(--ease-smooth);
  }

  .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-icon {
    min-width: 46px; height: 46px; width: 46px;
    display: flex; align-items: center; justify-content: center;
    background: rgba(var(--cv2-primary-rgb), 0.09);
    border-radius: var(--cv2-radius-btn);
    font-size: 20px;
    color: var(--cv2-primary);
  }

  .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-info { line-height: 1.4; text-align: left; }
  .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-label { font-size: 12px; color: var(--cv2-text-muted); display: block; }
  .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-value { font-size: 15px; font-weight: var(--fw-semibold); color: var(--cv2-text-primary); display: block; }

  .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;
    color: var(--cv2-text-muted); font-size: 13px;
    transition: transform var(--dur-med) var(--ease-smooth);
  }
  .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-arrow::before { content: '\25BC'; }
  .CoreV2-filter.CoreV2-filter-mobile.open .CoreV2-filter-arrow { transform: translateY(-50%) rotate(180deg); }

  .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-options {
    display: none;
    flex-direction: row; flex-wrap: wrap;
    margin-top: var(--sp-2); padding: var(--sp-2); gap: var(--sp-1);
    animation: filterSlideDown var(--dur-med) var(--ease-out);
  }
  .CoreV2-filter.CoreV2-filter-mobile.open .CoreV2-filter-options { display: flex; }
  .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-item { height: auto; padding: var(--sp-2) var(--sp-3); font-size: 13px; border-radius: var(--r-sm); }

  @keyframes filterSlideDown {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
  }
}

/* ----------------------------------------------------------------
   5. VERTICAL PACKS GRID
   ---------------------------------------------------------------- */
.vertical--packs:not(:has(.packs-cards-panel--3v)) > .pack-card-wrapper {
  width: calc((100% - 36px) / 3);
  max-width: calc((100% - 36px) / 3);
  /* v0.2.313: min-width 280px mobil yatay tasma + kart kaymasi yapiyordu */
  min-width: 0;
  overflow: visible;
  box-sizing: border-box;
}
@media (max-width: 1024px) {
  .vertical--packs:not(:has(.packs-cards-panel--3v)) > .pack-card-wrapper {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    flex: 1 1 100%;
  }
}

/* Sayfalama: 7+ kart gizli — ama ilk 6 anında görünür (JS bekleme yok).
   Not: promo layout (:has packs-cards-panel) bu kurala girmez. */
.vertical--packs:not(:has(.packs-cards-panel--3v)) > .pack-card-wrapper:nth-child(n+7) { display: none; }
.vertical--packs:not(:has(.packs-cards-panel--3v)) > .pack-card-wrapper:nth-child(-n+6) {
  display: block;
  visibility: visible;
  opacity: 1;
}
.vertical--packs:not(:has(.packs-cards-panel--3v)).show-all > .pack-card-wrapper:nth-child(n+7) { display: block; }

.packs-cards-panel--3v .packs-cards-track > .pack-card-wrapper,
.vertical--packs:has(.packs-slider-body--3v) .packs-cards-track > .pack-card-wrapper,
.packs-slider-body--hosting-only .packs-cards-track > .pack-card-wrapper {
  max-width: none;
  min-width: 0;
  display: flex;
  visibility: visible;
  opacity: 1;
}

/* ----------------------------------------------------------------
   6. PACK CARD
   ---------------------------------------------------------------- */
.vertical--packs .pack {
  position: relative;
  width: 100%;
  border-radius: var(--cv2-radius-card, var(--r-2xl, 14px));
  padding: var(--sp-3, 12px);
  background: linear-gradient(135deg, #ffffff 0%, #f1f5f9 100%);
  /* Kenar görünürlüğü: çok soluk /36% yerine net çerçeve */
  border: 1px solid rgba(var(--cv2-primary-rgb, 59, 130, 246), 0.14);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  display: flex;
  flex-direction: column;
  /* flex-start: sepete ekle uste yakin; space-between buyuk bosluk birakiyordu */
  justify-content: flex-start;
  min-height: 0;
  height: auto;
  overflow: visible;
  box-sizing: border-box;
  transition: transform var(--dur-med, 0.25s) var(--ease-out, ease),
              border-color var(--dur-med, 0.25s) var(--ease-smooth, ease),
              box-shadow var(--dur-med, 0.25s) ease;
}

.vertical--packs .pack:hover {
  transform: translateY(-4px);
  border-color: rgba(var(--cv2-primary-rgb, 59, 130, 246), 0.28);
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
}

.vertical--packs .pack.pack-popular {
  background: var(--theme-color-1-gradient, linear-gradient(135deg, var(--cv2-primary) 0%, color-mix(in srgb, var(--cv2-primary) 80%, #000) 100%));
  border-color: transparent;
}

.vertical--packs .pack.pack-popular::after {
  content: '';
  position: absolute;
  inset: 0;
  background: url('../../images/wscms_Images/revmo-1.webp') repeat;
  background-size: auto;
  opacity: 0.03;
  pointer-events: none;
  z-index: 0;
  border-radius: inherit;
}

.vertical--packs .pack.pack-popular:hover { transform: translateY(-2px); }

.vertical--packs .pack.pack-out-of-stock { pointer-events: none; user-select: none; }

.vertical--packs .pack.pack-out-of-stock .pack-head,
.vertical--packs .pack.pack-out-of-stock .pack-image-area,
.vertical--packs .pack.pack-out-of-stock .pack-countdown,
.vertical--packs .pack.pack-out-of-stock .pack-detail,
.vertical--packs .pack.pack-out-of-stock .pack-features-grid {
  filter: blur(3px);
  opacity: 0.35;
}

.vertical--packs .pack.pack-out-of-stock .btn-action {
  filter: none; opacity: 1; pointer-events: auto;
  background: #ef4444; border-color: #ef4444;
}

[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) {
  background: linear-gradient(145deg, #0f172a 0%, #1a2436 100%);
  border-color: rgba(var(--cv2-primary-rgb), 0.12);
}
[data-theme="dark"] .packs-slider-container,
[data-theme="dark"] .packs-slider-body,
[data-theme="dark"] .packs-cards-panel,
[data-theme="dark"] .packs-cards-track {
  background: transparent;
}
[data-theme="dark"] .vertical--packs {
  background: transparent;
}

[data-theme="dark"] .vertical--packs .pack:not(.pack-popular):hover {
  border-color: rgba(var(--cv2-primary-rgb), 0.28);
}

[data-theme="dark"] .vertical--packs .pack-card-wrapper { background: transparent; }

/* ----------------------------------------------------------------
   7. POPULAR BADGE
   ---------------------------------------------------------------- */
/* Float/detail eski rozetler gizli; --head (slot) her zaman görünür */
.pack-popular-badge:not(.pack-popular-badge--head) { display: none; }
.pack-popular-badge--head,
.cv2-advantage-badge {
  display: inline-flex;
  text-transform: none;
  box-shadow: none;
}

.vertical--packs .pack.pack-popular .pack-popular-badge:not(.pack-popular-badge--head) {
  display: none; /* float varyant kapalı — head slot kullan */
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(255,255,255,0.94);
  color: var(--cv2-primary);
  font-size: 9.5px;
  font-weight: var(--fw-bold);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 5px 16px;
  border-radius: var(--r-pill);
  border: 1px solid rgba(var(--cv2-primary-rgb), 0.18);
  white-space: nowrap;
  z-index: 10;
  align-items: center;
  gap: 4px;
  box-shadow: none;
}

.pack-popular-badge svg {
  width: 10px; height: 10px; flex-shrink: 0;
  animation: badgePulse 2.4s ease-in-out 3;
}

@keyframes badgePulse {
  0%, 100% { transform: scale(1) rotate(0deg); }
  50%       { transform: scale(1.2) rotate(12deg); }
}

/* ----------------------------------------------------------------
   8. PACK HEAD
   ---------------------------------------------------------------- */
.pack-head-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-2);
  margin-bottom: var(--sp-2);
  position: relative;
  z-index: 1;
}

.vertical--packs .pack .pack-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: var(--sp-2);
  margin-bottom: var(--sp-1);
  position: relative;
  z-index: 1;
}

.pack-head-row > .pack-head {
  flex: 1; min-width: 0; margin-bottom: 0; padding-bottom: 0; border-bottom: none;
}

.vertical--packs .pack.pack-popular .pack-head { border-color: rgba(255,255,255,0.15); }

.pn-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 0 1 auto;
  width: fit-content;
  max-width: 100%;
  min-width: 0;
  font-weight: var(--fw-bold);
  line-height: 1.15;
}

.pn-text .pn-title {
  display: block;
  width: auto; max-width: 100%;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.vertical--packs .pack:not(.pack-popular) .pn-text { color: var(--cv2-primary); }
.vertical--packs .pack.pack-popular .pn-text       { color: #fff; }

.vertical--packs .pack .pack-name {
  font-size: 21px;
  letter-spacing: -0.02em;
  color: var(--cv2-text-primary);
  font-weight: var(--fw-black);
  margin-top: 2px;
  position: relative;
  z-index: 1;
  text-align: left;
  line-height: 1.15;
  display: inline-flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 0;
  width: fit-content;
  max-width: calc(100% - 52px);
}

.vertical--packs .pack .pack-name::before {
  content: "";
  position: absolute;
  left: calc((var(--sp-3, 12px) + 1px) * -1);
  top: -4px;
  height: calc(100% - 8px);
  width: 4px;
  right: auto;
  bottom: auto;
  background: var(--cv2-primary, var(--CoreV2-primary, #059669));
  border-radius: 0 6px 6px 0;
  z-index: 0;
  -webkit-mask: none;
  mask: none;
}

[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .pack-name::before {
  background: var(--cv2-primary, var(--CoreV2-primary, #059669));
}

.vertical--packs .pack.pack-popular .pack-name { color: #fff; }
.vertical--packs .pack.pack-popular .pack-name::before {
  background: rgba(255, 255, 255, 0.92);
}

.vertical--packs .pack .pack-subtitle {
  display: block;
  font-size: 12px;
  font-weight: var(--fw-medium);
  margin-top: 2px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  max-width: 100%;
}

/* alt baslik/aciklama = soft text (Baslik ailesi); primary DEGIL */
.vertical--packs .pack:not(.pack-popular) .pn-text .pack-subtitle { color: var(--cv2-text, var(--cv2-soft-text, var(--soft-text, #4c5473))); }
.vertical--packs .pack.pack-popular .pack-subtitle                  { color: rgba(255,255,255,0.78); }

[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .pack-name    { color: var(--cv2-text-primary); }
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .pn-text      { color: var(--cv2-text-primary); }
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .pack-subtitle { color: var(--cv2-text-muted); }

/* ----------------------------------------------------------------
   9. PACK ICON
   ---------------------------------------------------------------- */
.pack-icon {
  width: 40px; height: 40px;
  display: flex; align-items: center; justify-content: center;
  border-radius: var(--cv2-radius-btn);
  background: rgba(var(--cv2-primary-rgb), 0.09);
  color: var(--cv2-primary);
  transition: transform var(--dur-fast) var(--ease-spring),
              background var(--dur-fast) var(--ease-smooth);
  flex-shrink: 0;
  position: relative; z-index: 1;
}

.pack-icon svg { display: block; width: 22px; height: 22px; }
.pack:hover .pack-icon { transform: scale(1.10) rotate(-4deg); }
.pack.pack-popular .pack-icon { background: rgba(255,255,255,0.18); color: #fff; }

.pack-icon-server svg    { animation: iconServer   2.2s ease-in-out infinite; animation-play-state: paused; }
.pack-icon-sms svg       { animation: iconBounce   2s   ease-in-out infinite; animation-play-state: paused; }
.pack-icon-ssl svg       { animation: iconShake    3.5s ease-in-out infinite; animation-play-state: paused; }
.pack-icon-domain svg    { animation: iconSpin     9s   linear     infinite; animation-play-state: paused; }
.pack-icon-mail svg      { animation: iconFly      2.8s ease-in-out infinite; animation-play-state: paused; }
.pack-icon-license svg   { animation: iconGlow     2.2s ease-in-out infinite; animation-play-state: paused; }
.pack-icon-backup svg    { animation: iconUpload   2.2s ease-in-out infinite; animation-play-state: paused; }
.pack-icon-wordpress svg { animation: iconRotate   7s   linear     infinite; animation-play-state: paused; }
.pack-icon-reseller svg  { animation: iconGrow     2.8s ease-in-out infinite; animation-play-state: paused; }
.pack:hover .pack-icon svg { animation-play-state: running; }

@keyframes iconServer  { 0%,100%{transform:scale(1)}  50%{transform:scale(1.14)} }
@keyframes iconBounce  { 0%,100%{transform:translateY(0)} 30%{transform:translateY(-5px)} 60%{transform:translateY(0)} 80%{transform:translateY(-2px)} }
@keyframes iconShake   { 0%,100%{transform:rotate(0)} 15%{transform:rotate(-8deg)} 30%{transform:rotate(6deg)} 45%{transform:rotate(-4deg)} 60%{transform:rotate(0)} }
@keyframes iconSpin    { 0%{transform:rotateY(0deg)} 100%{transform:rotateY(360deg)} }
@keyframes iconFly     { 0%,100%{transform:translate(0,0)} 25%{transform:translate(3px,-4px)} 75%{transform:translate(-2px,-2px)} }
@keyframes iconGlow    { 0%,100%{filter:drop-shadow(0 0 0 transparent)} 50%{filter:drop-shadow(0 0 7px rgba(var(--cv2-primary-rgb),0.6))} }
@keyframes iconUpload  { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }
@keyframes iconRotate  { 0%{transform:rotate(0deg)} 100%{transform:rotate(360deg)} }
@keyframes iconGrow    { 0%,100%{transform:scale(1)} 50%{transform:scale(1.14)} }

/* ----------------------------------------------------------------
   10. LEVEL INDICATOR
   ---------------------------------------------------------------- */
.level-indicator {
  display: flex;
  align-items: center;
  gap: var(--sp-1);
  padding: 6px 10px;
  background: rgba(var(--cv2-primary-rgb), 0.06);
  border: 1px solid rgba(var(--cv2-primary-rgb), 0.12);
  border-radius: var(--r-xl);
  flex-shrink: 0;
  transition: transform var(--dur-fast) var(--ease-out),
              background var(--dur-fast) var(--ease-smooth);
}

.level-indicator:hover { transform: translateY(-1px); background: rgba(var(--cv2-primary-rgb), 0.09); }

.level-box {
  width: 9px; height: 20px;
  border-radius: var(--r-xs);
  background: rgba(var(--cv2-primary-rgb), 0.15);
  opacity: 0.3;
  transition: opacity var(--dur-med) var(--ease-smooth);
}

.level-box.active {
  background: var(--cv2-primary);
  opacity: 1;
  animation: signalWave 1.8s ease-in-out 3;
}

@keyframes signalWave { 0%,100%{opacity:0.3} 50%{opacity:1} }

.level-indicator[data-level="1"] .box1.active { --scan-delay: 0s; }
.level-indicator[data-level="2"] .box1.active { --scan-delay: 0s; }
.level-indicator[data-level="2"] .box2.active { --scan-delay: 0.2s; }
.level-indicator[data-level="3"] .box1.active { --scan-delay: 0s; }
.level-indicator[data-level="3"] .box2.active { --scan-delay: 0.15s; }
.level-indicator[data-level="3"] .box3.active { --scan-delay: 0.3s; }
.level-indicator[data-level="4"] .box1.active { --scan-delay: 0s; }
.level-indicator[data-level="4"] .box2.active { --scan-delay: 0.12s; }
.level-indicator[data-level="4"] .box3.active { --scan-delay: 0.24s; }
.level-indicator[data-level="4"] .box4.active { --scan-delay: 0.36s; }

.vertical--packs .pack.pack-popular .level-indicator { background: rgba(255,255,255,0.12); border-color: rgba(255,255,255,0.20); }
.vertical--packs .pack.pack-popular .level-box       { background: rgba(255,255,255,0.20); }
.vertical--packs .pack.pack-popular .level-box.active { background: #fff; }

[data-theme="dark"] .level-indicator  { background: rgba(var(--cv2-primary-rgb), 0.10); border-color: rgba(var(--cv2-primary-rgb), 0.22); }
[data-theme="dark"] .level-box        { background: rgba(255,255,255,0.10); }
[data-theme="dark"] .level-box.active { background: var(--cv2-primary); }

/* ----------------------------------------------------------------
   11. COUNTDOWN
   ---------------------------------------------------------------- */
.pack-countdown::before { content: none; }

.countdown-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--sp-1);
  font-size: 9.5px;
  font-weight: var(--fw-bold);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--cv2-primary);
  margin-bottom: 7px;
  white-space: nowrap;
}

.countdown-title i { font-size: 10px; animation: cdPulse 2s ease-in-out 3; }
@keyframes cdPulse { 0%,100%{opacity:1; transform:scale(1)} 50%{opacity:0.6; transform:scale(1.15)} }

.countdown-boxes {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--sp-1);
}

.cd-box {
  display: flex; flex-direction: column; align-items: center;
  background: rgba(255,255,255,0.92);
  border-radius: var(--r-xs);
  padding: 4px 7px;
  min-width: 32px;
  border: 1px solid rgba(var(--cv2-primary-rgb), 0.10);
}

.cd-val {
  display: block;
  font-size: 15px;
  font-weight: var(--fw-bold);
  color: var(--cv2-primary);
  line-height: 1;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.02em;
}

.cd-lbl {
  display: block;
  font-size: 6.5px;
  font-weight: var(--fw-semibold);
  color: var(--cv2-primary);
  text-transform: uppercase;
  opacity: 0.5;
  letter-spacing: 0.4px;
  margin-top: 2px;
}

.cd-sep {
  font-size: 11px;
  font-weight: var(--fw-bold);
  color: var(--cv2-primary);
  opacity: 0.35;
  margin-bottom: 8px;
  line-height: 1;
}

.vertical--packs .pack.pack-popular .countdown-title { color: #fff; }
.vertical--packs .pack.pack-popular .cd-box          { background: rgba(255,255,255,0.18); border-color: rgba(255,255,255,0.10); }
.vertical--packs .pack.pack-popular .cd-val          { color: #fff; }
.vertical--packs .pack.pack-popular .cd-sep          { color: rgba(255,255,255,0.55); }
.vertical--packs .pack.pack-popular .cd-lbl          { color: rgba(255,255,255,0.72); }

[data-theme="dark"] .cd-box { background: rgba(15,23,42,0.80); border-color: rgba(var(--cv2-primary-rgb), 0.20); }

.pack-countdown-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-2);
  background: var(--cv2-primary);
  border-radius: var(--r-md) var(--r-md) 0 0;
  padding: 7px var(--sp-4);
  margin-bottom: -4px;
  position: relative;
  z-index: 2;
}

.pack-has-banner { border-top-left-radius: 0; border-top-right-radius: 0; }

.pcb-title {
  display: flex; align-items: center; gap: var(--sp-1);
  font-size: 10px; font-weight: var(--fw-bold);
  color: #fff; white-space: nowrap;
  letter-spacing: 0.04em; text-transform: uppercase;
}
.pcb-title i { font-size: 11px; }

.pcb-boxes { display: flex; align-items: center; gap: var(--sp-1); }

.pcb-box {
  display: flex; flex-direction: column; align-items: center;
  background: rgba(255,255,255,0.18);
  border-radius: var(--r-xs);
  padding: 3px 6px; min-width: 28px;
  border: 1px solid rgba(255,255,255,0.22);
}
.pcb-val { display: block; font-size: 13px; color: #fff; line-height: 1; font-variant-numeric: tabular-nums; }
.pcb-lbl { display: block; font-size: 6px; font-weight: var(--fw-semibold); color: rgba(255,255,255,0.8); text-transform: uppercase; letter-spacing: 0.3px; margin-top: 2px; }
.pcb-sep { font-size: 11px; color: rgba(255,255,255,0.6); margin-bottom: 8px; line-height: 1; }

.pcs-divider {
  width: 1px; align-self: stretch;
  background: rgba(var(--cv2-primary-rgb), 0.08);
  flex-shrink: 0; margin: 2px 8px; border-radius: 1px;
}

.vertical--packs .pack .pack-detail:has(.pack-countdown-2v) { flex-wrap: nowrap; align-items: center; gap: var(--sp-2); }

.vertical--packs .pack .pack-detail .pack-countdown.pack-countdown-2v {
  width: fit-content; max-width: 86px; margin: 0; padding: 0;
  flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-start; gap: 3px;
}

.vertical--packs .pack .pack-detail .pack-countdown-2v .countdown-title {
  display: flex; align-items: center; gap: 2px;
  margin: 0; padding: 0 1px;
  font-size: 8px; font-weight: var(--fw-bold); letter-spacing: 0.03em;
  color: var(--cv2-primary); white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis; max-width: 86px; line-height: 1.15;
}
.vertical--packs .pack .pack-detail .pack-countdown-2v .pcs-label {
  display: flex; align-items: center; gap: 2px;
  margin: 0; padding: 0 1px;
  font-size: 8px; font-weight: var(--fw-bold); letter-spacing: 0.03em;
  color: var(--cv2-primary); white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis; max-width: 86px; line-height: 1.15;
}

.vertical--packs .pack .pack-detail .pack-countdown-2v .pcs-label svg { width: 9px; height: 9px; flex-shrink: 0; opacity: 0.85; }

.vertical--packs .pack .pack-detail .pack-countdown-2v .pcs-boxes {
  display: grid; grid-template-columns: 38px 38px; gap: 2px; width: fit-content;
}

.vertical--packs .pack .pack-detail .pack-countdown-2v .pcs-box {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  background: rgba(var(--cv2-primary-rgb), 0.09);
  border: 1px solid rgba(var(--cv2-primary-rgb), 0.16);
  border-radius: var(--r-xs);
  padding: 2px 2px 3px; width: 38px;
}

.vertical--packs .pack .pack-detail .pack-countdown-2v .pcs-num {
  font-size: 10px; font-weight: var(--fw-bold); color: var(--cv2-primary); line-height: 1; font-variant-numeric: tabular-nums;
}
.vertical--packs .pack .pack-detail .pack-countdown-2v .pcs-unit {
  font-size: 5px; font-weight: var(--fw-semibold); color: rgba(var(--cv2-primary-rgb), 0.55);
  letter-spacing: 0.04em; text-transform: uppercase; margin-top: 1px; white-space: nowrap; line-height: 1;
}

.vertical--packs .pack.pack-popular .pack-detail .pack-countdown-2v .pcs-label { color: rgba(255,255,255,0.92); }
.vertical--packs .pack.pack-popular .pack-detail .pack-countdown-2v .countdown-title { color: rgba(255,255,255,0.92); }
.vertical--packs .pack.pack-popular .pack-detail .pack-countdown-2v .pcs-box   { background: rgba(255,255,255,0.24); border: 1px solid rgba(255,255,255,0.38); }
.vertical--packs .pack.pack-popular .pack-detail .pack-countdown-2v .pcs-num   { color: #fff; }
.vertical--packs .pack.pack-popular .pack-detail .pack-countdown-2v .pcs-unit  { color: rgba(255,255,255,0.78); }

[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .pack-detail .pack-countdown-2v .pcs-box {
  background: rgba(var(--cv2-primary-rgb), 0.14); border-color: rgba(var(--cv2-primary-rgb), 0.22);
}
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .pack-detail .pack-countdown-2v .pcs-num { color: var(--cv2-text-primary); }

/* ----------------------------------------------------------------
   12. PRICING / PACK DETAIL
   ---------------------------------------------------------------- */
.vertical--packs .pack .pack-detail {
  padding: 5px 8px;
  margin-top: 4px;
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sp-2);
  border: 1px solid rgba(var(--cv2-primary-rgb), 0.11);
  border-radius: var(--cv2-radius-btn);
  background: rgba(var(--cv2-primary-rgb), 0.03);
  position: static;
}

.vertical--packs .pack .pack-detail::before { display: none; }

.vertical--packs .pack.pack-popular .pack-detail {
  background: rgba(255,255,255,0.12);
  border: 1px solid rgba(255,255,255,0.22);
  border-radius: var(--cv2-radius-btn);
}

.vertical--packs .pack .pack-detail .price-row {
  display: flex; flex-direction: row; flex-wrap: nowrap;
  align-items: center; justify-content: flex-end;
  gap: var(--sp-2); width: auto; min-width: 0; flex: 1 1 auto;
}

/* Fiyat + %indirim YAN YANA (column thrash indirimi alta itiyordu) */
.vertical--packs .pack .pack-detail .price-section,
.vertical--packs .pack .pack-detail .price-section.cv2-price-badge {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  min-width: 0;
  width: 100%;
}

.vertical--packs .pack .pack-detail .price-compare {
  display: flex; flex-direction: column; align-items: flex-end; gap: 2px; line-height: 1.1;
}

.vertical--packs .pack .pack-detail .current-price {
  display: inline-flex; align-items: baseline; flex-wrap: nowrap; gap: 1px;
  color: var(--cv2-text-primary);
  font-size: 18px; font-weight: var(--fw-bold); line-height: 1; white-space: nowrap;
  transition: color var(--dur-fast) var(--ease-smooth);
}

/* Doviz = sayi ayni boyut */
.vertical--packs .pack .pack-detail .current-price .currency,
.vertical--packs .pack .pack-detail .current-price .amount {
  font-size: 26px;
  font-weight: var(--fw-bold);
  letter-spacing: -0.02em;
  line-height: 1;
  opacity: 1;
}

.vertical--packs .pack .pack-detail .old-price {
  font-size: 14px; color: var(--cv2-text-muted); text-decoration: line-through;
  font-weight: var(--fw-semibold); opacity: 0.75; white-space: nowrap; flex-shrink: 0;
}

.vertical--packs .pack .pack-detail .billing-cycle {
  display: inline-flex;
  align-items: center;
  align-self: baseline;
}

.vertical--packs .pack .pack-detail .amount-discount {
  font-size: 11px; font-weight: var(--fw-bold);
  padding: 5px 11px; border-radius: var(--r-sm);
  background: var(--cv2-primary); color: #fff; white-space: nowrap; flex-shrink: 0;
}

.vertical--packs .pack.pack-popular .current-price { color: #ffffff; }
.vertical--packs .pack.pack-popular .current-price .currency { color: #ffffff; }
.vertical--packs .pack.pack-popular .current-price .amount { color: #ffffff; }
.vertical--packs .pack.pack-popular .price-section *        { color: #fff; }
.vertical--packs .pack.pack-popular .old-price              { color: rgba(255,255,255,0.62); text-decoration-color: rgba(255,255,255,0.62); }
.vertical--packs .pack.pack-popular .amount-discount        { background: rgba(255,255,255,0.22); color: #fff; }

[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .pack-detail  { border-color: rgba(148,163,184,0.10); background: rgba(255,255,255,0.02); }
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .current-price { color: var(--cv2-text-primary); }
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .old-price     { color: var(--cv2-text-muted); }

.vertical--packs .pack .pack-detail { border-radius: var(--r-md); }
.vertical--packs .pack .pack-detail.pack-detail--price-only { border-radius: var(--r-xl); }
.vertical--packs .pack .pack-detail .price-row              { border-radius: var(--r-sm); }

.vertical--packs .pack .pack-detail.pack-detail--discount-only { justify-content: space-between; align-items: center; gap: var(--sp-2); width: 100%; }
.vertical--packs .pack .pack-detail.pack-detail--discount-only .price-row    { width: 100%; flex: 1 1 auto; justify-content: space-between; align-items: center; gap: var(--sp-2); margin-left: 0; }
.vertical--packs .pack .pack-detail.pack-detail--discount-only .price-section { align-items: flex-start; flex: 1 1 auto; min-width: 0; }
.vertical--packs .pack .pack-detail.pack-detail--discount-only .price-compare  { align-items: flex-start; }
.vertical--packs .pack .pack-detail.pack-detail--discount-only .amount-discount--corner { flex-shrink: 0; align-self: center; margin: 0; }

.vertical--packs .pack .pack-detail.pack-detail--price-only { justify-content: center; align-items: center; width: fit-content; max-width: 72%; min-width: 0; margin-left: auto; margin-right: auto; padding: 5px 14px 6px; gap: 0; }
.vertical--packs .pack .pack-detail.pack-detail--price-only .price-row     { width: auto; max-width: 100%; justify-content: center; flex: 0 0 auto; margin: 0 auto; }
.vertical--packs .pack .pack-detail.pack-detail--price-only .price-section { align-items: center; width: auto; }
.vertical--packs .pack .pack-detail.pack-detail--price-only .price-main    { justify-content: center; width: auto; }

.vertical--packs .pack .pack-detail:has(.pack-countdown-2v) .price-row { flex: 1 1 auto; min-width: 0; margin-left: auto; flex-wrap: nowrap; justify-content: flex-end; }

/* ----------------------------------------------------------------
   13. PACK IMAGE AREA — sadece gorsel VARSA DOM'da olur
   Tam sığma (contain), gölge yok, gece/gündüz uyumlu
   ---------------------------------------------------------------- */
.pack-image-area {
  width: 100%;
  height: 128px;
  min-height: 128px;
  max-height: 140px;
  aspect-ratio: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 4px 0 8px;
  border-radius: var(--cv2-radius-btn, 12px);
  background: linear-gradient(135deg, rgba(var(--cv2-primary-rgb), 0.04) 0%, rgba(var(--cv2-primary-rgb), 0.09) 100%);
  border: 1.5px solid rgba(var(--cv2-primary-rgb), 0.08);
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  box-shadow: none;
  transition: background var(--dur-med) var(--ease-smooth);
  flex-shrink: 0;
  visibility: visible;
  opacity: 1;
}
/* Eski empty class: artık tam çerçeve placeholder (gizleme YOK) */
.pack-image-area--empty,
.pack-image-area.pack-image-area--placeholder,
.pack-image-area.cv2-no-img-host {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 128px;
  min-height: 128px;
  max-height: 148px;
  box-sizing: border-box;
  border-style: dashed;
  box-shadow: none;
}

/* İç glow / gölge katmanı kapalı — görsel alanı temiz */
.pack-image-area::before {
  content: none;
  display: none;
}

.pack-image-area img,
.pack-image-area .pack-image-area__img {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
  border-radius: 0;
  transition: none;
  filter: none;
  box-shadow: none;
  position: relative;
  z-index: 1;
  display: block;
  visibility: visible;
  opacity: 1;
  margin: 0 auto;
}
.pack-has-image .pack-image-area {
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.pack-has-image .pack-image-area img {
  object-fit: contain;
  filter: none;
  box-shadow: none;
  opacity: 1;
  visibility: visible;
}
.pack-image-area img.is-broken {
  opacity: 0;
  visibility: hidden;
}

.pack:hover .pack-image-area img { transform: none; filter: none; }

.vertical--packs .pack.pack-popular .pack-image-area { background: linear-gradient(135deg, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0.18) 100%); border-color: rgba(255,255,255,0.12); box-shadow: none; }
.vertical--packs .pack.pack-popular .pack-image-area img { filter: none; box-shadow: none; }

[data-theme="dark"] .pack-image-area,
html.dark-mode .pack-image-area {
  background: linear-gradient(135deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.08) 100%);
  border-color: rgba(255,255,255,0.10);
  box-shadow: none;
}
[data-theme="dark"] .pack-image-area img,
html.dark-mode .pack-image-area img {
  filter: none;
  box-shadow: none;
}
/* Görsel yok — gündüz */
.pack-image-area.cv2-no-img-host {
  background: linear-gradient(145deg, #f8fafc 0%, #eef2f7 100%);
  border-color: rgba(var(--cv2-primary-rgb, 99, 91, 255), 0.22);
}
/* Görsel yok — gece */
[data-theme="dark"] .pack-image-area.cv2-no-img-host,
html.dark-mode .pack-image-area.cv2-no-img-host {
  background: linear-gradient(145deg, #1e293b 0%, #0f172a 100%);
  border-color: rgba(148, 163, 184, 0.35);
  box-shadow: none;
}

/* ----------------------------------------------------------------
   14. CTA BUTTON
   ---------------------------------------------------------------- */
.vertical--packs .pack .btn-action {
  display: flex; align-items: center; justify-content: center; gap: var(--sp-2);
  width: 100%; height: 46px;
  text-transform: uppercase;
  font-weight: var(--fw-semibold);
  font-size: var(--cv2-font-size-button, 13px);
  letter-spacing: 0.06em;
}

.btn-main {
  background: var(--cv2-primary);
  color: #fff;
  border: 0;
  border-radius: var(--cv2-radius-btn);
  text-decoration: none;
  transition: transform var(--dur-fast) var(--ease-spring),
              filter var(--dur-fast) var(--ease-smooth);
  position: relative; overflow: hidden;
}

.btn-main::after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(255,255,255,0.12) 0%, transparent 60%);
  pointer-events: none;
}

.btn-main:hover  { transform: translateY(-2px); filter: brightness(1.06); }
.btn-main:active { transform: translateY(0); }

.vertical--packs .pack.pack-popular .btn-main { background: #fff; color: var(--cv2-primary); }

/* ----------------------------------------------------------------
   15. PACK CART BUTTON
   ---------------------------------------------------------------- */
.pack-cart-button-wrapper {
  margin-top: 4px;
  margin-bottom: var(--sp-2);
  padding-top: 4px;
  padding-left: 8px;
  padding-right: 8px;
  border-top: 1px dashed rgba(var(--cv2-primary-rgb), 0.14);
  box-sizing: border-box;
}

.pack-cart-btn {
  width: calc(100% - 20px);
  max-width: calc(100% - 20px);
  margin-left: auto;
  margin-right: auto;
  display: flex; align-items: center; justify-content: center;
  gap: var(--sp-2);
  padding: 12px 20px;
  border-radius: var(--cv2-radius-btn, 14px);
  font-weight: var(--fw-button, 600);
  font-size: var(--cv2-font-size-button, 15px);
  font-family: var(--font-family-base, inherit);
  box-sizing: border-box;
  transition: background-color 0.38s cubic-bezier(0.4, 0, 0.2, 1),
              color 0.38s cubic-bezier(0.4, 0, 0.2, 1),
              border-color 0.38s cubic-bezier(0.4, 0, 0.2, 1),
              outline-color 0.38s cubic-bezier(0.4, 0, 0.2, 1),
              transform 0.28s cubic-bezier(0.4, 0, 0.2, 1),
              box-shadow 0.38s cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: none;
  border: 1px solid rgba(0,0,0,0.06);
  cursor: pointer;
  background: var(--cv2-primary);
  color: #fff;
  outline: 2px solid rgba(var(--cv2-primary-rgb), 0.22);
  outline-offset: 3px;
}

@media (min-width: 768px) { .pack-cart-btn { padding: 14px 24px; } }

.pack-cart-btn:hover {
  background: #111827;
  color: #fff;
  border-color: #111827;
  outline-color: rgba(17, 24, 39, 0.28);
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(17, 24, 39, 0.22);
  filter: none;
  text-decoration: none;
}

.pack-popular .pack-cart-btn {
  background: #fff;
  color: var(--cv2-primary);
  border: 1.5px solid rgba(255,255,255,0.85);
  outline: 2px solid rgba(255,255,255,0.35);
}

.pack-popular .pack-cart-btn:hover {
  background: #111827;
  color: #fff;
  border-color: rgba(255,255,255,0.18);
  outline-color: rgba(255,255,255,0.22);
  filter: none;
}

.pack-cart-btn-disabled { background: var(--cv2-gray-200); color: var(--cv2-gray-400); cursor: not-allowed; border: none; }
.pack-cart-btn-disabled:hover { transform: none; }
.pack-cart-btn svg { flex-shrink: 0; width: 18px; height: 18px; }

[data-theme="dark"] .pack-cart-btn           { background: var(--cv2-primary); color: #fff; border-color: rgba(var(--cv2-primary-rgb), 0.30); }
[data-theme="dark"] .pack-popular .pack-cart-btn {
  background: #fff;
  color: var(--cv2-primary);
  border-color: rgba(255,255,255,0.85);
}
[data-theme="dark"] .pack-cart-btn-disabled   { background: var(--cv2-gray-50); color: var(--cv2-text-muted); }

/* ----------------------------------------------------------------
   16. FEATURE GRID
   ---------------------------------------------------------------- */
.pack-features-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 5px;
  margin-top: 3px;
}
.feature-box {
  text-align: center;
  padding: 6px 4px;
  background: rgba(var(--cv2-primary-rgb), 0.04);
  border: 1.5px solid rgba(var(--cv2-primary-rgb), 0.07);
  border-radius: var(--cv2-radius-btn);
  transition: transform var(--dur-fast) var(--ease-spring),
              background var(--dur-fast) var(--ease-smooth),
              border-color var(--dur-fast) var(--ease-smooth);
  position: relative; overflow: hidden; cursor: default;
}

.feature-box::before {
  content: ''; position: absolute; top: 50%; left: 50%;
  width: 0; height: 0; border-radius: 50%;
  background: rgba(var(--cv2-primary-rgb), 0.08);
  transform: translate(-50%,-50%);
  transition: width 0.6s var(--ease-out), height 0.6s var(--ease-out), opacity 0.6s var(--ease-out);
  opacity: 0;
}

.feature-box:hover::before { width: 180%; height: 180%; opacity: 1; }

.feature-box:hover {
  background: var(--theme-color-1-gradient);
  border-color: transparent;
  transform: translateY(-4px) scale(1.02);
}

.feature-box:hover i {
  background: #fff; color: var(--cv2-primary);
  transform: scale(1.1) rotate(5deg);
}

.feature-box:hover .feature-value,
.feature-box:hover .feature-label { color: #fff; opacity: 1; }

.feature-box.feature-image-box {
  padding: 7px;
  background: rgba(var(--cv2-primary-rgb), 0.05);
  border: 1.5px solid rgba(var(--cv2-primary-rgb), 0.09);
  display: flex; align-items: center; justify-content: center;
}

.feature-box.feature-image-box::before { display: none; }

.feature-box.feature-image-box img {
  display: block; max-width: 92%; max-height: 34px;
  object-fit: contain; margin: 0 auto;
  filter: url(#logo-primary-color);
  transition: opacity var(--dur-fast) var(--ease-smooth);
}

.feature-box.feature-image-box:hover img { opacity: 0.65; }

.vertical--packs .pack.pack-popular .feature-box  { background: rgba(255,255,255,0.10); border-color: rgba(255,255,255,0.14); }
.vertical--packs .pack.pack-popular .feature-box:hover { background: rgba(255,255,255,0.18); }
.vertical--packs .pack.pack-popular .feature-box i { color: #fff; background: rgba(255,255,255,0.18); }
.vertical--packs .pack.pack-popular .feature-box:hover i { background: #fff; color: var(--cv2-primary); }
.vertical--packs .pack.pack-popular .feature-box .feature-value { color: #fff; }
.vertical--packs .pack.pack-popular .feature-box .feature-label { color: rgba(255,255,255,0.75); }
.pack.pack-popular .feature-box.feature-image-box img { filter: brightness(0) invert(1); opacity: 0.88; }

.feature-box i {
  font-size: 18px; color: var(--cv2-primary);
  display: inline-flex; align-items: center; justify-content: center;
  width: 36px; height: 36px; margin: 0 auto var(--sp-1);
  background: rgba(var(--cv2-primary-rgb), 0.09);
  border-radius: 50%;
  transition: all 0.32s var(--ease-spring);
  position: relative; z-index: 1;
}

.feature-box:hover i { background: var(--cv2-primary); color: #fff; transform: scale(1.16); }

.feature-box i[class*="hki-stroke"] {
  font-size: 18px; color: var(--cv2-primary); flex-shrink: 0;
  display: inline-flex; align-items: center; justify-content: center;
  width: 36px; height: 36px;
}

.pack-popular .feature-box i[class*="hki-stroke"] { color: rgba(255,255,255,0.90); }

.feature-box .feature-value {
  display: block; font-size: 11px; font-weight: var(--fw-bold);
  color: var(--cv2-text-primary); line-height: 1.1; position: relative; z-index: 1;
  transition: color var(--dur-fast) var(--ease-smooth);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.feature-box .feature-label {
  display: block; font-size: 9px; color: var(--cv2-text-muted);
  margin-top: 2px; line-height: 1.1; opacity: 0.65; position: relative; z-index: 1;
  transition: opacity var(--dur-fast) var(--ease-smooth);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.feature-box:hover .feature-label { opacity: 1; }

[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .feature-box   { background: rgba(var(--cv2-primary-rgb), 0.12); border-color: rgba(var(--cv2-primary-rgb), 0.18); }
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .feature-box .feature-value { color: var(--cv2-text-primary); }
[data-theme="dark"] .feature-box.feature-image-box  { background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.09); }
[data-theme="dark"] .feature-box.feature-image-box img { filter: brightness(0) invert(1); opacity: 0.68; }
[data-theme="dark"] .feature-box i[class*="hki-stroke"] { color: rgba(var(--cv2-primary-rgb), 0.90); }

/* ── Koyu tema: Tüm Özellikler butonu ── */
[data-theme="dark"] .vertical--packs .pack .pack-toggle-btn {
  background: linear-gradient(145deg, var(--srv-primary, var(--cv2-primary)) 0%, color-mix(in srgb, var(--srv-primary, var(--cv2-primary)) 72%, #fff) 100%);
  color: #fff;
  border-color: transparent;
  box-shadow: 0 2px 10px rgba(var(--cv2-primary-rgb), 0.30);
}
[data-theme="dark"] .vertical--packs .pack .pack-toggle-btn:hover {
  box-shadow: 0 4px 16px rgba(var(--cv2-primary-rgb), 0.45);
  transform: translateY(-1px);
}
[data-theme="dark"] .vertical--packs .pack .pack-toggle-btn svg {
  color: #fff;
}
[data-theme="dark"] .vertical--packs .pack.pack-popular .pack-toggle-btn {
  background: rgba(255,255,255,0.20);
  color: #fff;
  border-color: rgba(255,255,255,0.30);
}

.pack-features-grid {
  max-height: none;
  overflow: visible;
  transition: max-height 0.35s ease, opacity 0.25s ease;
}
.pack-has-toggle .pack-head-row,
.pack-has-toggle .pack-detail {
  cursor: pointer;
}

/* ----------------------------------------------------------------
   17. PACK ALERT
   ---------------------------------------------------------------- */
.vertical--packs .pack .pack--alert {
  background: rgba(16,185,129,0.09);
  color: #059669;
  font-weight: var(--fw-semibold);
  font-size: 13px;
  display: flex; align-items: center; justify-content: center; gap: var(--sp-2);
  border-radius: var(--cv2-radius-btn);
  border: 1px solid rgba(16,185,129,0.18);
  padding: 10px 12px;
  margin-top: var(--sp-4);
}

.vertical--packs .pack.pack-popular .pack--alert { background: rgba(255,255,255,0.18); color: #fff; border-color: rgba(255,255,255,0.22); }

/* ----------------------------------------------------------------
   18. SHOW MORE BUTTON
   ---------------------------------------------------------------- */
.show-more-packs {
  display: flex; align-items: center; justify-content: center; gap: var(--sp-2);
  margin: -16px auto 0; padding: 11px 28px;
  background: rgba(var(--cv2-primary-rgb), 0.06);
  color: var(--cv2-primary);
  border: 1.5px solid rgba(var(--cv2-primary-rgb), 0.14);
  border-radius: var(--cv2-radius-btn);
  cursor: pointer;
  font-size: var(--cv2-font-size-button, 13px);
  font-weight: var(--fw-semibold);
  letter-spacing: 0.04em; text-transform: uppercase;
  transition: background var(--dur-fast) var(--ease-smooth),
              transform var(--dur-fast) var(--ease-spring);
}

.show-more-packs:hover { background: rgba(var(--cv2-primary-rgb), 0.12); transform: translateY(-2px); }
.show-more-packs svg  { transition: transform var(--dur-med) var(--ease-out); }
.show-more-packs.expanded svg { transform: rotate(180deg); }

[data-theme="dark"] .show-more-packs { background: rgba(var(--cv2-primary-rgb), 0.14); border-color: rgba(var(--cv2-primary-rgb), 0.24); }

.pack-carousel-pagination {
  display: none;
  justify-content: center; align-items: center;
  gap: var(--sp-2); padding: 4px 0;
  margin-top: var(--sp-3);
}

.pack-pagination-dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: rgba(var(--cv2-primary-rgb), 0.20);
  cursor: pointer; padding: 0; border: none;
  transition: all var(--dur-med) var(--ease-spring);
}

.ws-pagination-dot:hover {
  background: rgba(var(--cv2-primary-rgb), 0.45);
  transform: scale(1.2);
}
.pack-pagination-dot:hover {
  background: rgba(var(--cv2-primary-rgb), 0.45);
  transform: scale(1.2);
}

.pack-pagination-dot.active {
  width: 24px; border-radius: var(--r-xs); background: var(--cv2-primary);
}

[data-theme="dark"] .ws-pagination-dot:not(.active) { background: rgba(255,255,255,0.18); }

/* ----------------------------------------------------------------
   20. ORDER STEPS — Period Selection
   ---------------------------------------------------------------- */
.sepethosting-period-block {
  cursor: pointer;
  transition: all var(--dur-med) var(--ease-smooth);
}

.sepethosting-period-block.active {
  border-color: var(--cv2-primary);
  background: rgba(var(--cv2-primary-rgb), 0.08);
  transform: scale(1.02);
}

.sepethosting-period-block.active .sepethosting-select-indicator { opacity: 1; visibility: visible; }
.sepethosting-period-block:not(.active) .sepethosting-select-indicator { opacity: 0.3; }

[data-theme="dark"] .sepethosting-period-block.active {
  background: rgba(var(--cv2-primary-rgb), 0.15);
  border-color: var(--cv2-primary);
}

/* ----------------------------------------------------------------
   21. HOSTING NAV — paketlerin hemen altinda (Yedek hosting-modern)
   ---------------------------------------------------------------- */
.hosting-nav-container {
  margin-top: 28px;
  margin-bottom: 12px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding: 16px 0;
  max-width: var(--CoreV2-container-width, 1360px);
  width: 100%;
  box-sizing: border-box;
  background: transparent;
  border: none;
  box-shadow: none;
}

.hosting-nav-container .tableslogan {
  font-size: 15px;
  font-weight: var(--fw-regular, 400);
  color: var(--cv2-text-muted, #6b7280);
  margin: 0;
  line-height: 1.5;
}
.hosting-nav-container .tableslogan a {
  color: var(--cv2-primary, var(--CoreV2-primary));
  font-weight: var(--fw-bold, 700);
  text-decoration: none;
  text-underline-offset: 3px;
  transition: color 0.2s ease;
}
.hosting-nav-container .tableslogan a:hover { text-decoration: underline; }

[data-theme="dark"] .hosting-nav-container .tableslogan { color: var(--cv2-text-muted, #94a3b8); }

/* ----------------------------------------------------------------
   22. PERFORMANCE METER
   ---------------------------------------------------------------- */
.perf-meter { background: rgba(var(--cv2-primary-rgb), 0.10); border-radius: var(--r-pill); overflow: hidden; height: 5px; margin-top: var(--sp-1); }
.perf-fill  { height: 100%; border-radius: var(--r-pill); background: var(--cv2-primary); transition: width 0.8s var(--ease-out); }
.perf-label { font-size: 11px; font-weight: var(--fw-semibold); color: var(--cv2-primary); margin-top: 2px; }

.vertical--packs .pack.pack-popular .perf-meter { background: rgba(255,255,255,0.28); }
.vertical--packs .pack.pack-popular .perf-fill  { background: #fff; }
.vertical--packs .pack.pack-popular .perf-label { color: #fff; }
[data-theme="dark"] .perf-meter { background: rgba(var(--cv2-primary-rgb), 0.20); }

/* ----------------------------------------------------------------
   23. 3V LAYOUT (promo + 3 cards) - YEDEKTEN TAM KOPYA
   ---------------------------------------------------------------- */
.vertical--packs.grid-col-3:has(.packs-slider-body--3v),
.vertical--packs:has(.packs-slider-body--3v) {
  display: block;
  flex-wrap: nowrap;
  position: relative;
  width: 100%;
  max-width: var(--container);
  margin-left: auto; margin-right: auto;
  gap: 0;
  overflow: visible;
  padding: 0 max(6px, var(--sp-1));
  box-sizing: border-box;
}

.vertical--packs:has(.packs-slider-body--3v) > .CoreV2-filter-wrap { flex: 0 0 100%; width: 100%; margin-bottom: var(--sp-3); }

.packs-slider-body:not(.coreservercart-packs-slider-body),
.packs-slider-body--3v:not(.coreservercart-packs-slider-body) {
  flex: 0 0 100%; width: 100%;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  /* stretch: sag promo paketlerle ESIT ve ACIK (tum ozellikler tiklamadan) — sunucu gibi */
  align-items: stretch;
  gap: var(--cv2-packs-3v-gap);
  min-width: 0; padding: 0; position: relative; z-index: 2;
}
/* Expand: satir start — sadece acilan paket uzar; promo kapali yukseklikte kilitli kalir */
.packs-slider-body--3v:not(.coreservercart-packs-slider-body):has(.pack.pack-expanded) {
  align-items: start;
}

.packs-slider-body--3v:not(.coreservercart-packs-slider-body).packs-slider-body--promo-slot-left  > .pack-card-wrapper--promo { grid-column: 1; }
.packs-slider-body--3v:not(.coreservercart-packs-slider-body).packs-slider-body--promo-slot-left  .packs-cards-panel          { grid-column: 2 / -1; }
.packs-slider-body--3v:not(.coreservercart-packs-slider-body).packs-slider-body--promo-slot-right > .pack-card-wrapper--promo { grid-column: 4; grid-row: 1; min-width: 0; }
.packs-slider-body--3v:not(.coreservercart-packs-slider-body).packs-slider-body--promo-slot-right .packs-cards-panel          { grid-column: 1 / 4; grid-row: 1; }
.packs-slider-body--3v:not(.coreservercart-packs-slider-body).packs-slider-body--promo-slot-center > .pack-card-wrapper--promo { grid-column: 4; grid-row: 1; min-width: 0; }
.packs-slider-body--3v:not(.coreservercart-packs-slider-body).packs-slider-body--promo-slot-center .packs-cards-panel          { grid-column: 1 / 4; grid-row: 1; padding: 0; min-width: 0; }

.packs-slider-body--hosting-only { display: block; width: 100%; }
.packs-cards-panel--full         { width: 100%; min-width: 0; }

.packs-slider-body--3v:not(.coreservercart-packs-slider-body) { --cv2-packs-3v-gap: var(--cv2-card-grid-gap, 18px); }

.packs-slider-body--3v:not(.coreservercart-packs-slider-body) .packs-cards-panel--3v .packs-cards-track:not(.carousel-enabled) { width: 100%; min-width: 100%; max-width: 100%; }

.packs-cards-panel--3v .packs-cards-track > .pack-card-wrapper,
.packs-slider-body--3v:not(.coreservercart-packs-slider-body) .packs-cards-panel--3v .packs-cards-track:not(.carousel-enabled) > .pack-card-wrapper,
.packs-slider-body--hosting-only .packs-cards-track > .pack-card-wrapper {
  flex: 1 1 0;
  width: auto;
  max-width: calc((100% - 36px) / 3);
  min-width: 0;
  align-self: stretch;
  height: auto;
  min-height: 100%;
  display: flex;
}
.packs-cards-panel--3v .packs-cards-track > .pack-card-wrapper > .pack {
  flex: 1 1 auto;
  height: 100%;
  min-height: 100%;
}

.packs-cards-panel--3v {
  position: relative;
  min-width: 0;
  align-self: stretch;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.packs-cards-panel--3v .packs-cards-viewport {
  overflow: hidden; overflow-clip-margin: 16px;
  width: 100%; max-width: 100%; margin: 0; height: 100%;
  flex: 1 1 auto;
  min-height: 0;
  padding-top: 16px; margin-top: -16px;
}

.packs-cards-panel--3v .packs-cards-viewport::-webkit-scrollbar { display: none; }

.packs-cards-panel--3v .packs-cards-track {
  display: flex; align-items: stretch; gap: var(--cv2-packs-3v-gap); height: 100%;
}

.packs-cards-panel--3v .packs-cards-track > .pack-card-wrapper {
  flex: 1 1 0; min-width: 0; width: auto; max-width: none;
  align-self: flex-start; scroll-snap-align: start; display: flex; visibility: visible; opacity: 1;
}

/* Carousel: sadece genis masaustu; mobilde float+280px yatay tasma / siralama bozulmasi */
@media (min-width: 1025px) {
  .packs-cards-panel--3v .packs-cards-track.carousel-enabled { display: block; gap: 0; }
  .packs-cards-panel--3v .packs-cards-track.carousel-enabled .pack-card-wrapper { float: left; width: 280px; max-width: 280px; min-width: 0; margin-right: 12px; }
}
@media (max-width: 1024px) {
  .packs-cards-panel--3v .packs-cards-track.carousel-enabled {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .packs-cards-panel--3v .packs-cards-track.carousel-enabled .pack-card-wrapper {
    float: none;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-right: 0;
  }
}

.vertical--packs:has(.packs-slider-body--3v) .packs-cards-track > .pack-card-wrapper { flex: 1 1 0; width: 100%; max-width: 100%; min-width: 0; margin-top: 0; display: flex; visibility: visible; opacity: 1; }
.vertical--packs:has(.packs-slider-body--3v) .packs-cards-track > .pack-card-wrapper .pack { width: 100%; }
.vertical--packs:has(.packs-slider-body--3v) .packs-cards-track > .pack-card-wrapper:nth-child(n+7) { display: block; }.vertical--packs:has(.packs-slider-body--3v) .show-more-packs { display: none; }

.packs-cards-nav {
  position: absolute; top: 50%; transform: translateY(-50%); z-index: 8;
  width: 40px; height: 40px; border-radius: 50%;
  border: 1px solid rgba(var(--cv2-primary-rgb), 0.18);
  background: var(--cv2-white); color: var(--cv2-primary);
  display: inline-flex; align-items: center; justify-content: center;
  cursor: pointer;
}
.packs-cards-nav--prev { left: 0; }
.packs-cards-nav--next { right: 0; }
.packs-cards-nav:disabled { opacity: 0.35; pointer-events: none; }
.packs-cards-nav svg { width: 18px; height: 18px; }

/* ----------------------------------------------------------------
   24. PROMO CARD
   ---------------------------------------------------------------- */
/* PROMO CARD — tasarım: css/cv2-packs-promo.css (tek kaynak) */

/* ----------------------------------------------------------------
   25. RESPONSIVE — Tablet
   ---------------------------------------------------------------- */
@media (max-width: 1300px) { .ws-carousel-pagination { display: flex; } }

@media (min-width: 768px) and (max-width: 1024px) {
  .pack-card-wrapper { width: calc((100% - 18px) / 2); max-width: calc((100% - 18px) / 2); min-width: 0; }
  .pack-card-wrapper--promo .cv2-packs-promo-poster { min-height: clamp(180px, 35vw, 260px); }
}

/* Tablet landscape: 3+1 promo grid — 2 sütun paket track */
@media (min-width: 992px) and (max-width: 1024px) {
  .vertical--packs:has(.packs-slider-body--3v) {
    overflow-x: visible;
  }
  .vertical--packs .packs-slider-body--3v {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--cv2-card-grid-gap, 16px);
  }
  .vertical--packs .packs-slider-body--3v.packs-slider-body--promo-slot-left > .pack-card-wrapper--promo,
  .vertical--packs .packs-slider-body--3v.packs-slider-body--promo-slot-center > .pack-card-wrapper--promo,
  .vertical--packs .packs-slider-body--3v.packs-slider-body--promo-slot-right > .pack-card-wrapper--promo,
  .vertical--packs .packs-slider-body--3v:not([class*="packs-slider-body--promo-slot-"]) > .pack-card-wrapper--promo {
    grid-column: 1;
    grid-row: 1;
  }
  .vertical--packs .packs-slider-body--3v.packs-slider-body--promo-slot-left > .packs-cards-panel,
  .vertical--packs .packs-slider-body--3v.packs-slider-body--promo-slot-center > .packs-cards-panel,
  .vertical--packs .packs-slider-body--3v.packs-slider-body--promo-slot-right > .packs-cards-panel,
  .vertical--packs .packs-slider-body--3v:not([class*="packs-slider-body--promo-slot-"]) > .packs-cards-panel {
    grid-column: 1;
    grid-row: 2;
  }
  .vertical--packs .packs-slider-body--3v .packs-cards-track,
  .vertical--packs .packs-slider-body--3v .packs-cards-track.carousel-enabled {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .hosting-plans {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }
  .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }
  .pricing-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }
  .CoreV2info-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }
  .ws-product-carousel-container {
    display: flex;
    flex-direction: column;
    grid-template-columns: unset;
    gap: 18px;
    padding: 18px 16px;
    align-items: stretch;
  }
  .ws-carousel-header-area {
    width: 100%;
    text-align: center;
    padding: 0 8px;
  }
  .ws-carousel-wrapper,
  .ws-product-carousel {
    width: 100%;
    min-width: 0;
  }
}

/* Tablet + mobil: yatay kaydırmalı paket listesi (mobil header ile uyumlu) */
@media (max-width: 991px) {
  .vertical--packs:has(.packs-slider-body--3v) {
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow: visible;
  }
  .vertical--packs .packs-slider-body--3v {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    max-width: 100%;
  }
  .vertical--packs .packs-slider-body--3v > .pack-card-wrapper--promo {
    grid-column: auto;
    grid-row: auto;
    width: 100%;
    max-width: 100%;
  }
  .vertical--packs .packs-slider-body--3v > .packs-cards-panel {
    grid-column: auto;
    grid-row: auto;
    width: 100%;
    max-width: 100%;
  }
  .vertical--packs .packs-slider-body--3v .packs-cards-viewport {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    padding: 8px 0 4px;
  }
  .vertical--packs .packs-slider-body--3v .packs-cards-track,
  .vertical--packs .packs-slider-body--3v .packs-cards-track.carousel-enabled {
    display: flex;
    flex-wrap: nowrap;
    gap: var(--sp-3, 12px);
    transform: none;
  }
  .vertical--packs .packs-slider-body--3v .packs-cards-track > .pack-card-wrapper {
    flex: 0 0 min(88vw, 340px);
    width: min(88vw, 340px);
    min-width: min(88vw, 340px);
    scroll-snap-align: center;
  }
  .pack-carousel-pagination {
    display: flex;
  }
  .packs-cards-nav {
    display: flex;
  }
}

/* ----------------------------------------------------------------
   26. RESPONSIVE — Mobile
   ---------------------------------------------------------------- */
@media (max-width: 768px) {
  .vertical--packs:not(:has(.packs-cards-panel--3v)) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow-x: visible;
    flex-wrap: wrap;
    scroll-snap-type: none;
    gap: 10px;
    padding: 10px 12px 14px;
    margin: 0;
    width: 100%;
    max-width: 100%;
    align-items: stretch;
  }
  .vertical--packs:not(:has(.packs-cards-panel--3v)) .pack-card-wrapper {
    flex: unset;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    scroll-snap-align: unset;
  }

  .vertical--packs:has(.packs-cards-panel--3v) {
    display: flex; flex-wrap: nowrap;
    overflow-x: scroll; touch-action: pan-x; scrollbar-width: none;
    -webkit-overflow-scrolling: touch; justify-content: flex-start;
    gap: var(--sp-3); padding: 10px 16px 14px; margin: 0; width: 100%; max-width: 100%;
    align-items: stretch; scroll-snap-type: x mandatory; scroll-behavior: smooth;
  }
  .vertical--packs:has(.packs-cards-panel--3v)::-webkit-scrollbar { display: none; }
  .vertical--packs:has(.packs-cards-panel--3v) .pack-card-wrapper {
    flex: 0 0 calc(50% - 8px);
    max-width: calc(50% - 8px);
    min-width: calc(50% - 8px);
    width: calc(50% - 8px);
    scroll-snap-align: start;
  }
  .vertical--packs .pack { height: auto; }
  .vertical--packs .pack-card-wrapper:nth-child(n+7) { display: flex; }
  .show-more-packs { display: none; }
    .pack-head-row { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 6px; }
  .pack-name { width: fit-content; max-width: calc(100% - 48px); flex: 0 1 auto; }

  .vertical--packs .pack .pn-text { font-size: 18px; width: fit-content; max-width: 100%; display: flex; flex-direction: column; align-items: flex-start; }
  .vertical--packs .pack .pn-text .pn-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .vertical--packs .pack .pn-text .pack-subtitle { font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; margin-top: 2px; }

  .pack-head-row > .level-indicator, .vertical--packs .pack .level-indicator {
    position: absolute; top: 50%; transform: translateY(-50%); right: 12px; z-index: 3;
    flex-direction: column-reverse; gap: 4px; padding: 8px 6px;
    background: rgba(var(--cv2-primary-rgb), 0.08); pointer-events: none;
  }
  .level-indicator .level-box { width: 20px; height: 9px; }

  .vertical--packs .pack .pack-detail .current-price { font-size: 23px; }
  .vertical--packs .pack .pack-detail .current-price .currency { font-size: 23px; }
  .vertical--packs .pack .pack-detail .current-price .amount   { font-size: 23px; }
  .vertical--packs .pack .pack-detail.pack-detail--price-only  { max-width: 85%; padding: 5px 12px 6px; }

  .cd-box { min-width: 30px; padding: 4px 6px; }
  .cd-val { font-size: 14px; }
  .cd-lbl { font-size: 7px; }
  .cd-sep { font-size: 11px; }
  .countdown-title { font-size: 10px; margin-bottom: 5px; }

  .vertical--packs .pack .pack-detail .pack-countdown-2v { max-width: 82px; }
  .vertical--packs .pack .pack-detail .pack-countdown-2v .pcs-boxes { grid-template-columns: 36px 36px; }
  .vertical--packs .pack .pack-detail .pack-countdown-2v .pcs-box   { width: 36px; padding: 2px 1px 3px; }

  .pack-features-grid { grid-template-columns: repeat(3, 1fr); }
  .feature-box i[class*="hki-stroke"] { font-size: 14px; width: 28px; height: 28px; }

  .vertical--packs .pack .pack-cart-btn, .vertical--packs .pack .btn-action, .vertical--packs .pack .btn-main, .vertical--packs .pack a.pack-cart-btn { position: relative; z-index: 5; touch-action: manipulation; }

  .vertical--packs.grid-col-3:has(.packs-slider-body--3v), .vertical--packs:has(.packs-slider-body--3v) { display: block; overflow: visible; }
  .packs-slider-body--3v { display: grid; grid-template-columns: 1fr; grid-template-rows: auto auto; gap: 12px; }
  /* Mobil: promo kart gizle, paket carousel tam geniÅŸlik */
  .packs-slider-body--3v > .pack-card-wrapper--promo { display: none; }
  .packs-slider-body--3v {
    display: block;
    width: 100%;
    overflow: visible;
  }
  .packs-slider-body--3v .packs-cards-panel {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-top: 0;
  }
  .packs-cards-panel--3v {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    position: relative;
  }
  .packs-cards-panel--3v .packs-cards-viewport {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 4px 0 8px;
    box-sizing: border-box;
  }
    .packs-cards-panel--3v .packs-cards-track {
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
    width: max-content;
    min-width: 100%;
  }
  .packs-cards-panel--3v .packs-cards-track .pack-card-wrapper {
    flex: 0 0 100%;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    scroll-snap-align: start;
    margin: 0;
  }
  .cnb-grid .pack-card-wrapper--promo,
  .cnb-cards-grid .pack-card-wrapper--promo { display: none; }
}

/* ----------------------------------------------------------------
   27. REDUCED MOTION
   ---------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms; animation-iteration-count: 1; transition-duration: 0.01ms; }
}

@media (max-width: 991px) {
  .feature-badge-dot { animation: none; }
  .level-box.active { animation: none; }
  .countdown-title i { animation: none; }
  [class*="scan-line"], .scan-line { animation: none; opacity: 0; }
}

/* ── Ürün listeleme dönem seçim tile'ları ── */
.cv2-listing-period-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 20px 0;
  padding: 0;
  list-style: none;
}
.cv2-listing-period-block {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 18px;
  border: 1.5px solid var(--CoreV2-border, #e0e6ef);
  border-radius: var(--cv2-radius-chip, 6px);
  background: var(--CoreV2-card-bg, #fff);
  color: var(--CoreV2-text, #2d3748);
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  user-select: none;
  transition: border-color 0.18s, background 0.18s, color 0.18s, box-shadow 0.18s;
  outline: none;
}
.cv2-listing-period-block:hover {
  border-color: var(--CoreV2-primary, #2563eb);
  color: var(--CoreV2-primary, #2563eb);
  background: var(--CoreV2-primary-soft, #eff6ff);
}
.cv2-listing-period-block.active {
  border-color: var(--CoreV2-primary, #2563eb);
  background: var(--CoreV2-primary, #2563eb);
  color: #fff;
  box-shadow: 0 2px 8px rgba(37,99,235,.18);
}
.cv2-listing-period-block:focus-visible {
  box-shadow: 0 0 0 3px rgba(37,99,235,.3);
}
.cv2-listing-period-label {
  pointer-events: none;
}
/* Dark mode */
[data-theme="dark"] .cv2-listing-period-block {
  background: var(--CoreV2-card-bg, #1a2236);
  border-color: var(--CoreV2-border, #2d3a52);
  color: var(--CoreV2-text, #c8d3e8);
}
[data-theme="dark"] .cv2-listing-period-block:hover {
  border-color: var(--CoreV2-primary, #3b82f6);
  color: var(--CoreV2-primary, #3b82f6);
  background: rgba(59,130,246,.1);
}
[data-theme="dark"] .cv2-listing-period-block.active {
  background: var(--CoreV2-primary, #3b82f6);
  border-color: var(--CoreV2-primary, #3b82f6);
  color: #fff;
}
@media (max-width: 575px) {
  .cv2-listing-period-block {
    padding: 6px 13px;
    font-size: 0.82rem;
  }
}

/* CoreV2 listing 3+1 promo grid normalization */
@media (min-width: 1025px) {
  .packs-slider-body--3v {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--cv2-card-grid-gap, 14px);
    align-items: start;
  }
  .packs-slider-body--3v > .pack-card-wrapper--promo {
    order: 4;
    grid-column: auto;
    grid-row: auto;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: 100%;
    min-height: var(--cv2-closed-pack-h, 100%);
  }
  /* Hosting 3v grid: sunucu (coreservercart) 3v satırını etkilemesin */
  .packs-slider-body--3v:not(.coreservercart-packs-slider-body) .packs-cards-panel,
  .packs-slider-body--3v:not(.coreservercart-packs-slider-body) .packs-cards-viewport,
  .packs-slider-body--3v:not(.coreservercart-packs-slider-body) .packs-cards-track {
    display: contents;
    width: auto;
    max-width: none;
    min-width: 0;
    overflow: visible;
  }
  .packs-slider-body--3v:not(.coreservercart-packs-slider-body) .packs-cards-track > .pack-card-wrapper {
    flex: none;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    display: flex;
    visibility: visible;
    opacity: 1;
    align-self: stretch;
  }
  .packs-slider-body--3v:not(.coreservercart-packs-slider-body) .packs-cards-track > .pack-card-wrapper:nth-child(1) { order: 1; }
  .packs-slider-body--3v:not(.coreservercart-packs-slider-body) .packs-cards-track > .pack-card-wrapper:nth-child(2) { order: 2; }
  .packs-slider-body--3v:not(.coreservercart-packs-slider-body) .packs-cards-track > .pack-card-wrapper:nth-child(3) { order: 3; }
  .packs-slider-body--3v:not(.coreservercart-packs-slider-body) .packs-cards-track > .pack-card-wrapper:nth-child(n+4) { order: 5; }
  .packs-slider-body--3v:not(.coreservercart-packs-slider-body) .pack,
  .packs-slider-body--3v:not(.coreservercart-packs-slider-body) .cv2-packs-promo-detail {
    height: auto;
  }
  .packs-slider-body--3v .packs-cards-nav {
    display: none;
  }
}
/* CoreV2 price, discount and shadow cleanup */
.vertical--packs .pack,
.vertical--packs .pack *,
.packs-slider-body--3v .pack,
.packs-slider-body--3v .pack *,
.pack-card-wrapper--promo:not(.svc-promo-aside),
.pack-card-wrapper--promo:not(.svc-promo-aside) * {
  box-shadow: none;
}
.vertical--packs .pack .pack-name,
.vertical--packs .pack .pack-subtitle {
  max-width: 100%;
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
  letter-spacing: 0;
}
.vertical--packs .pack .pn-text,
.vertical--packs .pack .pn-title {
  max-width: 100%;
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
  letter-spacing: 0;
}

/* ================================================================
   CoreV2 — Visual Refinement: Features, Promo
   2026-06-27
   ================================================================ */

/* --- 4. PROMO KART — Kampanya kartı daha güzel & profesyonel -- */
/* Başlık rozet (kategori adı) */
.pack-card-wrapper--promo:not(.svc-promo-aside) .cv2-promo-badge {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: clamp(14px, 5%, 26px);
  z-index: 6;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 9px 18px;
  border-radius: 999px;
  background: rgba(255,255,255,0.18);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(255,255,255,0.30);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
  letter-spacing: 0.01em;
  box-shadow: 0 4px 18px rgba(0,0,0,0.20);
  max-width: calc(100% - 32px);
  text-align: center;
  text-shadow: 0 1px 4px rgba(0,0,0,0.22);
}
.pack-card-wrapper--promo:not(.svc-promo-aside) .cv2-promo-badge svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  opacity: 0.88;
}

.packs-cards-track { align-items: flex-start; }
.vertical--packs { align-items: flex-start; }
.pack-card-wrapper {
  display: flex; flex-direction: column; align-self: flex-start;
  height: auto; width: 100%; min-width: 0;
}
.pack .pack-campaign-before-price {
  width: 100%; box-sizing: border-box; margin: 0;
}
.pack-campaign-top.pack-campaign-strip,
.pack-campaign-top.pack-campaign-before-price,
.pack-campaign-top.pack-campaign-in-head {
  display: flex; width: 100%;
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 6px 0;
  box-sizing: border-box;
  box-shadow: none;
}
.pack-campaign-top .pcs-campaign-layout {
  display: flex; flex-direction: row;
  align-items: center; gap: 0;
  width: 100%; min-width: 0;
}
.pack-campaign-top .pcs-campaign-head-row,
.pack-campaign-top .pcs-campaign-timer-row { display: contents; }
.pack-campaign-top .pcs-campaign-badge-slot { display: none; }
.pack-campaign-top .pcs-label--left {
  flex: 0 0 auto; font-size: 11px; font-weight: 800;
  text-transform: uppercase; letter-spacing: 0.04em;
  color: var(--cv2-primary); line-height: 1.15; white-space: nowrap;
}
.pack-campaign-top .pcs-vertical-divider {
  display: block;
  flex: 0 0 auto; width: 1px; height: 32px;
  margin: 0 10px; background: rgba(var(--cv2-primary-rgb), 0.18);
  border-radius: 1px;
}
.pack-campaign-top .pcs-campaign-right,
.pack-campaign-top .pcs-boxes {
  flex: 1 1 auto; display: flex; align-items: center;
  justify-content: flex-start; gap: 5px; min-width: 0;
}
.pack-campaign-top .pcs-box {
  display: flex; flex-direction: column; align-items: center;
  justify-content: center; min-width: 36px; padding: 5px 4px;
  background: #fff; border: 1px solid rgba(var(--cv2-primary-rgb), 0.14);
  border-radius: 8px;
}
.pack-campaign-top .pcs-num { font-size: 13px; font-weight: 800; color: var(--cv2-primary); line-height: 1; }
.pack-campaign-top .cd-val { font-size: 13px; font-weight: 800; color: var(--cv2-primary); line-height: 1; }
.pack-campaign-top .pcs-unit {
  font-size: 7px; font-weight: 700;
  color: rgba(var(--cv2-primary-rgb), 0.62);
  opacity: 1; text-transform: uppercase; margin-top: 2px;
}
.pack-campaign-top .cd-lbl {
  font-size: 7px; font-weight: 700;
  color: rgba(var(--cv2-primary-rgb), 0.62);
  opacity: 1; text-transform: uppercase; margin-top: 2px;
}
.pack-campaign-top .pcs-left-col,
.pack-campaign-top .pcs-right-col,
.pack-campaign-top .pcs-campaign-meta { display: none; }
/* pcs-label-line GORUNUR — Yedek ana sayfa (satir kirilimli baslik) */
.pack-campaign-top .pcs-label-line { display: block; visibility: visible; opacity: 1; }

.pack-popular-badge--head,
.pack-head-badge-slot .pack-popular-badge--head,
.pcs-campaign-badge-slot .pack-popular-badge--head {
  display: inline-flex;
  position: static; top: auto; left: auto;
  transform: none; z-index: 1;
  padding: 4px 12px; border-radius: 20px;
  font-size: 10px; font-weight: 700; line-height: 1;
  white-space: nowrap; align-items: center; gap: 4px;
  background: rgba(var(--cv2-primary-rgb), 0.10);
  color: var(--cv2-primary);
  border: 1px solid rgba(var(--cv2-primary-rgb), 0.15);
  box-shadow: none;
}
.pack-popular-badge--head svg,
.pcs-campaign-badge-slot .pack-popular-badge--head svg { width: 10px; height: 10px; }
.pack.pack-popular .pack-popular-badge--head,
.pack-card-wrapper:has(.pack.pack-popular) .pack-popular-badge--head,
.pack.pack-popular .pcs-campaign-badge-slot .pack-popular-badge--head,
.pack-card-wrapper:has(.pack.pack-popular) .pcs-campaign-badge-slot .pack-popular-badge--head {
  background: rgba(255,255,255,0.14); border-color: rgba(255,255,255,0.28); color: #fff;
}
.pack-head-badge-slot {
  display: flex; align-items: center; justify-content: flex-end;
  flex: 0 0 auto; min-width: 0; margin-left: auto;
}

.pcs-campaign-badge-slot .cv2-advantage-badge,
.pack-head-badge-slot .cv2-advantage-badge { display: inline-flex; }

/* Üst bilgi — başlık boşluğu */
.product-category-header {
  padding-top: clamp(12px, 2vw, 22px);
  margin-top: clamp(8px, 1.5vw, 16px);
}
.product-category-header .category-main-title {
  margin-top: 0;
}

/* Filtre — şeffaf arka plan, dinamik görünüm */
.CoreV2-filter .CoreV2-filter-options {
  background: var(--cv2-surface-secondary, #f8fafc);
  border-color: rgba(var(--cv2-primary-rgb), 0.14);
}
.CoreV2-filter-wrap .CoreV2-filter {
  flex: 0 1 auto;
  width: auto;
  min-width: 0;
  max-width: min(100%, 760px);
  margin-left: auto;
  margin-right: auto;
}
/* Fiyat satırı → css/cards/cv2-hosting-card-pricing.css */

.vertical--packs .pack:not(.pack-expanded) .pack-features-extra {
  display: none;
  width: 100%;
  min-width: 0;
}
.vertical--packs .pack.pack-expanded {
  z-index: 6;
}
/* Kartlar stretch ile esitleme YOK — gorselsiz kartta bosluk birakma */
.packs-cards-panel--3v .packs-cards-track,
.packs-slider-body--3v .packs-cards-track,
.packs-slider-body--hosting-only .packs-cards-track {
  align-items: flex-start;
}
.packs-cards-panel--3v .packs-cards-track > .pack-card-wrapper,
.packs-slider-body--3v .packs-cards-track > .pack-card-wrapper,
.packs-slider-body--hosting-only .packs-cards-track > .pack-card-wrapper {
  align-self: flex-start;
  height: auto;
}
.packs-slider-body--3v,
.packs-slider-body--3v.packs-slider-body--promo-slot-right,
.packs-slider-body--3v.packs-slider-body--promo-slot-left {
  align-items: flex-start;
}
.packs-slider-body--3v > .pack-card-wrapper--promo {
  align-self: flex-start;
}
/* Acikken promo + kardesler JS kilitli; sadece acilan kart uzar */
.packs-slider-body--3v.cv2-promo-frozen {
  align-items: flex-start;
}
.packs-slider-body--3v.cv2-promo-frozen .packs-cards-track {
  align-items: flex-start;
}
.packs-slider-body--3v.cv2-promo-frozen > .pack-card-wrapper--promo {
  align-self: flex-start;
  overflow: hidden;
}
/* Acik kart: ekstra ozellikler gridin hemen altinda (overlay/absolute YOK) */
.packs-slider-body--3v .pack.pack-expanded {
  position: relative;
  height: auto;
  max-height: none;
  overflow: visible;
}
.packs-slider-body--3v .pack-card-wrapper:has(.pack-expanded) {
  height: auto;
  max-height: none;
  align-self: flex-start;
  z-index: 5;
}
.packs-slider-body--3v .pack.pack-expanded .pack-features-extra {
  position: static;
  top: auto;
  left: auto;
  right: auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px;
  z-index: auto;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  margin-top: 5px;
  max-height: none;
  overflow: visible;
  width: 100%;
}
[data-theme="dark"] .packs-slider-body--3v .pack.pack-expanded .pack-features-extra {
  background: transparent;
  border: none;
  box-shadow: none;
}

/* Devamını Göster — sunucu Tümünü Göster ile birebir */
.vertical--packs .pack .pack-toggle-btn {
  width: auto;
  padding: .42rem 1.1rem;
  background: var(--cv2-white, #fff);
  color: var(--cv2-primary);
  border: 1px solid rgba(var(--cv2-primary-rgb), .14);
  border-radius: var(--cv2-radius-btn, 50px);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  transition: all var(--dur-med, .2s) var(--ease-smooth, ease);
  font-size: .76rem;
  font-weight: var(--fw-semi, 600);
  margin: 4px auto 2px;
  position: relative;
  z-index: 2;
  line-height: 1.25;
  min-width: 0;
}
.vertical--packs .pack .pack-toggle-btn:hover {
  background: rgba(var(--cv2-primary-rgb), .08);
  border-color: rgba(var(--cv2-primary-rgb), .24);
}
.vertical--packs .pack.pack-popular .pack-toggle-btn {
  background: rgba(255,255,255,0.10);
  color: rgba(255,255,255,.9);
  border-color: rgba(255,255,255,.2);
}
.vertical--packs .pack.pack-popular .pack-toggle-btn:hover {
  background: rgba(255,255,255,.14);
  border-color: rgba(255,255,255,.28);
}

/* Filtre alanları — ülke etiketi benzeri yumuşak arka plan */
.cv2-pack-listing-filters .CoreV2-filter .CoreV2-filter-options,
.cv2-listing-period-wrap .CoreV2-filter .CoreV2-filter-options,
.products_list > .CoreV2-filter-wrap .CoreV2-filter .CoreV2-filter-options,
.corecartpkts-wrapper > .CoreV2-filter-wrap .CoreV2-filter .CoreV2-filter-options {
  background: rgba(var(--cv2-primary-rgb), 0.06);
  border: 1px solid rgba(var(--cv2-primary-rgb), 0.10);
  border-radius: 10px;
  padding: 4px 6px;
}
.feature-box .feature-value {
  font-weight: 700;
}

/* Promo başlık — 3. cümle yeni satır */
.cv2-order-poster-title .cv2-os-line3 {
  display: block;
  width: 100%;
  margin-top: 2px;
  font-weight: 500;
}

/* Promo z-index / görsel — cv2-packs-promo.css */

.CoreV2-filter .CoreV2-filter-item.active img,
.CoreV2-filter .CoreV2-filter-item.active .filter-flag,
.CoreV2-filter .CoreV2-filter-item.active i,
.CoreV2-filter .CoreV2-filter-item.active svg {
  filter: none;
  opacity: 1;
}

/* CoreV2 mobile package/server stabilization - 2026-06-28 */
.cv2-pack-listing-filters .tabs-flex {
  width: 100%;
  max-width: 100%;
}
.cv2-pack-listing-filters .tabsArea {
  width: 100%;
  max-width: 100%;
}
.cv2-pack-listing-filters .CoreV2-filter {
  width: 100%;
  max-width: 100%;
}
.cv2-pack-listing-filters .d-flex {
  width: 100%;
  max-width: 100%;
}
.cv2-pack-listing-filters .CoreV2-filter .CoreV2-filter-options {
  width: 100%;
  justify-content: center;
}
.vertical--packs .pack .pack-detail .price-row {
  width: 100%;
  align-items: center;
}
.vertical--packs .pack .pack-detail .price-main {
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  gap: 5px;
  min-width: 0;
  flex-wrap: nowrap;
}
.vertical--packs .pack .pack-detail .billing-cycle {
  display: inline-flex;
  align-items: center;
  width: auto;
  min-width: max-content;
  max-width: none;
  opacity: 1;
  visibility: visible;
  white-space: nowrap;
}
.pack-campaign-top.pack-campaign-before-price .pcs-campaign-layout,
.pack-campaign-top.pack-campaign-in-head .pcs-campaign-layout {
  align-items: center;
}
.pack-campaign-top .pcs-label--left {
  white-space: nowrap;
  flex: 0 0 auto;
}
.pack-campaign-top .pcs-vertical-divider {
  display: block;
  flex: 0 0 auto;
}
.pack-campaign-top .pcs-campaign-timer-row {
  min-width: 0;
}
.amount-discount--round,
.amount-discount--corner {
  outline: none;
  outline-offset: 0;
}

@media (max-width: 768px) {  .cv2-pack-listing-filters {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 0;
  }
  .cv2-pack-listing-filters .CoreV2-filter-wrap {
    margin: 0;
    padding: 0;
  }
  .cv2-pack-listing-filters .CoreV2-filter-options.period-tabs,
  .cv2-pack-listing-filters .CoreV2-filter-options.location-tabs,
  .CoreV2-filter .CoreV2-filter-options.category-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }
  .cv2-pack-listing-filters .CoreV2-filter-item,
  .CoreV2-filter .CoreV2-filter-item {
    min-height: 38px;
    height: auto;
    padding: 8px 9px;
    text-align: center;
    white-space: normal;
    line-height: 1.18;
  }
  .vertical--packs:has(.packs-slider-body--3v),
  .vertical--packs.grid-col-3:has(.packs-slider-body--3v) {
    display: block;
    width: 100%;
    overflow: visible;
    padding: 0;
  }
  .packs-slider-body--3v,
  .packs-slider-body--hosting-only {
    display: block;
    grid-template-columns: unset;
    gap: 0;
    width: 100%;
    min-width: 0;
  }
  .packs-cards-panel--3v {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  .packs-cards-panel--3v .packs-cards-viewport {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
    overflow-x: auto;
    overflow-y: visible;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 0px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    touch-action: pan-x pan-y;
  }
  .packs-cards-panel--3v .packs-cards-track,
  .packs-cards-panel--3v .packs-cards-track.carousel-enabled {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 12px;
    width: max-content;
    min-width: 100%;
    transform: none;
  }
  .packs-cards-panel--3v .packs-cards-track > .pack-card-wrapper,
  .packs-cards-panel--3v .packs-cards-track.carousel-enabled > .pack-card-wrapper,
  .vertical--packs:has(.packs-slider-body--3v) .packs-cards-track > .pack-card-wrapper {
    float: none;
    flex: 0 0 100%;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    margin: 0;
    scroll-snap-align: start;
    display: flex;
    align-self: auto;
  }
  .packs-cards-panel--3v .packs-cards-track > .pack-card-wrapper .pack { height: auto; }
  .packs-cards-panel--3v .packs-cards-track > .pack-card-wrapper .pack {
    width: 100%;
  }
  .pack-carousel-pagination {
    display: flex;
    margin: 10px auto 4px;
  }
  .vertical--packs .pack .pack-detail {
    width: 100%;
    max-width: 100%;
  }
  .vertical--packs .pack .pack-detail .price-row {
    justify-content: center;
    gap: 8px;
  }
  .vertical--packs .pack .pack-detail .current-price {
    font-size: 21px;
    line-height: 1;
  }
  .vertical--packs .pack .pack-detail .current-price .amount {
    font-size: 21px;
    line-height: 1;
  }
  .vertical--packs .pack .pack-detail .billing-cycle {
    font-size: 11px;
    line-height: 1.1;
  }
}

@media (max-width: 380px) {
  .packs-cards-panel--3v .packs-cards-track > .pack-card-wrapper,
  .packs-cards-panel--3v .packs-cards-track.carousel-enabled > .pack-card-wrapper {
    flex-basis: calc(100vw - 34px);
    width: calc(100vw - 34px);
    min-width: calc(100vw - 34px);
    max-width: calc(100vw - 34px);
  }
  .vertical--packs:not(:has(.packs-cards-panel--3v)) {
    grid-template-columns: 1fr;
  }
  .vertical--packs:has(.packs-cards-panel--3v) .pack-card-wrapper {
    flex: 0 0 calc(100% - 20px);
    max-width: calc(100% - 20px);
    min-width: calc(100% - 20px);
    width: calc(100% - 20px);
  }
}

/* CoreV2 campaign header visual parity - 2026-06-28 */
.pack-popular-badge--head,
.pack-head-badge-slot .pack-popular-badge--head,
.pack-head-badge-slot .cv2-advantage-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-height: 25px;
  padding: 6px 13px;
  /* Tema: Buton radius — pack-head-badge-slot rozetleri */
  border-radius: var(--cv2-radius-btn, var(--cv2-btn-radius, 14px));
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
  color: #fff;
  background: var(--cv2-primary, var(--CoreV2-primary, #635bff));
  border: 1px solid rgba(255,255,255,.34);
  box-shadow: 0 8px 18px rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99,91,255)), .22);
  transform: none;
  position: static;
}
.pack-popular-badge--head svg {
  display: none;
}
.pack-campaign-top.pack-campaign-strip,
.pack-campaign-top.pack-campaign-before-price,
.pack-campaign-top.pack-campaign-in-head {
  display: block;
  width: 100%;
  margin: 8px 0 6px;
  padding: 0;
  border: 0;
  border-top: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.pack-campaign-top .pcs-campaign-layout {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr) 1px;
  align-items: center;
  column-gap: 10px;
  width: 100%;
  min-width: 0;
}
.pack-campaign-top .pcs-label--left {
  grid-column: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 1px;
  width: 50px;
  min-width: 50px;
  max-width: 50px;
  padding: 0;
  margin: 0;
  color: var(--cv2-primary, var(--CoreV2-primary, #635bff));
  text-align: left;
  white-space: normal;
  letter-spacing: 0;
  line-height: 1;
}
.pack-campaign-top .pcs-label-line {
  display: block;
  width: 100%;
  font-size: 9px;
  font-weight: 900;
  line-height: .95;
  letter-spacing: .01em;
  text-transform: uppercase;
}
.pack-campaign-top .pcs-label-line--bottom {
  margin-top: 1px;
}
.pack-campaign-top .pcs-campaign-right,
.pack-campaign-top .pcs-boxes {
  grid-column: 2;
  display: grid;
  grid-template-columns: repeat(4, minmax(38px, 1fr));
  align-items: stretch;
  gap: 7px;
  min-width: 0;
  width: 100%;
  margin: 0;
}
.pack-campaign-top .pcs-vertical-divider {
  grid-column: 3;
  grid-row: 1;
  display: block;
  width: 1px;
  height: 32px;
  min-height: 32px;
  margin: 0;
  background: rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99,91,255)), .18);
  border-radius: 999px;
}
.pack-campaign-top .pcs-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 0;
  width: auto;
  min-height: 34px;
  padding: 5px 4px 4px;
  border-radius: 8px;
  background: rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99,91,255)), .12);
  border: 1px solid rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99,91,255)), .16);
  box-shadow: none;
}
.pack-campaign-top .pcs-num {
  color: var(--cv2-primary, var(--CoreV2-primary, #635bff));
  font-size: 14px;
  font-weight: 900;
  line-height: .95;
  letter-spacing: 0;
}
.pack-campaign-top .cd-val {
  color: var(--cv2-primary, var(--CoreV2-primary, #635bff));
  font-size: 14px;
  font-weight: 900;
  line-height: .95;
  letter-spacing: 0;
}
.pack-campaign-top .pcs-unit {
  color: rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99,91,255)), .64);
  font-size: 5.5px;
  font-weight: 800;
  line-height: 1;
  margin-top: 3px;
  text-transform: uppercase;
  opacity: 1;
}
.pack-campaign-top .cd-lbl {
  color: rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99,91,255)), .64);
  font-size: 5.5px;
  font-weight: 800;
  line-height: 1;
  margin-top: 3px;
  text-transform: uppercase;
  opacity: 1;
}
.vertical--packs .pack.pack-popular .pack-campaign-before-price .pcs-box {
  background: rgba(255,255,255,.18);
  border-color: rgba(255,255,255,.24);
}
.vertical--packs .pack.pack-popular .pack-campaign-before-price .pcs-unit {
  color: rgba(255,255,255,.74);
}
.vertical--packs .pack.pack-popular .pack-campaign-before-price .cd-lbl {
  color: rgba(255,255,255,.74);
}
.vertical--packs .pack.pack-popular .pack-campaign-before-price .pcs-vertical-divider {
  background: rgba(255,255,255,.24);
}
.CoreV2-filter-wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
}
.cv2-pack-listing-filters {
  justify-content: center;
  align-items: center;
  width: 100%;
}
.cv2-pack-listing-filters .tabs-flex {
  justify-content: center;
  align-items: center;
  width: 100%;
}
.cv2-pack-listing-filters .tabsArea {
  justify-content: center;
  align-items: center;
  width: 100%;
}
.cv2-pack-listing-filters {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
}
.cv2-pack-listing-filters .CoreV2-filter-wrap {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: var(--CoreV2-container-width, 1360px);
  margin-left: auto;
  margin-right: auto;
}
.cv2-pack-listing-filters .CoreV2-filter .CoreV2-filter-options,
.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);
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 768px) {
      .pack-campaign-top .pcs-campaign-layout {
    grid-template-columns: 46px minmax(0, 1fr) 1px;
    column-gap: 7px;
  }
  .pack-campaign-top .pcs-label--left {
    width: 46px;
    min-width: 46px;
    max-width: 46px;
  }
  .pack-campaign-top .pcs-label-line {
    font-size: 8px;
  }
  .pack-campaign-top .pcs-campaign-right,
  .pack-campaign-top .pcs-boxes {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 5px;
  }
  .pack-campaign-top .pcs-box {
    min-height: 32px;
    padding: 4px 2px 3px;
  }
  .pack-campaign-top .pcs-num {
    font-size: 12px;
  }
  .pack-campaign-top .cd-val {
    font-size: 12px;
  }
  }

.vertical--packs .pack .pack-head-row {
  position: relative;
  padding: 16px 12px 10px;
  margin: -4px 8px 8px;
  border-radius: 12px;
  background: rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99,91,255)), .08);
  border: 1px solid rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99,91,255)), .11);
}
.vertical--packs .pack.pack-popular .pack-head-row {
  background: rgba(255,255,255,.13);
  border-color: rgba(255,255,255,.18);
}
.vertical--packs .pack .pack-campaign-before-price,
.vertical--packs .pack .pack-detail {
  margin-left: 0;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 10px;
}
.vertical--packs .pack .pack-campaign-before-price .pcs-campaign-layout,
.pack-campaign-top .pcs-campaign-layout {
  grid-template-columns: 56px 1px minmax(0, 1fr);
  column-gap: 9px;
}
.vertical--packs .pack .pack-campaign-before-price .pcs-label--left,
.pack-campaign-top .pcs-label--left {
  grid-column: 1;
  width: 56px;
  min-width: 56px;
  max-width: 56px;
  padding-left: 4px;
}
.vertical--packs .pack .pack-campaign-before-price .pcs-vertical-divider,
.pack-campaign-top .pcs-vertical-divider {
  grid-column: 2;
  height: 34px;
  min-height: 34px;
}
.vertical--packs .pack .pack-campaign-before-price .pcs-campaign-right,
.vertical--packs .pack .pack-campaign-before-price .pcs-boxes,
.pack-campaign-top .pcs-campaign-right,
.pack-campaign-top .pcs-boxes {
  grid-column: 3;
}
.vertical--packs .pack .pack-campaign-before-price .pcs-label-line,
.pack-campaign-top .pcs-label-line {
  font-size: 10px;
  font-weight: 760;
  line-height: 1.02;
  letter-spacing: 0;
}
.vertical--packs .pack .pack-campaign-before-price .pcs-num,
.pack-campaign-top .pcs-num {
  font-weight: 760;
}
.vertical--packs .pack .pack-campaign-before-price .cd-val,
.pack-campaign-top .cd-val {
  font-weight: 760;
}
.vertical--packs .pack.pack-popular .pack-campaign-before-price .pcs-num,
.vertical--packs .pack.pack-popular .pack-campaign-before-price .pcs-label--left,
.vertical--packs .pack.pack-popular .pack-campaign-before-price .pcs-label-line {
  color: #fff;
}
.vertical--packs .pack .pack-detail .amount-discount--corner {
  position: static;
  justify-self: end;
  align-self: center;
  margin-left: auto;
  clip-path: none;
  border-radius: 50%;
}
@media (max-width: 768px) {
  .vertical--packs .pack .pack-campaign-before-price .pcs-campaign-layout,
  .pack-campaign-top .pcs-campaign-layout {
    grid-template-columns: 52px 1px minmax(0, 1fr);
    column-gap: 7px;
  }
  .vertical--packs .pack .pack-campaign-before-price .pcs-label--left,
  .pack-campaign-top .pcs-label--left {
    width: 52px;
    min-width: 52px;
    max-width: 52px;
  }
  .vertical--packs .pack .pack-campaign-before-price .pcs-label-line,
  .pack-campaign-top .pcs-label-line {
    font-size: 8.8px;
  }
  .vertical--packs .pack .pack-campaign-before-price,
  .vertical--packs .pack .pack-detail {
    margin-left: 6px;
    margin-right: 6px;
    padding-left: 11px;
    padding-right: 11px;
  }
}

/* CoreV2 price badge cleanup - hosting only */
.vertical--packs .pack .pack-head-row,
.vertical--packs .pack.pack-popular .pack-head-row {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}
.vertical--packs .pack .pack-detail {
  position: relative;
}
.pack-price-state-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  max-width: 100%;
  min-height: 21px;
  margin: 0 0 6px;
  padding: 5px 9px;
  border-radius: 999px;
  background: rgba(255,255,255,.62);
  border: 1px solid rgba(15,23,42,.08);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
  color: #334155;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
}
.vertical--packs .pack.pack-popular .pack-price-state-badge {
  background: rgba(255,255,255,.18);
  border-color: rgba(255,255,255,.22);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2);
}
.vertical--packs .pack .pack-detail .amount-discount--corner {
  width: 54px;
  height: 54px;
  min-width: 54px;
  min-height: 54px;
  padding: 0;
  border-radius: 50%;
  clip-path: none;
  background: rgba(255,255,255,.66);
  border: 1px solid rgba(15,23,42,.08);
  color: var(--cv2-primary, var(--CoreV2-primary, #635bff));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.76), 0 8px 18px rgba(15,23,42,.08);
}
.vertical--packs .pack.pack-popular .pack-detail .amount-discount--corner {
  background: rgba(255,255,255,.2);
  border-color: rgba(255,255,255,.24);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 8px 18px rgba(0,0,0,.12);
}
.vertical--packs .pack .pack-detail .price-row {
  align-items: center;
}
@media (max-width: 768px) {
  .pack-price-state-badge {
    min-height: 20px;
    padding: 4px 8px;
    font-size: 9.5px;
  }
  .vertical--packs .pack .pack-detail .amount-discount--corner {
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;
  }
}

/* Hosting kart rozet/kampanya → css/cards/cv2-hosting-card-badges.css */

/* CoreV2 modern discount badge end — v0.2.51 flat rozet bloğu dosya sonunda */
/* CoreV2 pack title band adaptive left lock */
@supports (container-type: inline-size) {
  .vertical--packs .pack {
    container-type: inline-size;
  }
}
.vertical--packs .pack {
  --cv2-pack-title-band-offset: 26px;
  --cv2-pack-title-band-offset: clamp(24px, 7cqw, 30px);
}
.vertical--packs .pack .pack-name {
  isolation: isolate;
}
@supports not (width: 1cqw) {
  .vertical--packs .pack {
    --cv2-pack-title-band-offset: 26px;
  }
}
@media (max-width: 768px) {
  .vertical--packs .pack {
    --cv2-pack-title-band-offset: clamp(20px, 6cqw, 25px);
  }
}
/* CoreV2 pack promo row flow repair — promo always open */
@media (min-width: 1025px) {
  .packs-slider-body--3v:not(.coreservercart-packs-slider-body):not(:has(.pack.pack-expanded)) {
    align-items: stretch;
  }
  .packs-slider-body--3v:not(.coreservercart-packs-slider-body) > .pack-card-wrapper--promo {
    align-self: stretch;
    height: 100%;
    min-height: var(--cv2-closed-pack-h, 100%);
    display: flex;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
  }
  .packs-slider-body--hosting-only > .pack-card-wrapper,
  .vertical--packs > .pack-card-wrapper {
    align-self: stretch;
  }
}
/* CoreV2 pack promo row flow repair end */
/* CoreV2 promo slot fallback for listing grids */
@media (min-width: 992px) {
  .packs-slider-body--3v:not([class*="packs-slider-body--promo-slot-"]) > .pack-card-wrapper--promo {
    grid-column: 4;
    grid-row: 1;
    min-width: 0;
  }
  .packs-slider-body--3v:not([class*="packs-slider-body--promo-slot-"]) > .packs-cards-panel {
    grid-column: 1 / 4;
    grid-row: 1;
    min-width: 0;
    padding: 0;
  }
}
/* CoreV2 promo slot fallback for listing grids end */
/* CoreV2 package listing filter parity fix */
@media (min-width: 992px) {
  .products_list .cv2-pack-listing-filters .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-header,
  .tablopaketler .cv2-pack-listing-filters .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-header,
  .products_list > .CoreV2-filter-wrap .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-header {
    display: none;
  }
  .products_list .cv2-pack-listing-filters,
  .tablopaketler .cv2-pack-listing-filters {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 18px;
    padding: 0;
  }
  .products_list .cv2-pack-listing-filters .CoreV2-filter,
  .tablopaketler .cv2-pack-listing-filters .CoreV2-filter {
    width: auto;
    max-width: 100%;
  }
  .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 {
    display: flex;
    width: auto;
    max-width: 100%;
    justify-content: center;
    margin: 0 auto;
    padding: 6px;
    gap: 0;
    background: var(--cp-soft, var(--cv2-surface-secondary, #f3f4f6));
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 14px;
    box-shadow: none;
  }
  .products_list .cv2-pack-listing-filters .CoreV2-filter-item,
  .tablopaketler .cv2-pack-listing-filters .CoreV2-filter-item {
    height: 38px;
    min-height: 38px;
    padding: 2px 18px;
    border-radius: 8px;
    white-space: nowrap;
    line-height: 1;
  }
}
@media (max-width: 991px) {
  .products_list .cv2-pack-listing-filters .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-header,
  .tablopaketler .cv2-pack-listing-filters .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-header {
    display: flex;
  }
}
/* CoreV2 package listing filter parity fix end */

/* ── Mobile pack grid (2 sütun) — tek kart carousel kaldırıldı ── */
@media (max-width: 768px) {
  .packs-cards-panel--3v .packs-cards-viewport {
    display: block;
    overflow: visible;
    scroll-snap-type: none;
    padding: 0;
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    box-sizing: border-box;
  }

  .packs-cards-panel--3v .packs-cards-track,
  .packs-cards-panel--3v .packs-cards-track.carousel-enabled {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    width: 100%;
    transform: none;
  }

  .packs-cards-panel--3v .packs-cards-track .pack-card-wrapper,
  .packs-cards-panel--3v .packs-cards-track > .pack-card-wrapper {
    flex: initial;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    scroll-snap-align: unset;
  }

  .vertical--packs:not(:has(.packs-slider-body--3v)) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    overflow: visible;
    padding: 0;
  }

  .vertical--packs:not(:has(.packs-slider-body--3v)) > .pack-card-wrapper {
    flex: initial;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    scroll-snap-align: unset;
  }

  .cv2-pack-listing-filters .CoreV2-filter-wrap,
  .cv2-pack-listing-filters .CoreV2-filter.CoreV2-filter-mobile {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
  }

  .pack-carousel-pagination {
    display: none;
  }
  .packs-cards-nav {
    display: none;
  }
}

@media (max-width: 360px) {
  .packs-cards-panel--3v .packs-cards-track {
    grid-template-columns: 1fr;
  }
  .vertical--packs:not(:has(.packs-slider-body--3v)) {
    grid-template-columns: 1fr;
  }
}
/* ── Mobile pack grid end ── */
/* CoreV2 package page hero and category filter final alignment */
@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;
  }
  #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;
    width: 100%;
    margin: 0 0 18px;
    padding: 0;
  }
  #wrapper > .CoreV2-filter-wrap .CoreV2-filter,
  .cv2-pack-listing-head + .CoreV2-filter-wrap .CoreV2-filter,
  .cv2-page-hero-head + .CoreV2-filter-wrap .CoreV2-filter {
    width: auto;
    max-width: 100%;
  }
  #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;
    width: auto;
    max-width: 100%;
    justify-content: center;
    margin: 0 auto;
  }
}
.cv2-pack-listing-head.cv2-page-hero-head {
  width: 100%;
  max-width: min(100%, var(--container, 1180px));
  margin: 0 auto 16px;
  padding: 0 16px;
  text-align: center;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
}
.cv2-pack-listing-head .cv2-title-heading,
.cv2-page-hero-head .cv2-title-heading {
  width: 100%;
  max-width: 860px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.cv2-pack-listing-head .genelbaslik-rozet-kapsayici,
.cv2-page-hero-head .genelbaslik-rozet-kapsayici,
.cv2-pack-listing-head .genelbaslik-rozet,
.cv2-page-hero-head .genelbaslik-rozet {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.cv2-pack-listing-head .genelbaslik-rozet-ikon,
.cv2-page-hero-head .genelbaslik-rozet-ikon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  opacity: 1;
  visibility: visible;
}
.cv2-pack-listing-head .genelbaslik-aciklama,
.cv2-page-hero-head .genelbaslik-aciklama {
  max-width: 760px;
  margin: 10px auto 0;
  text-align: center;
  align-self: 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;
  }
  .cv2-pack-listing-head.cv2-page-hero-head {
    margin-bottom: 12px;
    padding: 0 12px;
  }
}
.vertical--packs {
  overflow: visible;
}
.vertical--packs .pack,
.vertical--packs .pack .pack-head-row,
.vertical--packs .pack .pack-head,
.vertical--packs .pack .pack-name {
  overflow: visible;
}
.vertical--packs .pack {
  --cv2-pack-title-band-offset: clamp(34px, 9cqw, 42px);
}
.vertical--packs .pack .pack-name {
  position: relative;
  z-index: 2;
}
@supports not (width: 1cqw) {
  .vertical--packs .pack {
    --cv2-pack-title-band-offset: 38px;
  }
}
@media (min-width: 992px) {
  .vertical--packs {
    box-sizing: border-box;
    min-width: 0;
  }
  .packs-slider-body--hosting-only,
  .packs-slider-body--3v,
  .packs-cards-panel,
  .packs-cards-panel--3v,
  .packs-cards-panel--full,
  .packs-cards-viewport,
  .packs-cards-track {
    box-sizing: border-box;
    min-width: 0;
  }
  .vertical--packs {
    width: 100%;
    max-width: var(--container, 1180px);
    margin-left: auto;
    margin-right: auto;
  }
  .packs-cards-panel,
  .packs-cards-panel--3v,
  .packs-cards-panel--full,
  .packs-cards-viewport,
  .packs-cards-track {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .packs-cards-panel--3v .packs-cards-viewport {
    padding-left: 0;
    padding-right: 0;
  }
  .packs-cards-panel--3v .packs-cards-track:not(.carousel-enabled),
  .packs-slider-body--hosting-only .packs-cards-track:not(.carousel-enabled) {
    display: flex;
    align-items: stretch;
    gap: var(--cv2-card-grid-gap, 18px);
  }
  .packs-slider-body--hosting-only .packs-cards-track:not(.carousel-enabled) > .pack-card-wrapper,
  .packs-cards-panel--full .packs-cards-track:not(.carousel-enabled) > .pack-card-wrapper {
    flex: 1 1 0;
    width: auto;
    max-width: none;
    min-width: 0;
  }
}
@media (max-width: 768px) {
  .vertical--packs .pack {
    --cv2-pack-title-band-offset: clamp(25px, 8cqw, 32px);
  }
}
/* CoreV2 package track width and title band edge repair end */
/* CoreV2 final desktop pack grid lock */
@media (min-width: 992px) {
  .vertical--packs:has(.packs-slider-body--3v) {
    display: block;
    width: 100%;
    max-width: var(--container, 1180px);
    margin-left: auto;
    margin-right: auto;
    overflow: visible;
  }
  .vertical--packs .packs-slider-body--3v {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-auto-flow: row;
    align-items: start;
    gap: var(--cv2-card-grid-gap, 18px);
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: visible;
  }
  .vertical--packs .packs-slider-body--3v.packs-slider-body--promo-slot-left > .pack-card-wrapper--promo {
    grid-column: 1;
    grid-row: 1;
  }
  .vertical--packs .packs-slider-body--3v.packs-slider-body--promo-slot-left > .packs-cards-panel {
    grid-column: 2 / 5;
    grid-row: 1;
  }
  .vertical--packs .packs-slider-body--3v.packs-slider-body--promo-slot-center > .pack-card-wrapper--promo,
  .vertical--packs .packs-slider-body--3v.packs-slider-body--promo-slot-right > .pack-card-wrapper--promo,
  .vertical--packs .packs-slider-body--3v:not([class*="packs-slider-body--promo-slot-"]) > .pack-card-wrapper--promo {
    grid-column: 4;
    grid-row: 1;
  }
  .vertical--packs .packs-slider-body--3v.packs-slider-body--promo-slot-center > .packs-cards-panel,
  .vertical--packs .packs-slider-body--3v.packs-slider-body--promo-slot-right > .packs-cards-panel,
  .vertical--packs .packs-slider-body--3v:not([class*="packs-slider-body--promo-slot-"]) > .packs-cards-panel {
    grid-column: 1 / 4;
    grid-row: 1;
  }
  .vertical--packs .packs-slider-body--3v > .pack-card-wrapper--promo {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
    transform: none;
    overflow: visible;
  }
  .vertical--packs .packs-slider-body--3v > .packs-cards-panel,
  .vertical--packs .packs-cards-panel--3v,
  .vertical--packs .packs-cards-viewport,
  .vertical--packs .packs-cards-track {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
    transform: none;
    overflow: visible;
  }
  .vertical--packs .packs-slider-body--3v .packs-cards-viewport {
    height: auto;
    padding: 16px 0 0;
    margin-top: -16px;
    overflow: visible;
    scroll-snap-type: none;
  }
  .vertical--packs .packs-slider-body--3v .packs-cards-track,
  .vertical--packs .packs-slider-body--3v .packs-cards-track.carousel-enabled {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--cv2-card-grid-gap, 18px);
    align-items: stretch;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  .vertical--packs .packs-slider-body--3v .packs-cards-track > .pack-card-wrapper,
  .vertical--packs .packs-slider-body--3v .packs-cards-track.carousel-enabled > .pack-card-wrapper {
    float: none;
    display: flex;
    flex: none;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    scroll-snap-align: none;
    visibility: visible;
    opacity: 1;
  }
  .vertical--packs .packs-slider-body--3v .packs-cards-track > .pack-card-wrapper .pack {
    width: 100%;
    height: auto;
  }
  .packs-slider-body--hosting-only .packs-cards-track,
  .packs-slider-body--hosting-only .packs-cards-track.carousel-enabled {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--cv2-card-grid-gap, 18px);
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }
  .packs-slider-body--hosting-only .packs-cards-track > .pack-card-wrapper,
  .packs-slider-body--hosting-only .packs-cards-track.carousel-enabled > .pack-card-wrapper {
    float: none;
    flex: none;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin: 0;
  }
  .vertical--packs .pack-carousel-pagination {
    display: none;
  }
  .vertical--packs .packs-cards-nav {
    display: none;
  }
}
/* CoreV2 final desktop pack grid lock end */

/* ================================================================
   3V LAYOUT - PROMO CARD YÜKSEKLİK EŞİTLEME (BASİTLEŞTİRİLMİŞ)
   ================================================================ */

/* Grid yapısı düzeltmesi */
.packs-slider-body--3v {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  align-items: stretch;
}

/* Promo kartı pozisyonları */
.packs-slider-body--3v.packs-slider-body--promo-slot-right > .pack-card-wrapper--promo {
  grid-column: 4;
  grid-row: 1;
}

.packs-slider-body--3v.packs-slider-body--promo-slot-right .packs-cards-panel {
  grid-column: 1 / 4;
  grid-row: 1;
}

/* Paket paneli yüksekliği — promo hariç (cv2-packs-promo.css) */
.packs-cards-panel--3v {
  height: auto;
  min-height: auto;
}

.packs-cards-panel--3v .packs-cards-viewport,
.packs-cards-panel--3v .packs-cards-track {
  height: auto;
}

/* Paket kartları — promo hariç; genişleyen kart diğerlerini etkilemesin */
.packs-cards-track > .pack-card-wrapper:not(.pack-card-wrapper--promo) {
  height: 100%;
  align-self: stretch;
}

.packs-cards-track > .pack-card-wrapper:not(.pack-card-wrapper--promo) > .pack {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* ================================================================
   3V LAYOUT FIX - FORCE UPDATE v2.2 - 2026-06-29 23:45
   ================================================================ */

/* Container ve grid yapısı */
.vertical--packs:has(.packs-slider-body--3v) {
  display: block;
  width: 100%;
  max-width: var(--container);
  margin: 0 auto;
  overflow: visible;
}

/* 3v slider grid - 4 kolon */
.packs-slider-body--3v {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr;
  gap: 18px;
  align-items: start;
  width: 100%;
  min-height: 0;
}

/* Promo slot RIGHT (default) */
.packs-slider-body--3v.packs-slider-body--promo-slot-right > .pack-card-wrapper--promo {
  grid-column: 4 / 5;
  grid-row: 1 / 2;
  height: 100%;
  min-height: var(--cv2-closed-pack-h, 100%);
  align-self: stretch;
}

.packs-slider-body--3v.packs-slider-body--promo-slot-right > .packs-cards-panel {
  grid-column: 1 / 4;
  grid-row: 1 / 2;
  height: 100%;
  min-height: 100%;
}

/* Promo slot LEFT */
.packs-slider-body--3v.packs-slider-body--promo-slot-left > .pack-card-wrapper--promo {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  height: 100%;
  align-self: stretch;
}

.packs-slider-body--3v.packs-slider-body--promo-slot-left > .packs-cards-panel {
  grid-column: 2 / 5;
  grid-row: 1 / 2;
  height: 100%;
}

/* Promo slot CENTER */
.packs-slider-body--3v.packs-slider-body--promo-slot-center > .pack-card-wrapper--promo {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  height: 100%;
  align-self: stretch;
}

.packs-slider-body--3v.packs-slider-body--promo-slot-center > .packs-cards-panel {
  grid-column: 1 / 2, 3 / 5;
  grid-row: 1 / 2;
  height: 100%;
}

/* Promo kart — düzen: css/cv2-packs-promo.css (sabit yükseklik, sütun) */
.pack-card-wrapper--promo {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-self: stretch;
}

.pack-card-wrapper--promo .cv2-packs-promo-detail {
  height: 100%;
  display: flex;
  flex-direction: column;
  flex: 0 1 auto;
}

/* Cards panel yükseklik */
.packs-cards-panel--3v {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 100%;
  align-self: stretch;
}

.packs-cards-panel--3v .packs-cards-viewport {
  flex: 1;
  height: auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: visible;
}

.packs-cards-panel--3v .packs-cards-track {
  display: flex;
  gap: 18px;
  height: auto;
  flex: 1;
  align-items: start;
}

/* Pack cards - kart yüksekliği bağımsız */
.packs-cards-panel--3v .packs-cards-track > .pack-card-wrapper {
  flex: 1 1 0;
  min-width: 0;
  height: auto;
  display: flex;
  align-self: start;
}

.packs-cards-panel--3v .packs-cards-track > .pack-card-wrapper > .pack {
  height: auto;
  width: 100%;
  display: flex;
  flex-direction: column;
}
/* CoreV2 filter responsive visibility guard (sunucu filtresiyle aynı breakpoint: 769px) */

/* CoreV2 filter responsive visibility guard end */
/* CoreV2 pack title band contained refinement */
.vertical--packs .pack .pack-head-row,
.vertical--packs .pack.pack-popular .pack-head-row {
  --cv2-pack-title-band-flush: 12px;
  overflow: visible;
}
.vertical--packs .pack .pack-head {
  min-width: 0;
}
.vertical--packs .pack .pn-text {
  min-width: 0;
}
.vertical--packs .pack .pack-head-badge-slot,
.vertical--packs .pack .pack-popular-badge--head,
.vertical--packs .pack .cv2-advantage-badge {
  display: flex;
  visibility: visible;
  opacity: 1;
}
.vertical--packs .pack .pack-name {
  max-width: calc(100% - 8px);
}
/* CoreV2 pack title band contained refinement end */

/* ================================================================
   HOSTING PAKETI — YEDEK RESTORE + ESIT YUKSEKLIK (tek kaynak)
   ================================================================ */

/* Esit yukseklik kartlar — promo hariç; genişleyen paket promo'yu etkilemesin */
.packs-cards-track,
.vertical--packs .packs-cards-track,
.packs-slider-body--hosting-only .packs-cards-track,
.packs-slider-body--3v .packs-cards-track {
  align-items: start;
}
.vertical--packs .pack-card-wrapper:not(.pack-card-wrapper--promo),
.packs-cards-track > .pack-card-wrapper:not(.pack-card-wrapper--promo),
.pack-card-wrapper:not(.pack-card-wrapper--promo) {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  height: 100%;
}
.packs-slider-body--3v > .pack-card-wrapper--promo,
.vertical--packs:has(.packs-slider-body--3v) .pack-card-wrapper--promo {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: var(--cv2-closed-pack-h, 100%);
  align-self: stretch;
}
.vertical--packs .pack {
  flex: 0 1 auto;
  display: flex;
  flex-direction: column;
  height: auto;
  min-height: 0;
  padding: var(--sp-3, 12px) var(--sp-3, 12px) var(--sp-1, 4px);
  padding-top: 28px;
  box-sizing: border-box;
}
.vertical--packs .pack .pack-body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
  width: 100%;
}
.vertical--packs .pack .pack-footer {
  flex-shrink: 0;
  margin-top: 12px;
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 4px;
  width: 100%;
  box-sizing: border-box;
}
.vertical--packs .pack .pack-cart-button-wrapper {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  border-top: none;
}

/* Baslik satiri — cerceve; populer = ayni yapi, uyumlu renk */
.vertical--packs .pack .pack-head-row,
.vertical--packs .pack.pack-popular .pack-head-row {
  position: relative;
  margin: 0 0 4px 0;
  padding: 10px 10px 8px;
  border-radius: 10px;
  background: rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99, 91, 255)), 0.08);
  border: 1px solid rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99, 91, 255)), 0.14);
  box-shadow: none;
  overflow: visible;
}
.vertical--packs .pack.pack-popular .pack-head-row {
  /* ayni cerceve mantigi — populer yuzeyde okunur ton */
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.24);
}
.vertical--packs .pack .pack-head-badge-slot {
  display: flex;
  visibility: visible;
  opacity: 1;
  top: -13px;
  z-index: 35;
}

/* Fiyat / kampanya — kart kenarlariyla hizali, ustten bosluk */
.vertical--packs .pack .pack-detail .price-row::before {
  display: none;
  content: none;
}
.vertical--packs .pack .pack-detail .price-section {
  padding-left: 6px;
}
.vertical--packs .pack .pack-detail .amount-discount--corner {
  margin-left: auto;
  margin-right: 0;
}

/* Ozellikler — yedek 3x3 grid, ortali, kartla ayni hizada */
.vertical--packs .pack .pack-features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
  margin-top: 5px;
  width: 100%;
}
/* Kapalıyken gizli; AÇIK kartta asla bu kural kazanmasın */
.vertical--packs .pack:not(.pack-expanded) .pack-features-extra {
  display: none;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
  margin-top: 5px;
  width: 100%;
}.vertical--packs .pack .feature-box {
  display: block;
  text-align: center;
  padding: 5px 3px;
  transform: none;
  border-radius: var(--r-sm);
}
.vertical--packs .pack .feature-box::before {
  display: block;
}
.vertical--packs .pack .feature-box:hover {
  transform: translateY(-4px) scale(1.02);
}
.vertical--packs .pack .feature-box .feature-value,
.vertical--packs .pack .feature-box .feature-label {
  display: block;
  text-align: center;
  opacity: 1;
  visibility: visible;
}
.vertical--packs .pack .feature-box i,
.vertical--packs .pack .feature-box i[class*="hki-stroke"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  min-width: 34px;
  margin: 0 auto 2px;
  padding: 0;
  font-size: 16px;
  border-radius: var(--r-sm);
  position: relative;
  z-index: 1;
}
.vertical--packs .pack .feature-box.feature-image-box {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px;
  text-align: center;
}
.vertical--packs .pack .pack-toggle-btn {
  align-self: center;
  margin: 4px auto 2px;
  width: auto;
  display: flex;
}

/* Promo kart yükseklik eşitleme — track içi paketler */
@media (min-width: 992px) {
  .packs-cards-panel--3v .packs-cards-track > .pack-card-wrapper,
  .packs-cards-track > .pack-card-wrapper {
    height: auto;
    align-self: start;
  }
  .packs-cards-panel--3v .packs-cards-track > .pack-card-wrapper .pack,
  .packs-cards-track > .pack-card-wrapper .pack {
    height: auto;
    min-height: 0;
    justify-content: flex-start;
  }
}

@media (max-width: 991px) {
  .vertical--packs .pack-card-wrapper .pack {
    height: auto;
    min-height: 0;
  }
}

/* ================================================================
   PAKET KARTI — KAMPANYA ŞERİDİ, ÖZELLİK TOGGLE, KOMPAKT GRID
   ================================================================ */
.vertical--packs .pack.pack-popular .pack-campaign-before-price,
.vertical--packs .pack.pack-popular .pack-campaign-top.pack-campaign-strip {
  /* shell arka plan YOK — sadece sayac kutulari gorunsun */
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
}
.pack-campaign-top .pcs-box,
.vertical--packs .pack .pack-campaign-before-price .pcs-box {
  border-radius: 4px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
}
/* Özellikler sarmalı */
.vertical--packs .pack .pack-features-wrap > .pack-toggle-btn {
  align-self: center;
  margin-left: auto;
  margin-right: auto;
}
.vertical--packs .pack .pack-features-extra .feature-box .feature-label {
  margin-top: 1px;
}

/* ================================================================
   KULLANICI DUZENLEMELERI — ozellik grid, hizalama, mobil (2026-06-30)
   ================================================================ */
.vertical--packs .pack:not(.pack-expanded) .pack-features-extra {
  display: none;
}
.vertical--packs .pack.pack-expanded .pack-features-extra {
  display: grid;
}
.vertical--packs .pack .pack-features-grid,
.vertical--packs .pack .pack-features-extra {
  align-content: start;
}
.vertical--packs .pack .pack-name::before {
  top: 50%;
  transform: translateY(-50%);
  height: 28px;
  width: 3px;
  left: calc((var(--sp-3, 12px) * -1) + 2px);
}
.vertical--packs .pack .pack-toggle-btn {
  margin: 4px auto 2px;
}
.vertical--packs .pack .pack-footer {
  padding-top: 2px;
}

@media (max-width: 768px) {  .pack-card-wrapper,
  .packs-cards-panel--3v .packs-cards-track .pack-card-wrapper {
    flex: 0 0 100%;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
    scroll-snap-align: start;
  }
  .vertical--packs .pack .pack-head-badge-slot {
    top: -12px;
    left: 10px;
    right: auto;
    transform: none;
    max-width: calc(100% - 64px);
    z-index: 4;
  }
  .vertical--packs .pack .pack-detail .amount-discount--corner {
    z-index: 5;
    margin-left: auto;
  }
  .vertical--packs .pack .pack-campaign-before-price .pcs-campaign-layout,
  .pack-campaign-top .pcs-campaign-layout {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    width: 100%;
  }
  .vertical--packs .pack .pack-campaign-before-price .pcs-label--left,
  .pack-campaign-top .pcs-label--left {
    width: 100%;
    min-width: 0;
    max-width: none;
    text-align: center;
  }
  .vertical--packs .pack .pack-campaign-before-price .pcs-vertical-divider,
  .pack-campaign-top .pcs-vertical-divider {
    display: none;
  }
  .vertical--packs .pack .pack-campaign-before-price .pcs-campaign-right,
  .vertical--packs .pack .pack-campaign-before-price .pcs-boxes,
  .pack-campaign-top .pcs-campaign-right,
  .pack-campaign-top .pcs-boxes {
    width: 100%;
    justify-content: center;
  }
  .vertical--packs .pack .pack-cart-btn,
  .vertical--packs .pack a.pack-cart-btn {
    width: calc(100% - 8px);
    max-width: calc(100% - 8px);
    margin-inline: auto;
    padding: 11px 14px;
    box-sizing: border-box;
  }
}

/* CoreV2 responsive/performance pass - package card grid guard (2026-06-30) */
@media (max-width: 768px) {
  .vertical--packs .packs-slider-body--3v .packs-cards-track,
  .vertical--packs .packs-slider-body--3v .packs-cards-track.carousel-enabled,
  .vertical--packs .packs-slider-body--hosting-only .packs-cards-track,
  .vertical--packs .packs-slider-body--hosting-only .packs-cards-track.carousel-enabled {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 12px;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow: visible;
    transform: none;
    scroll-snap-type: none;
  }
  .vertical--packs .packs-slider-body--3v .packs-cards-track > .pack-card-wrapper,
  .vertical--packs .packs-slider-body--3v .packs-cards-track.carousel-enabled > .pack-card-wrapper,
  .vertical--packs .packs-slider-body--hosting-only .packs-cards-track > .pack-card-wrapper,
  .vertical--packs .packs-slider-body--hosting-only .packs-cards-track.carousel-enabled > .pack-card-wrapper,
  .vertical--packs:not(:has(.packs-slider-body--3v)):not(:has(.packs-slider-body--hosting-only)) > .pack-card-wrapper:not(.pack-card-wrapper--promo) {
    display: flex;
    flex: 0 0 auto;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    scroll-snap-align: unset;
  }
  .vertical--packs .packs-slider-body--3v > .pack-card-wrapper--promo,
  .vertical--packs .packs-slider-body--hosting-only > .pack-card-wrapper--promo,
  .vertical--packs .packs-cards-track > .pack-card-wrapper--promo {
    grid-column: 1 / -1;
    width: 100%;
    max-width: 100%;
  }
  .vertical--packs .pack {
    height: auto;
    min-width: 0;
  }
  .vertical--packs .pack .pack-name,
  .vertical--packs .pack .pack-title,
  .vertical--packs .pack .pack-desc,
  .vertical--packs .pack .pack-cart-btn {
    overflow-wrap: anywhere;
  }
}
@media (max-width: 420px) {
  .vertical--packs .packs-slider-body--3v .packs-cards-track,
  .vertical--packs .packs-slider-body--3v .packs-cards-track.carousel-enabled,
  .vertical--packs .packs-slider-body--hosting-only .packs-cards-track,
  .vertical--packs .packs-slider-body--hosting-only .packs-cards-track.carousel-enabled {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}
/* CoreV2 responsive/performance pass - package card grid guard end */
/* CoreV2 promo-slot-right and products_list alignment repair (2026-06-30) */
.vertical--packs:has(.packs-slider-body--3v),
.vertical--packs.grid-col-3:has(.packs-slider-body--3v) {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  overflow: visible;
}

@media (min-width: 992px) {
  .vertical--packs .packs-slider-body--3v.packs-slider-body--promo-slot-right {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(250px, 300px);
    grid-template-rows: auto;
    align-items: stretch;
    gap: clamp(12px, 1.4vw, 18px);
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-left: auto;
    margin-right: auto;
    overflow: visible;
  }
  .vertical--packs .packs-slider-body--3v.packs-slider-body--promo-slot-right > .packs-cards-panel {
    grid-column: 1 / 4;
    grid-row: 1;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin: 0;
  }
  .vertical--packs .packs-slider-body--3v.packs-slider-body--promo-slot-right > .pack-card-wrapper--promo {
    grid-column: 4 / 5;
    grid-row: 1;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin: 0;
  }
  .vertical--packs .packs-slider-body--3v.packs-slider-body--promo-slot-right .packs-cards-viewport {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: visible;
    padding: 0;
    margin: 0;
  }
  .vertical--packs .packs-slider-body--3v.packs-slider-body--promo-slot-right .packs-cards-track,
  .vertical--packs .packs-slider-body--3v.packs-slider-body--promo-slot-right .packs-cards-track.carousel-enabled {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(12px, 1.4vw, 18px);
    width: 100%;
    min-width: 0;
    max-width: 100%;
    height: 100%;
    overflow: visible;
    transform: none;
  }
  .vertical--packs .packs-slider-body--3v.packs-slider-body--promo-slot-right .packs-cards-track > .pack-card-wrapper {
    display: flex;
    flex: 0 1 auto;
    float: none;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin: 0;
  }
}

@media (min-width: 641px) and (max-width: 991px) {
  .vertical--packs .packs-slider-body--3v.packs-slider-body--promo-slot-right {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    width: 100%;
    max-width: 100%;
  }
  .vertical--packs .packs-slider-body--3v.packs-slider-body--promo-slot-right > .pack-card-wrapper--promo {
    grid-column: 1 / -1;
    width: 100%;
    max-width: 100%;
    margin: 0;
  }
  .vertical--packs .packs-slider-body--3v.packs-slider-body--promo-slot-right > .packs-cards-panel {
    grid-column: 1 / -1;
    width: 100%;
    max-width: 100%;
    margin: 0;
  }
  .vertical--packs .packs-slider-body--3v.packs-slider-body--promo-slot-right .packs-cards-track,
  .vertical--packs .packs-slider-body--3v.packs-slider-body--promo-slot-right .packs-cards-track.carousel-enabled {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    width: 100%;
    overflow: visible;
    transform: none;
  }
}

@media (max-width: 640px) {
  .vertical--packs .packs-slider-body--3v.packs-slider-body--promo-slot-right {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    width: 100%;
    max-width: 100%;
    overflow: visible;
  }
  .vertical--packs .packs-slider-body--3v.packs-slider-body--promo-slot-right .packs-cards-viewport {
    overflow: visible;
    padding: 0;
    scroll-snap-type: none;
  }
  .vertical--packs .packs-slider-body--3v.packs-slider-body--promo-slot-right .packs-cards-track,
  .vertical--packs .packs-slider-body--3v.packs-slider-body--promo-slot-right .packs-cards-track.carousel-enabled {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    width: 100%;
    overflow: visible;
    transform: none;
  }
  .vertical--packs .packs-slider-body--3v.packs-slider-body--promo-slot-right .packs-cards-track > .pack-card-wrapper {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin: 0;
  }
}

@media (max-width: 380px) {
  .vertical--packs .packs-slider-body--3v.packs-slider-body--promo-slot-right .packs-cards-track,
  .vertical--packs .packs-slider-body--3v.packs-slider-body--promo-slot-right .packs-cards-track.carousel-enabled {
    grid-template-columns: 1fr;
  }
}
/* CoreV2 promo-slot-right and products_list alignment repair end */

/* ================================================================
   CV2 STRUCTURED GRID — Sayfalı Düzen
   Bölüm 1: 3 paket + 1 promo görsel (4 sütun)
   Bölüm 2: 4 normal paket (promo yok)
   ================================================================ */

/* Sayfa geçişi — yumuşak giriş */
.cv2-pack-page {
  animation: cv2PageFadeIn 0.3s ease forwards;
}
@keyframes cv2PageFadeIn {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ── Sayfa 1: 3 paket + promo sağda ── */
.cv2-row-with-promo {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  gap: var(--cv2-packs-3v-gap, 18px);
  align-items: stretch;
  width: 100%;
}

/* Paketler paneli: ilk 3 sütun */
.cv2-row-with-promo > .packs-cards-panel--3v {
  grid-column: 1 / 4;
  grid-row: 1;
  min-width: 0;
  padding: 0;
}

/* Promo görsel: 4. sütun */
.cv2-row-with-promo > .pack-card-wrapper--promo {
  grid-column: 4;
  grid-row: 1;
  min-width: 0;
  width: 100%;
  align-self: stretch;
}

/* İçeride 3 paket yan yana, tam genişlik */
.cv2-row-with-promo .packs-cards-panel--3v .packs-cards-track {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--cv2-packs-3v-gap, 18px);
  width: 100%;
  min-width: 100%;
}

.cv2-row-with-promo .packs-cards-panel--3v .packs-cards-track > .pack-card-wrapper {
  flex: 1 1 0;
  min-width: 0;
  max-width: 100%;
  width: 100%;
  display: flex;
  visibility: visible;
  opacity: 1;
}

.cv2-row-with-promo .packs-cards-panel--3v .packs-cards-track > .pack-card-wrapper .pack {
  width: 100%;
  box-sizing: border-box;
}

/* ── Sayfa 2+: Sadece 4 paket (promo yoktur) ── */
.cv2-row-no-promo {
  display: block;
  width: 100%;
}

.cv2-row-no-promo .packs-cards-panel--4v {
  width: 100%;
  min-width: 0;
  padding: 0;
}

.cv2-row-no-promo .packs-cards-panel--4v .packs-cards-track {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--cv2-packs-3v-gap, 18px);
  width: 100%;
  min-width: 100%;
}

.cv2-row-no-promo .packs-cards-panel--4v .packs-cards-track > .pack-card-wrapper {
  flex: 1 1 0;
  min-width: 0;
  max-width: 100%;
  width: 100%;
  display: flex;
  visibility: visible;
  opacity: 1;
}

.cv2-row-no-promo .packs-cards-panel--4v .packs-cards-track > .pack-card-wrapper .pack {
  width: 100%;
  box-sizing: border-box;
}

/* ── Pagination butonları hover efekti ── */
.cv2-structured-pagination .core-pg-btn:hover:not(.active) {
  background: rgba(var(--CoreV2-primary-rgb, 5,150,105), 0.08);
  border-color: rgba(var(--CoreV2-primary-rgb, 5,150,105), 0.4);
}

/* ── Mobil: tek sütun ── */
@media (max-width: 1024px) {
  .cv2-row-with-promo {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
  }
  .cv2-row-with-promo > .packs-cards-panel--3v {
    grid-column: 1 / -1;
    grid-row: 1;
  }
  .cv2-row-with-promo > .pack-card-wrapper--promo {
    grid-column: 1 / -1;
    grid-row: 2;
    min-height: 200px;
  }
  .cv2-row-with-promo .packs-cards-panel--3v .packs-cards-track {
    flex-wrap: wrap;
  }
  .cv2-row-with-promo .packs-cards-panel--3v .packs-cards-track > .pack-card-wrapper {
    flex: 0 0 calc(50% - 9px);
    max-width: calc(50% - 9px);
  }
  .cv2-row-no-promo .packs-cards-panel--4v .packs-cards-track {
    flex-wrap: wrap;
  }
  .cv2-row-no-promo .packs-cards-panel--4v .packs-cards-track > .pack-card-wrapper {
    flex: 0 0 calc(50% - 9px);
    max-width: calc(50% - 9px);
  }
}

@media (max-width: 640px) {
  .cv2-row-with-promo {
    grid-template-columns: 1fr;
  }
  .cv2-row-with-promo .packs-cards-panel--3v .packs-cards-track > .pack-card-wrapper,
  .cv2-row-no-promo .packs-cards-panel--4v .packs-cards-track > .pack-card-wrapper {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* ================================================================
   CV2 SABIT KART GENİŞLİĞİ — Tüm paket türlerinde 330px sabit genişlik
   Hosting, sunucu, özel paketler — kaç kart olursa olsun aynı boyut.
   ================================================================ */

/*
 * EVRENSEL KURAL: Tüm pack-card-wrapper'lar 330px sabit.
 * - cv2-structured-grid (hosting sayfa 2+)
 * - vertical--packs (hosting sayfa 1, special-products, sms-products)
 * - packs-cards-track içindeki tüm wrapper'lar
 * Kartlar sola yaslanır (justify-content: flex-start), genişlemez.
 */

/* Kart slot genişlikleri → css/cards/cv2-hosting-card-layout.css, cv2-server-card-layout.css */

/* ================================================================
   CV2 330px KART — İç Düzen İyileştirmeleri
   - Özellik kutuları: daha büyük font, daha az boşluk
   - Kampanya şeridi: oval kenar azaltıldı
   - pack-body padding azaltıldı
   ================================================================ */

/* ── Hosting kartı min-width 330px ── */
.vertical--packs .pack-card-wrapper:not(.pack-card-wrapper--promo) {
  min-width: 0;
}
.vertical--packs .pack {
  min-width: 0;
  width: 100%;
}

/* ── pack-body padding azalt ── */
.vertical--packs .pack .pack-body {
  padding-top:    4px;
  padding-bottom: 4px;
}

/* ── Özellik kutuları: daha kompakt, daha büyük metin ── */
.vertical--packs .pack-features-grid {
  gap: 4px;
}

.vertical--packs .feature-box {
  padding: 5px 3px;
  gap: 3px;
}

.vertical--packs .feature-box i,
.vertical--packs .feature-box i[class*="hki-stroke"] {
  font-size: 16px;
  width: 28px;
  height: 28px;
}

.vertical--packs .feature-box .feature-value {
  font-size: 12px;
  font-weight: 700;
}

.vertical--packs .feature-box .feature-label {
  font-size: 10px;
  margin-top: 1px;
}

/* Kampanya seridi — shell arka plan/cerceve YOK */
.pack-campaign-top.pack-campaign-strip,
.pack-campaign-top.pack-campaign-before-price,
.pack-campaign-top.pack-countdown,
.pack-campaign-top.pack-countdown-2v,
.pack-campaign-top.pack-campaign-in-head {
  display: flex;
  width: 100%;
  background: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  box-sizing: border-box;
  box-shadow: none;
}

.pack-campaign-top .pcs-box {
  border-radius: 5px;
}
.pack-campaign-top .cd-box {
  border-radius: 5px;
}

/* Sunucu kampanya şeridi → server-products.css */

/* ── pack-detail (fiyat satırı) ── */
.vertical--packs .pack .pack-detail {
  padding: 6px 10px;
  margin-top: 4px;
  margin-bottom: 4px;
}

/* ================================================================
   pack-body ve içindeki elementlerin üst/alt boşluklarını sıfırla
   ================================================================ */

/* pack-body kendisi — tüm boşluklar sıfır */
.vertical--packs .pack .pack-body {
  padding-top:    0;
  padding-bottom: 0;
  margin-top:     0;
  margin-bottom:  0;
  gap:            0;
}

.vertical--packs .pack .pack-body > * {
  margin-top:    0;
  margin-bottom: 0;
}

/* pack-body hemen altındaki boşluk — pack ve pack-footer arasındaki gap */
.vertical--packs .pack {
  gap: 0;
}

/* ================================================================
   CoreV2-sticky-text — mobilde masaüstüyle aynı font-weight
   (font-weight inherit — desktop'ta olduğu gibi üst öğeden al)
   ================================================================ */
@media (max-width: 991px) {
  .CoreV2-sticky-text {
    font-size: 13px;
  }
  #CoreV2-sticky-ann .CoreV2-sticky-text {
    font-size: 13px;
  }
}

/* ================================================================
   cv2-pack-listing-filters — ortalanmış, tutarlı filtre düzeni
   ================================================================ */
@media (min-width: 769px) {
  .cv2-pack-listing-filters .CoreV2-filter-wrap {
    padding-left: clamp(14px, 2vw, 24px);
    padding-right: clamp(14px, 2vw, 24px);
    box-sizing: border-box;
  }

  .cv2-pack-listing-filters .CoreV2-filter .CoreV2-filter-options,
  .corecartpkts-wrapper > .cv2-pack-listing-filters .CoreV2-filter-options {
    background: var(--cv2-surface-secondary, #f8fafc);
  }
}

@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: min(100%, 820px);
  }
}

/* ============================================================
   v0.2.51 — İndirim rozeti (yeniden tasarım), kampanya boşluk, genişlik
   (Eski Yedek CoreV2-1 referansı)
   ============================================================ */

/* Yüzde indirim rozeti — düz köşeli, sade (dairesel değil) — hosting */
.vertical--packs .pack .pack-detail .amount-discount--corner,
.vertical--packs .pack .pack-detail .amount-discount--round,
.vertical--packs .pack .pack-detail .amount-discount:not(.amount-discount--corner):not(.amount-discount--round) {
  display: inline-flex;
  visibility: visible;
  position: relative;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: auto;
  height: auto;
  min-width: 42px;
  min-height: 28px;
  padding: 4px 9px;
  margin: 0;
  overflow: visible;
  border-radius: 4px;
  clip-path: none;
  background: linear-gradient(145deg, rgba(var(--cv2-primary-rgb, 99, 91, 255), .16), rgba(var(--cv2-primary-rgb, 99, 91, 255), .07));
  border: 1px solid rgba(var(--cv2-primary-rgb, 99, 91, 255), .28);
  color: var(--cv2-primary, var(--CoreV2-primary, #635bff));
  box-shadow: none;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}

.vertical--packs .pack .pack-detail .amount-discount--corner::before,
.amount-discount.amount-discount--corner::before {
  display: none;
  content: none;
}

.vertical--packs .pack .pack-detail .amount-discount svg {
  display: none;
}

.amount-discount__text {
  position: static;
  z-index: 1;
  display: inline;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
}

.vertical--packs .pack.pack-popular .pack-detail .amount-discount--corner {
  background: rgba(255, 255, 255, .16);
  border-color: rgba(255, 255, 255, .32);
  color: #fff;
}

/* Kampanya bloğu — üst/alt nefes alanı */
.pack-campaign-before-price,
.pack-campaign-top.pack-campaign-in-head,
.pack-campaign-top.pack-campaign-strip {
  margin-top: 12px;
  margin-bottom: 14px;
}

.vertical--packs .pack .pack-detail.pack-detail--campaign,
.vertical--packs .pack .pack-detail:has(.pack-countdown-2v) {
  margin-top: 12px;
  margin-bottom: 12px;
}

.pack-campaign-top .pcs-boxes,
.pack-campaign-top .pcs-campaign-right,
.vertical--packs .pack .pack-detail .pack-countdown-2v .pcs-boxes {
  gap: 5px;
}

.pack-campaign-top .pcs-box,
.pcs-box,
.vertical--packs .pack .pack-detail .pack-countdown-2v .pcs-box {
  border-radius: 4px;
}

.vertical--packs .pack .pack-detail .pack-countdown-2v {
  margin-right: 6px;
}

.vertical--packs .pack .pack-features-wrap > .pack-toggle-btn,
.pack-toggle-btn {
  margin-top: 12px;
  margin-bottom: 12px;
}

.cv2-page-hero-head + .CoreV2-filter-wrap + .tablopaketler .cv2-pack-listing-head,
.cv2-page-hero-head ~ .tablopaketler > .packs-slider-container > .cv2-pack-listing-head {
  display: none;
}

/* ================================================================
   AŞAMA 3 (2026-07-07): hosting kartı tek dosya
   - cards/cv2-hosting-card-layout.css → buraya taşındı
   - cards/cv2-hosting-card-badges.css → buraya taşındı
   - cards/cv2-hosting-card-pricing.css → buraya taşındı
   ================================================================ */

/* --- cards/cv2-hosting-card-layout.css --- */
.packs-cards-track {
  justify-content: flex-start;
  align-items: flex-start;
}

/*
 * v0.2.313 ROOT FIX: 330px flex thrash
 * Eski kural kartlari 330px kilitleyip mobilde kayma/siralama bozuyordu.
 * 3+1 grid (packs-slider-body--3v): her zaman %100 + min-width:0 (JS class beklemeden).
 * Legacy yatay liste: sadece min-width 1025px.
 */
.packs-slider-body--3v .packs-cards-track > .pack-card-wrapper:not(.pack-card-wrapper--promo),
.vertical--packs:has(.packs-slider-body--3v) .packs-cards-track > .pack-card-wrapper:not(.pack-card-wrapper--promo),
.cv2-packs-row .packs-cards-track > .pack-card-wrapper:not(.pack-card-wrapper--promo) {
  flex: none;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  float: none;
}

@media (min-width: 1025px) {
  /* Legacy: 3v grid DISINDA sabit genislik listesi (opsiyonel) */
  .packs-cards-track > .pack-card-wrapper:not(.pack-card-wrapper--promo):not(.packs-slider-body--3v *) {
    min-width: 0;
  }
  .packs-slider-body:not(.packs-slider-body--3v) .packs-cards-track > .pack-card-wrapper:not(.pack-card-wrapper--promo),
  .cv2-structured-grid .cv2-pack-page .packs-slider-body:not(.packs-slider-body--3v) .packs-cards-track > .pack-card-wrapper:not(.pack-card-wrapper--promo) {
    flex: 0 0 330px;
    width: 330px;
    max-width: 330px;
    min-width: 0;
  }
}

@media (max-width: 1024px) {
  .packs-cards-track > .pack-card-wrapper:not(.pack-card-wrapper--promo),
  .cv2-structured-grid .cv2-pack-page .packs-cards-track > .pack-card-wrapper:not(.pack-card-wrapper--promo),
  .vertical--packs .pack-card-wrapper {
    flex: 1 1 100%;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    float: none;
    order: unset;
    box-sizing: border-box;
  }
  .packs-cards-track,
  .packs-slider-body--3v .packs-cards-track {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    width: 100%;
    max-width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .packs-cards-track,
  .packs-slider-body--3v .packs-cards-track,
  .cv2-packs-row .packs-cards-track {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* --- cards/cv2-hosting-card-badges.css --- */
.vertical--packs .pack .pack-detail {
  --cv2-price-badge-rgb: var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99, 91, 255));
  --cv2-price-badge-color: var(--cv2-primary, var(--CoreV2-primary, #635bff));
}

.vertical--packs .pack.pack-popular .pack-price-state-badge {
  background: rgba(255, 255, 255, .20);
  color: #fff;
  border-color: rgba(255, 255, 255, .28);
  box-shadow: none;
}

.vertical--packs .pack .pack-detail .price-row {
  position: relative;
}

.vertical--packs .pack.pack-popular .pack-detail .price-row::before {
  background: rgba(255, 255, 255, .24);
}

.pack-card-wrapper,
.vertical--packs .pack,
.vertical--packs .pack .pack-head-row,
.vertical--packs .pack .pack-card {
  overflow: visible;
}
.packs-cards-track {
  overflow: visible;
}

.vertical--packs .pack {
  padding-top: 14px;
}

.vertical--packs .pack .pack-head-row {
  position: relative;
}

.vertical--packs .pack .pack-head-badge-slot {
  display: flex;
  position: absolute;
  top: -18px;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  z-index: 50;
  width: max-content;
  max-width: calc(100% - 26px);
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.pack-head-badge-slot .pack-popular-badge--head,
.pack-head-badge-slot .cv2-advantage-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
  box-shadow: none;
  text-transform: none;
}

.vertical--packs .pack.pack-popular .pack-head-badge-slot .pack-popular-badge--head {
  background: rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99, 91, 255)), .06);
  color: var(--cv2-primary, var(--CoreV2-primary, #635bff));
  border: none;
  backdrop-filter: blur(10px) saturate(135%);
}

.pack-head-badge-slot .cv2-advantage-badge,
.vertical--packs .pack:not(.pack-popular) .pack-head-badge-slot .pack-popular-badge--head {
  background: rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99, 91, 255)), .10);
  color: var(--cv2-primary, var(--CoreV2-primary, #635bff));
  border: 1px solid rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99, 91, 255)), .15);
}

.vertical--packs .pack .pack-campaign-before-price {
  margin-top: 6px;
  margin-bottom: 6px;
  padding: 7px 10px;
  border-radius: 8px;
  background: rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99, 91, 255)), .06);
  border: 1px solid rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99, 91, 255)), .12);
  box-shadow: none;
}

.vertical--packs .pack.pack-popular .pack-campaign-before-price {
  background: rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99, 91, 255)), .06);
  border-color: rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99, 91, 255)), .12);
}

.vertical--packs .pack.pack-popular .pack-campaign-before-price .pcs-num,
.vertical--packs .pack.pack-popular .pack-campaign-before-price .pcs-label-line {
  color: #fff;
}
.vertical--packs .pack:not(.pack-popular) .pack-campaign-before-price .pcs-box {
  background: rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99, 91, 255)), .10);
  border-color: rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99, 91, 255)), .15);
}

.vertical--packs .pack .pack-detail {
  margin-top: 4px;
}

.vertical--packs .pack.pack-popular .pack-head-badge-slot .pack-popular-badge--head {
  background: rgba(255, 255, 255, .24);
  border-color: rgba(255, 255, 255, .34);
  color: #fff;
  backdrop-filter: blur(10px) saturate(135%);
  box-shadow: none;
}

@media (max-width: 768px) {
  .vertical--packs .pack {
    padding-top: 13px;
  }
  .vertical--packs .pack .pack-head-badge-slot {
    top: -16px;
  }
}

.pack.pack-popular .pack-campaign-before-price,
.pack-card-wrapper:has(.pack.pack-popular) .pack-campaign-before-price {
  background: rgba(255, 255, 255, 0.10);
  border-color: rgba(255, 255, 255, 0.20);
}

.pack.pack-popular .pack-campaign-before-price .pcs-label--left,
.pack.pack-popular .pack-campaign-before-price .pcs-num,
.pack-card-wrapper:has(.pack.pack-popular) .pack-campaign-before-price .pcs-label--left,
.pack-card-wrapper:has(.pack.pack-popular) .pack-campaign-before-price .pcs-num {
  color: #fff;
}
.pack.pack-popular .pack-campaign-before-price .cd-val,
.pack-card-wrapper:has(.pack.pack-popular) .pack-campaign-before-price .cd-val {
  color: #fff;
}

.pack.pack-popular .pack-campaign-before-price .pcs-vertical-divider,
.pack-card-wrapper:has(.pack.pack-popular) .pack-campaign-before-price .pcs-vertical-divider {
  background: rgba(255, 255, 255, 0.24);
}

.pack.pack-popular .pack-campaign-before-price .pcs-unit,
.pack-card-wrapper:has(.pack.pack-popular) .pack-campaign-before-price .pcs-unit {
  color: rgba(255, 255, 255, 0.72);
}
.pack.pack-popular .pack-campaign-before-price .cd-lbl,
.pack-card-wrapper:has(.pack.pack-popular) .pack-campaign-before-price .cd-lbl {
  color: rgba(255, 255, 255, 0.72);
}

.pack.pack-popular .pack-campaign-before-price .pcs-box,
.pack-card-wrapper:has(.pack.pack-popular) .pack-campaign-before-price .pcs-box {
  background: rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99, 91, 255)), .10);
  border-color: rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99, 91, 255)), .15);
}

@media (max-width: 768px) {
  .pack-campaign-top.pack-campaign-before-price,
  .pack-campaign-top.pack-campaign-in-head {
    padding: 7px 8px;
  }
  .pack-campaign-top .pcs-label--left {
    font-size: 9px;
  }
  .pack-campaign-top .pcs-vertical-divider {
    height: 28px;
    margin: 0 7px;
  }
  .pack-campaign-top .pcs-box {
    min-width: 30px;
    padding: 4px 3px;
  }
  .pack-campaign-top .pcs-num {
    font-size: 11px;
  }
  .pack-campaign-top .cd-val {
    font-size: 11px;
  }
}

/* --- cards/cv2-hosting-card-pricing.css --- */
.vertical--packs .pack .pack-detail {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 0;
  padding: 6px 10px;
  margin: 4px 0;
  gap: 10px;
  border: 1px solid rgba(var(--cv2-primary-rgb), 0.12);
  border-radius: var(--cv2-radius-input, 8px);
  background: rgba(var(--cv2-primary-rgb), 0.03);
  overflow: visible;
  box-sizing: border-box;
}

.vertical--packs .pack .pack-detail.pack-detail--has-top-badge {
  margin-top: 6px;
  padding-top: 7px;
}

.vertical--packs .pack .pack-detail .price-row {
  display: flex;
  width: 100%;
  margin: 0;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}

.vertical--packs .pack .pack-detail .price-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  min-width: 0;
  width: 100%;
}

.vertical--packs .pack .pack-detail .price-main {
  display: flex;
  align-items: baseline;
  gap: 4px;
  flex-wrap: nowrap;
  white-space: nowrap;
}

.vertical--packs .pack .pack-detail .current-price .currency,
.vertical--packs .pack .pack-detail .current-price .amount {
  font-size: 26px;
  font-weight: 800;
  opacity: 1;
}

.vertical--packs .pack .pack-detail .old-price {
  font-size: clamp(12px, 1vw, 14px);
  font-weight: 500;
  opacity: .72;
  line-height: 1;
  text-decoration-thickness: 1.5px;
  text-decoration-color: rgba(var(--cv2-primary-rgb), 0.32);
}

/* Donem (/ay): CERCEVE YOK — cerceve tutarda (current-price) */
.vertical--packs .pack .pack-detail .billing-cycle {
  display: inline-flex;
  align-items: center;
  align-self: baseline;
  height: auto;
  min-height: 0;
  padding: 0;
  margin: 0 0 0 4px;
  border-radius: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  color: var(--cv2-text-muted, #64748b);
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  opacity: 0.85;
  vertical-align: baseline;
}
/* Tutar: cerceve/chip */
.vertical--packs .pack .pack-detail .current-price {
  display: inline-flex;
  align-items: baseline;
  gap: 1px;
  padding: 4px 10px;
  border-radius: var(--cv2-radius-btn, 10px);
  background: rgba(var(--cv2-primary-rgb), 0.08);
  border: 1px solid rgba(var(--cv2-primary-rgb), 0.14);
  box-sizing: border-box;
}
.vertical--packs .pack.pack-popular .pack-detail .current-price {
  background: rgba(255, 255, 255, 0.16);
  border-color: rgba(255, 255, 255, 0.22);
}
.vertical--packs .pack.pack-popular .pack-detail .billing-cycle {
  color: rgba(255, 255, 255, 0.85);
  background: transparent;
  border: none;
}

.vertical--packs .pack .pack-detail .amount-discount--round,
.vertical--packs .pack .pack-detail .amount-discount--corner {
  display: inline-flex;
  visibility: visible;
  opacity: 1;
  position: relative;
  align-items: center;
  justify-content: center;
  align-self: center;
  flex: 0 0 auto;
  white-space: nowrap;
  width: auto;
  height: auto;
  min-width: 42px;
  min-height: 28px;
  padding: 4px 9px;
  margin: 0 0 0 auto;
  background: linear-gradient(145deg, rgba(var(--cv2-primary-rgb, 99, 91, 255), .16), rgba(var(--cv2-primary-rgb, 99, 91, 255), .07));
  border: 1px solid rgba(var(--cv2-primary-rgb, 99, 91, 255), .28);
  border-radius: 4px;
  box-shadow: none;
  clip-path: none;
}

.vertical--packs .pack .pack-detail .amount-discount:not(.amount-discount--corner):not(.amount-discount--round) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  white-space: nowrap;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  padding: 4px 8px;
  border-radius: 7px;
  background: var(--cv2-primary);
  color: #fff;
}

.vertical--packs .pack .pack-detail.pack-detail--discount-only .amount-discount--corner {
  margin-left: auto;
  align-self: center;
}

.vertical--packs .pack .pack-detail .pack-popular-badge--detail {
  display: none;
}

.vertical--packs .pack.pack-popular .pack-detail {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.22);
}

.vertical--packs .pack.pack-popular .pack-detail .billing-cycle {
  color: rgba(255, 255, 255, 0.72);
}
.vertical--packs .pack.pack-popular .pack-detail .old-price {
  color: rgba(255, 255, 255, 0.72);
}

.vertical--packs .pack.pack-popular .pack-detail .current-price {
  color: #fff;
}
.vertical--packs .pack.pack-popular .pack-detail .current-price .amount {
  color: #fff;
}

.vertical--packs .pack.pack-popular .pack-detail .amount-discount,
.vertical--packs .pack.pack-popular .pack-detail .amount-discount--corner {
  background: rgba(255, 255, 255, 0.20);
  color: #fff;
}

@media (max-width: 768px) {
  .vertical--packs .pack .pack-detail {
    padding: 6px 8px 7px;
    margin: 5px 0 3px;
  }
  .vertical--packs .pack .pack-detail .current-price {
    font-size: 20px;
  }
  .vertical--packs .pack .pack-detail .current-price .amount {
    font-size: 20px;
  }
}

/* CoreV2 pack pricing row + period tabs + badge centering repair */
.vertical--packs .pack .pack-detail .price-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  min-height: 44px;
}
.vertical--packs .pack .pack-detail .price-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex: 1 1 auto;
  min-width: 0;
  gap: 2px;
}
.vertical--packs .pack .pack-detail .price-compare {
  align-items: flex-start;
}
.vertical--packs .pack .pack-detail.pack-detail--discount-only .price-row {
  align-items: center;
}
.CoreV2-filter .CoreV2-filter-options.period-tabs {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 4px;
  border-radius: 10px;
  background: rgba(var(--cv2-primary-rgb), 0.05);
  border: 1px solid rgba(var(--cv2-primary-rgb), 0.10);
  box-shadow: none;
}
.CoreV2-filter .CoreV2-filter-options.period-tabs .CoreV2-filter-item {
  border-radius: 8px;
  min-height: 34px;
  padding: 0 16px;
  box-shadow: none;
}
.CoreV2-filter .CoreV2-filter-options.period-tabs .CoreV2-filter-item.active {
  background: var(--cv2-primary);
  color: #fff;
  box-shadow: none;
}
.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 .CoreV2-filter-item + .CoreV2-filter-item,
.CoreV2-filter .CoreV2-filter-options.category-tabs .category-tab-btn + .category-tab-btn {
  position: relative;
}
.CoreV2-filter .CoreV2-filter-options.category-tabs .CoreV2-filter-item:not(:first-child)::before,
.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;
  background: rgba(var(--cv2-primary-rgb), 0.18);
  pointer-events: none;
}
.pack-head-badge-slot {
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  justify-content: center;
}
/* CoreV2 pack expand — yukarıdaki özellik grid'inin devamı (yedek) */
.vertical--packs .pack {
  position: relative;
}
.vertical--packs .pack.pack-expanded {
  z-index: 14;
}
.vertical--packs .pack.pack-expanded .pack-features-extra {
  position: static;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  max-height: none;
  overflow: visible;
  width: 100%;
  margin-top: 5px;
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  align-content: start;
}
.vertical--packs .pack.pack-expanded .pack-features-extra .feature-box {
  display: block;
  text-align: center;
  padding: 5px 3px;
  transform: none;
  border-radius: var(--r-sm);
}
.vertical--packs .pack.pack-expanded .pack-features-extra .feature-box .feature-value,
.vertical--packs .pack.pack-expanded .pack-features-extra .feature-box .feature-label {
  display: block;
  text-align: center;
  opacity: 1;
  visibility: visible;
}
.vertical--packs .pack.pack-expanded .pack-features-extra .feature-box i,
.vertical--packs .pack.pack-expanded .pack-features-extra .feature-box i[class*="hki-stroke"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  min-width: 34px;
  margin: 0 auto 2px;
  padding: 0;
  font-size: 16px;
  border-radius: var(--r-sm);
}
.vertical--packs .pack .pack-detail .amount-discount--corner,
.vertical--packs .pack .pack-detail .amount-discount--round,
.vertical--packs .pack .pack-detail .amount-discount:not(.amount-discount--corner):not(.amount-discount--round) {
  display: inline-flex;
  visibility: visible;
  opacity: 1;
  clip-path: none;
}
.vertical--packs .pack .pack-detail .amount-discount__text {
  display: inline;
  visibility: visible;
  opacity: 1;
}

/* CoreV2 v0.2.60 — filtre sekmeleri, indirim, rozet (equal-cards sonrası final) */
.CoreV2-filter .CoreV2-filter-options.period-tabs .CoreV2-filter-item,
.CoreV2-filter .CoreV2-filter-options.category-tabs .CoreV2-filter-item,
.CoreV2-filter .CoreV2-filter-options.location-tabs .CoreV2-filter-item {
  border-radius: 8px;
  min-height: 34px;
  padding: 0 14px;
  box-shadow: none;
  border: 1px solid transparent;
  background: transparent;
  color: var(--cv2-text-secondary, #64748b);
  font-weight: 600;
}
.CoreV2-filter .CoreV2-filter-options.period-tabs .CoreV2-filter-item.active,
.CoreV2-filter .CoreV2-filter-options.category-tabs .CoreV2-filter-item.active,
.CoreV2-filter .CoreV2-filter-options.location-tabs .CoreV2-filter-item.active {
  background: var(--cv2-primary, var(--CoreV2-primary, #635bff));
  color: #fff;
  border-color: transparent;
  box-shadow: none;
}
.vertical--packs .pack:not(.pack-expanded) .pack-features-extra {
  display: none;
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
  pointer-events: none;
}
.packs-cards-track > .pack-card-wrapper,
.packs-slider-body--3v > .pack-card-wrapper,
.packs-slider-body--3v > .pack-card-wrapper--promo {
  align-self: stretch;
  height: 100%;
}
.vertical--packs .pack .pack-detail .price-row{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
}
.vertical--packs .pack .pack-detail .price-section{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex: 1 1 auto;
  min-width: 0;
}
.vertical--packs .pack .pack-detail .price-compare{
  order: 1;
  margin: 0 0 1px;
}
.vertical--packs .pack .pack-detail .old-price{
  display: block;
  margin-top: 1px;
  transform: translateY(1px);
  font-size: clamp(11px, 0.95vw, 13px);
  opacity: 0.72;
}
.vertical--packs .pack .pack-detail .price-main{
  order: 2;
}
.vertical--packs .pack .pack-detail .amount-discount--corner,
.vertical--packs .pack .pack-detail .amount-discount--round{
  display: inline-flex;
  visibility: visible;
  opacity: 1;
  position: relative;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  align-self: center;
  margin: 0 0 0 auto;
  width: 52px;
  height: 52px;
  min-width: 52px;
  min-height: 52px;
  padding: 0;
  border-radius: 50%;
  clip-path: none;
  background: rgba(255, 255, 255, 0.66);
  border: 1px solid rgba(15, 23, 42, 0.08);
  color: var(--cv2-primary, var(--CoreV2-primary, #635bff));
  box-shadow: none;
}
.vertical--packs .pack.pack-popular .pack-detail .amount-discount--corner{
  background: rgba(255, 255, 255, 0.2);
  border-color: rgba(255, 255, 255, 0.24);
  color: #fff;
  box-shadow: none;
}
.vertical--packs .pack .pack-detail .amount-discount__text{
  display: inline;
  visibility: visible;
  opacity: 1;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
}
.pack-head-badge-slot {
  position: absolute;
  top: -12px;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  margin: 0;
  z-index: 8;
}
.pcs-campaign-badge-slot {
  position: absolute;
  top: -12px;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  margin: 0;
  z-index: 8;
}
.pack-head-badge-slot .pack-popular-badge--head,
.pack-head-badge-slot .cv2-advantage-badge,
.srv-head-badge-slot .pack-popular-badge--head,
.srv-head-badge-slot .cv2-advantage-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.vertical--packs .pack .pack-detail .amount-discount--corner,
.vertical--packs .pack .pack-detail .amount-discount--round,
.vertical--packs .pack .pack-detail .amount-discount:not(.amount-discount--corner):not(.amount-discount--round){
  box-shadow: none;
}
.vertical--packs .pack .pack-detail .amount-discount--corner::before{
  box-shadow: none;
}

/* ================================================================
   CoreV2 v0.2.70 — kart hizası, boşluk, filtre, sunucu görsel/lokasyon
   ================================================================ */

/* Başlık → filtre → kartlar (sıkı aralık) */
.cv2-pack-listing-head,
.product-category-header {
  margin-bottom: 8px;
}
.cv2-pack-listing-head + .cv2-pack-listing-filters,
.product-category-header + .cv2-pack-listing-filters,
.product-category-header + .CoreV2-filter-wrap,
.cv2-pack-listing-head + .CoreV2-filter-wrap {
  margin-top: 0;
  margin-bottom: 10px;
}
.cv2-pack-listing-filters {
  margin: 0 0 10px;
  gap: 8px;
}
body#home .corecartpkts-wrapper > .product-category-header {
  margin: 0 0 8px;
}
body#home .corecartpkts-wrapper > .CoreV2-filter-wrap,
body#home .corecartpkts-wrapper > .cv2-pack-listing-filters {
  margin: 0 0 10px;
}

/* Filtre sekmeleri — daha büyük, hafif arka plan */
.cv2-pack-listing-filters .CoreV2-filter .CoreV2-filter-options,
.CoreV2-filter .CoreV2-filter-options.period-tabs,
.CoreV2-filter .CoreV2-filter-options.location-tabs,
.CoreV2-filter .CoreV2-filter-options.category-tabs {
  padding: 5px;
  background: rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99, 91, 255)), 0.04);
  border: 1px solid rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99, 91, 255)), 0.08);
}
.cv2-pack-listing-filters .CoreV2-filter .CoreV2-filter-options.period-tabs,
.CoreV2-filter .CoreV2-filter-options.period-tabs {
  width: 100%;
  max-width: min(100%, 680px);
  margin-inline: auto;
  gap: 4px;
  flex-wrap: nowrap;
}
.cv2-pack-listing-filters .CoreV2-filter .CoreV2-filter-item,
.CoreV2-filter .CoreV2-filter-options.period-tabs .CoreV2-filter-item,
.CoreV2-filter .CoreV2-filter-options.location-tabs .CoreV2-filter-item,
.CoreV2-filter .CoreV2-filter-options.category-tabs .CoreV2-filter-item {
  flex: 1 1 0;
  min-width: 0;
  min-height: 40px;
  height: 40px;
  padding: 0 12px;
  font-size: 14px;
  justify-content: center;
}

/* Paket kartı iç boşlukları — Sepete Ekle / Tüm Özellikler */
.vertical--packs .pack {
  padding-top: 22px;
  padding-bottom: 2px;
}
.vertical--packs .pack .pack-toggle-btn {
  margin: 2px auto 0;
}
.vertical--packs .pack .pack-footer {
  padding-top: 0;
}
.vertical--packs .pack .pack-cart-button-wrapper {
  margin-top: 0;
  margin-bottom: 2px;
  padding-top: 2px;
}
.vertical--packs .pack .pack-detail {
  margin-top: 3px;
  margin-bottom: 3px;
}

/*
 * 3v grid — promo HER ZAMAN paket yuksekliginde ACIK (sunucu gibi).
 * Eski: align-items:start + height:auto → promo kisa; Tum ozellikler JS kilidiyle "aciliyordu".
 */
@media (min-width: 992px) {
  .packs-slider-body--3v:not(.coreservercart-packs-slider-body),
  .packs-slider-body--3v:not(.coreservercart-packs-slider-body):not(:has(.pack.pack-expanded)) {
    align-items: stretch;
  }
  .packs-slider-body--3v:not(.coreservercart-packs-slider-body) > .pack-card-wrapper--promo,
  .packs-slider-body--3v:not(.coreservercart-packs-slider-body):not(:has(.pack.pack-expanded)) > .pack-card-wrapper--promo {
    align-self: stretch;
    height: 100%;
    min-height: 100%;
    max-height: none;
    display: flex;
    flex-direction: column;
    flex: none;
    overflow: hidden;
  }
  .packs-slider-body--3v .packs-cards-panel--3v {
    align-self: stretch;
    height: 100%;
  }
  .packs-slider-body--3v .packs-cards-panel--3v .packs-cards-track,
  .packs-slider-body--3v .packs-cards-track {
    align-items: stretch;
    height: 100%;
  }
  .packs-slider-body--3v .packs-cards-track > .pack-card-wrapper:not(.pack-card-wrapper--promo) {
    align-self: stretch;
    height: 100%;
    min-height: 100%;
    display: flex;
  }
  .packs-slider-body--3v .packs-cards-track > .pack-card-wrapper:not(.pack-card-wrapper--promo) > .pack {
    height: 100%;
    flex: 1 1 auto;
  }
}

/* Tum Ozellikler acik: promo ayni kapali yukseklikte KALIR (buyumez/kapanmaz) */
.packs-slider-body--3v:has(.pack.pack-expanded) {
  align-items: start;
}
.packs-slider-body--3v:has(.pack.pack-expanded) > .pack-card-wrapper--promo,
.packs-slider-body--3v:has(.pack.pack-expanded) .pack-card-wrapper--promo[data-cv2-promo-frozen="1"] {
  align-self: stretch;
  height: var(--cv2-closed-pack-h, 100%);
  min-height: var(--cv2-closed-pack-h, 100%);
  max-height: var(--cv2-closed-pack-h, none);
  flex: 0 0 auto;
  overflow: hidden;
}
@media (min-width: 992px) {
  .packs-slider-body--3v:has(.pack.pack-expanded) .cv2-packs-promo-detail {
    height: 100%;
    min-height: 0;
    transform: none;
  }
}
/* CoreV2 v0.2.82 - SMS/ozel paket 3+1 oran ve tekli ozellik acilimi */
:root {
  --cv2-pack-3v-gap: 18px;
}

@media (min-width: 1025px) {
  .packs-slider-body--3v:not(.coreservercart-packs-slider-body) {
    gap: var(--cv2-pack-3v-gap);
    align-items: stretch;
  }

  .packs-slider-body--3v:not(.coreservercart-packs-slider-body).packs-slider-body--promo-slot-left {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) minmax(0, 3fr);
  }

  .packs-slider-body--3v:not(.coreservercart-packs-slider-body).packs-slider-body--promo-slot-right,
  .packs-slider-body--3v:not(.coreservercart-packs-slider-body).packs-slider-body--promo-slot-center {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(240px, 1fr);
  }

  .packs-slider-body--3v:not(.coreservercart-packs-slider-body).packs-slider-body--promo-slot-left > .pack-card-wrapper--promo {
    grid-column: 1;
    grid-row: 1;
  }

  .packs-slider-body--3v:not(.coreservercart-packs-slider-body).packs-slider-body--promo-slot-left > .packs-cards-panel--3v {
    grid-column: 2;
    grid-row: 1;
  }

  .packs-slider-body--3v:not(.coreservercart-packs-slider-body).packs-slider-body--promo-slot-right > .packs-cards-panel--3v,
  .packs-slider-body--3v:not(.coreservercart-packs-slider-body).packs-slider-body--promo-slot-center > .packs-cards-panel--3v {
    grid-column: 1;
    grid-row: 1;
  }

  .packs-slider-body--3v:not(.coreservercart-packs-slider-body).packs-slider-body--promo-slot-right > .pack-card-wrapper--promo,
  .packs-slider-body--3v:not(.coreservercart-packs-slider-body).packs-slider-body--promo-slot-center > .pack-card-wrapper--promo {
    grid-column: 2;
    grid-row: 1;
  }

  .packs-slider-body--3v:not(.coreservercart-packs-slider-body) > .pack-card-wrapper--promo {
    min-width: 0;
    max-width: none;
    width: 100%;
  }
  .packs-slider-body--3v:not(.coreservercart-packs-slider-body) > .packs-cards-panel--3v {
    min-width: 0;
    max-width: none;
    width: 100%;
  }

  .packs-cards-panel--3v .packs-cards-viewport {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
  }

  .packs-cards-panel--3v .packs-cards-track.cv2-visible-pack-count-3,
  .packs-cards-panel--3v .packs-cards-track[data-visible-pack-count="3"] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--cv2-pack-3v-gap);
    align-items: stretch;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    transform: none;
  }

  .packs-cards-panel--3v .packs-cards-track.cv2-visible-pack-count-3 > .pack-card-wrapper:not(.pack-card-wrapper--promo),
  .packs-cards-panel--3v .packs-cards-track[data-visible-pack-count="3"] > .pack-card-wrapper:not(.pack-card-wrapper--promo) {
    flex: none;
    width: 100%;
    max-width: none;
    min-width: 0;
    margin: 0;
    display: flex;
  }

  .packs-cards-panel--3v .packs-cards-track.cv2-visible-pack-count-3 > .pack-card-wrapper:not(.pack-card-wrapper--promo) > .pack,
  .packs-cards-panel--3v .packs-cards-track[data-visible-pack-count="3"] > .pack-card-wrapper:not(.pack-card-wrapper--promo) > .pack {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  .packs-slider-body--3v:has(.pack.pack-expanded) > .pack-card-wrapper--promo,
  .packs-slider-body--3v:has(.pack.pack-expanded) .pack-card-wrapper--promo {
    align-self: stretch;
    height: var(--cv2-closed-pack-h, 100%);
    min-height: var(--cv2-closed-pack-h, 100%);
    max-height: var(--cv2-closed-pack-h, none);
  }

  .packs-slider-body--3v:has(.pack.pack-expanded) .cv2-packs-promo-detail {
    height: 100%;
    min-height: 0;
    max-height: none;
  }
}

.packs-slider-body--3v .pack:not(.pack-expanded) .pack-features-extra,
.vertical--packs .pack:not(.pack-expanded) .pack-features-extra {
  display: none;
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

.packs-slider-body--3v .pack.pack-expanded .pack-features-extra,
.vertical--packs .pack.pack-expanded .pack-features-extra {
  display: grid;
  max-height: none;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
/* v0.2.84 thrash KALDIRILDI — promo gorsel: css/cv2-packs-row.css (cover + full fill) */
/* CoreV2 v0.2.90 - package layout stabilization */
@media (min-width: 1025px) {
  body .vertical--packs .packs-slider-body--3v:not(.coreservercart-packs-slider-body) {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(240px, 1fr);
    grid-auto-rows: auto;
    align-items: stretch;
    gap: var(--cv2-card-grid-gap, 18px);
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0 auto;
    padding: 0;
    overflow: visible;
  }

  body .vertical--packs .packs-slider-body--3v:not(.coreservercart-packs-slider-body).packs-slider-body--promo-slot-left {
    grid-template-columns: minmax(240px, 1fr) minmax(0, 3fr);
  }

  body .vertical--packs .packs-slider-body--3v:not(.coreservercart-packs-slider-body) > .packs-cards-panel--3v {
    grid-column: 1;
    grid-row: 1;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    align-self: start;
  }

  body .vertical--packs .packs-slider-body--3v:not(.coreservercart-packs-slider-body) > .pack-card-wrapper--promo {
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    max-width: 300px;
    min-width: 0;
    margin: 0;
    padding: 0;
    align-self: stretch;
    height: 100%;
    min-height: var(--cv2-closed-pack-h, 100%);
    overflow: hidden;
  }

  body .vertical--packs .packs-slider-body--3v:not(.coreservercart-packs-slider-body).packs-slider-body--promo-slot-left > .pack-card-wrapper--promo {
    grid-column: 1;
  }

  body .vertical--packs .packs-slider-body--3v:not(.coreservercart-packs-slider-body).packs-slider-body--promo-slot-left > .packs-cards-panel--3v {
    grid-column: 2;
  }

  body .vertical--packs .packs-slider-body--3v:not(.coreservercart-packs-slider-body) .packs-cards-viewport {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    overflow: visible;
    scroll-snap-type: none;
  }

  body .vertical--packs .packs-slider-body--3v:not(.coreservercart-packs-slider-body) .packs-cards-track,
  body .vertical--packs .packs-slider-body--3v:not(.coreservercart-packs-slider-body) .packs-cards-track.cv2-visible-pack-count-3,
  body .vertical--packs .packs-slider-body--3v:not(.coreservercart-packs-slider-body) .packs-cards-track[data-visible-pack-count="3"] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--cv2-card-grid-gap, 18px);
    align-items: start;
    align-content: start;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    transform: none;
    overflow: visible;
  }

  body .vertical--packs .packs-slider-body--3v:not(.coreservercart-packs-slider-body) .packs-cards-track > .pack-card-wrapper:not(.pack-card-wrapper--promo) {
    flex: none;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    display: flex;
    align-self: stretch;
    scroll-snap-align: unset;
  }

  body .vertical--packs .packs-slider-body--3v:not(.coreservercart-packs-slider-body) .packs-cards-track > .pack-card-wrapper:not(.pack-card-wrapper--promo) > .pack {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: 100%;
    min-height: var(--cv2-closed-pack-h, 100%);
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  body .vertical--packs .packs-slider-body--3v:not(.coreservercart-packs-slider-body) {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: visible;
  }

  body .vertical--packs .packs-slider-body--3v:not(.coreservercart-packs-slider-body) > .pack-card-wrapper--promo {
    display: none;
  }

  body .vertical--packs .packs-slider-body--3v:not(.coreservercart-packs-slider-body) .packs-cards-panel--3v,
  body .vertical--packs .packs-slider-body--3v:not(.coreservercart-packs-slider-body) .packs-cards-viewport {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    overflow: visible;
  }

  body .vertical--packs .packs-slider-body--3v:not(.coreservercart-packs-slider-body) .packs-cards-track {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    transform: none;
    overflow: visible;
  }

  body .vertical--packs .packs-slider-body--3v:not(.coreservercart-packs-slider-body) .packs-cards-track > .pack-card-wrapper:not(.pack-card-wrapper--promo) {
    flex: none;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
  }
}

@media (max-width: 768px) {


  body .vertical--packs .packs-slider-body--3v:not(.coreservercart-packs-slider-body) .packs-cards-panel--3v,
  body .vertical--packs .packs-slider-body--3v:not(.coreservercart-packs-slider-body) .packs-cards-viewport {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
  }

  body .vertical--packs .packs-slider-body--3v:not(.coreservercart-packs-slider-body) .packs-cards-viewport {
    overflow-x: auto;
    overflow-y: visible;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  body .vertical--packs .packs-slider-body--3v:not(.coreservercart-packs-slider-body) .packs-cards-viewport::-webkit-scrollbar {
    display: none;
  }

  body .vertical--packs .packs-slider-body--3v:not(.coreservercart-packs-slider-body) .packs-cards-track {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 12px;
    width: max-content;
    min-width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    transform: none;
    overflow: visible;
    grid-template-columns: none;
  }

  body .vertical--packs .packs-slider-body--3v:not(.coreservercart-packs-slider-body) .packs-cards-track > .pack-card-wrapper:not(.pack-card-wrapper--promo) {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    margin: 0;
    scroll-snap-align: start;
    box-sizing: border-box;
  }
}
.products_list:has(.packs-slider-body--3v) {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: initial;
  box-sizing: border-box;
}
.tablopaketler.products_list:has(.packs-slider-body--3v) {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: initial;
  box-sizing: border-box;
}

.products_list:has(.packs-slider-body--3v) > .packs-slider-container {
  display: block;
  width: min(100%, var(--CoreV2-container-width, 1200px));
  max-width: min(100%, var(--CoreV2-container-width, 1200px));
  min-width: 0;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

.products_list:has(.packs-slider-body--3v) .vertical--packs:has(.packs-slider-body--3v) {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
  box-sizing: border-box;
}

@media (min-width: 1025px) {
  body .products_list .vertical--packs .packs-slider-body--3v:not(.coreservercart-packs-slider-body),
  body .products_list .vertical--packs .packs-slider-body--3v:not(.coreservercart-packs-slider-body).packs-slider-body--promo-slot-left,
  body .products_list .vertical--packs .packs-slider-body--3v:not(.coreservercart-packs-slider-body).packs-slider-body--promo-slot-center,
  body .products_list .vertical--packs .packs-slider-body--3v:not(.coreservercart-packs-slider-body).packs-slider-body--promo-slot-right {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(250px, 300px);
    grid-template-rows: auto;
    grid-auto-flow: row;
    align-items: start;
    gap: var(--cv2-card-grid-gap, 18px);
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0 auto;
    padding: 0;
    overflow: visible;
    box-sizing: border-box;
  }

  body .products_list .vertical--packs .packs-slider-body--3v:not(.coreservercart-packs-slider-body) > .packs-cards-panel,
  body .products_list .vertical--packs .packs-slider-body--3v:not(.coreservercart-packs-slider-body) > .packs-cards-panel--3v {
    grid-column: 1;
    grid-row: 1;
    order: initial;
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    align-self: start;
    box-sizing: border-box;
  }

  body .products_list .vertical--packs .packs-slider-body--3v:not(.coreservercart-packs-slider-body) > .pack-card-wrapper--promo {
    grid-column: 2;
    grid-row: 1;
    order: initial;
    display: flex;
    width: 100%;
    max-width: 300px;
    min-width: 0;
    margin: 0;
    padding: 0;
    align-self: stretch;
    justify-self: stretch;
    height: auto;
    min-height: 0;
    overflow: hidden;
    box-sizing: border-box;
  }

  body .products_list .vertical--packs .packs-slider-body--3v:not(.coreservercart-packs-slider-body) .packs-cards-viewport {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    overflow: visible;
    scroll-snap-type: none;
    box-sizing: border-box;
  }

  body .products_list .vertical--packs .packs-slider-body--3v:not(.coreservercart-packs-slider-body) .packs-cards-track,
  body .products_list .vertical--packs .packs-slider-body--3v:not(.coreservercart-packs-slider-body) .packs-cards-track.carousel-enabled,
  body .products_list .vertical--packs .packs-slider-body--3v:not(.coreservercart-packs-slider-body) .packs-cards-track.cv2-visible-pack-count-3,
  body .products_list .vertical--packs .packs-slider-body--3v:not(.coreservercart-packs-slider-body) .packs-cards-track[data-visible-pack-count="3"] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--cv2-card-grid-gap, 18px);
    align-items: start;
    align-content: start;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: auto;
    margin: 0;
    padding: 0;
    transform: none;
    overflow: visible;
    scroll-snap-type: none;
    box-sizing: border-box;
  }

  body .products_list .vertical--packs .packs-slider-body--3v:not(.coreservercart-packs-slider-body) .packs-cards-track > .pack-card-wrapper:not(.pack-card-wrapper--promo) {
    display: flex;
    flex: none;
    float: none;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: 100%;
    margin: 0;
    align-self: stretch;
    scroll-snap-align: unset;
    box-sizing: border-box;
  }
}

@media (max-width: 1024px) {
  body .products_list .vertical--packs .packs-slider-body--3v:not(.coreservercart-packs-slider-body) > .pack-card-wrapper--promo {
    display: none;
  }
}

/* CoreV2 v0.2.98 - dark feature button and isolated overlay features */
html[data-theme="dark"] .vertical--packs .pack .pack-toggle-btn,
html.dark-mode .vertical--packs .pack .pack-toggle-btn,
body.dark-mode .vertical--packs .pack .pack-toggle-btn,
[data-theme="dark"] .vertical--packs .pack .pack-toggle-btn,
html[data-theme="dark"] .vertical--packs .pack.pack-popular .pack-toggle-btn,
html.dark-mode .vertical--packs .pack.pack-popular .pack-toggle-btn,
body.dark-mode .vertical--packs .pack.pack-popular .pack-toggle-btn,
[data-theme="dark"] .vertical--packs .pack.pack-popular .pack-toggle-btn {
  background: linear-gradient(145deg, var(--srv-primary, var(--cv2-primary)) 0%, color-mix(in srgb, var(--srv-primary, var(--cv2-primary)) 72%, #fff) 100%);
  color: #fff;
  border-color: color-mix(in srgb, var(--srv-primary, var(--cv2-primary)) 70%, #fff);
  box-shadow: 0 8px 22px rgba(var(--cv2-primary-rgb, 91, 184, 0), 0.28);
}

html[data-theme="dark"] .vertical--packs .pack .pack-toggle-btn:hover,
html.dark-mode .vertical--packs .pack .pack-toggle-btn:hover,
body.dark-mode .vertical--packs .pack .pack-toggle-btn:hover,
[data-theme="dark"] .vertical--packs .pack .pack-toggle-btn:hover {
  filter: brightness(1.04);
  box-shadow: 0 10px 28px rgba(var(--cv2-primary-rgb, 91, 184, 0), 0.38);
}

html[data-theme="dark"] .vertical--packs .pack .pack-toggle-btn svg,
html.dark-mode .vertical--packs .pack .pack-toggle-btn svg,
body.dark-mode .vertical--packs .pack .pack-toggle-btn svg,
[data-theme="dark"] .vertical--packs .pack .pack-toggle-btn svg {
  color: #fff;
  stroke: currentColor;
}

.packs-slider-body--3v,
.packs-slider-body--3v .packs-cards-panel,
.packs-slider-body--3v .packs-cards-panel--3v,
.packs-slider-body--3v .packs-cards-viewport,
.packs-slider-body--3v .packs-cards-track {
  overflow: visible;
}
.packs-slider-body--3v .pack-card-wrapper,
.vertical--packs .pack-card-wrapper {
  overflow: visible;
}

.packs-slider-body--3v .pack,
.vertical--packs .pack {
  position: relative;
  overflow: visible;
  contain: none;
}

.packs-slider-body--3v .pack:not(.pack-expanded) .pack-features-extra,
.vertical--packs .pack:not(.pack-expanded) .pack-features-extra {
  display: none;
  position: absolute;
  max-height: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

.packs-slider-body--3v .pack.pack-expanded,
.vertical--packs .pack.pack-expanded {
  z-index: 50;
  transform: none;
}

.packs-slider-body--3v .pack.pack-expanded .pack-features-extra,
.vertical--packs .pack.pack-expanded .pack-features-extra {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  z-index: 70;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  width: 100%;
  min-width: 0;
  max-height: min(420px, calc(100vh - 180px));
  margin: 0;
  padding: 8px;
  overflow-x: hidden;
  overflow-y: auto;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  background: var(--cv2-card-bg, var(--cv2-white, #fff));
  border: 1px solid rgba(var(--cv2-primary-rgb, 91, 184, 0), 0.16);
  border-radius: 12px;
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.16);
  box-sizing: border-box;
}

html[data-theme="dark"] .packs-slider-body--3v .pack.pack-expanded .pack-features-extra,
html.dark-mode .packs-slider-body--3v .pack.pack-expanded .pack-features-extra,
body.dark-mode .packs-slider-body--3v .pack.pack-expanded .pack-features-extra,
[data-theme="dark"] .packs-slider-body--3v .pack.pack-expanded .pack-features-extra,
html[data-theme="dark"] .vertical--packs .pack.pack-expanded .pack-features-extra,
html.dark-mode .vertical--packs .pack.pack-expanded .pack-features-extra,
body.dark-mode .vertical--packs .pack.pack-expanded .pack-features-extra,
[data-theme="dark"] .vertical--packs .pack.pack-expanded .pack-features-extra {
  background: color-mix(in srgb, var(--cv2-bg, #101827) 88%, #fff);
  border-color: rgba(var(--cv2-primary-rgb, 91, 184, 0), 0.30);
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.46);
}

.packs-slider-body--3v:has(.pack-expanded) .packs-cards-track,
.vertical--packs:has(.pack-expanded) .packs-cards-track {
  align-items: start;
}

.packs-slider-body--3v:has(.pack-expanded) .packs-cards-track > .pack-card-wrapper:not(:has(.pack-expanded)),
.vertical--packs:has(.pack-expanded) .packs-cards-track > .pack-card-wrapper:not(:has(.pack-expanded)) {
  align-self: start;
  height: auto;
  transform: none;
}

@media (max-width: 768px) {
  .packs-slider-body--3v .pack.pack-expanded .pack-features-extra,
  .vertical--packs .pack.pack-expanded .pack-features-extra {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-height: min(360px, calc(100vh - 150px));
  }
}
[data-cv2-srv-listing="1"] .cv2-srv-row-no-promo {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: visible;
}

[data-cv2-srv-listing="1"] .cv2-srv-row-no-promo {
  display: block;
}

/* ========== BOLUM 2: Yedek hosting-modern.css ========== */

*,
*::before,
*::after {
  box-sizing: border-box;
}
:root {
  --cv2-primary: var(--CoreV2-primary, #059669);
  --cv2-primary-rgb: var(--CoreV2-primary-rgb, 5, 150, 105);
  --cv2-primary-light: color-mix(in srgb, var(--cv2-primary) 80%, #fff);
  --cv2-primary-dark: color-mix(in srgb, var(--cv2-primary) 80%, #000);
  --cv2-white: #ffffff;
  --cv2-black: #000000;
  --cv2-gray-50: #f8fafc;
  --cv2-gray-100: #f1f5f9;
  --cv2-gray-200: #e2e8f0;
  --cv2-gray-300: #cbd5e1;
  --cv2-gray-400: #94a3b8;
  --cv2-gray-500: #64748b;
  --cv2-gray-600: #475569;
  --cv2-gray-700: #334155;
  --cv2-gray-800: #1e293b;
  --cv2-gray-900: #0f172a;
  --cv2-text-primary: #1a1e2e;
  --cv2-text-body: #4b5675;
  --cv2-text-muted: #8892a4;
  --cv2-text-invert: #ffffff;
  --cv2-border: rgba(var(--cv2-primary-rgb), 0.12);
  --cv2-border-subtle: rgba(var(--cv2-primary-rgb), 0.07);
  --cv2-border-strong: rgba(var(--cv2-primary-rgb), 0.22);
  --cv2-surface: rgba(var(--cv2-primary-rgb), 0.04);
  --cv2-surface-hover: rgba(var(--cv2-primary-rgb), 0.08);
  --cv2-overlay: rgba(255, 255, 255, 0.10);
  --cv2-overlay-dark: rgba(0, 0, 0, 0.12);
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;
  --shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.05);
  --shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.04);
  --shadow-card: 0 1px 3px rgba(15, 23, 42, 0.04), 0 4px 12px rgba(15, 23, 42, 0.06);
  --shadow-hover: 0 4px 16px rgba(15, 23, 42, 0.10), 0 1px 4px rgba(15, 23, 42, 0.06);
  --shadow-pop: 0 8px 32px rgba(var(--cv2-primary-rgb), 0.18);
  --shadow-lg: 0 20px 40px rgba(15, 23, 42, 0.15);
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-black: 800;
  --lh-tight: 1.1;
  --lh-normal: 1.4;
  --lh-relaxed: 1.6;
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --dur-fast: 0.16s;
  --dur-med: 0.28s;
  --dur-slow: 0.48s;
  --dur-slower: 0.64s;
  --container: var(--CoreV2-container-width, 1300px);
  --container-pad: var(--sp-4);
  --cv2-card-grid-gap: 18px;
  --cv2-radius-xs: 4px;
  --cv2-radius-sm: 8px;
  --cv2-radius-md: 12px;
  --cv2-radius-lg: 16px;
  --cv2-radius-xl: 20px;
  --cv2-radius-2xl: 24px;
  --cv2-mobile-edge: 16px;
  --cv2-mobile-peek: 0px;
  --cv2-scroll-padding: 0;
  --z-base: 0;
  --z-dropdown: 10;
  --z-sticky: 20;
  --z-modal: 100;
}
[data-theme="dark"] {
  --cv2-text-primary: #e2e8f0;
  --cv2-text-body: #94a3b8;
  --cv2-text-muted: #64748b;
  --cv2-border: rgba(var(--cv2-primary-rgb), 0.18);
  --cv2-border-subtle: rgba(var(--cv2-primary-rgb), 0.10);
  --cv2-border-strong: rgba(var(--cv2-primary-rgb), 0.30);
  --cv2-surface: rgba(var(--cv2-primary-rgb), 0.10);
  --cv2-surface-hover: rgba(var(--cv2-primary-rgb), 0.16);
  --cv2-white: #0f172a;
  --cv2-gray-50: #1e293b;
  --cv2-gray-100: #1a2436;
  --cv2-gray-200: rgba(148, 163, 184, 0.12);
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.15);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.20);
  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.20), 0 4px 12px rgba(0, 0, 0, 0.28);
  --shadow-hover: 0 4px 20px rgba(0, 0, 0, 0.36), 0 1px 4px rgba(0, 0, 0, 0.20);
  --shadow-pop: 0 8px 32px rgba(var(--cv2-primary-rgb), 0.25);
  --shadow-lg: 0 20px 40px rgba(0, 0, 0, 0.40);
}
.packs-slider-container .tablopaketler.products_list {
  background: none;
  background-image: none;
  background-color: transparent;
  padding: 0;
  margin: 0;
}
.cv2-pack-listing-filters,
.CoreV2-filter-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  gap: var(--sp-3);
  margin: 0 0 var(--sp-5);
  padding: 0;
}
.CoreV2-filter {
  position: relative;
  flex: 0 1 auto;
  width: auto;
  max-width: min(100%, 720px);
}
.CoreV2-filter .CoreV2-filter-options {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  max-width: 100%;
  margin: 0 auto;
  padding: 5px;
  background: rgba(var(--cv2-primary-rgb), 0.05);
  border: 1px solid var(--cv2-border);
  border-radius: var(--cv2-radius-xl);
  gap: 2px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}
.CoreV2-filter .CoreV2-filter-options::-webkit-scrollbar { height: 4px; }
.CoreV2-filter .CoreV2-filter-options::-webkit-scrollbar-track { background: transparent; }
.CoreV2-filter .CoreV2-filter-options::-webkit-scrollbar-thumb { background: rgba(var(--cv2-primary-rgb), 0.20); border-radius: 999px; }
.CoreV2-filter .CoreV2-filter-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--sp-2);
  height: 38px;
  min-height: 38px;
  padding: 0 var(--sp-5);
  font-size: 13px;
  font-weight: var(--fw-medium);
  color: var(--cv2-primary);
  background: transparent;
  border-radius: var(--cv2-radius-sm);
  cursor: pointer;
  border: none;
  text-decoration: none;
  white-space: nowrap;
  user-select: none;
  flex-shrink: 0;
  transition: background var(--dur-fast) var(--ease-smooth), color var(--dur-fast) var(--ease-smooth), transform var(--dur-fast) var(--ease-smooth);
}
.CoreV2-filter .CoreV2-filter-item:hover:not(.active) {
  background: rgba(var(--cv2-primary-rgb), 0.09);
  transform: translateY(-1px);
}
.CoreV2-filter .CoreV2-filter-item.active {
  background: var(--cv2-primary);
  color: var(--cv2-white);
  font-weight: var(--fw-semibold);
  box-shadow: var(--shadow-xs);
}
[data-theme="dark"] .CoreV2-filter .CoreV2-filter-options {
  background: rgba(var(--cv2-primary-rgb), 0.10);
  border-color: var(--cv2-border-strong);
}
[data-theme="dark"] .CoreV2-filter .CoreV2-filter-item:hover:not(.active) {
  background: rgba(var(--cv2-primary-rgb), 0.14);
  color: var(--cv2-primary);
}
[data-theme="dark"] .CoreV2-filter .CoreV2-filter-item.active {
  background: var(--cv2-primary);
  color: var(--cv2-white);
}
.vertical--packs {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
  gap: var(--cv2-card-grid-gap);
  margin: 0;
  padding: 0;
}
.vertical--packs > .pack-card-wrapper {
  flex: 0 0 330px;
  min-width: 0;
  max-width: 330px;
  box-sizing: border-box;
  width: 330px;
}
.vertical--packs:not(:has(.packs-slider-body--3v)) > .pack-card-wrapper:nth-child(n+7) { display: none; }
.vertical--packs:not(:has(.packs-slider-body--3v)).show-all > .pack-card-wrapper:nth-child(n+7) { display: flex; }
@media (min-width: 769px) and (max-width: 1024px) {
}
@media (max-width: 768px) {
  .vertical--packs {
    display: flex;
    flex-wrap: nowrap;
    gap: 0;
    padding: 0 var(--cv2-mobile-edge);
    margin: 0 calc(-1 * var(--cv2-mobile-edge));
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
  }
  .vertical--packs > .pack-card-wrapper {
    flex: 0 0 calc(100vw - (2 * var(--cv2-mobile-edge)));
    min-width: calc(100vw - (2 * var(--cv2-mobile-edge)));
    max-width: calc(100vw - (2 * var(--cv2-mobile-edge)));
    scroll-snap-align: start;
    scroll-snap-stop: always;
    margin: 0;
    padding: 0;
  }
  .vertical--packs > .pack-card-wrapper:nth-child(n+7) { display: flex; }
}
.pack-card-wrapper {
  display: flex;
  flex-direction: column;
  height: auto;
  width: 100%;
  min-width: 0;
  align-self: stretch;
  background: transparent;
}
.pack-head-row {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--sp-2);
}
.pack-head-badge-slot {
  display: flex;
  position: absolute;
  top: -18px;
  left: 50%;
  transform: translateX(-50%);
  z-index: var(--z-dropdown);
  width: max-content;
  max-width: calc(100% - 26px);
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.pack-popular-badge--head,
.cv2-advantage-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 28px;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: var(--fw-bold);
  letter-spacing: 0.5px;
  white-space: nowrap;
  color: var(--cv2-primary);
  background: rgba(var(--cv2-primary-rgb), 0.10);
  border: 1px solid rgba(var(--cv2-primary-rgb), 0.16);
  box-shadow: var(--shadow-sm);
  text-transform: uppercase;
}
.vertical--packs .pack.pack-popular .pack-popular-badge--head,
.vertical--packs .pack.pack-popular .cv2-advantage-badge {
  background: rgba(255, 255, 255, 0.25);
  border-color: rgba(255, 255, 255, 0.35);
  color: var(--cv2-white);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.vertical--packs .pack .pack-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--sp-2);
  padding-bottom: var(--sp-2);
  margin-bottom: var(--sp-1);
  position: relative;
  z-index: 2;
}
.pack-head-row > .pack-head {
  flex: 1;
  min-width: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.pn-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  min-width: 0;
  gap: 2px;
}
.vertical--packs .pack .pack-name {
  font-size: 18px;
  font-weight: var(--fw-black);
  letter-spacing: 0;
  color: var(--cv2-text-primary);
  margin: 0;
  padding: var(--sp-2);
  padding-left: 0;
  line-height: 1.15;
}
.vertical--packs .pack.pack-popular .pack-name { color: var(--cv2-white); }
.vertical--packs .pack .pack-subtitle {
  display: block;
  font-size: 12px;
  font-weight: var(--fw-medium);
  line-height: 1.2;
  color: var(--cv2-text-muted);
  margin: 0;
  padding: 0;
}
.vertical--packs .pack:not(.pack-popular) .pack-subtitle { color: var(--cv2-text-body); }
.vertical--packs .pack.pack-popular .pack-subtitle { color: rgba(255, 255, 255, 0.80); }
.pack-icon {
  width: 42px;
  height: 42px;
  min-width: 42px;
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--cv2-radius-sm);
  background: rgba(var(--cv2-primary-rgb), 0.09);
  color: var(--cv2-primary);
  flex-shrink: 0;
  position: relative;
  z-index: 2;
}
.vertical--packs .pack:hover .pack-icon {
  transform: scale(1.12) rotate(-5deg);
  background: rgba(var(--cv2-primary-rgb), 0.14);
}
.vertical--packs .pack.pack-popular .pack-icon {
  background: rgba(255, 255, 255, 0.20);
  color: var(--cv2-white);
}
.level-indicator {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-1);
  padding: 6px 10px;
  background: rgba(var(--cv2-primary-rgb), 0.06);
  border: 1px solid var(--cv2-border-subtle);
  border-radius: var(--cv2-radius-xl);
  flex-shrink: 0;
}
.level-box {
  width: 8px;
  height: 18px;
  min-height: 18px;
  border-radius: var(--cv2-radius-xs);
  background: rgba(var(--cv2-primary-rgb), 0.15);
  opacity: 0.4;
}
.level-box.active {
  background: var(--cv2-primary);
  opacity: 1;
}
.vertical--packs .pack.pack-popular .level-indicator {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.25);
}
.vertical--packs .pack.pack-popular .level-box { background: rgba(255, 255, 255, 0.25); }
.vertical--packs .pack.pack-popular .level-box.active { background: var(--cv2-white); }
.countdown-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--sp-1);
  font-size: 9px;
  font-weight: var(--fw-bold);
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: var(--cv2-primary);
  margin-bottom: 6px;
}
.countdown-boxes {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
}
.cd-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  background: rgba(255, 255, 255, 0.95);
  border-radius: var(--cv2-radius-xs);
  padding: 4px 6px;
  min-width: 32px;
  border: 1px solid rgba(var(--cv2-primary-rgb), 0.10);
}
.cd-val {
  display: block;
  font-size: 14px;
  font-weight: var(--fw-bold);
  color: var(--cv2-primary);
  line-height: 1.1;
  letter-spacing: 0;
}
.cd-lbl {
  display: block;
  font-size: 6px;
  font-weight: var(--fw-semibold);
  color: rgba(var(--cv2-primary-rgb), 0.60);
  text-transform: uppercase;
  letter-spacing: 0.3px;
  line-height: 1;
}
.cd-sep {
  font-size: 10px;
  font-weight: var(--fw-bold);
  color: rgba(var(--cv2-primary-rgb), 0.30);
  opacity: 0.7;
  line-height: 1;
}
.pack-campaign-top {
  display: block;
  width: 100%;
  margin: 0 0 var(--sp-3) 0;
  padding: 10px 12px;
  border-radius: var(--cv2-radius-md);
  background: rgba(var(--cv2-primary-rgb), 0.06);
  border: 1px solid var(--cv2-border-subtle);
}
.pack-campaign-top .pcs-campaign-layout {
  display: grid;
  grid-template-columns: 56px 1px minmax(0, 1fr);
  align-items: center;
  column-gap: 10px;
  width: 100%;
}
.pack-campaign-top .pcs-label--left {
  grid-column: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 2px;
  width: 56px;
  min-width: 56px;
  color: var(--cv2-primary);
  line-height: 1;
}
.pack-campaign-top .pcs-label-line {
  display: block;
  font-size: 9px;
  font-weight: var(--fw-bold);
  letter-spacing: 0.3px;
  text-transform: uppercase;
  line-height: 1.1;
}
.pack-campaign-top .pcs-vertical-divider {
  grid-column: 2;
  width: 1px;
  height: 32px;
  background: rgba(var(--cv2-primary-rgb), 0.15);
  border-radius: 999px;
}
.pack-campaign-top .pcs-boxes {
  grid-column: 3;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: center;
  gap: 6px;
  width: 100%;
}
.pack-campaign-top .pcs-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  min-height: 34px;
  padding: 5px 4px;
  border-radius: 6px;
  background: rgba(var(--cv2-primary-rgb), 0.10);
  border: 1px solid rgba(var(--cv2-primary-rgb), 0.15);
}
.pack-campaign-top .pcs-num {
  font-size: 13px;
  font-weight: var(--fw-bold);
  color: var(--cv2-primary);
  line-height: 1;
}
.pack-campaign-top .pcs-unit {
  font-size: 6px;
  font-weight: var(--fw-semibold);
  color: rgba(var(--cv2-primary-rgb), 0.60);
  letter-spacing: 0.2px;
  text-transform: uppercase;
  line-height: 1;
}
.packs-slider-body--3v {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--cv2-card-grid-gap);
  width: 100%;
  margin-top: var(--sp-5);
}
.packs-slider-body--3v .pack-card-wrapper {
  width: 100%;
  height: 100%;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .packs-slider-body--3v { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.packs-slider-body--hosting-only {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--cv2-card-grid-gap);
  width: 100%;
  margin-top: var(--sp-5);
}
@media (min-width: 1025px) and (max-width: 1440px) {
  .packs-slider-body--hosting-only { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 769px) and (max-width: 1024px) {
  .packs-slider-body--hosting-only { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.btn-action,
.pack .action-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--sp-2);
  height: 42px;
  min-height: 42px;
  padding: 0 var(--sp-5);
  font-size: 13px;
  font-weight: var(--fw-semibold);
  color: var(--cv2-white);
  background: linear-gradient(135deg, var(--cv2-primary) 0%, var(--cv2-primary-dark) 100%);
  border: 1px solid transparent;
  border-radius: var(--cv2-radius-md);
  cursor: pointer;
  text-decoration: none;
  letter-spacing: 0.3px;
}
.btn-action:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-hover);
}
.pack-detail,
.pack-features-grid { position: relative; z-index: 2; }
.pack-image-area {
  width: 100%;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
@media print {
  .vertical--packs { overflow: visible; width: 100%; }
  .packs-slider-container { overflow: visible; width: 100%; }
  .vertical--packs > .pack-card-wrapper { break-inside: avoid; page-break-inside: avoid; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms;
    animation-iteration-count: 1;
    transition-duration: 0.01ms;
    scroll-behavior: auto;
  }
}
/* CoreV2 filter responsive visibility guard */
@media (min-width: 769px) {
  .CoreV2-filter.CoreV2-filter-mobile > .CoreV2-filter-header {
    display: none;
  }
  .CoreV2-filter.CoreV2-filter-mobile > .CoreV2-filter-options {
    display: flex;
  }
}
@media (max-width: 768px) {
  .CoreV2-filter.CoreV2-filter-mobile > .CoreV2-filter-header {
    display: flex;
  }
  .CoreV2-filter.CoreV2-filter-mobile:not(.open) > .CoreV2-filter-options {
    display: none;
  }
  .CoreV2-filter.CoreV2-filter-mobile.open > .CoreV2-filter-options {
    display: flex;
  }
}
/* CoreV2 filter responsive visibility guard end */
/* Paket kart title band → hosting-pack.css */

/* ================================================================
   MASTER OVERRIDE — vertical--packs pack-card-wrapper conflict fix
   3 property conflict giderildi.
   ================================================================ */

/* Desktop (>1024px): sabit 330px genislik */
@media (min-width: 1025px) {
  body .vertical--packs:not(:has(.packs-slider-body--3v)) > .pack-card-wrapper {
    flex: 0 0 330px;
    min-width: 0;
    max-width: 330px;
    width: 330px;
    box-sizing: border-box;
  }
}

/* Tablet (769-1024px): ayni boyut */
@media (min-width: 769px) and (max-width: 1024px) {
}

/* Mobil (<=768px): tam genislik scroll-snap */
@media (max-width: 768px) {
  body .vertical--packs:not(:has(.packs-slider-body--3v)) > .pack-card-wrapper {
    flex: 0 0 85vw;
    min-width: 85vw;
    max-width: 85vw;
    scroll-snap-align: center;
    margin: 0;
    padding: 0;
  }
}
/* ================================================================
   MASTER OVERRIDE — hosting-modern.css
   Generated: 2026-07-08 12:45
   Conflicts resolved: 6
   DO NOT EDIT — append only, do not modify existing rules
   ================================================================ */

/* ──────────────────────────────────────────────────────────── */
/* Override: max-1024 */
/* ──────────────────────────────────────────────────────────── */
@media (max-width: 1024px) {
  body .vertical--packs > .pack-card-wrapper {
    flex: 0 0 330px;
    min-width: 0;
    max-width: 330px;
  }
  body .vertical--packs:not(:has(.packs-slider-body--3v)) > .pack-card-wrapper {
    flex: 0 0 330px;
    min-width: 0;
    max-width: 330px;
  }
}

/* ──────────────────────────────────────────────────────────── */
/* Override: max-768 */
/* ──────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
  body .vertical--packs > .pack-card-wrapper {
    flex: 0 0 calc(100vw - (2 * var(--cv2-mobile-edge)));
    min-width: calc(100vw - (2 * var(--cv2-mobile-edge)));
    max-width: calc(100vw - (2 * var(--cv2-mobile-edge)));
  }
  body .vertical--packs:not(:has(.packs-slider-body--3v)) > .pack-card-wrapper {
    flex: 0 0 85vw;
    min-width: 85vw;
    max-width: 85vw;
  }
}

/* ──────────────────────────────────────────────────────────── */
/* Override: min-1025 */
/* ──────────────────────────────────────────────────────────── */
@media (min-width: 1025px) {
}

/* ── MASTER OVERRIDE END ── */

/* ================================================================
   SINGLE MASTER OVERRIDE — hosting-modern.css
   ================================================================ */

/* Desktop: pack-card-wrapper genislik orijinal */
@media (min-width: 1025px) {
  body .vertical--packs:not(:has(.packs-slider-body--3v)) > .pack-card-wrapper {
    flex: 0 0 330px;
    width: 330px;
    min-width: 280px;
    max-width: 330px;
    box-sizing: border-box;
  }
}

/* Tablet: esnek genislik */
@media (min-width: 769px) and (max-width: 1024px) {
  body .vertical--packs:not(:has(.packs-slider-body--3v)) > .pack-card-wrapper {
    flex: 0 0 calc(50% - 9px);
    width: calc(50% - 9px);
    min-width: 0;
    max-width: calc(50% - 9px);
  }
}

/* Mobil: tam genislik scroll-snap */
@media (max-width: 768px) {
  body .vertical--packs:not(:has(.packs-slider-body--3v)) {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    margin: 0;
    padding: 0;
    left: auto;
    right: auto;
    margin-left: 0;
    margin-right: 0;
  }
  body .vertical--packs:not(:has(.packs-slider-body--3v)) > .pack-card-wrapper {
    flex: 0 0 88vw;
    min-width: 88vw;
    max-width: 88vw;
    scroll-snap-align: center;
    margin: 0;
    padding: 0;
  }
}
/* SINGLE MASTER OVERRIDE END */

/* ========== BOLUM 3A: homepage.bundle pack badge/kampanya/head/price ========== */

.pack {
  overflow: visible;
}
.vertical--packs .pack {
  padding-top: 16px;
}
.pack-head-row {
  position: relative;
}
.pack-head-badge-slot {
  position: absolute;
  top: -16px;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  z-index: 30;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  width: max-content;
  max-width: calc(100% - 28px);
  pointer-events: none;
}
.pack-popular-badge--head,
.pack-head-badge-slot .pack-popular-badge--head,
.srv-head-badge-slot .pack-popular-badge--head {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  min-height: 26px;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 10.5px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  white-space: nowrap;
  color: #fff;
  background: linear-gradient(135deg, var(--CoreV2-primary, #635bff) 0%, color-mix(in srgb, var(--CoreV2-primary, #635bff) 70%, #8b5cf6) 100%);
  border: none;
  box-shadow: 0 3px 10px rgba(var(--CoreV2-primary-rgb, 99, 91, 255), 0.35);
  transform: none;
  position: static;
}
.pack-popular-badge--head svg {
  display: inline-block;
  width: 11px;
  height: 11px;
  flex-shrink: 0;
  color: rgba(255,255,255,0.85);
}
.pack-head-badge-slot .cv2-advantage-badge,
.srv-head-badge-slot .cv2-advantage-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-height: 26px;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 10.5px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.03em;
  white-space: nowrap;
  color: #fff;
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  border: none;
  box-shadow: 0 3px 10px rgba(16, 185, 129, 0.35);
  transform: none;
  position: static;
}
.pack-campaign-top.pack-campaign-strip,
.pack-campaign-top.pack-campaign-before-price,
.pack-campaign-top.pack-campaign-in-head,
.srv-head-block .pack-campaign-in-head {
  display: flex;
  width: 100%;
  margin: 6px 0 8px;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
}
/* Kampanya — yatay duzen: label sol | cizgi | kutular sag (flex, grid thrash yok) */
.pack-campaign-top .pcs-campaign-layout,
.srv-head-block .pack-campaign-in-head .pcs-campaign-layout {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0;
  column-gap: 0;
  grid-template-columns: none;
  width: 100%;
  min-width: 0;
  background: transparent;
}
.pack-campaign-top .pcs-label--left,
.srv-head-block .pack-campaign-in-head .pcs-label--left {
  grid-column: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: auto;
  min-width: 0;
  max-width: none;
  padding: 0 8px 0 0;
  margin: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  border-radius: 0;
}
.pack-campaign-top .pcs-label-line,
.srv-head-block .pack-campaign-in-head .pcs-label-line {
  display: block;
  font-size: 9px;
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: .03em;
  text-transform: uppercase;
  color: var(--cv2-primary, var(--CoreV2-primary, #635bff));
  white-space: normal;
}
.pack-campaign-top .pcs-vertical-divider,
.srv-head-block .pack-campaign-in-head .pcs-vertical-divider {
  display: block;
  flex: 0 0 1px;
  width: 1px;
  min-width: 1px;
  height: auto;
  min-height: 34px;
  align-self: stretch;
  margin: 0 10px 0 0;
  background: rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99,91,255)), .32);
  border-radius: 0;
  grid-column: auto;
}
.vertical--packs .pack.pack-popular .pcs-vertical-divider {
  background: rgba(255, 255, 255, 0.55);
  opacity: 1;
}
.pack-campaign-top .pcs-boxes,
.pack-campaign-top .pcs-campaign-right,
.srv-head-block .pack-campaign-in-head .pcs-boxes,
.srv-head-block .pack-campaign-in-head .pcs-campaign-right {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  flex: 1 1 auto;
  gap: 6px;
  width: auto;
  min-width: 0;
  margin: 0;
  grid-column: auto;
}
.pack-campaign-top .pcs-box,
.srv-head-block .pack-campaign-in-head .pcs-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 0;
  width: auto;
  min-height: 34px;
  padding: 5px 4px 4px;
  border-radius: 8px;
  background: rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99,91,255)), .12);
  border: 1px solid rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99,91,255)), .16);
  box-shadow: none;
}
.pack-campaign-top .pcs-num,
.srv-head-block .pack-campaign-in-head .pcs-num {
  color: var(--cv2-primary, var(--CoreV2-primary, #635bff));
  font-size: 14px;
  font-weight: 900;
  line-height: .95;
  letter-spacing: 0;
}
.pack-campaign-top .cd-val,
.srv-head-block .pack-campaign-in-head .cd-val {
  color: var(--cv2-primary, var(--CoreV2-primary, #635bff));
  font-size: 14px;
  font-weight: 900;
  line-height: .95;
  letter-spacing: 0;
}
.pack-campaign-top .pcs-unit,
.srv-head-block .pack-campaign-in-head .pcs-unit {
  color: rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99,91,255)), .64);
  font-size: 5.5px;
  font-weight: 800;
  line-height: 1;
  margin-top: 3px;
  text-transform: uppercase;
  opacity: 1;
}
.pack-campaign-top .cd-lbl,
.srv-head-block .pack-campaign-in-head .cd-lbl {
  color: rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99,91,255)), .64);
  font-size: 5.5px;
  font-weight: 800;
  line-height: 1;
  margin-top: 3px;
  text-transform: uppercase;
  opacity: 1;
}
.vertical--packs .pack.pack-popular .pack-campaign-before-price .pcs-label--left,
.vertical--packs .pack.pack-popular .pack-campaign-before-price .pcs-num{
  color: #fff;
}
.vertical--packs .pack.pack-popular .pack-campaign-before-price .cd-val{
  color: #fff;
}.vertical--packs .pack.pack-popular .pack-campaign-before-price .pcs-unit{
  color: #fff;
}
.vertical--packs .pack.pack-popular .pack-campaign-before-price .cd-lbl{
  color: #fff;
}
.vertical--packs .pack.pack-popular .pack-campaign-before-price .pcs-vertical-divider{
  display: none;
}
.CoreV2-filter-wrap {
  justify-content: center;
  justify-items: center;
  align-items: center;
  width: 100%;
}

.vertical--packs .pack,
.vertical--packs .pack .pack-card,
.vertical--packs .pack .pack-head-row,
.vertical--packs .pack .pack-detail,
.vertical--packs .pack .pack-campaign-before-price,
.vertical--packs .pack-card-wrapper {
  overflow: visible;
}
.vertical--packs .packs-cards-track {
  overflow: visible;
}
.vertical--packs .pack {
  padding-top: 28px;
}
.vertical--packs .pack .pack-head-badge-slot {
  top: -13px;
  z-index: 35;
}
.vertical--packs .pack .pack-head-row {
  position: relative;
  padding: 10px 8px 4px;
  margin: -2px 0 2px;
  border-radius: 10px;
  background: rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99,91,255)), .08);
  border: 1px solid rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99,91,255)), .11);
}
.vertical--packs .pack.pack-popular .pack-head-row {
  background: rgba(var(--srv-primary-rgb, var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99,91,255))), .06);
  border-color: rgba(var(--srv-primary-rgb, var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99,91,255))), .12);
}
/* Hosting kampanya — yatay düzen: label sol | çizgi | kutular sağ */
.vertical--packs .pack .pack-campaign-before-price .pcs-campaign-layout {
  grid-template-columns: 50px 1px minmax(0, 1fr);
  column-gap: 9px;
}
.vertical--packs .pack .pack-campaign-before-price .pcs-label--left {
  grid-column: 1;
  width: 50px;
  min-width: 50px;
  max-width: 50px;
}
.vertical--packs .pack .pack-campaign-before-price .pcs-vertical-divider {
  grid-column: 2;
  height: 32px;
  min-height: 32px;
}
.vertical--packs .pack .pack-campaign-before-price .pcs-boxes,
.vertical--packs .pack .pack-campaign-before-price .pcs-campaign-right {
  grid-column: 3;
  gap: 6px;
}
.vertical--packs .pack .pack-campaign-before-price .pcs-num {
  font-weight: 800;
}
.vertical--packs .pack .pack-campaign-before-price .cd-val {
  font-weight: 800;
}
/* Popular hosting: dikey ayıraç kaldırıldığı için 2 sütunlu grid */
.vertical--packs .pack.pack-popular .pack-campaign-before-price .pcs-campaign-layout {
  grid-template-columns: 50px minmax(0, 1fr);
}
.vertical--packs .pack.pack-popular .pack-campaign-before-price .pcs-boxes,
.vertical--packs .pack.pack-popular .pack-campaign-before-price .pcs-campaign-right {
  grid-column: 2;
}
.vertical--packs .pack.pack-popular .pack-campaign-before-price .pcs-num,
.vertical--packs .pack.pack-popular .pack-campaign-before-price .pcs-label--left,
.vertical--packs .pack.pack-popular .pack-campaign-before-price .pcs-label-line,
.vertical--packs .pack.pack-popular .pack-campaign-before-price .pcs-unit {
  color: #fff;
}
.vertical--packs .pack.pack-popular .pack-campaign-before-price .cd-val,
.vertical--packs .pack.pack-popular .pack-campaign-before-price .cd-lbl {
  color: #fff;
}
.vertical--packs .pack .pack-detail .price-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
}
.vertical--packs .pack .pack-detail .price-section {
  min-width: 0;
}
.vertical--packs .pack .pack-detail .price-main {
  display: inline-flex;
  align-items: baseline;
  justify-content: flex-start;
  gap: 4px;
  white-space: nowrap;
}
.vertical--packs .pack .pack-detail .billing-cycle {
  position: static;
  display: inline-flex;
  margin: 0 0 0 2px;
  transform: none;
  vertical-align: baseline;
}
.vertical--packs .pack .pack-detail .price-compare .amount-discount:not(.amount-discount--corner):not(.amount-discount--round) {
  display: inline-flex;
}

/* ========== BOLUM 3B: homepage.bundle filtre + mobil pack ========== */

.cv2-pack-listing-filters {
  justify-content: center;
  justify-items: center;
  align-items: center;
  width: 100%;
}
.cv2-pack-listing-filters .tabs-flex {
  justify-content: center;
  justify-items: center;
  align-items: center;
  width: 100%;
}
.cv2-pack-listing-filters .tabsArea {
  justify-content: center;
  justify-items: center;
  align-items: center;
  width: 100%;
}
.cv2-pack-listing-filters .CoreV2-filter,
.CoreV2-filter-wrap .CoreV2-filter {
  flex: 0 1 auto;
  width: auto;
  max-width: min(100%, 720px);
}
.cv2-pack-listing-filters .CoreV2-filter .CoreV2-filter-options,
.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%;
  margin-left: auto;
  margin-right: auto;
}
.CoreV2-filter .CoreV2-filter-item img {
  display: inline-block;
  width: 20px;
  height: 15px;
  min-width: 20px;
  object-fit: cover;
  opacity: 1;
  visibility: visible;
  filter: none;
  background: transparent;
}
.CoreV2-filter .CoreV2-filter-item .filter-flag {
  display: inline-block;
  width: 20px;
  height: 15px;
  min-width: 20px;
  object-fit: cover;
  opacity: 1;
  visibility: visible;
  filter: none;
  background: transparent;
}
.CoreV2-filter .CoreV2-filter-item .category-tab-flag {
  display: inline-block;
  width: 20px;
  height: 15px;
  min-width: 20px;
  object-fit: cover;
  opacity: 1;
  visibility: visible;
  filter: none;
  background: transparent;
}
@media (max-width: 768px) {
  .vertical--packs .pack {
    padding-top: 15px;
  }
    .pack-head-badge-slot {
    top: -15px;
  }
  .srv-head-badge-slot {
    top: -15px;
  }
  .pack-campaign-top .pcs-campaign-layout,
  .srv-head-block .pack-campaign-in-head .pcs-campaign-layout {
    grid-template-columns: 46px 1px minmax(0, 1fr);
    column-gap: 7px;
  }
  .pack-campaign-top .pcs-label--left,
  .srv-head-block .pack-campaign-in-head .pcs-label--left {
    width: 46px;
    min-width: 46px;
    max-width: 46px;
  }
  .pack-campaign-top .pcs-label-line,
  .srv-head-block .pack-campaign-in-head .pcs-label-line {
    font-size: 8px;
  }
  .pack-campaign-top .pcs-boxes,
  .pack-campaign-top .pcs-campaign-right,
  .srv-head-block .pack-campaign-in-head .pcs-boxes,
  .srv-head-block .pack-campaign-in-head .pcs-campaign-right {
    gap: 5px;
  }
  .pack-campaign-top .pcs-box,
  .srv-head-block .pack-campaign-in-head .pcs-box {
    min-height: 32px;
    padding: 4px 2px 3px;
  }
  .pack-campaign-top .pcs-num,
  .srv-head-block .pack-campaign-in-head .pcs-num {
    font-size: 12px;
  }
  .pack-campaign-top .cd-val,
  .srv-head-block .pack-campaign-in-head .cd-val {
    font-size: 12px;
  }
  .cv2-pack-listing-filters .CoreV2-filter,
  .CoreV2-filter-wrap .CoreV2-filter,
  .cv2-pack-listing-filters .CoreV2-filter .CoreV2-filter-options,
  .CoreV2-filter .CoreV2-filter-options.period-tabs,
  .CoreV2-filter .CoreV2-filter-options.location-tabs,
  .CoreV2-filter .CoreV2-filter-options.category-tabs {
    width: 100%;
  }

/* ========== BOLUM 3C: homepage.bundle pack discount corner ========== */

.vertical--packs .pack .pack-detail .amount-discount--corner,
.coreservercart-price-section.pack-detail .amount-discount--corner,
.pack-detail.coreservercart-price-section .amount-discount--corner,
.amount-discount.amount-discount--corner.amount-discount--round.coreservercart-discount-badge {
  position: relative;
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  padding: 0;
  display: inline-grid;
  place-items: center;
  border-radius: 50%;
  clip-path: none;
  overflow: hidden;
  background: radial-gradient(circle at 34% 24%, rgba(255,255,255,.98), rgba(var(--cv2-primary-rgb, 99, 91, 255), .11) 72%);
  border: 1px solid rgba(var(--cv2-primary-rgb, 99, 91, 255), .18);
  color: var(--cv2-primary, var(--CoreV2-primary, #635bff));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 8px 18px rgba(15,23,42,.09);
}
.vertical--packs .pack .pack-detail .amount-discount--corner::before,
.coreservercart-price-section.pack-detail .amount-discount--corner::before,
.pack-detail.coreservercart-price-section .amount-discount--corner::before,
.amount-discount.amount-discount--corner.amount-discount--round.coreservercart-discount-badge::before {
  content: "";
  position: absolute;
  inset: 7px;
  border-radius: inherit;
  border: 1.5px dashed rgba(var(--cv2-primary-rgb, 99, 91, 255), .45);
  pointer-events: none;
}
.coreservercart-discount-badge::before {
  content: "";
  position: absolute;
  inset: 7px;
  border-radius: inherit;
  border: 1.5px dashed rgba(var(--cv2-primary-rgb, 99, 91, 255), .45);
  pointer-events: none;
}
.vertical--packs .pack .pack-detail .coreservercart-badge-text,
.coreservercart-price-section.pack-detail .coreservercart-badge-text,
.pack-detail.coreservercart-price-section .coreservercart-badge-text,
.coreservercart-discount-badge .coreservercart-badge-text {
  position: relative;
  z-index: 2;
  width: auto;
  height: auto;
  border: 0;
  color: currentColor;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
}
.amount-discount__text {
  position: relative;
  z-index: 2;
  width: auto;
  height: auto;
  border: 0;
  color: currentColor;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
}
.vertical--packs .pack.pack-popular .pack-detail .amount-discount--corner,
.coreservercart-server-item.popular-highlight .coreservercart-price-section.pack-detail .amount-discount--corner {
  background: rgba(255,255,255,.18);
  border-color: rgba(255,255,255,.28);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 8px 18px rgba(0,0,0,.12);
}
.popular-highlight .coreservercart-discount-badge,
.coreservercart-discount-badge.badge-popular {
  background: rgba(255,255,255,.18);
  border-color: rgba(255,255,255,.28);
  color: #fff;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 8px 18px rgba(0,0,0,.12);
}
.vertical--packs .pack.pack-popular .pack-detail .amount-discount--corner::before,
.coreservercart-server-item.popular-highlight .coreservercart-price-section.pack-detail .amount-discount--corner::before {
  border-color: rgba(255,255,255,.58);
}
.popular-highlight .coreservercart-discount-badge::before,
.coreservercart-discount-badge.badge-popular::before {
  border-color: rgba(255,255,255,.58);
}
@media (max-width: 768px) {
  .vertical--packs .pack .pack-detail .amount-discount--corner,
  .coreservercart-price-section.pack-detail .amount-discount--corner,
  .pack-detail.coreservercart-price-section .amount-discount--corner,
  .amount-discount.amount-discount--corner.amount-discount--round.coreservercart-discount-badge {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
  }
  .coreservercart-discount-badge {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;

/* ========== BOLUM 5: layout-density packs-slider parcalari ========== */

:root {
  --gb-section-gap: 12px;
  --gb-dekor-pad: 6px;
  --gb-stack-gap: 2px;
  --sp-5: 12px;
  --sp-6: 16px;
  --sp-8: 20px;
  --sp-10: 24px;
  --sp-12: 28px;
  --sp-16: 32px;
  --cv2-card-grid-gap: 12px;
  --cv2-packs-3v-gap: 12px;
}

.cv2-pack-listing-head,
.cv2-page-hero-head {
  margin: 0 0 8px;
  padding: 0;
}

.CoreV2-filter-wrap,
.cv2-panel-period-bar,
.cv2-panel-location-bar,
.cv2-pack-listing-filters {
  margin-top: 0;
  margin-bottom: 10px;
  gap: 8px;
}

.products_list {
  margin-top: 0.35rem;
  margin-bottom: 0.75rem;
}

.packs-slider-container {
  margin-top: 0;
  padding-top: 0;
}

.vertical--packs {
  margin-top: 0;
  padding-top: 0;
}

  .CoreV2-filter-wrap {
    margin-bottom: 8px;
  }

.packs-slider-body--3v,
.coreservercart-packs-slider-body {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow: visible;
}

.pack-card-wrapper {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

  .packs-slider-container,
  .vertical--packs,
  .products_list,
  .tablopaketler {
    width: 100%;
    max-width: 100%;
    overflow-x: clip;
  }

  .CoreV2-filter .CoreV2-filter-options {
    max-width: 100%;
  }

/* ========== SON ========== */
.packs-slider-container{width:100%;max-width:100%;box-sizing:border-box;}

/* ================================================================
   FINAL LOCK v0.2.214 — Ana sayfa = paket sayfasi (Yedek homepage parity)
   - Avantajli Fiyat / Populer: kart ustu ORTA, yari disari
   - Kampanya: AYRI satir (label sol + dikey cizgi + sayac kutulari)
   - pcs-label-line GORUNUR (satir kirilimli)
   ================================================================ */

/* Kart kabugu */
.packs-slider-container .vertical--packs .pack,
.vertical--packs .pack {
  position: relative;
  overflow: visible;
  padding-top: 16px;
  box-shadow: none;
  min-height: 200px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
.vertical--packs .pack-card-wrapper,
.vertical--packs .pack .pack-head-row,
.vertical--packs .packs-cards-track,
.vertical--packs .pack .pack-body {
  overflow: visible;
}

/* Head row relative for absolute badge */
.pack-head-row,
.vertical--packs .pack .pack-head-row {
  position: relative;
}

/* Badge slot: kart ustu ORTA, yari iceri / yari disari */
.pack-head-badge-slot,
.vertical--packs .pack .pack-head-badge-slot,
.vertical--packs .pack-head-row .pack-head-badge-slot {
  position: absolute;
  top: -16px;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  z-index: 40;
  display: flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  max-width: calc(100% - 28px);
  margin: 0;
  flex: none;
  pointer-events: none;
}

/* Populer + Avantajli Fiyat — primary zemin, beyaz yazi (Yedek) */
.pack-popular-badge--head,
.cv2-advantage-badge,
.pack-head-badge-slot .pack-popular-badge--head,
.pack-head-badge-slot .cv2-advantage-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  position: static;
  top: auto;
  left: auto;
  transform: none;
  min-height: 25px;
  padding: 6px 13px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
  white-space: nowrap;
  line-height: 1;
  color: #ffffff;
  background: var(--cv2-primary, var(--CoreV2-primary, #635bff));
  border: 1px solid rgba(255, 255, 255, 0.34);
  box-shadow: 0 8px 18px rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99, 91, 255)), 0.22);
}
.pack-popular-badge--head svg {
  display: none;
}
.vertical--packs .pack.pack-popular .pack-popular-badge--head,
.vertical--packs .pack.pack-popular .cv2-advantage-badge {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.22);
  border-color: rgba(255, 255, 255, 0.34);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Kampanya: AYRI SATIR, cercevesiz (Yedek strip) */
.pack-campaign-top,
.pack-campaign-top.pack-campaign-before-price,
.pack-campaign-top.pack-campaign-strip,
.pack-campaign-top.pack-campaign-in-head,
.vertical--packs .pack .pack-campaign-top,
.vertical--packs .pack .pack-campaign-before-price {
  display: block;
  visibility: visible;
  opacity: 1;
  width: 100%;
  margin: 8px 0 6px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  box-sizing: border-box;
  order: unset;
  flex: none;
}

/* Grid: label 50px | boxes | 1px divider (Yedek) */
.pack-campaign-top .pcs-campaign-layout {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr) 1px;
  align-items: center;
  column-gap: 10px;
  width: 100%;
  min-width: 0;
}

/* Hosting-pack hide rule iptal — label GORUNUR ve satir kirilir */
.pack-campaign-top .pcs-label-line {
  display: block;
  visibility: visible;
  opacity: 1;
  width: 100%;
  font-size: 9px;
  font-weight: 900;
  line-height: 0.95;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  white-space: normal;
  word-break: break-word;
  color: var(--cv2-primary, var(--CoreV2-primary, #635bff));
}
.pack-campaign-top .pcs-label--left {
  grid-column: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 1px;
  width: 50px;
  min-width: 50px;
  max-width: 50px;
  padding: 0;
  margin: 0;
  color: var(--cv2-primary, var(--CoreV2-primary, #635bff));
  text-align: left;
  white-space: normal;
  line-height: 1;
}
.pack-campaign-top .pcs-campaign-right,
.pack-campaign-top .pcs-boxes {
  grid-column: 2;
  display: grid;
  grid-template-columns: repeat(4, minmax(38px, 1fr));
  align-items: stretch;
  gap: 7px;
  min-width: 0;
  width: 100%;
  margin: 0;
}
.pack-campaign-top .pcs-vertical-divider {
  grid-column: 3;
  grid-row: 1;
  display: block;
  width: 1px;
  height: 32px;
  min-height: 32px;
  margin: 0;
  background: rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99, 91, 255)), 0.18);
  border-radius: 999px;
}
.pack-campaign-top .pcs-box,
.pack-campaign-top .cd-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 0;
  width: auto;
  min-height: 34px;
  padding: 5px 4px 4px;
  border-radius: 8px;
  background: rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99, 91, 255)), 0.12);
  border: 1px solid rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99, 91, 255)), 0.16);
  box-shadow: none;
}
.pack-campaign-top .pcs-num,
.pack-campaign-top .cd-val {
  color: var(--cv2-primary, var(--CoreV2-primary, #635bff));
  font-size: 14px;
  font-weight: 900;
  line-height: 0.95;
  letter-spacing: 0;
}
.pack-campaign-top .pcs-unit,
.pack-campaign-top .cd-lbl {
  color: rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99, 91, 255)), 0.64);
  font-size: 5.5px;
  font-weight: 800;
  line-height: 1;
  margin-top: 3px;
  text-transform: uppercase;
  opacity: 1;
}

/* Popular kart: beyaz kampanya */
.vertical--packs .pack.pack-popular .pack-campaign-top .pcs-label--left,
.vertical--packs .pack.pack-popular .pack-campaign-top .pcs-label-line,
.vertical--packs .pack.pack-popular .pack-campaign-top .pcs-num,
.vertical--packs .pack.pack-popular .pack-campaign-top .cd-val {
  color: #ffffff;
}
.vertical--packs .pack.pack-popular .pack-campaign-top .pcs-box {
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.24);
}
.vertical--packs .pack.pack-popular .pack-campaign-top .pcs-unit,
.vertical--packs .pack.pack-popular .pack-campaign-top .cd-lbl {
  color: rgba(255, 255, 255, 0.74);
}
.vertical--packs .pack.pack-popular .pack-campaign-top .pcs-vertical-divider {
  background: rgba(255, 255, 255, 0.24);
}

/* Indirim rozeti corner */
.vertical--packs .pack .pack-detail .amount-discount--corner,
.vertical--packs .pack .amount-discount.amount-discount--corner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 54px;
  min-width: 54px;
  min-height: 54px;
  padding: 0;
  border-radius: 50%;
  clip-path: none;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb)), 0.12);
  color: var(--cv2-primary, var(--CoreV2-primary));
  box-shadow: 0 6px 16px rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb)), 0.12);
  font-weight: 800;
  position: static;
  justify-self: end;
}
.vertical--packs .pack.pack-popular .pack-detail .amount-discount--corner {
  background: rgba(255, 255, 255, 0.22);
  border-color: rgba(255, 255, 255, 0.30);
  color: #ffffff;
}

@media (max-width: 768px) {
  .vertical--packs .pack { padding-top: 18px; }
  .pack-head-badge-slot,
  .vertical--packs .pack .pack-head-badge-slot { top: -12px; }
  .pack-campaign-top .pcs-campaign-layout {
    grid-template-columns: 48px minmax(0, 1fr) 1px;
    column-gap: 8px;
  }
  .pack-campaign-top .pcs-label--left {
    width: 48px;
    min-width: 48px;
    max-width: 48px;
  }
}

/* ================================================================
   FINAL LOCK v0.2.215 — Tutarsizlik duzeltmeleri (Yedek + tema token)
   KURAL: sadece hosting paket alani. Theme radius/border token.
   ================================================================ */

/* --- 1) 330px sabit genislik IPTAL — 3v esnek kartlar --- */
/* reason: fixed 330px track kartlari promo ile hizasiz ve dar/genis tutarsizligi yaratir */
.packs-cards-track > .pack-card-wrapper:not(.pack-card-wrapper--promo),
.packs-cards-panel--3v .packs-cards-track > .pack-card-wrapper:not(.pack-card-wrapper--promo),
.vertical--packs:has(.packs-slider-body--3v) .packs-cards-track > .pack-card-wrapper:not(.pack-card-wrapper--promo),
.cv2-structured-grid .cv2-pack-page .packs-cards-track > .pack-card-wrapper:not(.pack-card-wrapper--promo) {
  flex: 1 1 0; /* equal width 3-up */
  width: auto;
  max-width: none;
  min-width: 0;
}

/* --- 2) Kart kabugu: populer + normal ayni radius/border mantigi --- */
.vertical--packs .pack {
  border-radius: var(--cv2-radius-card, var(--r-2xl, 1.25rem));
  border: 1px solid rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99, 91, 255)), 0.10);
  box-shadow: none;
}
.vertical--packs .pack.pack-popular {
  border-color: transparent;
  /* populer: tema gradient; kenarlik seffaf (Yedek) */
}
.vertical--packs .pack .feature-box {
  border-radius: var(--cv2-radius-btn, 50px);
  border: 1.5px solid rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99, 91, 255)), 0.07);
}
.vertical--packs .pack.pack-popular .feature-box {
  border-color: rgba(255, 255, 255, 0.14);
}

/* --- 3) Sepete Ekle — tema radius + outline (Yedek) tutarli --- */
.vertical--packs .pack .pack-cart-btn,
.vertical--packs .pack a.pack-cart-btn {
  border-radius: var(--cv2-radius-btn, 50px);
  border: 1px solid rgba(0, 0, 0, 0.06);
  outline: 2px solid rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99, 91, 255)), 0.22);
  outline-offset: 3px;
  box-shadow: none;
  background: var(--cv2-primary, var(--CoreV2-primary));
  color: #fff;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.vertical--packs .pack .pack-cart-btn:hover,
.vertical--packs .pack a.pack-cart-btn:hover {
  background: #111827;
  border-color: #111827;
  outline-color: rgba(17, 24, 39, 0.28);
  color: #fff;
}
.vertical--packs .pack.pack-popular .pack-cart-btn,
.vertical--packs .pack.pack-popular a.pack-cart-btn {
  background: #fff;
  color: var(--cv2-primary, var(--CoreV2-primary));
  border: 1.5px solid rgba(255, 255, 255, 0.85);
  outline: 2px solid rgba(255, 255, 255, 0.35);
}
.vertical--packs .pack.pack-popular .pack-cart-btn:hover,
.vertical--packs .pack.pack-popular a.pack-cart-btn:hover {
  background: #111827;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.18);
  outline-color: rgba(255, 255, 255, 0.22);
}

/* --- 4) Tum Ozellikler (pack-toggle-btn) — ayni radius ailesi, ince kenar --- */
.vertical--packs .pack .pack-toggle-btn,
.vertical--packs .pack .pack-features-wrap > .pack-toggle-btn {
  border-radius: var(--cv2-radius-btn, 50px);
  border: 1px solid rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99, 91, 255)), 0.14);
  background: var(--cv2-white, #fff);
  color: var(--cv2-primary, var(--CoreV2-primary));
  box-shadow: none;
  outline: none;
  width: auto;
  min-width: 0;
  padding: 0.42rem 1.1rem;
  margin: 6px auto 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  font-size: 0.76rem;
  font-weight: 600;
  line-height: 1.25;
}
.vertical--packs .pack .pack-toggle-btn:hover {
  background: rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99, 91, 255)), 0.08);
  border-color: rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99, 91, 255)), 0.24);
}
.vertical--packs .pack.pack-popular .pack-toggle-btn {
  background: rgba(255, 255, 255, 0.10);
  color: rgba(255, 255, 255, 0.92);
  border-color: rgba(255, 255, 255, 0.22);
}
.vertical--packs .pack.pack-popular .pack-toggle-btn:hover {
  background: rgba(255, 255, 255, 0.16);
  border-color: rgba(255, 255, 255, 0.30);
}

/* pack-footer / cart wrapper tutarli */
.vertical--packs .pack .pack-cart-button-wrapper {
  margin-top: 6px;
  margin-bottom: 4px;
  padding-top: 8px;
  border-top: 1px dashed rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99, 91, 255)), 0.14);
}
.vertical--packs .pack.pack-popular .pack-cart-button-wrapper {
  border-top-color: rgba(255, 255, 255, 0.22);
}

/* --- 5) PROMO sag gorsel bar — Yedek kabuk + yukseklik esitleme --- */
.vertical--packs .packs-slider-body--3v > .pack-card-wrapper--promo,
.packs-slider-body--3v > .pack-card-wrapper--promo {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  flex: none;
  align-self: stretch;
  height: 100%;
  min-height: 100%;
  margin: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  border-radius: var(--cv2-radius-card, var(--r-xl, 1rem));
  background: var(--cv2-white, #fff);
  border: 1px solid rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99, 91, 255)), 0.08);
  box-shadow: none; /* global pack shadow cleanup ile ayni */
}
.vertical--packs .packs-slider-body--3v > .pack-card-wrapper--promo .cv2-packs-promo-detail,
.packs-slider-body--3v > .pack-card-wrapper--promo .cv2-packs-promo-detail {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: var(--cv2-closed-pack-h, 100%);
  padding: 6px;
  overflow: hidden;
  background: transparent;
}
.vertical--packs .packs-slider-body--3v > .pack-card-wrapper--promo .cv2-packs-promo-poster,
.packs-slider-body--3v > .pack-card-wrapper--promo .cv2-packs-promo-poster {
  flex: 1 1 auto;
  width: 100%;
  min-height: 160px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: calc(var(--cv2-radius-card, 1rem) - 6px);
  background: var(--theme-color-1-gradient, var(--cv2-primary, var(--CoreV2-primary)));
  overflow: hidden;
  position: relative;
}
.vertical--packs .packs-slider-body--3v > .pack-card-wrapper--promo .cv2-packs-promo-data,
.packs-slider-body--3v > .pack-card-wrapper--promo .cv2-packs-promo-data {
  flex: 0 0 auto;
  border-radius: calc(var(--cv2-radius-card, 1rem) - 6px);
}
  /* fixed: promo always stretch when closed */
@media (min-width: 992px) {
  .vertical--packs .packs-slider-body--3v:not(.coreservercart-packs-slider-body):not(:has(.pack.pack-expanded)) {
    align-items: stretch;
  }
  .vertical--packs .packs-slider-body--3v:not(.coreservercart-packs-slider-body):not(:has(.pack.pack-expanded)) > .pack-card-wrapper--promo {
    align-self: stretch;
    height: 100%;
    min-height: var(--cv2-closed-pack-h, 100%);
  }
  .vertical--packs .packs-slider-body--3v:not(.coreservercart-packs-slider-body):not(:has(.pack.pack-expanded)) .packs-cards-panel--3v {
    align-self: stretch;
    height: 100%;
  }
  .vertical--packs .packs-slider-body--3v:not(.coreservercart-packs-slider-body):not(:has(.pack.pack-expanded)) .packs-cards-track > .pack-card-wrapper:not(.pack-card-wrapper--promo) {
    align-self: stretch;
    min-height: 100%;
  }
  .vertical--packs .packs-slider-body--3v:not(.coreservercart-packs-slider-body):not(:has(.pack.pack-expanded)) .packs-cards-track > .pack-card-wrapper:not(.pack-card-wrapper--promo) > .pack {
    height: 100%;
  }
  .vertical--packs .packs-slider-body--3v:has(.pack.pack-expanded) > .pack-card-wrapper--promo {
    align-self: stretch;
    height: var(--cv2-closed-pack-h, 100%);
    min-height: var(--cv2-closed-pack-h, 100%);
    max-height: var(--cv2-closed-pack-h, none);
  }
}

/* ================================================================
   FINAL LOCK v0.2.217 — Rozet metin, Populer gorunurluk, head-row bosluk,
   promo gorsel, sepete ekle tema oval (cv2-radius-btn)
   ================================================================ */

/* 1) pack-popular-badge geneli gizleniyordu — HEAD her zaman gorunur */
.pack-head-badge-slot,
.vertical--packs .pack .pack-head-badge-slot {
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 50;
  display: flex;
  visibility: visible;
  opacity: 1;
  pointer-events: none;
  width: max-content;
  max-width: calc(100% - 24px);
}
.pack-head-badge-slot .pack-popular-badge,
.pack-head-badge-slot .pack-popular-badge--head,
.pack-head-badge-slot .cv2-advantage-badge,
.vertical--packs .pack .pack-head-badge-slot .pack-popular-badge--head,
.vertical--packs .pack .pack-head-badge-slot .cv2-advantage-badge {
  display: inline-flex;
  visibility: visible;
  opacity: 1;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-height: 26px;
  padding: 6px 14px;
  border-radius: 999px;
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: 0.01em;
  /* Ilk harf buyuk (PHP title-case) — FULL UPPERCASE YOK */
  text-transform: none;
  white-space: nowrap;
  line-height: 1;
  position: static;
  transform: none;
  box-shadow: none; /* gölge yok */
}
/* Avantajli Fiyat: primary zemin, beyaz yazi */
.pack-head-badge-slot .cv2-advantage-badge {
  color: #ffffff;
  background: var(--cv2-primary, var(--CoreV2-primary, #635bff));
  border: 1px solid rgba(255, 255, 255, 0.34);
}
/* Populer: hafif beyaz rozet (popular kart uzerinde okunur) */
.vertical--packs .pack.pack-popular .pack-head-badge-slot .pack-popular-badge--head,
.pack-head-badge-slot .pack-popular-badge--head {
  color: var(--cv2-primary, var(--CoreV2-primary, #635bff));
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(255, 255, 255, 0.55);
  box-shadow: none;
}
.pack-head-badge-slot .pack-popular-badge--head svg {
  display: none;
}

/* 2) pack-head-row alt bosluk azalt */
.vertical--packs .pack .pack-head-row {
  position: relative;
  padding: 10px 10px 6px;
  margin: 0 0 4px 0;
  border-radius: 10px;
  background: rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99, 91, 255)), 0.08);
  border: 1px solid rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99, 91, 255)), 0.11);
}
.vertical--packs .pack.pack-popular .pack-head-row {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.18);
}
.vertical--packs .pack .pack-head {
  margin-bottom: 0;
  padding-bottom: 0;
}
.vertical--packs .pack .pack-body {
  margin-top: 0;
  padding-top: 0;
}
.vertical--packs .pack .pack-head-row + .pack-image-area,
.vertical--packs .pack .pack-head-row + .pack-body {
  margin-top: 4px;
}
.vertical--packs .pack {
  padding-top: 18px;
  box-shadow: none;
}
.vertical--packs .pack.pack-popular {
  box-shadow: none;
}
.vertical--packs .pack.pack-popular::after {
  box-shadow: none;
}

/* 3) Sepete Ekle — temadaki oval (radius-btn) */
.vertical--packs .pack .pack-cart-btn,
.vertical--packs .pack a.pack-cart-btn,
.vertical--packs .pack .pack-cart-button-wrapper .pack-cart-btn {
  border-radius: var(--cv2-radius-btn, var(--CoreV2-radius-btn, 50px));
  box-shadow: none;
}

/* 4) PROMO — tasarim gorunur (Yedek kabuk + poster + ozellik paneli) */
.vertical--packs .packs-slider-body--3v > .pack-card-wrapper--promo,
.packs-slider-body--3v > .pack-card-wrapper--promo,
.pack-card-wrapper.pack-card-wrapper--promo {
  display: flex;
  visibility: visible;
  opacity: 1;
  flex-direction: column;
  align-self: stretch;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 280px;
  height: 100%;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: var(--cv2-radius-card, 1rem);
  background: var(--cv2-white, #fff);
  border: 1px solid rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99, 91, 255)), 0.10);
  box-shadow: none;
  margin: 0;
}
.pack-card-wrapper--promo .cv2-packs-promo-detail {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: 100%;
  min-height: var(--cv2-closed-pack-h, 100%);
  padding: 6px;
  overflow: hidden;
  visibility: visible;
  opacity: 1;
}
.pack-card-wrapper--promo .cv2-packs-promo-poster {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  width: 100%;
  min-height: 180px;
  overflow: hidden;
  border-radius: calc(var(--cv2-radius-card, 1rem) - 6px);
  background: var(--theme-color-1-gradient, var(--cv2-primary, var(--CoreV2-primary)));
  visibility: visible;
  opacity: 1;
}
.pack-card-wrapper--promo .cv2-packs-promo-poster-fog {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg, transparent 30%, rgba(0,0,0,.35) 100%);
}
.pack-card-wrapper--promo .cv2-packs-promo-poster-media {
  position: relative;
  z-index: 2;
  flex: 1 1 auto;
  display: flex;
  width: 100%;
  min-height: 160px;
  overflow: hidden;
}
.pack-card-wrapper--promo .cv2-packs-promo-poster-figure,
.pack-card-wrapper--promo .cv2-packs-promo-poster-media img {
  width: 100%;
  height: 100%;
  min-height: 160px;
  object-fit: cover;
  object-position: center;
  display: block;
  visibility: visible;
  opacity: 1;
}
.pack-card-wrapper--promo .cv2-order-poster-badge {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 14px;
  z-index: 6;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 10px;
  pointer-events: none;
  visibility: visible;
  opacity: 1;
}
.pack-card-wrapper--promo .cv2-order-poster-title,
.pack-card-wrapper--promo .cv2-os-bold,
.pack-card-wrapper--promo .cv2-os-thin,
.pack-card-wrapper--promo .cv2-os-line3 {
  color: #fff;
  text-shadow: 0 2px 10px rgba(0,0,0,.35);
  visibility: visible;
  opacity: 1;
}
.pack-card-wrapper--promo .cv2-os-bold {
  display: block;
  font-size: clamp(16px, 2.2cqw, 22px);
  font-weight: 800;
  line-height: 1.2;
}
.pack-card-wrapper--promo .cv2-os-thin {
  display: block;
  font-size: clamp(13px, 1.8cqw, 16px);
  font-weight: 500;
  opacity: 0.92;
}
.pack-card-wrapper--promo .cv2-order-poster-badge-icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.18);
  color: #fff;
  font-size: 20px;
}
.pack-card-wrapper--promo .cv2-packs-promo-data {
  position: relative;
  z-index: 4;
  display: block;
  visibility: visible;
  opacity: 1;
  flex: 0 0 auto;
  width: auto;
  margin: -28px 6px 6px;
  padding: 8px;
  border-radius: calc(var(--cv2-radius-card, 1rem) - 6px);
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
  border: 1px solid rgba(231, 231, 231, 0.55);
  box-shadow: none;
}
.pack-card-wrapper--promo .cv2-packs-promo-data-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 6px;
}
.pack-card-wrapper--promo .cv2-packs-promo-data-list ul li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99, 91, 255)), 0.05);
  color: var(--cv2-text, #0f172a);
  visibility: visible;
  opacity: 1;
}
.pack-card-wrapper--promo .cv2-packs-promo-feat-value {
  font-weight: 700;
  font-size: 13px;
  color: var(--cv2-text, #0f172a);
}
.pack-card-wrapper--promo .cv2-packs-promo-feat-label {
  font-size: 11px;
  color: var(--cv2-text-muted, #64748b);
}
.pack-card-wrapper--promo .cv2-packs-promo-feat-icon {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99, 91, 255)), 0.10);
  color: var(--cv2-primary, var(--CoreV2-primary));
}
/* Desktop: promo asla gizlenmesin */
@media (min-width: 992px) {
  .packs-slider-body--3v > .pack-card-wrapper--promo,
  .vertical--packs .packs-slider-body--3v > .pack-card-wrapper--promo {
    display: flex;
    visibility: visible;
    opacity: 1;
  }
}

/* ============================================================
   v0.2.249 FINAL LOCK — YEDEK typography + badge (tek kaynak)
   Onceki v0.2.235-246 thrash bloklari kaldirildi (ikileme temizligi)
   ============================================================ */
:root {
  --fw-bold: 700;
  --fw-black: 650;
  --gb-title-size: 32px;
  --gb-title-size-mobile: 20px;
  --gb-desc-size: var(--cv2-font-size-base, 16px);
  --gb-desc-size-mobile: var(--cv2-font-size-sm, 14px);
  --gb-desc-line-height: 1.45;
}

/* Badge esit — YEDEK pad 5/16 ~9.5px degil; son karar 12px/28 h half-out main-head ile */
body .pack-head-badge-slot,
body .vertical--packs .pack .pack-head-badge-slot {
  top: -14px;
}
body .pack-head-badge-slot .pack-popular-badge--head,
body .pack-head-badge-slot .cv2-advantage-badge,
body .vertical--packs .pack .pack-popular-badge--head,
body .vertical--packs .pack .cv2-advantage-badge {
  min-height: 28px;
  height: auto;
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 700;
  border-radius: 20px;
  box-shadow: none;
}

/* Pack baslik/fiyat/ozellik — YEDEK hosting-pack */
body .vertical--packs .pack .pack-name,
body .vertical--packs .pack .pack-name .pn-title {
  font-size: 21px;
  font-weight: var(--fw-black, 650);
  letter-spacing: -0.02em;
  line-height: 1.15;
}
body .vertical--packs .pack .pack-subtitle {
  font-size: 12px;
  font-weight: var(--fw-medium, 500);
  color: var(--soft-text, #4c5473);
}
/* Doviz + tutar esit boyut */
body .vertical--packs .pack .pack-detail .current-price {
  font-size: 26px;
  font-weight: var(--fw-bold, 700);
}
body .vertical--packs .pack .pack-detail .current-price .currency,
body .vertical--packs .pack .pack-detail .current-price .amount {
  font-size: 26px;
  font-weight: var(--fw-bold, 700);
  letter-spacing: -0.02em;
  line-height: 1;
  opacity: 1;
}
body .vertical--packs .pack .feature-box .feature-value {
  font-size: 11px;
  font-weight: var(--fw-bold, 700);
}
body .vertical--packs .pack .feature-box .feature-label {
  font-size: 9px;
  font-weight: 400;
  opacity: 0.65;
  color: var(--cv2-text-muted, #8892a4);
}
body .vertical--packs .pack .pack-name::before {
  left: calc((var(--cv2-space-3, 12px) + 1.5px) * -1);
  z-index: 2;
}
body .vertical--packs .pack {
  overflow: visible;
  box-shadow: none;
}
body .CoreV2paktsb-price {
  font-size: 20px;
  font-weight: var(--fw-bold, 700);
}
body .CoreV2paktsb-title h3 {
  font-weight: 700;
}

/* ============================================================
   v0.2.250 FINAL — campaign glass + pack bar half-out + videoply dark panel
   ============================================================ */

/* --- Kampanya: profesyonel cam yuvarlak (pcs-campaign-layout) --- */
body .pack-campaign-top.pack-campaign-strip,
body .pack-campaign-top.pack-campaign-before-price,
body .pack-campaign-top.pack-campaign-in-head,
body .vertical--packs .pack .pack-campaign-top {
  display: flex;
  width: 100%;
  margin: 8px 0 6px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}
body .pack-campaign-top .pcs-campaign-layout {
  display: grid;
  grid-template-columns: minmax(52px, auto) minmax(0, 1fr);
  align-items: center;
  column-gap: 10px;
  width: 100%;
  min-width: 0;
  padding: 8px 10px;
  border-radius: 14px;
  background: rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99, 91, 255)), 0.07);
  border: 1px solid rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99, 91, 255)), 0.12);
  box-shadow: none;
  box-sizing: border-box;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
body .vertical--packs .pack.pack-popular .pack-campaign-top .pcs-campaign-layout {
  background: rgba(255, 255, 255, 0.10);
  border-color: rgba(255, 255, 255, 0.16);
}
/* Ilk kisim (label): cam yuvarlak arka plan */
body .pack-campaign-top .pcs-label--left {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  min-width: 48px;
  max-width: 64px;
  padding: 8px 8px;
  margin: 0;
  border-radius: 999px;
  background: rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99, 91, 255)), 0.14);
  border: 1px solid rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99, 91, 255)), 0.18);
  color: var(--cv2-primary, var(--CoreV2-primary));
  text-align: center;
  box-sizing: border-box;
}
body .pack-campaign-top .pcs-label-line {
  display: block;
  font-size: 9px;
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: inherit;
}
body .pack-campaign-top .pcs-vertical-divider {
  display: none;
}
body .pack-campaign-top .pcs-campaign-right,
body .pack-campaign-top .pcs-boxes {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  min-width: 0;
  width: 100%;
  margin: 0;
  align-items: stretch;
}
body .pack-campaign-top .pcs-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 36px;
  padding: 6px 4px 5px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99, 91, 255)), 0.14);
  box-shadow: none;
  box-sizing: border-box;
}
body .vertical--packs .pack.pack-popular .pack-campaign-top .pcs-box {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.20);
}
body .pack-campaign-top .pcs-num,
body .pack-campaign-top .cd-val {
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
  color: var(--cv2-primary, var(--CoreV2-primary));
}
body .vertical--packs .pack.pack-popular .pack-campaign-top .pcs-num,
body .vertical--packs .pack.pack-popular .pack-campaign-top .cd-val {
  color: #fff;
}
body .pack-campaign-top .pcs-unit,
body .pack-campaign-top .cd-lbl {
  font-size: 6.5px;
  font-weight: 700;
  margin-top: 3px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99, 91, 255)), 0.62);
  opacity: 1;
}
body .vertical--packs .pack.pack-popular .pack-campaign-top .pcs-unit,
body .vertical--packs .pack.pack-popular .pack-campaign-top .cd-lbl {
  color: rgba(255, 255, 255, 0.72);
}

/* pack-head-row sol cizgi yari ic / yari dis */
body .vertical--packs .pack .pack-head-row {
  overflow: visible;
  position: relative;
}
body .vertical--packs .pack .pack-head-row::before {
  content: "";
  position: absolute;
  left: -1.5px;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 28px;
  border-radius: 0 5px 5px 0;
  background: var(--cv2-primary, var(--CoreV2-primary));
  z-index: 3;
  pointer-events: none;
  display: block;
}
body .vertical--packs .pack.pack-popular .pack-head-row::before {
  background: rgba(255, 255, 255, 0.92);
}
body .vertical--packs .pack .pack-name::before {
  display: none;
  content: none;
}
/* Benzer sol cizgiler (server head vb.) */
body .coreservercart-server-item .srv-head-row,
body .coreservercart-server-item .pack-head-row {
  overflow: visible;
  position: relative;
}
body .coreservercart-server-item .srv-head-row::before,
body .coreservercart-server-item .pack-head-row::before {
  content: "";
  position: absolute;
  left: -1.5px;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 28px;
  border-radius: 0 5px 5px 0;
  background: var(--cv2-primary, var(--CoreV2-primary));
  z-index: 3;
  pointer-events: none;
}
body .coreservercart-server-item.popular-highlight .srv-head-row::before,
body .coreservercart-server-item.popular-highlight .pack-head-row::before {
  background: rgba(255, 255, 255, 0.92);
}

/* --- HCTA YEDEK ticket/banner --- */
html body #cv2-home-contact-cta.cv2-hcta,
html body #cv2-home-contact-cta {
  --hcta-ticket-border: rgb(231 231 231 / 36%);
  --hcta-form-border: rgb(231 231 231 / 36%);
}
html[data-theme="dark"] body #cv2-home-contact-cta,
html.dark-mode body #cv2-home-contact-cta {
  --hcta-ticket-border: rgba(51, 65, 85, 0.55);
  --hcta-form-border: rgba(51, 65, 85, 0.55);
}
html body #cv2-home-contact-cta .cv2-hcta__ticket,
html body #cv2-home-contact-cta .cv2-hcta__ticket--a,
html body #cv2-home-contact-cta .cv2-hcta__ticket--b {
  border: 1px solid var(--hcta-ticket-border, rgb(231 231 231 / 36%));
  box-shadow: 0 4px 24px -6px rgba(15, 23, 42, 0.08);
}
html body #cv2-home-contact-cta .cv2-hcta__banner {
  border: 1px solid rgb(231 231 231 / 36%);
}
html[data-theme="dark"] body #cv2-home-contact-cta .cv2-hcta__banner {
  border-color: rgba(255, 255, 255, 0.1);
}
/* ============================================================
   v0.2.295 FINAL — kampanya pro flex + pack expand isolation
   ============================================================ */
.pack-campaign-top .pcs-label-icon,
.srv-head-block .pcs-label-icon { display: none; height: 0; width: 0; overflow: hidden; }

.pack-campaign-top.pack-campaign-strip,
.pack-campaign-top.pack-campaign-before-price,
.pack-campaign-top.pack-campaign-in-head,
.srv-head-block .pack-campaign-in-head {
  display: block;
  width: 100%;
  margin: 6px 0 8px;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  background-image: none;
  box-shadow: none;
}

.pack-campaign-top .pcs-campaign-layout,
.srv-head-block .pack-campaign-in-head .pcs-campaign-layout,
.vertical--packs .pack .pack-campaign-before-price .pcs-campaign-layout,
.vertical--packs .pack.pack-popular .pack-campaign-before-price .pcs-campaign-layout,
.coreservercart-server-item .pack-campaign-in-head .pcs-campaign-layout,
.coreservercart-server-item.popular-highlight .pack-campaign-in-head .pcs-campaign-layout {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0;
  width: 100%;
  min-width: 0;
  grid-template-columns: none;
}

.pack-campaign-top .pcs-label--left,
.srv-head-block .pack-campaign-in-head .pcs-label--left,
.vertical--packs .pack .pack-campaign-before-price .pcs-label--left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex: 0 0 auto;
  width: auto;
  min-width: 0;
  max-width: none;
  padding: 0 10px 0 0;
  margin: 0;
  grid-column: auto;
  background: transparent;
  background-image: none;
  border: none;
  box-shadow: none;
  border-radius: 0;
}

.pack-campaign-top .pcs-label-line,
.srv-head-block .pack-campaign-in-head .pcs-label-line {
  display: block;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.02em;
  text-transform: none;
  color: var(--cv2-heading, var(--cv2-secondary, #1c1d28));
  white-space: normal;
  word-break: normal;
}
.pack-campaign-top .pcs-label-line--bottom {
  font-size: 10px;
  font-weight: 500;
  opacity: 0.72;
  margin-top: 2px;
}
.vertical--packs .pack.pack-popular .pack-campaign-top .pcs-label-line,
.coreservercart-server-item.popular-highlight .pack-campaign-in-head .pcs-label-line {
  color: #fff;
}

.pack-campaign-top .pcs-vertical-divider,
.srv-head-block .pack-campaign-in-head .pcs-vertical-divider,
.vertical--packs .pack .pack-campaign-before-price .pcs-vertical-divider {
  display: block;
  flex: 0 0 1px;
  width: 1px;
  min-width: 1px;
  align-self: stretch;
  min-height: 36px;
  height: auto;
  margin: 2px 10px;
  background: rgba(var(--cv2-primary-rgb, 99, 91, 255), 0.22);
  grid-column: auto;
  border-radius: 0;
}
.vertical--packs .pack.pack-popular .pcs-vertical-divider,
.coreservercart-server-item.popular-highlight .pcs-vertical-divider {
  background: rgba(255,255,255,0.28);
}

.pack-campaign-top .pcs-boxes,
.pack-campaign-top .pcs-campaign-right,
.srv-head-block .pack-campaign-in-head .pcs-boxes,
.vertical--packs .pack .pack-campaign-before-price .pcs-boxes,
.vertical--packs .pack .pack-campaign-before-price .pcs-campaign-right {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  margin: 0;
  grid-column: auto;
}

.pack-campaign-top .pcs-box {
  min-height: 40px;
  border-radius: 8px;
  background: #fff;
  border: 1px solid rgba(var(--cv2-primary-rgb, 99, 91, 255), 0.12);
  box-shadow: none;
}
.vertical--packs .pack.pack-popular .pcs-box,
.coreservercart-server-item.popular-highlight .pcs-box {
  background: rgba(255,255,255,0.16);
  border-color: rgba(255,255,255,0.24);
}

/* Expand: stretch thrash yok */
.packs-cards-panel--3v .packs-cards-track,
.packs-slider-body--3v .packs-cards-track {
  align-items: flex-start;
}
.packs-slider-body--3v {
  align-items: flex-start;
}
.packs-slider-body--3v > .pack-card-wrapper--promo {
  align-self: flex-start;
}
.packs-slider-body--3v.cv2-promo-frozen > .pack-card-wrapper--promo {
  overflow: hidden;
}

/* ============================================================
   v0.2.296 — kampanya Bitime/Kalan + pack auto-height + FAQ/cmk paket sayfa
   ============================================================ */

/* Kampanya: arka plan YOK; Bitime ust, kalan alt; hemen sagda cizgi; sayac */
html body .pack-campaign-top.pack-campaign-strip,
html body .pack-campaign-top.pack-campaign-before-price,
html body .pack-campaign-top.pack-campaign-in-head,
html body .srv-head-block .pack-campaign-in-head,
html body .vertical--packs .pack .pack-campaign-top,
html body .vertical--packs .pack .pack-campaign-before-price {
  background: transparent;
  background-image: none;
  border: none;
  box-shadow: none;
  padding: 6px 0;
  margin: 6px 0 8px;
  border-radius: 0;
}
html body .pack-campaign-top .pcs-campaign-layout,
html body .vertical--packs .pack .pack-campaign-top .pcs-campaign-layout,
html body .vertical--packs .pack .pack-campaign-before-price .pcs-campaign-layout {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0;
  grid-template-columns: none;
  width: 100%;
}
html body .pack-campaign-top .pcs-label--left,
html body .vertical--packs .pack .pack-campaign-top .pcs-label--left,
html body .vertical--packs .pack .pack-campaign-before-price .pcs-label--left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex: 0 0 auto;
  width: auto;
  min-width: 0;
  max-width: none;
  padding: 0 10px 0 0;
  margin: 0;
  white-space: normal;
  grid-column: auto;
}
html body .pack-campaign-top .pcs-label-line,
html body .vertical--packs .pack .pack-campaign-top .pcs-label-line {
  display: block;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--cv2-heading, var(--cv2-secondary, #1c1d28));
}
html body .pack-campaign-top .pcs-label-line--bottom {
  font-size: 11px;
  font-weight: 600;
  opacity: 0.72;
  margin-top: 1px;
}
html body .vertical--packs .pack.pack-popular .pack-campaign-top .pcs-label-line,
html body .vertical--packs .pack.pack-popular .pack-campaign-before-price .pcs-label-line {
  color: #fff;
}
html body .pack-campaign-top .pcs-vertical-divider,
html body .vertical--packs .pack .pack-campaign-top .pcs-vertical-divider {
  display: block;
  flex: 0 0 1px;
  width: 1px;
  align-self: stretch;
  min-height: 36px;
  margin: 0 10px 0 0;
  background: rgba(var(--cv2-primary-rgb, 99, 91, 255), 0.28);
  grid-column: auto;
}
html body .vertical--packs .pack.pack-popular .pcs-vertical-divider {
  background: rgba(255,255,255,0.35);
}
html body .pack-campaign-top .pcs-boxes,
html body .pack-campaign-top .pcs-campaign-right,
html body .vertical--packs .pack .pack-campaign-top .pcs-boxes {
  flex: 1 1 auto;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  min-width: 0;
  grid-column: auto;
}
html body .pack-campaign-top .pcs-box {
  background: color-mix(in srgb, var(--cv2-primary, #635bff) 6%, #fff);
  border: 1px solid rgba(var(--cv2-primary-rgb, 99, 91, 255), 0.12);
  border-radius: 8px;
  min-height: 38px;
  box-shadow: none;
}
html body .pack-campaign-top .pcs-label-icon { display: none; }

/* Pack: gorselsiz kartta bosluk YOK — esitleme thrash kapali (yuksek specificity) */
html body .packs-cards-track,
html body .packs-cards-panel--3v .packs-cards-track,
html body .packs-slider-body--3v .packs-cards-track,
html body .vertical--packs .packs-slider-body--3v:not(:has(.pack-expanded)):not(.cv2-promo-frozen) .packs-cards-track,
html body .packs-slider-body--3v:not(:has(.pack-expanded)):not(.cv2-promo-frozen) .packs-cards-track {
  align-items: flex-start;
  align-content: flex-start;
  height: auto;
}
html body .packs-cards-track > .pack-card-wrapper,
html body .packs-slider-body--3v .packs-cards-track > .pack-card-wrapper,
html body .vertical--packs .packs-slider-body--3v:not(:has(.pack-expanded)):not(.cv2-promo-frozen) .packs-cards-track > .pack-card-wrapper:not(.pack-card-wrapper--promo),
html body .packs-slider-body--3v:not(:has(.pack-expanded)):not(.cv2-promo-frozen) .packs-cards-track > .pack-card-wrapper:not(.pack-card-wrapper--promo) {
  align-self: flex-start;
  height: 100%;
  min-height: var(--cv2-closed-pack-h, 100%);
  max-height: none;
}
html body .vertical--packs .pack,
html body .packs-cards-track > .pack-card-wrapper > .pack,
html body .vertical--packs .packs-slider-body--3v:not(:has(.pack-expanded)):not(.cv2-promo-frozen) .packs-cards-track > .pack-card-wrapper:not(.pack-card-wrapper--promo) > .pack,
html body .packs-slider-body--3v:not(:has(.pack-expanded)):not(.cv2-promo-frozen) .packs-cards-track > .pack-card-wrapper:not(.pack-card-wrapper--promo) > .pack {
  height: 100%;
  min-height: var(--cv2-closed-pack-h, 100%);
  max-height: none;
}
html body .packs-slider-body--3v,
html body .vertical--packs .packs-slider-body--3v:not(:has(.pack-expanded)):not(.cv2-promo-frozen),
html body .packs-slider-body--3v:not(:has(.pack-expanded)):not(.cv2-promo-frozen) {
  align-items: flex-start;
}
html body .packs-slider-body--3v > .pack-card-wrapper--promo {
  align-self: flex-start;
  height: 100%;
  max-height: none;
}
html body .packs-cards-panel--3v,
html body .packs-cards-panel--3v .packs-cards-viewport {
  height: auto;
  min-height: 0;
  align-self: flex-start;
}
html body .pack-card-wrapper:not([data-cv2-sib-frozen="1"]) {
  height: auto;
  min-height: 0;
}
html body .pack-image-area--empty {
  display: none;
  height: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}


/* --- Kampanya: arka plan + cerceve + pcs-label bg tamamen kapali --- */
html body .pack-campaign-top,
html body .pack-campaign-top.pack-campaign-strip,
html body .pack-campaign-top.pack-campaign-before-price,
html body .pack-campaign-top.pack-campaign-in-head,
html body .pack-campaign-top.pack-countdown,
html body .pack-campaign-top.pack-countdown-2v,
html body .vertical--packs .pack .pack-campaign-top,
html body .vertical--packs .pack .pack-campaign-before-price,
html body .vertical--packs .pack.pack-popular .pack-campaign-top,
html body .vertical--packs .pack.pack-popular .pack-campaign-before-price,
html body .srv-head-block .pack-campaign-in-head {
  background: transparent;
  background-color: transparent;
  background-image: none;
  border: 0;
  border-top: 0;
  border-bottom: 0;
  box-shadow: none;
  outline: none;
  border-radius: 0;
  padding: 0;
  margin: 6px 0 8px;
}
html body .pack-campaign-top::before,
html body .pack-campaign-top::after,
html body .pcs-campaign-layout::before,
html body .pcs-campaign-layout::after,
html body .pcs-label--left::before,
html body .pcs-label--left::after {
  content: none;
  display: none;
  background: none;
  border: 0;
  box-shadow: none;
}
html body .pack-campaign-top .pcs-label--left,
html body .vertical--packs .pack .pack-campaign-top .pcs-label--left,
html body .vertical--packs .pack.pack-popular .pack-campaign-top .pcs-label--left {
  background: transparent;
  background-image: none;
  border: 0;
  box-shadow: none;
  border-radius: 0;
  padding: 0 10px 0 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex: 0 0 auto;
  max-width: none;
  width: auto;
  min-width: 0;
}
html body .pack-campaign-top .pcs-campaign-layout {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0;
  grid-template-columns: none;
  background: transparent;
  padding: 0;
  margin: 0;
  border: 0;
  width: 100%;
}
/* Cizgi: label ile kutular arasi, populerde net beyaz */
html body .pack-campaign-top .pcs-vertical-divider {
  display: block;
  visibility: visible;
  opacity: 1;
  flex: 0 0 1px;
  width: 1px;
  min-width: 1px;
  max-width: 1px;
  align-self: stretch;
  min-height: 34px;
  height: auto;
  margin: 0 10px 0 0;
  padding: 0;
  background: rgba(var(--cv2-primary-rgb, 99, 91, 255), 0.32);
  border: 0;
  border-radius: 0;
  grid-column: auto;
  order: 0;
}
html body .vertical--packs .pack.pack-popular .pcs-vertical-divider,
html body .vertical--packs .pack.pack-popular .pack-campaign-top .pcs-vertical-divider {
  background: rgba(255, 255, 255, 0.55);
  opacity: 1;
  min-height: 34px;
}
/* Populer kart: kampanya sismanligini kir (padding/cerceve thrash) */
html body .vertical--packs .pack.pack-popular .pack-campaign-top,
html body .vertical--packs .pack.pack-popular .pack-campaign-before-price {
  padding: 0;
  margin: 4px 0 6px;
  background: transparent;
  border: 0;
  box-shadow: none;
}
html body .vertical--packs .pack.pack-popular .pcs-box {
  background: rgba(255, 255, 255, 0.16);
  border: 1px solid rgba(255, 255, 255, 0.28);
  min-height: 36px;
}
html body .vertical--packs .pack.pack-popular .pcs-label-line {
  color: #fff;
}

/* --- pack-footer: ust/alt esit bosluk, karttan ayrik --- */
html body .vertical--packs .pack .pack-footer {
  flex-shrink: 0;
  width: 100%;
  margin-top: 12px;
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 4px;
  box-sizing: border-box;
}
html body .vertical--packs .pack .pack-cart-button-wrapper {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  border-top: 0;
}
html body .vertical--packs .pack .pack-features-wrap {
  margin-bottom: 0;
}
html body .vertical--packs .pack .pack-body {
  padding-bottom: 0;
}


/* ============================================================
   v0.2.299 — nav placement, yorumsf, view-all up, price=paktsb, media
   ============================================================ */

html body .category-tab-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  opacity: 1;
  visibility: visible;
}

/* ============================================================
   v0.2.300 — category icons, price/sym, discount chip, paktsb, ribbon
   ============================================================ */

/* Eski corner thrash: daire/clip-path kapat */
html body .amount-discount--corner,
html body .amount-discount--round {
  border-radius: 8px;
  clip-path: none;
  width: auto;
  height: auto;
  min-width: 44px;
  min-height: 28px;
}
html body .amount-discount--corner::before,
html body .amount-discount--round::before {
  display: none;
  content: none;
}

/* d-info kucuk */
html body .d-info {
  font-size: 11px;
  line-height: 1.25;
}
html body .d-info .d-price,
html body .domain-item .d-price {
  font-size: 9px;
  padding: 2px 7px;
  font-weight: 700;
}
html body .d-fallback {
  font-size: 9px;
}

/* violet_ribbon + highlight: kesik cizgi */
html body .violet_ribbon,
html body .violet_ribbon.vr-price-card {
  border: 1px dashed rgba(255, 255, 255, 0.42);
  border-style: dashed;
  border-radius: var(--cv2-radius-btn, 12px);
  font-size: 11px;
  font-weight: 600;
  padding: 4px 10px 4px 6px;
  background: rgba(255, 255, 255, 0.10);
}
html body .violet_ribbon strong,
html body .violet_ribbon .fw-semibold {
  font-size: 12px;
  font-weight: 700;
}
html body .slider-title .highlight,
html body .slider-left .slider-title .highlight,
html body .highlight {
  border: 1px dashed rgba(var(--CoreV2-primary-rgb, 99, 91, 255), 0.45);
  border-style: dashed;
  border-radius: var(--cv2-radius-btn, 10px);
  padding: 1px 8px;
  display: inline-block;
}

/* CoreV2paktsb — profesyonel fiyat */
html body .CoreV2paktsb-price-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  margin: 4px 0 8px;
}
html body .CoreV2paktsb-price {
  display: inline-flex;
  align-items: baseline;
  gap: 2px;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.4px;
  line-height: 1;
  color: var(--text-primary, #0f172a);
}
html body .CoreV2paktsb-price .amount_spot_view,
html body .CoreV2paktsb-price .amount_spot_view *,
html body .CoreV2paktsb-price .cv2-price-sym,
html body .CoreV2paktsb-price .amount,
html body .CoreV2paktsb-price .currency {
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.4px;
  color: inherit;
  opacity: 1;
}
html body .CoreV2paktsb-period {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.35px;
  color: var(--text-secondary, #64748b);
}
html body .CoreV2paktsb-grid {
  gap: 14px;
  align-items: stretch;
}
html body .CoreV2paktsb-card {
  padding: clamp(16px, 2vw, 22px);
  border-radius: var(--cv2-radius-card, 16px);
}
html body .CoreV2paktsb-title h3 {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
}
html body .CoreV2paktsb-header-desc,
html body .CoreV2paktsb-desc {
  font-size: 12px;
  line-height: 1.45;
  color: var(--text-secondary, #64748b);
}
html body .CoreV2paktsb-btn {
  font-size: 12.5px;
  font-weight: 600;
  padding: 9px 16px;
  border-radius: var(--cv2-radius-btn, 40px);
}
html body .CoreV2paktsb-dark .CoreV2paktsb-price {
  color: #fff;
  font-size: 22px;
}
html body .CoreV2paktsb-dark .CoreV2paktsb-period {
  color: rgba(255,255,255,0.55);
}

/* view-all: yedek homepage.bundle (home.css kilit) — burada margin ezme */
html body .CoreV2-view-all-container {
  margin-top: 5px;
  margin-bottom: 32px;
}
html body .hosting-nav-container {
  margin-top: 24px;
  margin-bottom: 10px;
}

/* ============================================================

/* ============================================================ */
/* v0.2.304+: packs+promo height/expand → css/cv2-packs-row.css  */
/* (eski v0.2.301-303 thrash kaldirildi — tek kaynak mimari)    */
/* ============================================================ */

/* Keepers (promo height → cv2-packs-row.css) */
html body .vertical--packs .pack .pack-image-area,
html body .pack-has-image .pack-image-area {
  height: 148px;
  min-height: 148px;
  max-height: 148px;
  flex-shrink: 0;
  box-sizing: border-box;
}
html body .vertical--packs .pack .pack-cart-btn,
html body .pack-cart-btn {
  padding: 14px 22px;
  min-height: 48px;
  box-sizing: border-box;
}
html body .vertical--packs .pack.pack-popular .pack-campaign-top,
html body .vertical--packs .pack.pack-popular .pack-campaign-before-price,
html body .vertical--packs .pack.pack-popular .pcs-label--left {
  background: transparent;
  border: 0;
  box-shadow: none;
}

/* ============================================================
/* ARCH v0.2.312: hosting.css — server (coreservercart) selectors stripped. server.css only on server pages. */

/* ============================================================
   v0.2.313 FINAL LAYOUT LOCK — kart siralama / kayma / mobil
   Onceki 330px / 85vw / float thrash'i ezer (cascade sonu).
   ============================================================ */

/* 3+1 ve packs-row: asla sabit px genislik */
html body .packs-slider-body--3v .packs-cards-track > .pack-card-wrapper,
html body .packs-slider-body--3v .packs-cards-track > .pack-card-wrapper:not(.pack-card-wrapper--promo),
html body .vertical--packs:has(.packs-slider-body--3v) .packs-cards-track > .pack-card-wrapper,
html body .cv2-packs-row .packs-cards-track > .pack-card-wrapper,
html body .cv2-packs-row .coreservercart-server-item {
  flex: none;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  float: none;
  box-sizing: border-box;
}

/* Desktop 3v: esnek 4 kolon (promo dahil) — packs-row ile uyumlu */
@media (min-width: 1025px) {
  html body .packs-slider-body--3v.cv2-packs-row,
  html body .packs-slider-body--3v {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--cv2-card-grid-gap, 14px);
    width: 100%;
    max-width: 100%;
  }
  html body .packs-slider-body--3v .packs-cards-panel,
  html body .packs-slider-body--3v .packs-cards-viewport,
  html body .packs-slider-body--3v .packs-cards-track {
    display: contents;
  }
  html body .packs-slider-body--3v .packs-cards-track > .pack-card-wrapper:not(.pack-card-wrapper--promo):nth-child(1) { order: 1; }
  html body .packs-slider-body--3v .packs-cards-track > .pack-card-wrapper:not(.pack-card-wrapper--promo):nth-child(2) { order: 2; }
  html body .packs-slider-body--3v .packs-cards-track > .pack-card-wrapper:not(.pack-card-wrapper--promo):nth-child(3) { order: 3; }
  html body .packs-slider-body--3v .packs-cards-track > .pack-card-wrapper:not(.pack-card-wrapper--promo):nth-child(n+4) { order: 5; }
  html body .packs-slider-body--3v > .pack-card-wrapper--promo { order: 4; }
}

/* Tablet + mobil: 330px / 85vw / 100vw thrash IPTAL */
@media (max-width: 1024px) {
  html, body {
    overflow-x: clip;
    max-width: 100%;
  }

  html body .vertical--packs,
  html body .packs-slider-container,
  html body .packs-slider-body,
  html body .packs-slider-body--3v,
  html body .packs-cards-panel,
  html body .packs-cards-viewport,
  html body .packs-cards-track,
  html body .hosting-container,
  html body .CoreV2-container,
  html body .modern-pricing-body {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  /* Tum wrapper thrash (330px, 85vw, 100vw-edge) */
  html body .vertical--packs > .pack-card-wrapper,
  html body .vertical--packs .pack-card-wrapper,
  html body .packs-cards-track > .pack-card-wrapper,
  html body .cv2-structured-grid .pack-card-wrapper,
  html body .vertical--packs:not(:has(.packs-slider-body--3v)) > .pack-card-wrapper {
    flex: 1 1 100%;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin: 0;
    float: none;
    order: unset;
    scroll-snap-align: none;
    box-sizing: border-box;
  }

  /* Mobil yatay scroll carousel KAPAT — dikey liste */
  html body .vertical--packs:not(:has(.packs-slider-body--3v)) {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    overflow-x: visible;
    overflow-y: visible;
    scroll-snap-type: none;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    gap: 12px;
  }

  html body .packs-slider-body--3v .packs-cards-track,
  html body .packs-cards-track {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    overflow: visible;
    width: 100%;
  }

  html body .packs-slider-body--3v {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  html body .packs-slider-body--3v .packs-cards-panel,
  html body .packs-slider-body--3v .packs-cards-viewport {
    display: block;
    width: 100%;
    overflow: visible;
  }

  html body .hosting-container,
  html body#home .hosting-container {
    height: auto;
    min-height: 0;
    flex-direction: column;
  }

  html body .vertical--packs .pack:hover {
    transform: none;
  }

  html body .packs-cards-nav {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  html body .packs-slider-body--3v .packs-cards-track,
  html body .packs-cards-track,
  html body .cv2-packs-row .packs-cards-track {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  html body .vertical--packs:not(:has(.packs-slider-body--3v)) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }
  html body .vertical--packs:not(:has(.packs-slider-body--3v)) > .pack-card-wrapper {
    width: 100%;
    max-width: 100%;
    flex: none;
  }
}

/* ================================================================
   FINAL PROMO OPEN LOCK v0.2.388
   .pack-card-wrapper--promo her zaman paket yuksekliginde ACIK.
   Tum ozellikler tiklamadan da gorsel dolu; expand sadece paket listesini uzatir.
   ================================================================ */
@media (min-width: 992px) {
  html body .vertical--packs .packs-slider-body--3v:not(.coreservercart-packs-slider-body):not(:has(.pack.pack-expanded)) {
    align-items: stretch;
  }
  html body .vertical--packs .packs-slider-body--3v:not(.coreservercart-packs-slider-body) > .pack-card-wrapper.pack-card-wrapper--promo,
  html body .packs-slider-body--3v:not(.coreservercart-packs-slider-body) > .pack-card-wrapper.pack-card-wrapper--promo {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    height: 100%;
    min-height: var(--cv2-closed-pack-h, 380px);
    max-height: none;
    visibility: visible;
    opacity: 1;
    overflow: hidden;
  }
  html body .packs-slider-body--3v:not(.coreservercart-packs-slider-body) > .pack-card-wrapper--promo .cv2-packs-promo-detail {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    height: 100%;
    min-height: var(--cv2-closed-pack-h, 100%);
    visibility: visible;
    opacity: 1;
  }
  html body .packs-slider-body--3v:not(.coreservercart-packs-slider-body) > .pack-card-wrapper--promo .cv2-packs-promo-poster {
    display: block;
    flex: 1 1 auto;
    position: relative;
    min-height: 200px;
    visibility: visible;
    opacity: 1;
    overflow: hidden;
  }
  html body .packs-slider-body--3v:not(.coreservercart-packs-slider-body) > .pack-card-wrapper--promo .cv2-packs-promo-poster img,
  html body .packs-slider-body--3v:not(.coreservercart-packs-slider-body) > .pack-card-wrapper--promo .cv2-packs-promo-poster-figure,
  html body .packs-slider-body--3v:not(.coreservercart-packs-slider-body) > .pack-card-wrapper--promo .cv2-packs-promo-poster-media {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    visibility: visible;
    opacity: 1;
    display: block;
  }
  /* Expand: promo ayni yukseklikte kilitli kalsin */
  html body .packs-slider-body--3v:has(.pack.pack-expanded) > .pack-card-wrapper.pack-card-wrapper--promo {
    align-self: stretch;
    height: var(--cv2-closed-pack-h, 380px);
    min-height: var(--cv2-closed-pack-h, 380px);
    max-height: var(--cv2-closed-pack-h, none);
  }
}

/* EXPAND SAFETY after thrash-nuke v0.2.388b */
@media (min-width: 992px) {
  html body .packs-slider-body--3v:has(.pack.pack-expanded) > .pack-card-wrapper.pack-card-wrapper--promo {
    align-self: start;
    height: var(--cv2-closed-pack-h, 380px);
    min-height: var(--cv2-closed-pack-h, 380px);
    max-height: var(--cv2-closed-pack-h, none);
  }
}