/* CoreV2 pack UI lock - static rules moved out of inline head for cacheability. */
/* Rozet kesilmesin (viewport haric — carousel) */
body .vertical--packs .pack,
body .vertical--packs .pack-card-wrapper,
body .packs-cards-track {
  overflow: visible;
}
body .packs-cards-viewport {
  overflow: hidden;
  overflow-clip-margin: 20px;
  padding-top: 18px;
  margin-top: -18px;
}
body .vertical--packs .pack {
  padding-top: 20px;
  position: relative;
  /* Kart dış kenarı görünür (soluk / gölgesiz kilit kaldırıldı) */
  border: 1px solid rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99, 91, 255)), 0.16);
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
  box-sizing: border-box;
}
body .vertical--packs .pack:hover {
  border-color: rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99, 91, 255)), 0.28);
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08);
}
body .vertical--packs .pack.pack-popular {
  border-color: transparent;
  box-shadow: 0 8px 24px rgba(var(--cv2-primary-rgb, 99, 91, 255), 0.22);
}

/* pack-head-row — cam cerceve; sol cizgi yari ic / yari dis (kenar ortasi) */
body .vertical--packs .pack .pack-head-row {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin: 0 0 4px 0;
  padding: 10px 10px 8px;
  min-height: 0;
  border-radius: 10px;
  overflow: visible;
  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;
}
body .vertical--packs .pack.pack-popular .pack-head-row {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: none;
}
/* Sol cizgi: pack-head-row kenarinda tam orta (3px → 1.5 ic / 1.5 dis) */
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, var(--theme-color-1)));
  z-index: 3;
  pointer-events: none;
  box-shadow: none;
}
body .vertical--packs .pack.pack-popular .pack-head-row::before {
  background: rgba(255, 255, 255, 0.92);
}
body .vertical--packs .pack .pack-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
}

/* pack-name = panel baslik; amount = panel fiyat (hard 650/700 thrash yok) */
body .vertical--packs .pack .pack-name {
  position: relative;
  font-family: var(--font-family-base, inherit);
  font-weight: var(--fw-heading, var(--fw-black, 600));
  font-size: 21px;
  letter-spacing: var(--heading-letter-spacing, -0.02em);
  line-height: 1.15;
  color: var(--cv2-heading, var(--text-primary, #1a1e2e));
  margin-top: 2px;
  text-align: left;
  z-index: 1;
}
body .vertical--packs .pack .pack-name .pn-title {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  color: inherit;
}
body .vertical--packs .pack .pack-name .pack-subtitle,
body .vertical--packs .pack .pack-subtitle {
  font-family: inherit;
  font-weight: var(--fw-medium, 500);
  font-size: 12px;
  color: var(--soft-text, #4c5473);
  opacity: 1;
  margin-top: 2px;
}
body .vertical--packs .pack:not(.pack-popular) .pn-text .pack-subtitle {
  color: var(--soft-text, #4c5473);
}
body .vertical--packs .pack.pack-popular .pack-name,
body .vertical--packs .pack.pack-popular .pack-name .pn-title {
  color: #ffffff;
}
body .vertical--packs .pack.pack-popular .pack-subtitle {
  color: rgba(255, 255, 255, 0.78);
}
body .vertical--packs .pack .pack-detail .current-price {
  font-family: var(--font-family-base, inherit);
  font-weight: var(--fw-price, var(--fw-bold, 700));
  font-size: clamp(19px, 2.1vw, 24px);
  line-height: 1;
  white-space: nowrap;
}
/* Doviz + tutar AYNI boyut — FINAL ile birebir (26px thrash YOK → FOUC) */
body .vertical--packs .pack .pack-detail .current-price .currency,
body .vertical--packs .pack .pack-detail .current-price .amount,
body .vertical--packs .pack .pack-detail .current-price .cv2-price-sym {
  font-family: inherit;
  font-weight: var(--fw-price, var(--fw-bold, 700));
  font-size: clamp(19px, 2.1vw, 24px);
  letter-spacing: -0.02em;
  line-height: 1;
  opacity: 1;
  vertical-align: middle;
}
body .vertical--packs .pack {
  overflow: visible;
}
/* pack-name::before cift cizgi olusturmasin — cizgi pack-head-row::before */
body .vertical--packs .pack .pack-name::before {
  display: none;
  content: none;
}

/* Sinyal (level-indicator) — head icinde tam dikey orta */
body .vertical--packs .pack .level-indicator {
  display: inline-flex;
  align-items: center;
  align-self: center;
  margin: 0;
  flex-shrink: 0;
  position: relative;
  top: 0;
  transform: none;
}
body .vertical--packs .pack .pack-body {
  margin-top: 2px;
  padding-top: 0;
}

/* Badge slot — hosting + sunucu AYNI: üst kenarda yarı iç / yarı dış */
body .vertical--packs .pack .pack-head-badge-slot,
body .pack-head-badge-slot {
  position: absolute;
  top: -14px;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translateX(-50%);
  z-index: 60;
  display: flex;
  visibility: visible;
  opacity: 1;
  width: max-content;
  max-width: calc(100% - 20px);
  margin: 0;
  padding: 0;
  pointer-events: none;
  overflow: visible;
}
/* Sunucu .cv2-srvhead: top:0 + translate(-50%,-50%) = border üzerinde tam yarı */
body .cv2-srvhead > .srv-head-badge-slot,
body .coreservercart-server-item .cv2-srvhead > .srv-head-badge-slot,
body .coreservercart-server-item .srv-head-badge-slot,
body .coreservercart-server-item .pack-head-badge-slot,
html body .coreservercart-server-item .srv-head-block .srv-head-badge-slot,
html body .coreservercart-server-item .srv-head-block .pack-head-badge-slot {
  position: absolute;
  top: 0;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  z-index: 60;
  display: flex;
  visibility: visible;
  opacity: 1;
  width: max-content;
  max-width: calc(100% - 20px);
  margin: 0;
  padding: 0;
  pointer-events: none;
  overflow: visible;
}
/* Stack üst nefesi — dış yarı container clip'e takılmasın */
html body .coreservercart-server-item .srv-head-stack,
html body .coreservercart-card-front .srv-head-stack {
  position: relative;
  overflow: visible;
  padding-top: 16px;
  margin-top: 0;
}
html body .coreservercart-server-item .cv2-srvhead {
  position: relative;
  overflow: visible;
  margin-top: 0;
}
/* Populer + Ozel Fiyat: hosting ile esit boyut/olcek */
body .pack-head-badge-slot .pack-popular-badge,
body .pack-head-badge-slot .pack-popular-badge--head,
body .pack-head-badge-slot .cv2-advantage-badge,
body .srv-head-badge-slot .pack-popular-badge--head,
body .srv-head-badge-slot .cv2-advantage-badge,
body .cv2-srvhead .srv-head-badge-slot .pack-popular-badge--head,
body .cv2-srvhead .srv-head-badge-slot .cv2-advantage-badge,
body .vertical--packs .pack .pack-popular-badge--head,
body .vertical--packs .pack .cv2-advantage-badge,
body .coreservercart-server-item .pack-popular-badge--head,
body .coreservercart-server-item .cv2-advantage-badge,
html body .coreservercart-server-item .srv-head-badge-slot .pack-popular-badge--head,
html body .coreservercart-server-item .srv-head-badge-slot .cv2-advantage-badge {
  display: inline-flex;
  visibility: visible;
  opacity: 1;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-height: 22px;
  height: auto;
  max-height: none;
  padding: 4px 10px;
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: none;
  font-family: var(--font-family-base, var(--cv2-font, inherit));
  border-radius: var(--cv2-radius-btn, var(--cv2-btn-radius, 14px));
  white-space: nowrap;
  line-height: 1;
  position: static;
  transform: none;
  box-shadow: none;
  text-shadow: none;
  filter: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
body .pack-head-badge-slot .pack-popular-badge--head svg,
body .pack-popular-badge--head svg { display: none; width: 0; height: 0; }

/* Avantajli = ayni olcek; soft primary */
body .pack-head-badge-slot .cv2-advantage-badge,
body .srv-head-badge-slot .cv2-advantage-badge,
body .vertical--packs .pack .cv2-advantage-badge,
body .vertical--packs .pack:not(.pack-popular) .pack-head-badge-slot .pack-popular-badge--head {
  color: var(--cv2-primary, #635bff);
  background: rgba(var(--cv2-primary-rgb, 99, 91, 255), 0.10);
  border: 1px solid rgba(var(--cv2-primary-rgb, 99, 91, 255), 0.15);
  box-shadow: none;
}

/* Populer — yedek: white 0.14 (0.08 degil) */
body .vertical--packs .pack.pack-popular .pack-head-badge-slot .pack-popular-badge--head,
body .pack-head-badge-slot .pack-popular-badge--head,
body .coreservercart-server-item.popular-highlight .srv-head-badge-slot .pack-popular-badge--head {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid rgba(255, 255, 255, 0.28);
  box-shadow: none;
}

/* Sag gorselli paket kartlari (paktsb) — baslik/aciklama/fiyat buyutuldu */
body .CoreV2paktsb-title h3 {
  font-size: 17px;
  font-weight: var(--fw-heading, 700);
  font-family: var(--font-family-base, inherit);
  line-height: 1.25;
}
body .CoreV2paktsb-title span {
  font-size: 12px;
  font-weight: 600;
  font-family: var(--font-family-base, inherit);
}
body .CoreV2paktsb-header-desc {
  font-size: 12px;
  font-weight: 400;
  color: var(--soft-text, #4c5473);
  line-height: 1.4;
  font-family: var(--font-family-base, inherit);
}
body .CoreV2paktsb-desc {
  font-size: 14px;
  font-weight: 400;
  color: var(--soft-text, #4c5473);
  line-height: 1.5;
  font-family: var(--font-family-base, inherit);
}
body .CoreV2paktsb-price {
  font-size: 24px;
  font-weight: var(--fw-price, 700);
  font-family: var(--font-family-base, inherit);
  letter-spacing: -0.02em;
}
body .CoreV2paktsb-period {
  font-size: 12px;
  font-weight: 600;
  color: var(--soft-text, #4c5473);
}
body .CoreV2paktsb-dark .CoreV2paktsb-title h3,
body .CoreV2paktsb-dark .CoreV2paktsb-price { color: #fff; }
body .CoreV2paktsb-dark .CoreV2paktsb-title span { color: rgba(255,255,255,0.55); }
body .CoreV2paktsb-dark .CoreV2paktsb-desc,
body .CoreV2paktsb-dark .CoreV2paktsb-header-desc,
body .CoreV2paktsb-dark .CoreV2paktsb-period { color: rgba(255,255,255,0.72); }

/* Pack icerik uste yigil — space-between/auto alt bosluk olusturmasin
   height: kapaliyken 3v stretch (100%) asagidaki :not(:has) kurali verir;
   acik kart height:auto ile buyur */
body .vertical--packs .pack {
  justify-content: flex-start;
  min-height: 0;
}
body .vertical--packs .pack.pack-expanded {
  height: auto;
}
/* Sepete ekle — ust boslugu minimum (daha yukari), yan dar, tema radius/font */
body .vertical--packs .pack .pack-footer,
body .vertical--packs .pack.pack-expanded .pack-footer {
  margin-top: 2px; /* ASLA auto — gap olusturur */
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  flex-shrink: 0;
  flex-grow: 0;
  order: unset;
  position: relative;
}
body .vertical--packs .pack .pack-cart-button-wrapper {
  margin-top: 0;
  margin-bottom: 8px; /* alta biraz bosluk */
  padding-top: 2px;
  padding-bottom: 0;
  padding-left: 14px; /* yan daraltma */
  padding-right: 14px;
  box-sizing: border-box;
  border-top: 1px dashed rgba(var(--cv2-primary-rgb, 99,91,255), 0.12);
}
body .vertical--packs .pack.pack-popular .pack-cart-button-wrapper {
  border-top-color: rgba(255,255,255,0.22);
}
body .vertical--packs .pack .pack-cart-btn,
body .vertical--packs .pack a.pack-cart-btn,
body .vertical--packs .pack .pack-cart-button-wrapper .pack-cart-btn,
body .vertical--packs .pack .pack-cart-button-wrapper a.pack-cart-btn,
body .coreservercart-server-item .pack-cart-btn,
body .coreservercart-server-item a.pack-cart-btn,
body .coreservercart-server-item .pack-cart-button-wrapper .pack-cart-btn,
body .coreservercart-server-item .srv-cart-wrapper .pack-cart-btn {
  border-radius: var(--cv2-radius-btn, var(--cv2-btn-radius, 14px));
  box-shadow: none;
  /* iç kısım: sağ-sol nefes — tam yapışık genişlik YOK */
  width: calc(100% - 28px);
  max-width: calc(100% - 28px);
  margin-left: auto;
  margin-right: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--sp-2, 8px);
  padding: 12px 18px;
  box-sizing: border-box;
  font-family: var(--font-family-base, var(--cv2-font, inherit));
  font-weight: var(--fw-button, 600);
  font-size: var(--cv2-font-size-button, 15px);
  text-decoration: none;
  border: 1px solid rgba(0, 0, 0, 0.06);
  cursor: pointer;
  background: var(--cv2-primary, var(--srv-primary, #6366f1));
  color: #fff;
  outline: 2px solid rgba(var(--cv2-primary-rgb, 99, 91, 255), 0.22);
  outline-offset: 3px;
  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),
              transform 0.28s cubic-bezier(0.4, 0, 0.2, 1),
              box-shadow 0.38s cubic-bezier(0.4, 0, 0.2, 1);
}

body .coreservercart-server-item .pack-cart-button-wrapper,
body .coreservercart-server-item .srv-cart-wrapper {
  margin-top: 0;
  margin-bottom: 8px;
  padding-top: 2px;
  padding-bottom: 0;
  padding-left: 14px;
  padding-right: 14px;
  box-sizing: border-box;
  border-top: 1px dashed rgba(var(--cv2-primary-rgb, 99, 91, 255), 0.12);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
}

body .coreservercart-server-item.popular-highlight .pack-cart-button-wrapper,
body .coreservercart-server-item.popular-highlight .srv-cart-wrapper {
  border-top-color: rgba(255, 255, 255, 0.22);
}

body .coreservercart-server-item.popular-highlight .pack-cart-btn,
body .coreservercart-server-item.popular-highlight a.pack-cart-btn {
  background: #fff;
  color: var(--cv2-primary, var(--srv-primary, #6366f1));
  border: 1.5px solid rgba(255, 255, 255, 0.85);
  outline: 2px solid rgba(255, 255, 255, 0.35);
}

/* ============================================================
   PROMO — Yedek data-list + poster badge (yukari, golgesiz)
   ============================================================ */
body .packs-slider-body--3v > .pack-card-wrapper--promo,
body .vertical--packs .packs-slider-body--3v > .pack-card-wrapper--promo,
body .pack-card-wrapper.pack-card-wrapper--promo {
  display: flex;
  visibility: visible;
  opacity: 1;
  flex-direction: column;
  /* kapali: stretch ile paket boyu; acik: JS data-cv2-promo-frozen kilitler */
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  margin: 0;
  transform: none;
  overflow: hidden;
  border-radius: var(--cv2-radius-card, 14px);
  background: #fff;
  border: 1px solid rgba(var(--cv2-primary-rgb, 99,91,255), .10);
  box-shadow: none;
}
body .pack-card-wrapper--promo .cv2-packs-promo-detail {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  height: 100%;
  min-height: 0;
  padding: 6px;
  visibility: visible;
  opacity: 1;
}
body .pack-card-wrapper--promo .cv2-packs-promo-poster {
  display: block;
  flex: 1 1 auto;
  position: relative;
  min-height: 200px;
  height: auto;
  border-radius: calc(var(--cv2-radius-card, 14px) - 4px);
  background: var(--theme-color-1-gradient, var(--cv2-primary, #635bff));
  overflow: hidden;
  visibility: visible;
  opacity: 1;
  box-shadow: none;
}
/* Promo poster media — kutuya TAM sığ (taşma / yukarı kayma yok) */
body .pack-card-wrapper--promo .cv2-packs-promo-poster {
  position: relative;
  overflow: hidden;
}
body .pack-card-wrapper--promo .cv2-packs-promo-poster-media {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  max-height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  transform: none;
}
body .pack-card-wrapper--promo .cv2-packs-promo-poster-figure,
body .pack-card-wrapper--promo .cv2-packs-promo-poster-media img,
body .pack-card-wrapper--promo .cv2-packs-promo-poster img {
  position: absolute;
  inset: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  visibility: visible;
  opacity: 1;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  /* Biraz aşağı — üstte kesilme / “çok yukarı” hissi yok */
  object-position: center 72%;
  box-shadow: none;
  filter: none;
  margin: 0;
  padding: 0;
  transform: none;
  border: 0;
}
/* Promo: her zaman gorunur; kapali = CSS stretch, expand freeze = --cv2-closed-pack-h */
body .pack-card-wrapper--promo,
body .packs-slider-body--3v > .pack-card-wrapper--promo {
  visibility: visible;
  opacity: 1;
}
body .packs-slider-body--3v > .pack-card-wrapper--promo,
body .vertical--packs .packs-slider-body--3v > .pack-card-wrapper--promo {
  align-self: stretch;
  height: 100%;
  /* paket olcumu varsa min-height — her zaman acik gorsel */
  min-height: var(--cv2-closed-pack-h, 100%);
  max-height: none;
}
body .pack-card-wrapper--promo[data-cv2-promo-frozen="1"] {
  height: var(--cv2-closed-pack-h, 100%);
  min-height: var(--cv2-closed-pack-h, 100%);
  max-height: var(--cv2-closed-pack-h, none);
}
body .pack-card-wrapper--promo .cv2-packs-promo-detail {
  height: 100%;
  min-height: 0;
  flex: 1 1 auto;
}
body .pack-card-wrapper--promo[data-cv2-promo-equalized] .cv2-packs-promo-poster,
body .pack-card-wrapper--promo[data-cv2-promo-frozen] .cv2-packs-promo-poster {
  min-height: 0;
  flex: 1 1 auto;
}
/* Poster baslik — daha yukari, golge yok */
body .pack-card-wrapper--promo .cv2-order-poster-badge {
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 56px; /* 12px -> 56px: yukari */
  top: auto;
  z-index: 8;
  display: flex;
  visibility: visible;
  opacity: 1;
  align-items: flex-end;
  justify-content: space-between;
  gap: 10px;
  color: #fff;
  box-shadow: none;
  filter: none;
  text-shadow: none;
  pointer-events: none;
}
body .pack-card-wrapper--promo .cv2-order-poster-title,
body .pack-card-wrapper--promo .cv2-os-bold,
body .pack-card-wrapper--promo .cv2-os-thin,
body .pack-card-wrapper--promo .cv2-os-line3 {
  color: #fff;
  text-shadow: none;
  box-shadow: none;
  visibility: visible;
  opacity: 1;
}
body .pack-card-wrapper--promo .cv2-os-bold {
  display: block;
  font-weight: 800;
  font-size: 18px;
  line-height: 1.2;
}
body .pack-card-wrapper--promo .cv2-os-thin {
  display: block;
  font-weight: 500;
  font-size: 14px;
  opacity: .92;
}
body .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;
  box-shadow: none;
}

/* data-list — Yedek ozellik paneli tasarimi */
body .pack-card-wrapper--promo .cv2-packs-promo-data {
  display: block;
  visibility: visible;
  opacity: 1;
  position: relative;
  z-index: 4;
  flex: 0 0 auto;
  width: auto;
  min-width: 0;
  margin: -32px 6px 6px;
  padding: 8px;
  border-radius: calc(var(--cv2-radius-card, 14px) - 6px);
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
  border: 1px solid rgba(231, 231, 231, 0.55);
  box-shadow: none;
  overflow: visible;
}
body .pack-card-wrapper--promo .cv2-packs-promo-data-list {
  display: block;
  visibility: visible;
  opacity: 1;
  width: 100%;
}
body .pack-card-wrapper--promo .cv2-packs-promo-data-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 6px;
  visibility: visible;
  opacity: 1;
}
body .pack-card-wrapper--promo .cv2-packs-promo-data-list ul li {
  display: flex;
  visibility: visible;
  opacity: 1;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: none;
  border-radius: var(--r-md, 12px);
  background: rgba(var(--cv2-primary-rgb, 99,91,255), 0.04);
  color: var(--cv2-text-primary, #0f172a);
  box-shadow: none;
  transition: background .15s ease;
}
body .pack-card-wrapper--promo .cv2-packs-promo-data-list ul li:hover {
  background: rgba(var(--cv2-primary-rgb, 99,91,255), 0.08);
}
body .pack-card-wrapper--promo .cv2-packs-promo-feat-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  min-width: 36px;
  height: 36px;
  flex-shrink: 0;
  background: rgba(var(--cv2-primary-rgb, 99,91,255), 0.08);
  border-radius: var(--r-sm, 8px);
  color: var(--cv2-primary, var(--CoreV2-primary));
  font-size: 16px;
  box-shadow: none;
}
body .pack-card-wrapper--promo .cv2-packs-promo-data-list ul li:hover .cv2-packs-promo-feat-icon {
  background: var(--cv2-primary, var(--CoreV2-primary));
  color: #fff;
}
body .pack-card-wrapper--promo .cv2-packs-promo-feat-text {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
  line-height: 1.3;
  visibility: visible;
  opacity: 1;
}
body .pack-card-wrapper--promo .cv2-packs-promo-feat-value {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: var(--cv2-text-primary, #0f172a);
  visibility: visible;
  opacity: 1;
}
body .pack-card-wrapper--promo .cv2-packs-promo-feat-label {
  display: block;
  font-size: 11px;
  font-weight: 500;
  color: var(--cv2-text-muted, #64748b);
  visibility: visible;
  opacity: 1;
}

/* ============================================================
   KAMPANYA — Bitime ust / Kalan alt | dikey cizgi | sayac
   Hosting + SUNUCU (before-features) + ana sayfa + paket sayfası
   ============================================================ */
body .vertical--packs .pack .pack-campaign-top,
body .vertical--packs .pack .pack-campaign-before-price,
body .pack-campaign-top.pack-campaign-strip,
body .pack-campaign-top.pack-campaign-before-price,
body .pack-campaign-top.pack-campaign-before-features,
body .pack-campaign-top.pack-campaign-in-head,
body .coreservercart-server-item .pack-campaign-top,
body .coreservercart-server-item .pack-countdown-2v,
html body .coreservercart-server-item .pack-campaign-top.pack-campaign-before-features {
  width: 100%;
  margin: 6px 0 8px;
  padding: 6px 0;
  box-sizing: border-box;
  background: transparent;
  background-image: none;
  border: none;
  box-shadow: none;
  border-radius: 0;
  display: block;
  visibility: visible;
  opacity: 1;
  max-width: 100%;
}
body .vertical--packs .pack .pack-campaign-top .pcs-campaign-layout,
body .vertical--packs .pack .pack-campaign-before-price .pcs-campaign-layout,
body .pack-campaign-top .pcs-campaign-layout,
body .coreservercart-server-item .pack-campaign-top .pcs-campaign-layout,
body .pack-campaign-before-features .pcs-campaign-layout {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 0;
  gap: 0;
  width: 100%;
  grid-template-columns: none;
}
body .vertical--packs .pack .pack-campaign-top .pcs-label--left,
body .vertical--packs .pack .pack-campaign-before-price .pcs-label--left,
body .pack-campaign-top .pcs-label--left,
body .vertical--packs .pack.pack-popular .pack-campaign-top .pcs-label--left,
body .pcs-label.pcs-label--left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 1px;
  flex: 0 0 auto;
  width: auto;
  min-width: 0;
  max-width: none;
  padding: 0 10px 0 0;
  margin: 0;
  white-space: normal;
  /* Pop/kampanya label: ARKA PLAN YOK */
  background: transparent;
  background-image: none;
  border: 0;
  border-color: transparent;
  box-shadow: none;
  border-radius: 0;
}
body .vertical--packs .pack .pack-campaign-top .pcs-label-icon,
body .vertical--packs .pack .pack-campaign-before-price .pcs-label-icon,
body .pack-campaign-top .pcs-label-icon {
  display: none;
}
body .vertical--packs .pack .pack-campaign-top .pcs-label-text,
body .vertical--packs .pack .pack-campaign-before-price .pcs-label-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
  min-width: 0;
}
body .vertical--packs .pack .pack-campaign-top .pcs-label-line,
body .vertical--packs .pack .pack-campaign-before-price .pcs-label-line,
body .pack-campaign-top .pcs-label-line {
  display: block;
  font-size: 12px;
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
body .vertical--packs .pack .pack-campaign-top .pcs-label-line--bottom,
body .vertical--packs .pack .pack-campaign-before-price .pcs-label-line--bottom,
body .pack-campaign-top .pcs-label-line--bottom {
  font-size: 11px;
  font-weight: 600;
  opacity: 0.72;
  margin-top: 1px;
}
body .vertical--packs .pack .pack-campaign-top .pcs-vertical-divider,
body .vertical--packs .pack .pack-campaign-before-price .pcs-vertical-divider,
body .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, var(--CoreV2-primary-rgb, 99, 91, 255)), 0.28);
  border-radius: 1px;
  grid-column: auto;
}
body .vertical--packs .pack .pack-campaign-top .pcs-boxes,
body .vertical--packs .pack .pack-campaign-top .pcs-campaign-right,
body .vertical--packs .pack .pack-campaign-before-price .pcs-boxes,
body .pack-campaign-top .pcs-boxes,
body .pack-campaign-top .pcs-campaign-right {
  flex: 1 1 auto;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  width: auto;
  min-width: 0;
  grid-column: auto;
}
body .vertical--packs .pack .pack-campaign-top .pcs-box,
body .vertical--packs .pack .pack-campaign-before-price .pcs-box,
body .pack-campaign-top .pcs-box {
  min-height: 38px;
  padding: 5px 4px;
  flex: 1 1 0;
}
body .vertical--packs .pack .pack-campaign-top .pcs-num,
body .vertical--packs .pack .pack-campaign-top .cd-val,
body .vertical--packs .pack .pack-campaign-before-price .pcs-num,
body .vertical--packs .pack .pack-campaign-before-price .cd-val {
  font-size: 15px;
  font-weight: 700;
  font-synthesis: none;
}
body .vertical--packs .pack .pack-campaign-top .pcs-unit,
body .vertical--packs .pack .pack-campaign-top .cd-lbl,
body .vertical--packs .pack .pack-campaign-before-price .pcs-unit,
body .vertical--packs .pack .pack-campaign-before-price .cd-lbl {
  font-size: 7px;
  font-weight: 650;
  font-synthesis: none;
}

/* ============================================================
   PAKET + PROMO YUKSEKLIK / EXPAND — TEK KAYNAK
   css/cv2-packs-row.css + js/cv2-packs-row.js (v0.2.304+)
   Eski freeze/stretch thrash kaldirildi.
   ============================================================ */

/* price thrash kaldirildi — final kill asagida */
/* YEDEK ozellik: value 11/fw-bold, label 9 muted opacity .65 */
body .vertical--packs .pack .feature-box .feature-value {
  display: block;
  font-size: 11px;
  font-weight: var(--fw-bold, 700);
  line-height: 1.1;
  color: var(--cv2-heading, var(--text-primary, #1a1e2e));
  font-family: var(--font-family-base, inherit);
}
body .vertical--packs .pack .feature-box .feature-label,
body .vertical--packs .pack .feature-label,
body .vertical--packs .pack .pack-feature-text {
  display: block;
  font-size: 9px;
  font-weight: 400;
  line-height: 1.1;
  margin-top: 2px;
  color: var(--cv2-text-muted, #8892a4);
  opacity: 0.65;
  font-family: var(--font-family-base, inherit);
}
body .vertical--packs .pack.pack-popular .feature-box .feature-value {
  color: #ffffff;
}
body .vertical--packs .pack.pack-popular .feature-box .feature-label,
body .vertical--packs .pack.pack-popular .feature-label,
body .vertical--packs .pack.pack-popular .pack-feature-text {
  color: rgba(255, 255, 255, 0.75);
  opacity: 1;
}
/* ============================================================
   GENELBASLIK — YEDEK genelbaslik-system.css birebir
   title 32px/700, desc 16px/1.45, mobile 20/14
   ============================================================ */
:root {
  --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;
}
body .genelbaslik-ana-baslik,
body .genelbaslik-baslik .genelbaslik-ana-baslik,
body .title-heading .genelbaslik-ana-baslik,
body .cv2-title-heading .genelbaslik-ana-baslik,
body .cv2-pack-listing-head .genelbaslik-ana-baslik,
body .cv2-page-hero-head .genelbaslik-ana-baslik,
body .cv2blog-section-title,
body .category-main-title {
  font-size: var(--gb-title-size, 32px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.03em;
  color: var(--cv2-heading, var(--text-primary, #1a1e2e));
  font-family: var(--font-family-heading, var(--font-family-base, inherit));
  margin: 6px 0;
  text-align: center;
  white-space: normal;
  overflow: visible;
  text-overflow: unset;
  max-width: 100%;
}
/* Paket sayfasi aciklama — genelbaslik-aciklama (yoksa/kiriksa kilitle) */
body .genelbaslik-aciklama,
body .cv2-title-heading .genelbaslik-aciklama,
body .cv2-pack-listing-head .genelbaslik-aciklama,
body .cv2-page-hero-head .genelbaslik-aciklama {
  display: block;
  font-size: var(--gb-desc-size, 17px);
  line-height: var(--gb-desc-line-height, 1.55);
  color: var(--text-secondary, var(--cv2-text-muted, #64748b));
  max-width: 760px;
  margin: 8px auto 0;
  text-align: center;
  font-weight: 400;
  opacity: 1;
  visibility: visible;
}
body .genelbaslik-vurgu,
body .genelbaslik-ana-baslik .genelbaslik-vurgu,
body .cv2blog-title-vurgu {
  color: var(--CoreV2-primary, var(--cv2-primary));
  background: none;
  -webkit-text-fill-color: currentColor;
  font-weight: inherit;
}
body .genelbaslik-rozet-kapsayici {
  margin: 0 0 6px;
}
@media (max-width: 768px) {
  body .genelbaslik-ana-baslik,
  body .cv2-pack-listing-head .genelbaslik-ana-baslik,
  body .cv2-page-hero-head .genelbaslik-ana-baslik,
  body .cv2blog-section-title,
  body .category-main-title {
    font-size: var(--gb-title-size-mobile, 20px);
    line-height: 1.25;
    white-space: normal;
  }
  body .genelbaslik-aciklama,
  body .cv2-pack-listing-head .genelbaslik-aciklama,
  body .cv2-page-hero-head .genelbaslik-aciklama {
    font-size: var(--gb-desc-size-mobile, 15px);
    padding: 0 8px;
  }
}
/* Blog header — ozel baslik stili YOK, genelbaslik kullan */
body .cv2blog-section-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  padding: 0 4px 12px;
  border: none;
  background: transparent;
  flex-wrap: wrap;
}
body .cv2blog-header-left .genelbaslik,
body .cv2blog-genelbaslik {
  margin: 0;
  text-align: left;
}
body .cv2blog-header-left .genelbaslik-baslik {
  text-align: left;
}
/* Videoply baslik: YEDEK koyu panel uzerinde beyaz (genelbaslik sistemini bozmaz) */
html[data-theme="dark"] body .genelbaslik-ana-baslik,
html.dark-mode body .genelbaslik-ana-baslik {
  color: #f1f5f9;
}
@media (max-width: 768px) {
  body .genelbaslik-ana-baslik,
  body .cv2blog-section-title {
    font-size: var(--gb-title-size-mobile, 20px);
  }
}

/* ============================================================
   TUM OZELLIKLER — gridin hemen altinda devam (kart altina degil)
   HTML: features-grid > features-extra > toggle-btn
   ============================================================ */
body .vertical--packs .pack .pack-features-wrap {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  width: 100%;
  position: relative;
  order: unset;
}
body .vertical--packs .pack .pack-features-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px;
  width: 100%;
  margin: 4px 0 0;
  order: 1;
  position: relative;
}
/* Kapaliyken gizli */
body .vertical--packs .pack:not(.pack-expanded) .pack-features-extra {
  display: none;
}
/* Acik: normal akista, gridin hemen altinda devam — absolute YOK */
body .vertical--packs .pack.pack-expanded .pack-features-extra,
body .packs-slider-body--3v .pack.pack-expanded .pack-features-extra,
body .vertical--packs .packs-slider-body--3v .pack.pack-expanded .pack-features-extra {
  position: static;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px;
  width: 100%;
  margin: 5px 0 0;
  padding: 0;
  max-height: none;
  overflow: visible;
  background: transparent;
  border: none;
  box-shadow: none;
  z-index: auto;
  order: 2;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  align-content: start;
}
body .vertical--packs .pack .pack-toggle-btn,
body .vertical--packs .pack .pack-features-wrap > .pack-toggle-btn {
  order: 3;
  position: relative;
  z-index: 2;
  margin: 8px auto 4px;
  align-self: center;
  box-shadow: none;
}
body .vertical--packs .pack.pack-expanded {
  z-index: 8;
  overflow: visible;
  height: auto;
  min-height: 0;
}
body .vertical--packs .pack.pack-expanded .pack-body,
body .vertical--packs .pack.pack-expanded .pack-features-wrap {
  overflow: visible;
  height: auto;
}
/* Footer: asla margin-top:auto (sepete ekle boslugu) — ustte zaten 2px kilit */
body .vertical--packs .pack .pack-footer,
body .vertical--packs .pack.pack-expanded .pack-footer {
  order: unset;
  position: relative;
  margin-top: 2px;
  flex-grow: 0;
}

/* ============================================================
   SUNUCU — hosting ile ayni "Tum ozellikler" akisi
   HTML: features → features-extra → show-more (static devam)
   ============================================================ */
html body .coreservercart-features-col {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  width: 100%;
  position: relative;
  overflow: visible;
}
html body .coreservercart-server-item:not(.expanded) .coreservercart-features-extra,
html body .coreservercart-features-extra[hidden] {
  display: none;
  visibility: hidden;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  margin: 0;
  padding: 0;
  border: 0;
  box-shadow: none;
}
html body .coreservercart-server-item.expanded .coreservercart-features-extra,
html body .cv2-packs-row .coreservercart-server-item.expanded .coreservercart-features-extra,
html body .coreservercart-packs-slider-body .coreservercart-server-item.expanded .coreservercart-features-extra {
  position: static;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  inset: auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .32rem;
  width: 100%;
  margin: 0;
  padding: .12rem .1rem .2rem;
  max-height: none;
  height: auto;
  overflow: visible;
  background: transparent;
  border: none;
  box-shadow: none;
  border-radius: 0;
  z-index: auto;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  order: 2;
  clip: auto;
}
html body .coreservercart-features-col > .coreservercart-server-features:not(.coreservercart-features-extra) {
  order: 1;
}
html body .coreservercart-features-col > .coreservercart-show-more {
  order: 3;
  position: relative;
  margin: .4rem auto .1rem;
  align-self: center;
  z-index: 2;
}
html body .coreservercart-server-item.expanded {
  z-index: 8;
  overflow: visible;
  height: auto;
  min-height: 0;
  max-height: none;
  align-self: start;
}
html body .coreservercart-server-item.expanded .coreservercart-card-inner,
html body .coreservercart-server-item.expanded .coreservercart-card-front,
html body .coreservercart-server-item.expanded .coreservercart-features-col {
  overflow: visible;
  height: auto;
  max-height: none;
}
/* Eski floating panel tamamen kapali */
html body .coreservercart-server-item .coreservercart-card-back,
html body .coreservercart-server-item.expanded .coreservercart-card-back {
  display: none;
  max-height: 0;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

@media (min-width: 992px) {
  body .packs-slider-body--3v > .pack-card-wrapper--promo,
  body .vertical--packs .packs-slider-body--3v > .pack-card-wrapper--promo {
    display: flex;
    visibility: visible;
    opacity: 1;
  }
}

/* ============================================================
   v0.2.338 — BOM GAP FINAL LOCK (cascade sonu)
   Topbar üstünde 26px boşluk: top/margin/padding sıfır
   ============================================================ */
html, body {
  margin: 0;
  margin-top: 0;
  padding: 0;
  padding-top: 0;
}
html body .CoreV2-topbar,
html body#home .CoreV2-topbar,
html body > .CoreV2-topbar {
  position: sticky;
  top: 0;
  margin: 0;
  margin-top: 0;
  margin-block-start: 0;
  padding-top: 0;
  transform: none;
  inset-block-start: 0;
}
html body #CoreV2-sticky-ann-wrapper {
  margin-top: 0;
}

/* ================================================================
   PRICE BADGE v0.2.402
   - price-main arka plan KORUNUR (has-period dahil)
   - dönem: sağ üst yarı iç/dış, opak (çizgi üstünden geçmez)
   - sunucu paket = ana sayfa grid/kampanya parity
   ================================================================ */
html body .vertical--packs .pack .pack-detail .price-row,
html body .coreservercart-server-item .pack-detail .price-row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
  width: 100%;
  margin: 0;
  overflow: visible;
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
}

html body .vertical--packs .pack .pack-detail .price-section.cv2-price-badge,
html body .coreservercart-server-item .pack-detail .price-section.cv2-price-badge,
html body .price-section.cv2-price-badge {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
  isolation: auto;
}
html body .price-section.cv2-price-badge::before,
html body .price-section.cv2-price-badge::after {
  display: none;
  content: none;
}

/* Sol kolon: eski + tutar — aralar yapışık, dikey ortalı */
html body .price-section.cv2-price-badge .cv2-price-badge__main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0;
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding: 0;
}

/* Eski fiyat — biraz yukarı + sağa; çerçeve: sol/üst/sağ; ALT çizgi yok */
html body .price-section.cv2-price-badge .price-compare {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
  margin: 0 0 -7px 16px;
  padding: 0;
  line-height: 1;
  transform: translate(8px, -1px);
}
html body .price-section.cv2-price-badge .old-price,
html body .price-section.cv2-price-badge .old-price.coreservercart-old-price-del {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 3px 9px 4px;
  border-radius: 7px 7px 0 0;
  border-top: 1px solid rgba(var(--cv2-primary-rgb, 99, 91, 255), .22);
  border-left: 1px solid rgba(var(--cv2-primary-rgb, 99, 91, 255), .22);
  border-right: 1px solid rgba(var(--cv2-primary-rgb, 99, 91, 255), .22);
  border-bottom: 0;
  border-bottom-width: 0;
  border-bottom-style: none;
  border-bottom-color: transparent;
  background: rgba(var(--cv2-primary-rgb, 99, 91, 255), .07);
  box-shadow: none;
  outline: none;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--cv2-text-muted, #64748b);
  opacity: .8;
  text-decoration: none;
  text-decoration-line: none;
  white-space: nowrap;
  box-sizing: border-box;
}
/* metin üstü diyagonal çizgi (üstü çizili) — kalsın */
html body .price-section.cv2-price-badge .old-price::after {
  content: "";
  position: absolute;
  left: 6px;
  right: 6px;
  top: 50%;
  height: 1px;
  background: currentColor;
  transform: rotate(-10deg);
  pointer-events: none;
  z-index: 1;
}
/* price-main üst border birleşiminde alt çizgi görünmesin — kapatıcı */
html body .price-section.cv2-price-badge .old-price::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  height: 4px;
  background: rgba(var(--cv2-primary-rgb, 99, 91, 255), .07);
  border: none;
  z-index: 0;
  pointer-events: none;
}

/* Tutar + +KDV — bir tık büyük çerçeve; dönem sağ üst */
html body .price-section.cv2-price-badge .price-main,
html body .price-section.cv2-price-badge .price-main.coreservercart-price-wrapper,
html body .price-section.cv2-price-badge .price-main.price-main--has-period,
html body .coreservercart-server-item .price-section.cv2-price-badge .price-main,
html body .coreservercart-server-item .price-section.cv2-price-badge .price-main.price-main--has-period,
html body .vertical--packs .pack .price-section.cv2-price-badge .price-main,
html body .vertical--packs .pack .price-section.cv2-price-badge .price-main.price-main--has-period {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 7px 12px 6px;
  width: auto;
  max-width: 100%;
  border-radius: 9px;
  border: 1px solid rgba(var(--cv2-primary-rgb, var(--srv-primary-rgb, 99, 91, 255)), .18);
  /* ARKA PLAN KALIR — asla transparent değil */
  background: linear-gradient(145deg,
    rgba(var(--cv2-primary-rgb, var(--srv-primary-rgb, 99, 91, 255)), .12),
    rgba(var(--cv2-primary-rgb, var(--srv-primary-rgb, 99, 91, 255)), .05));
  background-color: rgba(var(--cv2-primary-rgb, var(--srv-primary-rgb, 99, 91, 255)), .07);
  box-shadow: none;
  box-sizing: border-box;
  overflow: visible;
  min-height: 0;
}
/* has-period: köşe ribbon yok — ekstra padding YOK */
html body .price-section.cv2-price-badge .price-main.price-main--has-period {
  padding: 7px 12px 6px;
  overflow: visible;
}
html body .price-section.cv2-price-badge .current-price {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  /* sembol + tutar üst/alt aynı çizgide */
  align-items: center;
  gap: 1px;
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  color: var(--cv2-heading, var(--text-primary, #0f172a));
  white-space: nowrap;
  line-height: 1;
  height: auto;
}
/* Döviz sembolü + tutar: aynı font, aynı kutu, kayma yok */
html body .price-section.cv2-price-badge .current-price .currency,
html body .price-section.cv2-price-badge .current-price .amount,
html body .price-section.cv2-price-badge .current-price .cv2-price-sym,
html body .vertical--packs .pack .pack-detail .price-section.cv2-price-badge .current-price .currency,
html body .vertical--packs .pack .pack-detail .price-section.cv2-price-badge .current-price .amount,
html body .vertical--packs .pack .pack-detail .price-section.cv2-price-badge .current-price .cv2-price-sym {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family-base, inherit);
  font-size: clamp(19px, 2.1vw, 24px);
  font-weight: var(--fw-price, 700);
  letter-spacing: -0.02em;
  line-height: 1;
  height: 1em;
  min-height: 1em;
  max-height: 1em;
  margin: 0;
  padding: 0;
  border: none;
  vertical-align: middle;
  position: static;
  top: auto;
  bottom: auto;
  transform: none;
  opacity: 1;
  color: inherit;
  box-sizing: border-box;
}
/* sembol optik olarak genelde biraz aşağı kayar — 0 hizaya kilitle */
html body .price-section.cv2-price-badge .current-price .currency,
html body .price-section.cv2-price-badge .current-price .cv2-price-sym {
  transform: translateY(0);
  position: relative;
  top: 0;
}
/*
 * Fiyat meta: ₺99  +KDV  [Aylık]
 * KDV kalın sade metin; dönem eski köşe chip gibi çerçeveli (biraz büyük)
 */
html body .price-section.cv2-price-badge .current-price .cv2-price-vat,
html body .price-section.cv2-price-badge .cv2-price-vat {
  display: inline-flex;
  align-items: center;
  align-self: center;
  flex-wrap: nowrap;
  gap: 6px;
  margin: 0 0 0 6px;
  padding: 0;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1;
  height: auto;
  color: var(--cv2-text-muted, #64748b);
  opacity: 1;
  white-space: nowrap;
  position: static;
  top: auto;
  bottom: auto;
  transform: none;
}
/* +KDV — biraz daha büyük + kalın */
html body .price-section.cv2-price-badge .cv2-price-vat .cv2-price-vat__kdv {
  display: inline;
  font-size: 11.5px;
  font-weight: 800;
  letter-spacing: 0.02em;
  color: var(--cv2-text-muted, #475569);
  line-height: 1;
}
/* Dönem chip — çerçeve + soft bg (eski aylık rozeti hissi, köşe değil yan) */
html body .price-section.cv2-price-badge .cv2-price-vat .billing-cycle,
html body .price-section.cv2-price-badge .cv2-price-vat .cv2-price-period,
html body .price-section.cv2-price-badge .cv2-price-vat .cv2-price-vat__period,
html body .price-section.cv2-price-badge .cv2-price-vat .coreservercart-period-tag,
html body .coreservercart-server-item .price-section.cv2-price-badge .cv2-price-vat .billing-cycle,
html body .coreservercart-server-item .price-section.cv2-price-badge .cv2-price-vat .cv2-price-period,
html body .coreservercart-server-item .price-section.cv2-price-badge .cv2-price-vat .coreservercart-period-tag,
html body .vertical--packs .pack .price-section.cv2-price-badge .cv2-price-vat .billing-cycle,
html body .vertical--packs .pack .price-section.cv2-price-badge .cv2-price-vat .cv2-price-period {
  position: static;
  top: auto;
  right: auto;
  left: auto;
  bottom: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 4px 9px;
  height: auto;
  min-height: 20px;
  max-height: none;
  border: 1px solid rgba(var(--cv2-primary-rgb, var(--srv-primary-rgb, 99, 91, 255)), .30);
  border-radius: 8px;
  background-color: #fff;
  background-image: linear-gradient(145deg,
    color-mix(in srgb, var(--cv2-primary, var(--srv-primary, #635bff)) 12%, #fff),
    color-mix(in srgb, var(--cv2-primary, var(--srv-primary, #635bff)) 5%, #fff));
  box-shadow: 0 0 0 1px rgba(255,255,255,.85), 0 1px 2px rgba(15, 23, 42, .06);
  color: var(--cv2-primary, var(--srv-primary, #635bff));
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.15;
  text-transform: none;
  white-space: nowrap;
  transform: none;
  opacity: 1;
  z-index: auto;
  isolation: isolate;
  box-sizing: border-box;
  max-width: none;
  overflow: visible;
  flex: 0 0 auto;
  width: auto;
  pointer-events: none;
}
/* Eski üst köşe ribbon — fiyat kutusunda tek başına kalırsa gizle */
html body .price-section.cv2-price-badge .price-main > .billing-cycle,
html body .price-section.cv2-price-badge .price-main > .cv2-price-period,
html body .price-section.cv2-price-badge .price-main > .coreservercart-period-tag {
  display: none;
}
/* has-period padding thrash (üst ribbon için) — artık gerek yok */
html body .price-section.cv2-price-badge .price-main.price-main--has-period,
html body .coreservercart-server-item .price-section.cv2-price-badge .price-main.price-main--has-period {
  padding-top: 7px;
  padding-right: 12px;
}
/* eski köşe dönem dark thrash — vat içi düz metin kullanılıyor */
html[data-theme="dark"] body .price-section.cv2-price-badge .price-main > .billing-cycle,
html[data-theme="dark"] body .price-section.cv2-price-badge .price-main > .cv2-price-period {
  display: none;
}

/* %XX — sadece oran (indirim yazısı yok); soft pill, çift daire thrash yok */
html body .price-section.cv2-price-badge > .amount-discount,
html body .price-section.cv2-price-badge > .amount-discount--chip,
html body .price-section.cv2-price-badge > .coreservercart-discount-badge {
  position: relative;
  flex: 0 0 auto;
  align-self: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 2.4em;
  min-height: 28px;
  height: auto;
  max-height: none;
  margin: 0 0 0 auto;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(var(--cv2-primary-rgb, var(--srv-primary-rgb, 99, 91, 255)), .22);
  background: linear-gradient(145deg,
    rgba(var(--cv2-primary-rgb, var(--srv-primary-rgb, 99, 91, 255)), .14),
    rgba(var(--cv2-primary-rgb, var(--srv-primary-rgb, 99, 91, 255)), .06));
  box-shadow: none;
  clip-path: none;
  color: var(--cv2-primary, var(--srv-primary, #635bff));
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
  box-sizing: border-box;
  letter-spacing: 0.01em;
}
html body .price-section.cv2-price-badge.cv2-price-badge--has-disc {
  gap: 6px;
  align-items: center;
}
html body .price-section.cv2-price-badge .amount-discount__pattern {
  display: none;
}
html body .price-section.cv2-price-badge .amount-discount__text,
html body .price-section.cv2-price-badge .coreservercart-badge-text {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  white-space: nowrap;
}

/* Popular — dış çerçevesiz; price-main/old-price yarı saydam cam */
html body .vertical--packs .pack.pack-popular .price-section.cv2-price-badge {
  background: transparent;
  border: none;
  box-shadow: none;
}
html body .vertical--packs .pack.pack-popular .price-section.cv2-price-badge .current-price,
html body .vertical--packs .pack.pack-popular .price-section.cv2-price-badge .current-price .currency,
html body .vertical--packs .pack.pack-popular .price-section.cv2-price-badge .current-price .amount,
html body .vertical--packs .pack.pack-popular .price-section.cv2-price-badge .current-price .cv2-price-sym {
  color: #fff;
}
html body .vertical--packs .pack.pack-popular .price-section.cv2-price-badge .old-price,
html body .vertical--packs .pack.pack-popular .price-section.cv2-price-badge .old-price.coreservercart-old-price-del {
  color: rgba(255,255,255,.78);
  background: rgba(255,255,255,.10);
  border-top-color: rgba(255,255,255,.28);
  border-left-color: rgba(255,255,255,.28);
  border-right-color: rgba(255,255,255,.28);
  border-bottom: 0;
  opacity: 1;
}
html body .vertical--packs .pack.pack-popular .price-section.cv2-price-badge .old-price::before {
  background: rgba(255,255,255,.10);
}
html body .vertical--packs .pack.pack-popular .price-section.cv2-price-badge .price-main,
html body .vertical--packs .pack.pack-popular .price-section.cv2-price-badge .price-main.coreservercart-price-wrapper {
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.24);
}
html body .vertical--packs .pack.pack-popular .price-section.cv2-price-badge .cv2-price-vat,
html body .vertical--packs .pack.pack-popular .price-section.cv2-price-badge .cv2-price-vat .cv2-price-vat__kdv {
  color: rgba(255,255,255,.88);
  background: transparent;
  border: none;
  box-shadow: none;
}
html body .vertical--packs .pack.pack-popular .price-section.cv2-price-badge .cv2-price-vat .billing-cycle,
html body .vertical--packs .pack.pack-popular .price-section.cv2-price-badge .cv2-price-vat .cv2-price-period,
html body .vertical--packs .pack.pack-popular .price-section.cv2-price-badge .cv2-price-vat .cv2-price-vat__period {
  color: #fff;
  background-color: rgba(255,255,255,.18);
  background-image: none;
  border: 1px solid rgba(255,255,255,.38);
  box-shadow: 0 0 0 1px rgba(255,255,255,.12);
  transform: none;
  position: static;
}
html body .vertical--packs .pack.pack-popular .price-section.cv2-price-badge > .amount-discount {
  background: rgba(255,255,255,.18);
  border-color: rgba(255,255,255,.32);
  color: #fff;
}

/* Dark */
html[data-theme="dark"] body .price-section.cv2-price-badge {
  background: transparent;
  border: none;
  box-shadow: none;
}
html[data-theme="dark"] body .price-section.cv2-price-badge .current-price {
  color: var(--cv2-heading, #f8fafc);
}
html[data-theme="dark"] body .price-section.cv2-price-badge .old-price,
html[data-theme="dark"] body .price-section.cv2-price-badge .old-price.coreservercart-old-price-del {
  background: rgba(var(--cv2-primary-rgb, 99, 91, 255), .10);
  border-top-color: rgba(var(--cv2-primary-rgb, 99, 91, 255), .28);
  border-left-color: rgba(var(--cv2-primary-rgb, 99, 91, 255), .28);
  border-right-color: rgba(var(--cv2-primary-rgb, 99, 91, 255), .28);
  border-bottom: 0;
  color: var(--cv2-text-muted, #94a3b8);
}
html[data-theme="dark"] body .price-section.cv2-price-badge .old-price::before {
  background: rgba(var(--cv2-primary-rgb, 99, 91, 255), .10);
}

html[data-theme="dark"] body .price-section.cv2-price-badge .price-main,
html[data-theme="dark"] body .price-section.cv2-price-badge .price-main.coreservercart-price-wrapper {
  background: linear-gradient(145deg,
    rgba(var(--cv2-primary-rgb, 99, 91, 255), .16),
    rgba(var(--cv2-primary-rgb, 99, 91, 255), .07));
  border-color: rgba(var(--cv2-primary-rgb, 99, 91, 255), .28);
}

/* Eski dış indirim yedek gizli */
html body .vertical--packs .pack .pack-detail .price-row > .amount-discount {
  display: none;
}

/* current-price chip arka planı kapalı — çerçeve price-main'de */
html body .vertical--packs .pack .pack-detail .price-section.cv2-price-badge .current-price,
html body .coreservercart-server-item .pack-detail .price-section.cv2-price-badge .current-price {
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
}
/* pack-detail fiyat alanı — dış çerçeve kapalı; sade nefes (fazla boşluk yok) */
html body .vertical--packs .pack .pack-detail,
html body .vertical--packs .pack .pack-detail.pack-detail--has-compare,
html body .vertical--packs .pack .pack-detail.pack-detail--discount-only,
html body .vertical--packs .pack .pack-detail.pack-detail--price-only,
html body .coreservercart-server-item .pack-detail {
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
  margin-top: 4px;
  margin-bottom: 4px;
}
html body .vertical--packs .pack.pack-popular .pack-detail {
  background: transparent;
  border: none;
}

/* ================================================================
   SERVER PRICE LOCK v0.2.400 — NUCLEAR (hosting ile birebir çerçeve)
   ================================================================ */
html body .coreservercart-server-item .pack-detail.coreservercart-price-section,
html body .coreservercart-server-item .coreservercart-price-section.pack-detail,
html body .coreservercart-server-item .pack-detail {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  grid-template-columns: none;
  grid-template-rows: none;
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
  margin-top: 4px;
  margin-bottom: 4px;
  overflow: visible;
}
html body .coreservercart-server-item .pack-detail .price-row,
html body .coreservercart-server-item .coreservercart-price-section .price-row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  position: relative;
}
html body .coreservercart-server-item .pack-detail .price-row::before,
html body .coreservercart-server-item .pack-detail .price-row::after,
html body .coreservercart-server-item .coreservercart-price-section .price-row::before,
html body .coreservercart-server-item .coreservercart-price-section .price-row::after {
  display: none;
  content: none;
}
html body .coreservercart-server-item .price-section.cv2-price-badge {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  padding: 0;
  margin: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  grid-template-columns: none;
  overflow: visible;
}
/* sunucu %XX pill — thrash daire/çift çerçeve yok */
html body .coreservercart-server-item .price-section.cv2-price-badge > .amount-discount,
html body .coreservercart-server-item .price-section.cv2-price-badge > .coreservercart-discount-badge,
html body .coreservercart-server-item .coreservercart-discount-badge {
  position: relative;
  flex: 0 0 auto;
  align-self: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 2.4em;
  height: auto;
  min-height: 28px;
  max-height: none;
  margin: 0 0 0 auto;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(var(--srv-primary-rgb, var(--cv2-primary-rgb, 99, 91, 255)), .22);
  background: linear-gradient(145deg,
    rgba(var(--srv-primary-rgb, var(--cv2-primary-rgb, 99, 91, 255)), .14),
    rgba(var(--srv-primary-rgb, var(--cv2-primary-rgb, 99, 91, 255)), .06));
  color: var(--srv-primary, var(--cv2-primary, #635bff));
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
  clip-path: none;
  box-shadow: none;
}
html body .coreservercart-server-item .price-section.cv2-price-badge .amount-discount__text,
html body .coreservercart-server-item .price-section.cv2-price-badge .coreservercart-badge-text,
html body .coreservercart-server-item .coreservercart-discount-badge .coreservercart-badge-text {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  white-space: nowrap;
}
/* sunucu: döviz = tutar birebir */
html body .coreservercart-server-item .price-section.cv2-price-badge .current-price {
  display: inline-flex;
  align-items: center;
  gap: 1px;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  line-height: 1;
}
html body .coreservercart-server-item .price-section.cv2-price-badge .current-price .currency,
html body .coreservercart-server-item .price-section.cv2-price-badge .current-price .amount,
html body .coreservercart-server-item .price-section.cv2-price-badge .current-price .cv2-price-sym,
html body .coreservercart-server-item .coreservercart-price .currency,
html body .coreservercart-server-item .coreservercart-price .amount,
html body .coreservercart-server-item .coreservercart-price .cv2-price-sym {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(19px, 2.1vw, 24px);
  font-weight: var(--fw-price, 700);
  line-height: 1;
  height: 1em;
  min-height: 1em;
  max-height: 1em;
  margin: 0;
  padding: 0;
  transform: none;
  top: auto;
  vertical-align: middle;
  color: inherit;
}
html body .coreservercart-server-item .price-section.cv2-price-badge .price-main,
html body .coreservercart-server-item .price-section.cv2-price-badge .coreservercart-price-wrapper,
html body .coreservercart-server-item .price-section.cv2-price-badge .price-main.coreservercart-price-wrapper {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  order: 0;
  flex: 0 1 auto;
  width: auto;
  min-width: 0;
  min-height: 0;
  height: auto;
  margin: 0;
  padding: 7px 12px 6px;
  gap: 0;
  border-radius: 9px;
  border: 1px solid rgba(var(--srv-primary-rgb, var(--cv2-primary-rgb, 99, 91, 255)), .18);
  background: linear-gradient(145deg,
    rgba(var(--srv-primary-rgb, var(--cv2-primary-rgb, 99, 91, 255)), .10),
    rgba(var(--srv-primary-rgb, var(--cv2-primary-rgb, 99, 91, 255)), .04));
  box-sizing: border-box;
  overflow: visible;
  box-shadow: none;
}
html body .coreservercart-server-item .price-section.cv2-price-badge .price-main.price-main--has-period {
  padding-top: 10px;
  padding-right: 14px;
  overflow: visible;
}
/* thrash öldür: .coreservercart-price font-size 1.8rem / gap / wrap */
html body .coreservercart-server-item .price-section.cv2-price-badge .coreservercart-price,
html body .coreservercart-server-item .price-section.cv2-price-badge .current-price.coreservercart-price {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 1px;
  width: auto;
  min-width: 0;
  font-size: inherit;
  line-height: 1;
  letter-spacing: -0.02em;
  order: 0;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  box-shadow: none;
}
/* thrash öldür: currency 13–16px küçültmesi */
html body .coreservercart-server-item .price-section.cv2-price-badge .coreservercart-price .current-price .currency,
html body .coreservercart-server-item .price-section.cv2-price-badge .coreservercart-price .current-price .currency-symbol,
html body .coreservercart-server-item .price-section.cv2-price-badge .coreservercart-price .currency,
html body .coreservercart-server-item .price-section.cv2-price-badge .coreservercart-price .amount,
html body .coreservercart-server-item .price-section.cv2-price-badge .coreservercart-price .cv2-price-sym,
html body .coreservercart-server-item .coreservercart-price .current-price .currency,
html body .coreservercart-server-item .coreservercart-price .current-price .currency-symbol,
html body .coreservercart-server-item .coreservercart-price .current-price .amount {
  font-size: clamp(19px, 2.1vw, 24px);
  font-weight: var(--fw-price, 700);
  line-height: 1;
  height: 1em;
  min-height: 1em;
  max-height: 1em;
  display: inline-flex;
  align-items: center;
  transform: none;
  margin: 0;
  padding: 0;
}
html body .coreservercart-server-item .price-section.cv2-price-badge .cv2-price-badge__main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  flex: 1 1 auto;
  min-width: 0;
  overflow: visible;
}
html body .coreservercart-server-item .price-section.cv2-price-badge .price-compare {
  z-index: 2;
  margin: 0 0 -7px 16px;
  transform: translate(8px, -1px);
  overflow: visible;
  order: 1;
}
html body .coreservercart-server-item .price-section.cv2-price-badge .price-main,
html body .coreservercart-server-item .price-section.cv2-price-badge .coreservercart-price-wrapper {
  order: 2;
}
html body .coreservercart-server-item .price-section.cv2-price-badge .old-price,
html body .coreservercart-server-item .price-section.cv2-price-badge .coreservercart-old-price-del {
  border-bottom: 0;
  text-decoration: none;
}
/* popular sunucu kartı */
html body .coreservercart-server-item.popular-highlight .price-section.cv2-price-badge .current-price,
html body .coreservercart-server-item.popular-highlight .price-section.cv2-price-badge .current-price .currency,
html body .coreservercart-server-item.popular-highlight .price-section.cv2-price-badge .current-price .amount,
html body .coreservercart-server-item.popular-highlight .price-section.cv2-price-badge .current-price .cv2-price-sym {
  color: #fff;
}
html body .coreservercart-server-item.popular-highlight .price-section.cv2-price-badge .old-price,
html body .coreservercart-server-item.popular-highlight .price-section.cv2-price-badge .coreservercart-old-price-del {
  color: rgba(255,255,255,.78);
  background: rgba(255,255,255,.10);
  border-top-color: rgba(255,255,255,.28);
  border-left-color: rgba(255,255,255,.28);
  border-right-color: rgba(255,255,255,.28);
  border-bottom: 0;
}
html body .coreservercart-server-item.popular-highlight .price-section.cv2-price-badge .old-price::before {
  background: rgba(255,255,255,.10);
}
html body .coreservercart-server-item.popular-highlight .price-section.cv2-price-badge .price-main,
html body .coreservercart-server-item.popular-highlight .price-section.cv2-price-badge .coreservercart-price-wrapper {
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.24);
}
html body .coreservercart-server-item.popular-highlight .price-section.cv2-price-badge .cv2-price-vat,
html body .coreservercart-server-item.popular-highlight .price-section.cv2-price-badge .cv2-price-vat .cv2-price-vat__kdv {
  color: rgba(255,255,255,.88);
  background: transparent;
  border: none;
  box-shadow: none;
}
html body .coreservercart-server-item.popular-highlight .price-section.cv2-price-badge .cv2-price-vat .billing-cycle,
html body .coreservercart-server-item.popular-highlight .price-section.cv2-price-badge .cv2-price-vat .cv2-price-period,
html body .coreservercart-server-item.popular-highlight .price-section.cv2-price-badge .cv2-price-vat .cv2-price-vat__period {
  color: #fff;
  background-color: rgba(255,255,255,.18);
  background-image: none;
  border: 1px solid rgba(255,255,255,.38);
  box-shadow: 0 0 0 1px rgba(255,255,255,.12);
  transform: none;
  position: static;
}
html body .coreservercart-server-item.popular-highlight .price-section.cv2-price-badge > .amount-discount,
html body .coreservercart-server-item.popular-highlight .coreservercart-discount-badge {
  background: rgba(255,255,255,.18);
  border-color: rgba(255,255,255,.32);
  color: #fff;
}
/* sunucu sağ kolon — dönem yarı-dış taşsın */
html body .coreservercart-server-item .coreservercart-server-right {
  min-width: 0;
  overflow: visible;
}
html body .coreservercart-server-item .coreservercart-server-right .pack-detail,
html body .coreservercart-server-item .coreservercart-server-right .price-section.cv2-price-badge,
html body .coreservercart-server-item .coreservercart-card-inner,
html body .coreservercart-server-item .coreservercart-card-front,
html body .coreservercart-server-item .coreservercart-server-left,
html body .coreservercart-server-item .srv-head-stack,
html body .coreservercart-server-item .cv2-srvhead {
  max-width: 100%;
  overflow: visible;
}
/* card-front / inner — çift padding thrash yok (popüler de dahil) */
html body .coreservercart-server-item .coreservercart-card-inner {
  padding: 0 !important;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
html body .coreservercart-server-item .coreservercart-card-front {
  /* tek nefes kaynağı aşağıda 10/14/12; burada thrash yok */
  box-sizing: border-box;
}
/* parent overflow clip thrash öldür */
html body .coreservercart-server-item.pack-detail,
html body .coreservercart-server-item .pack-detail.coreservercart-price-section {
  overflow: visible;
}

/* ================================================================
   PAGE PARITY v0.2.401 — ana sayfa = paket sayfası (hosting + sunucu)
   server.css / hosting.css thrash: arka plan, min-height, grid, döviz boyu
   ================================================================ */

/* Sunucu fiyat kutusu thrash — TÜM sayfalar (index + server-products) */
html body .coreservercart-server-item .coreservercart-price-section.pack-detail,
html body .coreservercart-server-item .pack-detail.coreservercart-price-section,
html body .coreservercart-price-section.pack-detail:has(.cv2-price-badge),
html body .pack-detail.coreservercart-price-section:has(.cv2-price-badge) {
  display: block;
  background: transparent;
  background-image: none;
  border: none;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  margin-top: 4px;
  margin-bottom: 4px;
  min-height: 0;
  height: auto;
  grid-template-columns: none;
  column-gap: 0;
  row-gap: 0;
  gap: 0;
  align-items: stretch;
  position: relative;
  overflow: visible;
}

/* thrash: .coreservercart-price-wrapper min-height / justify-end / column */
html body .coreservercart-server-item .price-section.cv2-price-badge .price-main.coreservercart-price-wrapper,
html body .coreservercart-server-item .price-section.cv2-price-badge .coreservercart-price-wrapper,
html body .price-section.cv2-price-badge .price-main.coreservercart-price-wrapper {
  min-height: 0;
  height: auto;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  text-align: left;
  order: 0;
  flex: 0 1 auto;
  gap: 0;
  width: auto;
}

/* thrash: .coreservercart-price font 1.8rem / gap / baseline */
html body .coreservercart-server-item .price-section.cv2-price-badge .coreservercart-price,
html body .coreservercart-server-item .price-section.cv2-price-badge span.coreservercart-price.current-price,
html body .price-section.cv2-price-badge .coreservercart-price {
  font-size: clamp(19px, 2.1vw, 24px);
  line-height: 1;
  letter-spacing: -0.02em;
  display: inline-flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 1px;
  width: auto;
  min-width: 0;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
  order: 0;
}

/* thrash: currency 13–16px */
html body .coreservercart-server-item .coreservercart-price .current-price .currency,
html body .coreservercart-server-item .coreservercart-price .current-price .currency-symbol,
html body .coreservercart-server-item .coreservercart-price .currency,
html body .coreservercart-server-item .coreservercart-price .currency-symbol,
html body .coreservercart-server-item .coreservercart-price .amount,
html body .coreservercart-price .current-price .currency,
html body .coreservercart-price .current-price .currency-symbol,
html body .coreservercart-price .current-price .amount {
  font-size: clamp(19px, 2.1vw, 24px);
  font-weight: var(--fw-price, 700);
  line-height: 1;
  height: 1em;
  min-height: 1em;
  max-height: 1em;
  transform: none;
  margin: 0;
  padding: 0;
  display: inline-flex;
  align-items: center;
}

/* thrash: period-tag static height — sadece price-main DIŞINDA kalırsa gizle */
html body .coreservercart-server-item .coreservercart-price > .billing-cycle,
html body .coreservercart-server-item .coreservercart-price > .coreservercart-period-tag {
  display: none;
}

/* Hosting paket sayfası thrash — ana sayfa ile birebir */
html body .vertical--packs .pack .pack-detail,
html body .vertical--packs .pack .pack-detail.pack-detail--has-compare,
html body .vertical--packs .pack .pack-detail.pack-detail--discount-only,
html body .vertical--packs .pack .pack-detail.pack-detail--price-only {
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
  min-height: 0;
  margin-top: 4px;
  margin-bottom: 4px;
}
html body .vertical--packs .pack .pack-detail .price-section.cv2-price-badge {
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
}
html body .vertical--packs .pack .pack-detail .price-section.cv2-price-badge .price-main,
html body .vertical--packs .pack .pack-detail .price-section.cv2-price-badge .coreservercart-price-wrapper {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  padding: 7px 12px 6px;
  border-radius: 9px;
  border: 1px solid rgba(var(--cv2-primary-rgb, 99, 91, 255), .18);
  background: linear-gradient(145deg,
    rgba(var(--cv2-primary-rgb, 99, 91, 255), .10),
    rgba(var(--cv2-primary-rgb, 99, 91, 255), .04));
  overflow: visible;
  min-height: 0;
  box-shadow: none;
}
html body .vertical--packs .pack .pack-detail .price-section.cv2-price-badge .current-price .currency,
html body .vertical--packs .pack .pack-detail .price-section.cv2-price-badge .current-price .amount,
html body .vertical--packs .pack .pack-detail .price-section.cv2-price-badge .current-price .cv2-price-sym {
  font-size: clamp(19px, 2.1vw, 24px);
  font-weight: var(--fw-price, 700);
  line-height: 1;
  height: 1em;
}

/* discount thrash: server sabit 28px/52px */
html body .coreservercart-server-item .price-section.cv2-price-badge > .amount-discount,
html body .coreservercart-server-item .price-section.cv2-price-badge > .coreservercart-discount-badge,
html body .vertical--packs .pack .price-section.cv2-price-badge > .amount-discount {
  width: auto;
  min-width: 0;
  height: auto;
  min-height: 0;
  max-height: none;
  border-radius: 7px;
  clip-path: none;
  padding: 5px 9px;
  font-size: 11px;
  background: rgba(var(--cv2-primary-rgb, var(--srv-primary-rgb, 99, 91, 255)), .08);
  border: 1px solid rgba(var(--cv2-primary-rgb, var(--srv-primary-rgb, 99, 91, 255)), .18);
  color: var(--cv2-primary, var(--srv-primary, #635bff));
}

/* ================================================================
   SERVER LISTING PARITY v0.2.402
   body#home thrash → TÜM sayfalar (server-products dahil)
   Ana sayfa 4 kolon (3 kart + promo); kartlar dar/eşit — full-bleed YOK
   ================================================================ */
html body .tablopaketler,
html body .products_list,
html body .corecartpkts-wrapper,
html body .packs-slider-container.cv2-srv-listing-scope,
html body .cv2-srv-structured-grid,
html body [data-cv2-srv-listing="1"] {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

@media (min-width: 1025px) {
  /* packs-row 4 kolon — ana sayfa ile birebir (body#home şartı YOK) */
  html body .packs-slider-body--3v.cv2-packs-row.coreservercart-packs-slider-body,
  html body .coreservercart-packs-slider-body.packs-slider-body--3v.cv2-packs-row,
  html body [data-cv2-srv-listing="1"] .packs-slider-body--3v.cv2-packs-row,
  html body .cv2-srv-listing-scope .packs-slider-body--3v.cv2-packs-row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--cv2-card-grid-gap, 14px);
    align-items: stretch;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  /* ara sarmalayıcılar contents — kartlar grid hücresi olur (86%/full-bleed thrash yok) */
  html body .cv2-packs-row.coreservercart-packs-slider-body .coreservercart-packs-panel,
  html body .cv2-packs-row.coreservercart-packs-slider-body .coreservercart-home-servers,
  html body .cv2-packs-row.coreservercart-packs-slider-body .coreservercart-container,
  html body .cv2-packs-row.coreservercart-packs-slider-body .coreservercart-slider-wrapper,
  html body .cv2-packs-row.coreservercart-packs-slider-body .coreservercart-server-grid,
  html body [data-cv2-srv-listing="1"] .cv2-packs-row .coreservercart-packs-panel,
  html body [data-cv2-srv-listing="1"] .cv2-packs-row .coreservercart-home-servers,
  html body [data-cv2-srv-listing="1"] .cv2-packs-row .coreservercart-container,
  html body [data-cv2-srv-listing="1"] .cv2-packs-row .coreservercart-slider-wrapper,
  html body [data-cv2-srv-listing="1"] .cv2-packs-row .coreservercart-server-grid,
  html body .cv2-srv-row-with-promo.cv2-packs-row .coreservercart-server-grid {
    display: contents;
    width: auto;
    max-width: none;
    min-width: 0;
    flex: none;
    overflow: visible;
  }

  html body .cv2-packs-row.coreservercart-packs-slider-body .coreservercart-server-item,
  html body [data-cv2-srv-listing="1"] .cv2-packs-row .coreservercart-server-item,
  html body .cv2-srv-row-with-promo .coreservercart-server-item {
    flex: none;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    align-self: stretch;
    justify-self: stretch;
    box-sizing: border-box;
  }

  /* thrash: column stack / 86% carousel — kapat */
  html body .cv2-srv-row-with-promo.cv2-packs-row .coreservercart-server-grid,
  html body [data-cv2-srv-listing="1"] .cv2-srv-row-with-promo .coreservercart-server-grid {
    flex-direction: unset;
    gap: 0;
  }

  /*
   * Promo ↔ 1. paket görsel yönü ZIT:
   * 1. paket görseli SAĞ → promo EN SOL (order 1)
   * 1. paket görseli SOL → promo EN SAĞ (order 4)
   * Varsayılan (promo-slot-left / class yok): promo sol (1. paket görseli sağ)
   */
  html body .cv2-packs-row.coreservercart-packs-slider-body > .pack-card-wrapper--promo,
  html body [data-cv2-srv-listing="1"] .cv2-packs-row > .pack-card-wrapper--promo,
  html body .packs-slider-body--promo-slot-left.cv2-packs-row > .pack-card-wrapper--promo,
  html body .packs-slider-body--promo-slot-left.coreservercart-packs-slider-body > .pack-card-wrapper--promo {
    order: 1;
    grid-column: auto;
    grid-row: 1;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    align-self: stretch;
  }
  html body .packs-slider-body--promo-slot-right.cv2-packs-row > .pack-card-wrapper--promo,
  html body .packs-slider-body--promo-slot-right.coreservercart-packs-slider-body > .pack-card-wrapper--promo,
  html body [data-cv2-srv-listing="1"] .packs-slider-body--promo-slot-right > .pack-card-wrapper--promo {
    order: 4;
  }

  /* promo SOL iken paketler 2–4 */
  html body .packs-slider-body--promo-slot-left.cv2-packs-row .coreservercart-server-item:nth-child(1),
  html body .cv2-packs-row.coreservercart-packs-slider-body:not(.packs-slider-body--promo-slot-right) .coreservercart-server-item:nth-child(1) { order: 2; }
  html body .packs-slider-body--promo-slot-left.cv2-packs-row .coreservercart-server-item:nth-child(2),
  html body .cv2-packs-row.coreservercart-packs-slider-body:not(.packs-slider-body--promo-slot-right) .coreservercart-server-item:nth-child(2) { order: 3; }
  html body .packs-slider-body--promo-slot-left.cv2-packs-row .coreservercart-server-item:nth-child(3),
  html body .cv2-packs-row.coreservercart-packs-slider-body:not(.packs-slider-body--promo-slot-right) .coreservercart-server-item:nth-child(3) { order: 4; }

  /* promo SAĞ iken paketler 1–3 */
  html body .packs-slider-body--promo-slot-right.cv2-packs-row .coreservercart-server-item:nth-child(1) { order: 1; }
  html body .packs-slider-body--promo-slot-right.cv2-packs-row .coreservercart-server-item:nth-child(2) { order: 2; }
  html body .packs-slider-body--promo-slot-right.cv2-packs-row .coreservercart-server-item:nth-child(3) { order: 3; }
}

/* Sunucu fiyat — özelliklerin hemen üstünde; sağ kolon arka plan/çerçeve YOK */
html body .coreservercart-server-item .coreservercart-server-right,
html body .coreservercart-server-item.popular-highlight .coreservercart-server-right {
  grid-area: price;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0 !important;
  padding: .15rem 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  align-self: start;
}
/* Popüler: fiyat kutusu dış çerçeve/arka plan da şeffaf */
html body .coreservercart-server-item.popular-highlight .coreservercart-server-right .price-section,
html body .coreservercart-server-item.popular-highlight .coreservercart-server-right .pack-detail,
html body .coreservercart-server-item.popular-highlight .coreservercart-server-right .coreservercart-price-section {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
html body .coreservercart-server-item .coreservercart-features-col {
  grid-area: features;
  order: unset;
}
html body .coreservercart-server-item .coreservercart-server-buy {
  grid-area: buy;
}

/* ================================================================
   MOBİL SADECE — yatay kaydırma (1v kart, yan yana, sağa-sola)
   Hosting packs-cards-viewport + sunucu server-grid / slider-wrapper
   ================================================================ */
@media (max-width: 767px) {
  /* Parent: kaydırmayı engelleme */
  html body .packs-slider-container,
  html body .products_list,
  html body .corecartpkts-wrapper,
  html body .tablopaketler,
  html body .vertical--packs,
  html body .packs-slider-body--3v,
  html body .coreservercart-packs-slider-body,
  html body .packs-cards-panel,
  html body .coreservercart-packs-panel,
  html body .cv2-srv-structured-grid {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    display: block !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* display:contents thrash — mobilde gerçek kutu olsun (scroll parent) */
  html body .cv2-packs-row .packs-cards-panel,
  html body .cv2-packs-row .packs-cards-viewport,
  html body .cv2-packs-row .packs-cards-track,
  html body .cv2-packs-row .coreservercart-packs-panel,
  html body .cv2-packs-row .coreservercart-server-grid {
    display: flex !important;
  }

  /* HOSTING: viewport kaydırır — dar kart + yan nefes (kırpma yok) */
  html body .packs-cards-viewport,
  html body .vertical--packs .packs-cards-viewport,
  html body .packs-slider-body--3v .packs-cards-viewport,
  html body .cv2-packs-row .packs-cards-viewport {
    display: block !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-inline: 24px !important;
    scrollbar-width: none !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 8px 0 10px !important;
    margin: 0 !important;
    touch-action: pan-x !important;
  }
  html body .packs-cards-viewport::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }
  html body .packs-cards-track,
  html body .vertical--packs .packs-cards-track,
  html body .cv2-packs-row .packs-cards-track {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    /* kartlar yapışmasın — aralık korunur */
    gap: 16px !important;
    width: max-content !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    padding: 0 24px !important;
    margin: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }
  html body .packs-cards-track > .pack-card-wrapper,
  html body .vertical--packs .packs-cards-track > .pack-card-wrapper,
  html body .packs-cards-track > .pack-card-wrapper:not(.pack-card-wrapper--promo) {
    /* arka plan/kart biraz daha geniş; iç nefes card-front padding ile */
    flex: 0 0 min(88vw, 340px) !important;
    width: min(88vw, 340px) !important;
    min-width: min(88vw, 340px) !important;
    max-width: min(88vw, 340px) !important;
    scroll-snap-align: center !important;
    scroll-snap-stop: always !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
  html body .packs-cards-track > .pack-card-wrapper > .pack,
  html body .packs-cards-track .pack {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  /* hosting promo mobilde şeritten çıkar (1v kaydırmayı bozmasın) */
  html body .packs-slider-body--3v > .pack-card-wrapper--promo,
  html body .cv2-packs-row > .pack-card-wrapper--promo {
    display: none !important;
  }

  /* SUNUCU: kaydırma = slider-wrapper; grid flex şerit (overflow grid'de değil) */
  html body .coreservercart-slider-wrapper {
    display: block !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-inline: 24px !important;
    scrollbar-width: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 8px 0 10px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    touch-action: pan-x !important;
  }
  html body .coreservercart-slider-wrapper::-webkit-scrollbar {
    display: none !important;
    height: 0 !important;
  }
  html body .coreservercart-server-grid,
  html body .coreservercart-packs-slider-body .coreservercart-server-grid,
  html body .cv2-srv-row-with-promo .coreservercart-server-grid,
  html body .cv2-srv-row-no-promo .coreservercart-server-grid,
  html body .cv2-srv-structured-grid .coreservercart-server-grid,
  html body .packs-cards-panel .coreservercart-server-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 16px !important;
    overflow: visible !important;
    width: max-content !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 0 24px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
  /* dar kart + aralık — yapışkan değil */
  html body .coreservercart-server-grid > .coreservercart-server-item,
  html body .coreservercart-slider-wrapper .coreservercart-server-item,
  html body .coreservercart-packs-slider-body .coreservercart-server-item,
  html body .cv2-srv-row-with-promo .coreservercart-server-item,
  html body .cv2-srv-row-no-promo .coreservercart-server-item,
  html body .cv2-srv-structured-grid .coreservercart-server-item {
    /* dış kart biraz geniş; içerik sağ-sol nefes card-front'ta */
    flex: 0 0 min(88vw, 340px) !important;
    width: min(88vw, 340px) !important;
    min-width: min(88vw, 340px) !important;
    max-width: min(88vw, 340px) !important;
    scroll-snap-align: center !important;
    scroll-snap-stop: always !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
  /* iç padding mobilde de net */
  html body .coreservercart-server-item .coreservercart-card-front {
    padding: 10px 14px 12px !important;
    box-sizing: border-box !important;
  }

  /* Nokta navigasyon — alan rezerve (geç gelme / zıplama yok) */
  html body .server-carousel-pagination,
  html body .pack-carousel-pagination,
  html body .coreservercart-container .server-carousel-pagination,
  html body .packs-slider-container .pack-carousel-pagination,
  html body .products_list .pack-carousel-pagination {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-height: 28px !important;
    height: auto !important;
    margin: 4px 0 8px !important;
    padding: 6px 12px 8px !important;
    box-sizing: border-box !important;
  }
  html body .server-pagination-dot,
  html body .pack-pagination-dot {
    display: inline-block !important;
    visibility: visible !important;
    width: 8px !important;
    height: 8px !important;
    min-width: 8px !important;
    border-radius: 999px !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: rgba(var(--cv2-primary-rgb, var(--srv-primary-rgb, 99, 91, 255)), 0.22) !important;
    opacity: 1 !important;
    cursor: pointer !important;
    transition: width .25s ease, background .25s ease !important;
  }
  html body .server-pagination-dot.active,
  html body .pack-pagination-dot.active {
    width: 22px !important;
    border-radius: 6px !important;
    background: var(--cv2-primary, var(--srv-primary, #635bff)) !important;
  }
  html body .coreservercart-server-item .coreservercart-card-inner,
  html body .coreservercart-server-item .coreservercart-card-front {
    width: 100% !important;
    max-width: 100% !important;
  }

  /* mobilde tek kolon kart — nth-child zigzag yok */
  html body .coreservercart-server-item .coreservercart-card-front,
  html body .coreservercart-server-item .coreservercart-card-front.coreservercart-has-image,
  html body .coreservercart-server-item.expanded .coreservercart-card-front {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "head"
      "visual"
      "price"
      "features"
      "buy" !important;
  }

  /* Yazılım */
  html body .ws-product-carousel,
  html body .ws-product-carousel-container .ws-product-carousel {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scroll-snap-type: x mandatory !important;
    padding: 0 14px 8px !important;
    scrollbar-width: none !important;
  }
  html body .ws-carousel-inner .sw-card,
  html body .ws-carousel-inner .ws-product-card {
    flex: 0 0 min(80vw, 310px) !important;
    width: min(80vw, 310px) !important;
    min-width: min(80vw, 310px) !important;
    max-width: min(80vw, 310px) !important;
    scroll-snap-align: center !important;
  }
}

/* Navigasyon noktaları — SADECE mobil; masaüstü + laptop YOK */
.server-carousel-pagination,
.pack-carousel-pagination {
  box-sizing: border-box;
}
html body .ws-pagination-dot,
html body .ws-carousel-pagination .ws-pagination-dot {
  display: inline-block;
  visibility: visible;
  opacity: 0.45;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--soft-text, #64748b);
  border: none;
  padding: 0;
  cursor: pointer;
}
html body .ws-pagination-dot.active,
html body .ws-carousel-pagination .ws-pagination-dot.active {
  width: 36px;
  opacity: 1;
  background: var(--cv2-primary, var(--CoreV2-primary, #635bff));
}

/* Laptop + masaüstü (≥769): noktalar ve yazılım carousel okları gizli */
@media (min-width: 769px) {
  html body .server-carousel-pagination,
  html body .pack-carousel-pagination,
  html body .coreservercart-container .server-carousel-pagination,
  html body .packs-slider-container .pack-carousel-pagination,
  html body .products_list .pack-carousel-pagination,
  html body .vertical--packs .pack-carousel-pagination,
  html body .ws-carousel-pagination,
  html body .ws-product-carousel-container .ws-carousel-pagination,
  html body .ws-main-wrapper .ws-carousel-pagination,
  html body .ws-carousel-controls,
  html body .ws-product-carousel-container .ws-carousel-controls,
  html body .ws-main-wrapper .ws-carousel-controls {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    min-height: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }
}

/* Mobil: noktalar görünür */
@media (max-width: 768px) {
  html body .ws-carousel-pagination,
  html body .ws-product-carousel-container .ws-carousel-pagination,
  html body .ws-main-wrapper .ws-carousel-pagination {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    gap: 8px;
    justify-content: center;
    align-items: center;
    padding-top: 18px;
    min-height: 28px;
  }
}

/* kampanya thrash — sunucu srv-head-row daraltma/grid ez */
html body .coreservercart-server-item .pack-campaign-top,
html body .coreservercart-server-item .pack-countdown-2v,
html body .coreservercart-server-item .pack-campaign-before-features {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  height: auto;
  display: block;
  visibility: visible;
  opacity: 1;
}
html body .coreservercart-server-item .pack-campaign-top .pcs-campaign-layout {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  grid-template-columns: none;
}
html body .coreservercart-server-item .pack-campaign-top .pcs-boxes,
html body .coreservercart-server-item .pack-campaign-top .pcs-campaign-right {
  flex: 1 1 auto;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  min-width: 0;
}

/* price-main arka plan — thrash transparent YOK (son kilidi) */
html body .price-section.cv2-price-badge .price-main,
html body .price-section.cv2-price-badge .price-main.price-main--has-period,
html body .coreservercart-server-item .price-section.cv2-price-badge .price-main,
html body .coreservercart-server-item .price-section.cv2-price-badge .price-main.price-main--has-period,
html body .vertical--packs .pack .price-section.cv2-price-badge .price-main {
  background: linear-gradient(145deg,
    rgba(var(--cv2-primary-rgb, var(--srv-primary-rgb, 99, 91, 255)), .12),
    rgba(var(--cv2-primary-rgb, var(--srv-primary-rgb, 99, 91, 255)), .05));
  background-color: rgba(var(--cv2-primary-rgb, var(--srv-primary-rgb, 99, 91, 255)), .07);
  border: 1px solid rgba(var(--cv2-primary-rgb, var(--srv-primary-rgb, 99, 91, 255)), .18);
}
/* Popüler — cam çerçeve (son kilit; primary thrash ezer) */
html body .vertical--packs .pack.pack-popular .price-section.cv2-price-badge .price-main,
html body .vertical--packs .pack.pack-popular .price-section.cv2-price-badge .price-main.coreservercart-price-wrapper,
html body .coreservercart-server-item.popular-highlight .price-section.cv2-price-badge .price-main,
html body .coreservercart-server-item.popular-highlight .price-section.cv2-price-badge .coreservercart-price-wrapper {
  background: rgba(255, 255, 255, .14);
  background-color: rgba(255, 255, 255, .14);
  background-image: none;
  border: 1px solid rgba(255, 255, 255, .30);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18);
}
html body .vertical--packs .pack.pack-popular .price-section.cv2-price-badge .old-price,
html body .coreservercart-server-item.popular-highlight .price-section.cv2-price-badge .old-price {
  background: rgba(255, 255, 255, .12);
  border-top-color: rgba(255, 255, 255, .30);
  border-left-color: rgba(255, 255, 255, .30);
  border-right-color: rgba(255, 255, 255, .30);
}
/* dönem chip — son kilit (normal + popular) */
html body .price-section.cv2-price-badge .cv2-price-vat .cv2-price-vat__period,
html body .price-section.cv2-price-badge .cv2-price-vat .billing-cycle {
  display: inline-flex;
  padding: 4px 9px;
  min-height: 20px;
  font-size: 11px;
  font-weight: 700;
  border-radius: 8px;
  border: 1px solid rgba(var(--cv2-primary-rgb, var(--srv-primary-rgb, 99, 91, 255)), .30);
  color: var(--cv2-primary, var(--srv-primary, #635bff));
  background-color: #fff;
  background-image: linear-gradient(145deg,
    color-mix(in srgb, var(--cv2-primary, #635bff) 12%, #fff),
    color-mix(in srgb, var(--cv2-primary, #635bff) 5%, #fff));
}
html body .vertical--packs .pack.pack-popular .price-section.cv2-price-badge .cv2-price-vat .cv2-price-vat__period,
html body .vertical--packs .pack.pack-popular .price-section.cv2-price-badge .cv2-price-vat .billing-cycle,
html body .coreservercart-server-item.popular-highlight .price-section.cv2-price-badge .cv2-price-vat .cv2-price-vat__period,
html body .coreservercart-server-item.popular-highlight .price-section.cv2-price-badge .cv2-price-vat .billing-cycle {
  color: #fff;
  border-color: rgba(255,255,255,.38);
  background: rgba(255,255,255,.18);
  background-image: none;
}
html body .price-section.cv2-price-badge .cv2-price-vat .cv2-price-vat__kdv {
  font-size: 11.5px;
  font-weight: 800;
}

/* Populer kart — ozellik ikonlari beyaz (hosting.css paylasimi) */
body .vertical--packs .pack.pack-popular .feature-box {
  background: rgba(255, 255, 255, 0.10);
  border-color: rgba(255, 255, 255, 0.14);
}
body .vertical--packs .pack.pack-popular .feature-box i,
body .vertical--packs .pack.pack-popular .feature-box i[class*="hki-stroke"],
body .pack.pack-popular .feature-box i[class*="hki-stroke"] {
  color: #fff;
  background: rgba(255, 255, 255, 0.18);
}
body .vertical--packs .pack.pack-popular .feature-box .feature-value,
body .pack.pack-popular .feature-box .feature-value {
  color: #fff;
}
body .vertical--packs .pack.pack-popular .feature-box .feature-label,
body .pack.pack-popular .feature-box .feature-label {
  color: rgba(255, 255, 255, 0.75);
}
body .vertical--packs .pack.pack-popular .pack-toggle-btn,
body .vertical--packs .pack.pack-popular .pack-toggle-btn svg,
body .pack.pack-popular .pack-toggle-btn svg {
  color: #fff;
  stroke: #fff;
}
body .vertical--packs .pack.pack-popular .pack-toggle-btn {
  border-color: rgba(255, 255, 255, 0.28);
  background: rgba(255, 255, 255, 0.10);
}

/* Özellik ikonları — her zaman beyaz (normal + popüler + extra) */
html body .coreservercart-feature-icon svg,
html body .coreservercart-feature-icon i,
html body .coreservercart-feature-icon i[class*="hki-stroke"],
html body .coreservercart-server-item .coreservercart-feature-icon svg,
html body .coreservercart-server-item .coreservercart-feature-icon i,
html body .coreservercart-server-item.popular-highlight .coreservercart-feature-icon svg,
html body .coreservercart-server-item.popular-highlight .coreservercart-feature-icon i,
html body .coreservercart-server-item.popular-highlight .coreservercart-feature-icon i[class*="hki-stroke"],
html body .coreservercart-server-item.popular-highlight .coreservercart-show-more svg,
html body .coreservercart-server-item.popular-highlight .coreservercart-show-more .icon-toggle,
html body .coreservercart-server-item .coreservercart-features-extra .coreservercart-feature-icon svg,
html body .coreservercart-server-item .coreservercart-features-extra .coreservercart-feature-icon i,
html body .coreservercart-server-item.popular-highlight .coreservercart-features-extra .coreservercart-feature-icon svg,
html body .coreservercart-server-item.popular-highlight .coreservercart-features-extra .coreservercart-feature-icon i {
  color: #fff;
  fill: #fff;
  stroke: #fff;
}
html body .coreservercart-feature-icon svg use {
  fill: #fff;
  stroke: #fff;
  color: #fff;
}

/* ============================================================
   GÖRSEL KİLİDİ — Tüm özellikler: resim HİÇ hareket etmesin
   Kök neden: expanded grid "features visual" yan yana + stretch
   ============================================================ */

/*
 * Expand grid: head → visual → features → price
 * Görsel ÖZELLİKLERİN ÜSTÜNDE — "Tüm özellikler" açılınca resim AŞAĞI KAYMAZ
 * (features büyürken visual yerinde kalır)
 */
html body .coreservercart-server-item .coreservercart-card-front,
html body .coreservercart-server-item.expanded .coreservercart-card-front,
html body .coreservercart-server-item .coreservercart-card-front.coreservercart-has-image,
html body .coreservercart-server-item.expanded .coreservercart-card-front.coreservercart-has-image {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  /* tutar özellik üstü; satın al özellik altı */
  grid-template-areas:
    "head"
    "visual"
    "price"
    "features"
    "buy";
  align-items: start;
  justify-items: stretch;
  column-gap: 0;
}
@container srv-card (min-width: 300px) {
  html body .coreservercart-server-item .coreservercart-card-front,
  html body .coreservercart-server-item.expanded .coreservercart-card-front,
  html body .coreservercart-server-item.expanded .coreservercart-card-front.coreservercart-has-image {
    grid-template-columns: 1fr;
    grid-template-areas:
      "head"
      "visual"
      "price"
      "features"
      "buy";
    align-items: start;
  }
}

/* Visual kolon — stretch YOK, sabit slot */
html body .coreservercart-server-item .coreservercart-server-middle,
html body .coreservercart-server-item.expanded .coreservercart-server-middle {
  grid-area: visual;
  flex: 0 0 auto;
  align-self: start;
  justify-self: stretch;
  width: 100%;
  min-height: 0;
  height: auto;
  max-height: none;
  position: relative;
  top: 0;
  transform: none;
  margin: 0;
  padding: 0;
}
/*
 * pack-image-area — Eski Yedek (CoreV2 -1) birebir
 * height 154px | padding 20/6/34 | img max 104px | flex center | object-fit contain
 */

/* OS — pack-image-area KUTUSUNUN İÇİNDE (alt şerit) */
html body .coreservercart-server-item .coreservercart-server-middle {
  display: block;
  width: 100%;
}

/* OS — arka plan/çerçeve YOK; ikon + yazı kolon, tam orta, dar, biraz yukarı */
html body .coreservercart-server-item .coreservercart-pack-image-area > .coreservercart-os-section {
  position: absolute;
  left: 50%;
  right: auto;
  bottom: 10px;
  top: auto;
  z-index: 5;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 3px;
  width: max-content;
  max-width: 78%;
  min-width: 0;
  margin: 0;
  padding: 0;
  transform: translateX(-50%);
  visibility: visible;
  opacity: 1;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-sizing: border-box;
  text-align: center;
  pointer-events: auto;
  white-space: normal;
}
html body .coreservercart-server-item .coreservercart-pack-image-area .coreservercart-os-list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin: 0;
  padding: 0;
  width: auto;
  max-width: 100%;
  visibility: visible;
  opacity: 1;
  order: 1;
  background: transparent;
}
html body .coreservercart-server-item .coreservercart-pack-image-area .coreservercart-os-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: var(--header-action-gradient, var(--srv-bg, #fff));
  border: 1px solid rgba(var(--srv-primary-rgb, var(--cv2-primary-rgb, 99, 91, 255)), 0.14);
  box-shadow: none;
  visibility: visible;
  opacity: 1;
  flex-shrink: 0;
}
html body .coreservercart-server-item .coreservercart-pack-image-area .coreservercart-os-item img {
  width: 16px;
  height: 16px;
  object-fit: contain;
  display: block;
}
html body .coreservercart-server-item .coreservercart-pack-image-area .coreservercart-os-item svg {
  width: 13px;
  height: 13px;
  color: #94a3b8;
}
html body .coreservercart-server-item .coreservercart-pack-image-area .coreservercart-os-section .coreservercart-h4 {
  display: block;
  order: 2;
  margin: 0;
  padding: 0;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .02em;
  color: var(--srv-text-muted, #64748b);
  white-space: nowrap;
  line-height: 1.15;
  text-align: center;
  max-width: none;
}
html body .coreservercart-server-item.popular-highlight .coreservercart-pack-image-area > .coreservercart-os-section {
  background: transparent;
  border: none;
  box-shadow: none;
}
html body .coreservercart-server-item.popular-highlight .coreservercart-pack-image-area .coreservercart-os-item {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.28);
}
html body .coreservercart-server-item.popular-highlight .coreservercart-pack-image-area .coreservercart-os-section .coreservercart-h4 {
  color: rgba(255, 255, 255, .88);
}
/*
 * KART İÇİ SAĞ-SOL NEFES — .coreservercart-card-inner / card-front
 * Kampanya, tutar, özellikler, görsel+OS, satın al hepsi kenara yapışmaz
 */
html body .coreservercart-server-item .coreservercart-card-front,
html body .coreservercart-server-item .coreservercart-card-front.coreservercart-has-image {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  /* iç boşluk: sol + sağ */
  padding: 10px 14px 12px;
}
html body .coreservercart-server-item .cv2-srvhead,
html body .coreservercart-server-item .srv-head-stack,
html body .coreservercart-server-item .coreservercart-server-middle,
html body .coreservercart-server-item .coreservercart-pack-image-area,
html body .coreservercart-server-item .coreservercart-server-right,
html body .coreservercart-server-item .pack-detail,
html body .coreservercart-server-item .coreservercart-features-col,
html body .coreservercart-server-item .coreservercart-server-features,
html body .coreservercart-server-item .coreservercart-features-extra,
html body .coreservercart-server-item .pack-campaign-top,
html body .coreservercart-server-item .pack-campaign-before-features {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
/* görsel kutusu da iç padding ile hizalı kalır */
html body .coreservercart-server-item .coreservercart-pack-image-area {
  margin-left: 0;
  margin-right: 0;
}

/* Satın Al — özelliklerin hemen altında; iç kısım biraz dar (sağ-sol nefes) */
html body .coreservercart-server-item .coreservercart-server-buy,
html body .coreservercart-server-item .pack-cart-button-wrapper.coreservercart-server-buy {
  grid-area: buy;
  width: 100%;
  max-width: 100%;
  margin: .35rem 0 0;
  padding: 8px 0 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  justify-self: stretch;
  box-sizing: border-box;
}
html body .coreservercart-server-item .coreservercart-server-buy .pack-cart-btn,
html body .coreservercart-server-item .pack-cart-button-wrapper.coreservercart-server-buy .pack-cart-btn {
  width: calc(100% - 8px);
  max-width: calc(100% - 8px);
  margin: 0 auto;
  justify-content: center;
  box-sizing: border-box;
}

/* ============================================================
   MASAÜSTÜ / LAPTOP: zigzag 2-kolon KALDIRILDI
   Tüm kartlar tek kolon — head → visual → price → features → buy
   ============================================================ */
html body .coreservercart-server-item {
  flex: none;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
html body .coreservercart-server-item .coreservercart-card-inner,
html body .coreservercart-server-item .coreservercart-card-front {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

@media (min-width: 769px) {
  /* nth-child(odd/even) zigzag KALDIRILDI — tek kural, tek kolon */
  html body .coreservercart-server-item .coreservercart-card-front,
  html body .coreservercart-server-item .coreservercart-card-front.coreservercart-has-image,
  html body .coreservercart-server-item.expanded .coreservercart-card-front,
  html body .coreservercart-server-item.expanded .coreservercart-card-front.coreservercart-has-image {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "head"
      "visual"
      "price"
      "features"
      "buy" !important;
    column-gap: 0 !important;
    row-gap: 0.35rem;
    align-items: start;
    width: 100%;
    max-width: 100%;
  }

  html body .coreservercart-server-item .coreservercart-server-middle,
  html body .coreservercart-server-item .coreservercart-server-right,
  html body .coreservercart-server-item .coreservercart-features-col,
  html body .coreservercart-server-item .coreservercart-server-buy {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    justify-self: stretch;
  }
}

/* Dar kart / container — aynı tek kolon */
@container srv-card (max-width: 280px) {
  html body .coreservercart-server-item .coreservercart-card-front,
  html body .coreservercart-server-item .coreservercart-card-front.coreservercart-has-image {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "head"
      "visual"
      "price"
      "features"
      "buy" !important;
  }
}
/* expand / hover — görsel scale/kayma YOK (img stili FINAL blokta tek) */

/* Features büyüsün; visual'a baskı yok */
html body .coreservercart-server-item .coreservercart-features-col,
html body .coreservercart-server-item.expanded .coreservercart-features-col {
  grid-area: features;
  align-self: start;
  width: 100%;
  min-width: 0;
}
/* Hosting pack görseli — expand’da da çerçeve sabit, gizleme yok */
html body .vertical--packs .pack .pack-image-area,
html body .vertical--packs .pack.pack-expanded .pack-image-area {
  height: 128px;
  min-height: 128px;
  max-height: 148px;
  flex: 0 0 auto;
  overflow: hidden;
  box-sizing: border-box;
  transform: none;
  transition: none;
  align-self: stretch;
  display: flex;
  visibility: visible;
  opacity: 1;
}
html body .vertical--packs .pack .pack-image-area img,
html body .vertical--packs .pack.pack-expanded .pack-image-area img {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center center;
  transform: none;
  transition: none;
  opacity: 1;
  visibility: visible;
}
html body .vertical--packs .pack.pack-expanded {
  align-items: stretch;
}
html body .vertical--packs .pack.pack-expanded .pack-image-area {
  order: unset;
}

/* ============================================================
   FINAL: promo sol/sağ + OS sade + promo img küçük/aşağı
   (cascade sonu — thrash bastır)
   ============================================================ */
@media (min-width: 1025px) {
  html body .cv2-packs-row.packs-slider-body--promo-slot-left > .pack-card-wrapper--promo,
  html body .coreservercart-packs-slider-body.packs-slider-body--promo-slot-left > .pack-card-wrapper--promo,
  html body .cv2-packs-row.cv2-srv-row-with-promo.packs-slider-body--promo-slot-left > .pack-card-wrapper--promo {
    order: 1 !important;
    grid-column: auto;
  }
  html body .cv2-packs-row.packs-slider-body--promo-slot-right > .pack-card-wrapper--promo,
  html body .coreservercart-packs-slider-body.packs-slider-body--promo-slot-right > .pack-card-wrapper--promo {
    order: 4 !important;
  }
  html body .packs-slider-body--promo-slot-left .coreservercart-server-item:nth-child(1) { order: 2 !important; }
  html body .packs-slider-body--promo-slot-left .coreservercart-server-item:nth-child(2) { order: 3 !important; }
  html body .packs-slider-body--promo-slot-left .coreservercart-server-item:nth-child(3) { order: 4 !important; }
  html body .packs-slider-body--promo-slot-right .coreservercart-server-item:nth-child(1) { order: 1 !important; }
  html body .packs-slider-body--promo-slot-right .coreservercart-server-item:nth-child(2) { order: 2 !important; }
  html body .packs-slider-body--promo-slot-right .coreservercart-server-item:nth-child(3) { order: 3 !important; }
}

/* Promo poster figure — tam orta (kayma yok) */
html body .pack-card-wrapper--promo .cv2-packs-promo-poster-media img,
html body .pack-card-wrapper--promo .cv2-packs-promo-poster-figure,
html body .pack-card-wrapper--promo .cv2-packs-promo-poster img {
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  transform: none !important;
  margin: 0 !important;
}

/* OS final — ikon arka planı var; metin tek satır; biraz daha aşağı */
html body .coreservercart-server-item .coreservercart-pack-image-area > .coreservercart-os-section,
html body .coreservercart-pack-image-area > .coreservercart-os-section {
  left: 50% !important;
  right: auto !important;
  bottom: 2px !important;
  transform: translateX(-50%) !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  width: max-content !important;
  max-width: 95% !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html body .coreservercart-server-item .coreservercart-pack-image-area .coreservercart-os-section .coreservercart-h4 {
  white-space: nowrap !important;
  text-align: center !important;
  line-height: 1.15 !important;
  max-width: none !important;
  order: 2 !important;
  font-weight: 500 !important;
}
html body .coreservercart-server-item .coreservercart-pack-image-area .coreservercart-os-title-em {
  font-weight: 800 !important;
}
html body .coreservercart-server-item .coreservercart-pack-image-area .coreservercart-os-list {
  order: 1 !important;
  justify-content: center !important;
  background: transparent !important;
}
html body .coreservercart-server-item .coreservercart-pack-image-area .coreservercart-os-item {
  width: 28px !important;
  height: 28px !important;
  border-radius: 8px !important;
  background: var(--header-action-gradient, var(--srv-bg, #fff)) !important;
  border: 1px solid rgba(var(--srv-primary-rgb, var(--cv2-primary-rgb, 99, 91, 255)), 0.14) !important;
  box-shadow: none !important;
}
html body .coreservercart-server-item.popular-highlight .coreservercart-pack-image-area > .coreservercart-os-section {
  background: transparent !important;
  border: none !important;
}

/* ============================================================
   pack-image-area FINAL — Eski Yedek CoreV2-1 birebir
   (cascade sonu; thrash / kırpma / üst hizayı bastır)
   ============================================================ */

html body .coreservercart-server-item.popular-highlight .coreservercart-pack-image-area {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.18) 100%) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}

html body .coreservercart-server-item .coreservercart-pack-image-area > .coreservercart-location-badge {
  position: absolute !important;
  z-index: 4 !important;
  /* biraz daha aşağı */
  top: 28% !important;
  left: 50% !important;
  right: auto !important;
  margin: 0 !important;
  transform: translate(-50%, -50%) !important;
}
html body .coreservercart-server-item .coreservercart-pack-image-area > .coreservercart-os-section {
  bottom: 2px !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  z-index: 5 !important;
}

/* ==========================================================================
   CANONICAL pack-image-area (server) — single source of truth
   Sıkı üst/alt boşluk | resim tam orta | OS dar alt şerit
   ========================================================================== */
html body .coreservercart-server-item .coreservercart-pack-image-area,
html body .coreservercart-server-item.expanded .coreservercart-pack-image-area,
html body .coreservercart-server-item .pack-image-area.coreservercart-pack-image-area {
  /* üst/alt boşluk azaltıldı */
  height: 128px !important;
  min-height: 128px !important;
  max-height: 128px !important;
  padding: 8px 6px 26px !important;
  margin: 0 0 .2rem !important;
  overflow: visible !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  position: relative !important;
  background: linear-gradient(
    135deg,
    rgba(var(--srv-primary-rgb, var(--cv2-primary-rgb, 99, 91, 255)), 0.04) 0%,
    rgba(var(--srv-primary-rgb, var(--cv2-primary-rgb, 99, 91, 255)), 0.09) 100%
  ) !important;
  border: 1.5px solid rgba(var(--srv-primary-rgb, var(--cv2-primary-rgb, 99, 91, 255)), 0.08) !important;
  border-radius: var(--srv-radius-inner, 10px) !important;
}
html body .coreservercart-server-item .coreservercart-pack-image-area > .server-image,
html body .coreservercart-server-item .coreservercart-pack-image-area img.server-image,
html body .coreservercart-server-item.expanded .coreservercart-pack-image-area > .server-image,
html body .coreservercart-server-item.expanded .coreservercart-pack-image-area img.server-image {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 92% !important;
  max-height: 72px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  align-self: center !important;
  flex: 0 0 auto !important;
  z-index: 1 !important;
  filter: drop-shadow(0 2px 10px rgba(0, 0, 0, 0.08)) !important;
  visibility: visible !important;
  opacity: 1 !important;
  transition: none !important;
}
html body .coreservercart-server-item.popular-highlight .coreservercart-pack-image-area > .server-image {
  filter: drop-shadow(0 3px 12px rgba(0, 0, 0, 0.22)) !important;
}
html body .coreservercart-server-item:hover .coreservercart-pack-image-area img,
html body .coreservercart-server-item.expanded:hover .coreservercart-pack-image-area img,
html body .coreservercart-server-item.expanded .coreservercart-pack-image-area img {
  transform: none !important;
}
/* OS — dar alt; üst/alt nefes yok */
html body .coreservercart-server-item .coreservercart-pack-image-area > .coreservercart-os-section {
  bottom: 3px !important;
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  gap: 2px !important;
  z-index: 5 !important;
}
html body .coreservercart-server-item .coreservercart-pack-image-area .coreservercart-os-section .coreservercart-h4 {
  white-space: nowrap !important;
  text-align: center !important;
  font-size: 9px !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  margin: 0 !important;
  padding: 0 !important;
}
html body .coreservercart-server-item .coreservercart-pack-image-area .coreservercart-os-section .coreservercart-os-title-main {
  font-weight: 500 !important;
}
html body .coreservercart-server-item .coreservercart-pack-image-area .coreservercart-os-section .coreservercart-os-title-em {
  font-weight: 800 !important;
  letter-spacing: .01em;
}
html body .coreservercart-server-item .coreservercart-pack-image-area > .coreservercart-location-badge {
  top: 22% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
@media (max-width: 767px) {
  html body .coreservercart-server-item .coreservercart-pack-image-area,
  html body .coreservercart-server-item .pack-image-area.coreservercart-pack-image-area {
    height: 120px !important;
    min-height: 120px !important;
    max-height: 120px !important;
    padding: 6px 5px 24px !important;
  }
  html body .coreservercart-server-item .coreservercart-pack-image-area > .server-image,
  html body .coreservercart-server-item .coreservercart-pack-image-area img.server-image {
    max-width: 90% !important;
    max-height: 66px !important;
  }
}

/* ============================================================
   POPÜLER = DİĞER KARTLAR (ÇİFT PADDING BUG FIX)
   Hata: card-inner + card-front ikisine de 14px verince
   içerik daralıyor ve aşağı kayıyordu. card-inner = 0, front = normal.
   ============================================================ */
html body .coreservercart-server-item.popular-highlight {
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  align-self: stretch !important;
  justify-self: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  position: relative !important;
}

/* card-inner: normal kart gibi padding YOK — tam genişlik */
html body .coreservercart-server-item.popular-highlight .coreservercart-card-inner {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

/* card-front: TEK padding kaynağı — normal kartlarla birebir */
html body .coreservercart-server-item.popular-highlight .coreservercart-card-front,
html body .coreservercart-server-item.popular-highlight .coreservercart-card-front.coreservercart-has-image {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 10px 14px 12px !important;
  transform: none !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

/* head stack — ekstra üst boşluk thrash yok */
html body .coreservercart-server-item.popular-highlight .srv-head-stack,
html body .coreservercart-server-item.popular-highlight .cv2-srvhead,
html body .coreservercart-server-item.popular-highlight .srv-head-block {
  margin: 0 !important;
  margin-top: 0 !important;
  transform: none !important;
}
html body .coreservercart-server-item.popular-highlight .srv-head-stack {
  padding-top: 16px !important; /* rozet yarı-dış; normal ile aynı */
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important;
}

/* server-right / fiyat arka plan yok */
html body .coreservercart-server-item .coreservercart-server-right,
html body .coreservercart-server-item.popular-highlight .coreservercart-server-right {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
html body .coreservercart-server-item.popular-highlight .coreservercart-server-right .price-section.cv2-price-badge,
html body .coreservercart-server-item.popular-highlight .coreservercart-server-right .pack-detail.coreservercart-price-section,
html body .coreservercart-server-item.popular-highlight .coreservercart-price-section.pack-detail {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* satır: hepsi aynı genişlik / üst hiza */
html body .cv2-packs-row.coreservercart-packs-slider-body,
html body .cv2-packs-row.cv2-srv-row-with-promo,
html body [data-cv2-srv-listing="1"] .cv2-packs-row {
  align-items: stretch !important;
}
html body .cv2-packs-row .coreservercart-server-item,
html body .cv2-packs-row .coreservercart-server-item.popular-highlight,
html body [data-cv2-srv-listing="1"] .coreservercart-server-item,
html body [data-cv2-srv-listing="1"] .coreservercart-server-item.popular-highlight {
  align-self: stretch !important;
  justify-self: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

/* ============================================================
   SUNUCU VİTRİN — sabit 1/4 kart boyu + ORTALA
   4’lü satır: promo+3 veya 4 paket.
   1–2–3 kart kalsa bile aynı genişlik, grup TAM ORTA.
   ============================================================ */
@media (min-width: 1025px) {
  html body [data-cv2-srv-listing="1"] {
    --cv2-srv-gap: var(--cv2-card-grid-gap, 14px);
    /* 4 kart + 3 gap → her kart 1/4 satır */
    --cv2-srv-card-w: calc((100% - (3 * var(--cv2-srv-gap))) / 4);
  }

  /* Sayfa 1: flex + center (grid sol yaslama thrash yok) */
  html body [data-cv2-srv-listing="1"] .cv2-packs-row.coreservercart-packs-slider-body,
  html body [data-cv2-srv-listing="1"] .cv2-srv-row-with-promo.cv2-packs-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: stretch !important;
    align-content: stretch !important;
    gap: var(--cv2-srv-gap) !important;
    width: 100% !important;
    grid-template-columns: none !important;
  }

  /* ara sarmalayıcılar: kartlar flex çocuğu olsun */
  html body [data-cv2-srv-listing="1"] .cv2-packs-row .coreservercart-packs-panel,
  html body [data-cv2-srv-listing="1"] .cv2-packs-row .coreservercart-home-servers,
  html body [data-cv2-srv-listing="1"] .cv2-packs-row .coreservercart-container,
  html body [data-cv2-srv-listing="1"] .cv2-packs-row .coreservercart-slider-wrapper,
  html body [data-cv2-srv-listing="1"] .cv2-packs-row .coreservercart-server-grid {
    display: contents !important;
  }

  html body [data-cv2-srv-listing="1"] .cv2-packs-row .coreservercart-server-item,
  html body [data-cv2-srv-listing="1"] .cv2-srv-row-with-promo .coreservercart-server-item,
  html body [data-cv2-srv-listing="1"] .cv2-packs-row > .pack-card-wrapper--promo {
    flex: 0 0 var(--cv2-srv-card-w) !important;
    width: var(--cv2-srv-card-w) !important;
    max-width: var(--cv2-srv-card-w) !important;
    min-width: 0 !important;
    margin: 0 !important;
    grid-column: auto !important;
    box-sizing: border-box !important;
  }

  /* Sayfa 2+: promo yok — aynı 1/4 + orta */
  html body [data-cv2-srv-listing="1"] .cv2-srv-row-no-promo {
    display: block !important;
    width: 100% !important;
  }
  html body [data-cv2-srv-listing="1"] .cv2-srv-row-no-promo .coreservercart-packs-panel,
  html body [data-cv2-srv-listing="1"] .cv2-srv-row-no-promo .coreservercart-home-servers,
  html body [data-cv2-srv-listing="1"] .cv2-srv-row-no-promo .coreservercart-container,
  html body [data-cv2-srv-listing="1"] .cv2-srv-row-no-promo .coreservercart-slider-wrapper {
    display: contents !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  html body [data-cv2-srv-listing="1"] .cv2-srv-row-no-promo .coreservercart-server-grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: stretch !important;
    gap: var(--cv2-srv-gap) !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    grid-template-columns: none !important;
  }
  html body [data-cv2-srv-listing="1"] .cv2-srv-row-no-promo .coreservercart-server-item {
    flex: 0 0 var(--cv2-srv-card-w) !important;
    width: var(--cv2-srv-card-w) !important;
    max-width: var(--cv2-srv-card-w) !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  html body [data-cv2-srv-listing="1"] .coreservercart-server-item,
  html body [data-cv2-srv-listing="1"] .coreservercart-server-item.popular-highlight {
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
  }
}

/* ============================================================
   SPECIAL/HOSTING PACK FIXES v0.2.410
   - %indirim fiyatın yanında (üst/yan), altta değil
   - pack görselleri görünür
   - boş features-extra / alt gap yok
   - pack-head özel paket ikon + başlık hizası
   ============================================================ */

/* Fiyat rozeti: ASLA column (indirim alta düşmesin) */
html body .vertical--packs .pack .pack-detail .price-section.cv2-price-badge,
html body .vertical--packs .pack .pack-detail .price-section,
html body .packs-cards-track .pack .pack-detail .price-section.cv2-price-badge {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  width: 100% !important;
}
html body .vertical--packs .pack .pack-detail .price-section.cv2-price-badge .cv2-price-badge__main {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  order: 1 !important;
}
/* %XX indirim — sağda, fiyat kolonunun dikey ortası (asla price-row altına) */
html body .vertical--packs .pack .pack-detail .price-section.cv2-price-badge > .amount-discount,
html body .vertical--packs .pack .pack-detail .price-section.cv2-price-badge > .amount-discount--chip,
html body .packs-cards-track .pack .price-section.cv2-price-badge > .amount-discount {
  position: relative !important;
  order: 2 !important;
  flex: 0 0 auto !important;
  align-self: center !important;
  margin: 0 0 0 auto !important;
  top: auto !important;
  bottom: auto !important;
  float: none !important;
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
/* pack-detail dış çerçeve thrash (hosting.css border+padding) — sade */
html body .vertical--packs .pack .pack-detail,
html body .packs-cards-track .pack .pack-detail {
  display: block !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 6px 0 4px !important;
}

/* ============================================================
   v0.2.410 INSTANT PAINT — paket/kartlar JS veya anim beklemeden görünür
   (header/kampanya gibi ilk boyamada dolu; orta alan boş beklemesin)
   ============================================================ */
html body .vertical--packs,
html body .vertical--packs .pack-card-wrapper,
html body .vertical--packs .pack,
html body .packs-slider-body--3v,
html body .packs-slider-body--3v > .pack-card-wrapper,
html body .packs-cards-track > .pack-card-wrapper,
html body .pack-card-wrapper--promo,
html body .coreservercart-server-item,
html body .coreservercart-packs-slider-body,
html body .tablopaketler.products_list,
html body .products_list {
  visibility: visible !important;
  opacity: 1 !important;
}
html body .vertical--packs .pack .pack-body,
html body .vertical--packs .pack .pack-features-grid,
html body .vertical--packs .pack .price-section,
html body .vertical--packs .pack .pack-name,
html body .vertical--packs .pack .pack-head-row {
  visibility: visible !important;
  opacity: 1 !important;
}
/* Promo: JS --cv2-closed-pack-h gelmeden de iskelet yüksekliği */
html body .packs-slider-body--3v > .pack-card-wrapper--promo {
  min-height: var(--cv2-closed-pack-h, 380px) !important;
}
@media (max-width: 767px) {
  html body .packs-slider-body--3v > .pack-card-wrapper--promo {
    min-height: 0 !important;
  }
}

/* Pack görsel alanı: tam sığma, gölge yok, gece/gündüz uyumlu */
html body .vertical--packs .pack .pack-image-area,
html body .packs-cards-track .pack .pack-image-area,
html body .vertical--packs .pack .pack-image-area.cv2-no-img-host,
html body .packs-cards-track .pack .pack-image-area.cv2-no-img-host {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  height: 128px !important;
  min-height: 128px !important;
  max-height: 148px !important;
  flex: 0 0 auto !important;
  margin: 4px 0 8px !important;
  padding: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: var(--cv2-radius-btn, 12px) !important;
  border: 1.5px solid rgba(var(--cv2-primary-rgb, 99, 91, 255), 0.12) !important;
  background: linear-gradient(135deg, rgba(var(--cv2-primary-rgb, 99, 91, 255), 0.04) 0%, rgba(var(--cv2-primary-rgb, 99, 91, 255), 0.09) 100%) !important;
  box-shadow: none !important;
  filter: none !important;
}
html body .vertical--packs .pack .pack-image-area::before,
html body .packs-cards-track .pack .pack-image-area::before {
  content: none !important;
  display: none !important;
}
/* Placeholder (görsel yok): kesikli çerçeve — gündüz */
html body .vertical--packs .pack .pack-image-area.cv2-no-img-host,
html body .vertical--packs .pack .pack-image-area.pack-image-area--placeholder,
html body .packs-cards-track .pack .pack-image-area.cv2-no-img-host {
  border-style: dashed !important;
  border-color: rgba(var(--cv2-primary-rgb, 99, 91, 255), 0.28) !important;
  background: linear-gradient(145deg, #f8fafc 0%, #eef2f7 100%) !important;
  box-shadow: none !important;
}
/* Placeholder — gece */
html[data-theme="dark"] body .vertical--packs .pack .pack-image-area.cv2-no-img-host,
html.dark-mode body .vertical--packs .pack .pack-image-area.cv2-no-img-host,
html[data-theme="dark"] body .packs-cards-track .pack .pack-image-area.cv2-no-img-host,
html.dark-mode body .packs-cards-track .pack .pack-image-area.cv2-no-img-host {
  background: linear-gradient(145deg, #1e293b 0%, #0f172a 100%) !important;
  border-color: rgba(148, 163, 184, 0.35) !important;
  box-shadow: none !important;
}
/* Gerçek görsel: çerçeveye TAM sığ (contain), gölge/scale yok */
html body .vertical--packs .pack .pack-image-area img,
html body .vertical--packs .pack.pack-has-image .pack-image-area img,
html body .packs-cards-track .pack .pack-image-area img,
html body .vertical--packs .pack .pack-image-area .pack-image-area__img,
html body .packs-cards-track .pack .pack-image-area .pack-image-area__img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border-radius: 0 !important;
  filter: none !important;
  box-shadow: none !important;
  transform: none !important;
  -webkit-filter: none !important;
}
html body .vertical--packs .pack:hover .pack-image-area img,
html body .packs-cards-track .pack:hover .pack-image-area img,
html body .vertical--packs .pack.pack-popular .pack-image-area img {
  transform: none !important;
  filter: none !important;
  box-shadow: none !important;
}
/* Kırık URL → no-image SVG: çerçeveyi doldur, gölge yok */
html body .vertical--packs .pack .pack-image-area.cv2-no-img-host img,
html body .vertical--packs .pack .pack-image-area img.cv2-no-img-applied,
html body .packs-cards-track .pack .pack-image-area.cv2-no-img-host img,
html body .packs-cards-track .pack .pack-image-area img.cv2-no-img-applied {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: cover !important;
  filter: none !important;
  box-shadow: none !important;
}
/* Gorselsiz paketlerde alan yok (hosting vb.) — placeholder basma */
html body .vertical--packs .pack:not(.pack-has-image) .pack-image-area:not(.cv2-no-img-host) {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Kapalı “tüm özellikler” extra: boşluk bırakmasın */
html body .vertical--packs .pack:not(.pack-expanded) .pack-features-extra,
html body .packs-cards-track .pack:not(.pack-expanded) .pack-features-extra,
html body .vertical--packs .pack .pack-features-extra:empty {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}
/* Özellik gridi altı + sepete ekle arası aşırı gap yok */
html body .vertical--packs .pack .pack-features-wrap {
  margin-bottom: 0 !important;
  flex-grow: 0 !important;
}
html body .vertical--packs .pack .pack-body {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  justify-content: flex-start !important;
  gap: 0 !important;
}
html body .vertical--packs .pack .pack-footer {
  margin-top: 8px !important;
  margin-bottom: 0 !important;
  flex-grow: 0 !important;
}

/* Özel paket başlık satırı — ikon + başlık sıkışık/hizasız olmasın */
html body .vertical--packs .pack .pack-head-row {
  align-items: center !important;
  min-height: 52px !important;
  padding: 10px 12px 8px !important;
}
html body .vertical--packs .pack .pack-head {
  align-items: center !important;
  gap: 10px !important;
}
html body .vertical--packs .pack .pack-name {
  margin-top: 0 !important;
  line-height: 1.2 !important;
}
html body .vertical--packs .pack .pack-name .pn-title {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  max-width: 100% !important;
}
html body .vertical--packs .pack .pack-subtitle {
  display: block !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  opacity: 0.75 !important;
  margin-top: 2px !important;
  white-space: normal !important;
}
html body .vertical--packs .pack .pack-icon {
  flex: 0 0 auto !important;
  width: 36px !important;
  height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
  background: rgba(var(--cv2-primary-rgb, 99, 91, 255), 0.1) !important;
  color: var(--cv2-primary, var(--CoreV2-primary)) !important;
}
html body .vertical--packs .pack .pack-icon svg {
  width: 22px !important;
  height: 22px !important;
}

/* Promo poster figure — aşağı kaydır (görsel üstte kesilmesin) */
html body .pack-card-wrapper--promo .cv2-packs-promo-poster-figure,
html body .pack-card-wrapper--promo .cv2-packs-promo-poster-media img,
html body .pack-card-wrapper--promo .cv2-packs-promo-poster img {
  object-position: center 72% !important;
}

/* Home service promo + blog alignment lock: keep service aside on the same promo system. */
html body .cv2blog-section-header .cv2blog-header-left,
html body .cv2blog-section-header .cv2blog-header-left .genelbaslik,
html body .cv2blog-section-header .cv2blog-header-left .genelbaslik-baslik,
html body .cv2blog-section-header .cv2blog-header-left .genelbaslik-ana-baslik,
html body .cv2blog-section-header .cv2blog-header-left .genelbaslik-aciklama {
  text-align: center !important;
}
html body .cv2blog-section-header .cv2blog-header-left {
  display: flex !important;
  justify-content: center !important;
}
html body .cv2blog-section-header .cv2blog-header-left .cv2blog-genelbaslik {
  width: 100% !important;
  max-width: 720px !important;
  margin-inline: auto !important;
}
html body .svc-promo-aside .cv2-packs-promo-heading {
  display: none !important;
}
html body .svc-promo-aside .cv2-order-poster-badge {
  bottom: 34px !important;
}
html body .svc-promo-aside .cv2-packs-promo-poster-empty {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: rgba(255,255,255,.88);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0;
  background:
    radial-gradient(circle at 50% 35%, rgba(255,255,255,.18), transparent 42%),
    linear-gradient(135deg, rgba(var(--cv2-primary-rgb,99,91,255),.88), rgba(15,23,42,.72));
}
html body .svc-promo-aside .cv2-packs-promo-poster-empty i {
  display: inline-flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(255,255,255,.16);
  color: #fff;
  font-size: 22px;
}
html body .pack-card-wrapper--no-image .cv2-packs-promo-poster::after {
  opacity: .82;
}
html body .vertical--packs .pack .pack-detail .price-section.cv2-price-badge,
html body .packs-cards-track .pack .pack-detail .price-section.cv2-price-badge,
html body .coreservercart-server-item .pack-detail .price-section.cv2-price-badge {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
  column-gap: 8px !important;
}
html body .vertical--packs .pack .pack-detail .price-section.cv2-price-badge .cv2-price-badge__main,
html body .packs-cards-track .pack .pack-detail .price-section.cv2-price-badge .cv2-price-badge__main,
html body .coreservercart-server-item .pack-detail .price-section.cv2-price-badge .cv2-price-badge__main {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: calc(100% - 58px) !important;
}
html body .vertical--packs .pack .pack-detail .price-section.cv2-price-badge > .amount-discount,
html body .vertical--packs .pack .pack-detail .price-section.cv2-price-badge > .amount-discount--chip,
html body .packs-cards-track .pack .pack-detail .price-section.cv2-price-badge > .amount-discount,
html body .packs-cards-track .pack .pack-detail .price-section.cv2-price-badge > .amount-discount--chip,
html body .coreservercart-server-item .pack-detail .price-section.cv2-price-badge > .amount-discount,
html body .coreservercart-server-item .pack-detail .price-section.cv2-price-badge > .amount-discount--chip {
  position: relative !important;
  inset: auto !important;
  order: 2 !important;
  flex: 0 0 auto !important;
  align-self: center !important;
  margin: 0 0 0 auto !important;
  transform: none !important;
}