/* ================================================================
   CoreV2 server.css — SADECE ANA SAYFA SUNUCU SISTEMI
   Kaynak (Yedek anasayfa birebir):
   1) css/server-products.css  → coreservercart kartlari
   2) css/cv2-layout-density.css → packs-cards-panel + coreservercart-packs-panel yigin
   3) css/hosting-pack.css     → coreservercart-packs-slider-body / 3v layout
   4) css/cv2-packs-promo.css  → promo + coreservercart-packs-slider-body
   KURAL: paket sayfasi thrash degil; anasayfa coreservercart-packs-panel 1:1
   ================================================================ */

/* ========== BOLUM 1: Yedek server-products.css (anasayfa coreservercart) ========== */
/* ============================================================
   CORESERVERCART — PRO EDITION
   Masaüstü + Mobil tam uyumlu, profesyonel tasarım
   ============================================================ */
:root {
  --srv-primary-rgb        : var(--CoreV2-primary-rgb, 80, 70, 229);
  --srv-primary            : var(--CoreV2-primary, #5046e5);
  --srv-gradient           : var(--CoreV2-gradient-primary,
                               linear-gradient(135deg, #5046e5 0%, #7c3aed 100%));
  --srv-bg                 : var(--card-background, #ffffff);
  --srv-surface            : rgba(var(--srv-primary-rgb), 0.04);
  --srv-border             : rgba(var(--srv-primary-rgb), 0.10);
  --srv-border-card        : #e8ecf4;
  --srv-text-head          : #1E266D;
  --srv-text-body          : #64748B;
  --srv-text-muted         : #94a3b8;
  --srv-text-white         : #ffffff;
  --srv-radius-card        : var(--cv2-radius-card, 20px);
  --srv-radius-inner       : var(--cv2-radius-card-inner, 14px);
  --srv-radius-chip        : var(--cv2-radius-input, 10px);
  --srv-radius-pill        : var(--cv2-radius-btn, 50px);
  --srv-shadow-card        : 0 2px 12px rgba(0,0,0,.06), 0 0 0 1px var(--srv-border-card);
  --srv-shadow-hover       : 0 8px 32px rgba(var(--srv-primary-rgb),.12), 0 0 0 1px rgba(var(--srv-primary-rgb),.15);
  --srv-shadow-popular     : 0 12px 40px rgba(var(--srv-primary-rgb),.25);
  --srv-transition         : 0.28s cubic-bezier(.4,0,.2,1);
  --fw-regular: 400;
  --fw-medium : 500;
  --fw-semi   : 600;
  --fw-bold   : 700;
}
[data-theme="dark"] {
  --srv-bg                 : #0f1623;
  --srv-surface            : rgba(var(--srv-primary-rgb), 0.10);
  --srv-border             : rgba(var(--srv-primary-rgb), 0.18);
  --srv-border-card        : #1e2a3d;
  --srv-text-head          : #e8edf8;
  --srv-text-body          : #8899bb;
  --srv-text-muted         : #5a6a88;
  --srv-shadow-card        : 0 2px 16px rgba(0,0,0,.35), 0 0 0 1px var(--srv-border-card);
  --srv-shadow-hover       : 0 8px 36px rgba(0,0,0,.45), 0 0 0 1px rgba(var(--srv-primary-rgb),.22);
}
/* all:unset layout'u tamamen bozuyordu — sadece eski WISECP bloklarini gizle */
.tablopaketler {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  float: none;
  text-align: initial;
}
.pakettitle { display: none; }
.categoriesproduct { display: none; }
.tablepaket { display: none; }
.products_list {
  margin-top   : 0.5rem;
  margin-bottom: 1rem;
}
/* ============================================================
   CATEGORY TABS
   ============================================================ */
.professional-tabs-container-wrapper {
  overflow-x             : auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom          : 0.75rem;
  padding-bottom         : 6px;
  scrollbar-width        : thin;
  scrollbar-color        : rgba(var(--srv-primary-rgb),.25) transparent;
}
.professional-tabs-container-wrapper::-webkit-scrollbar { height: 3px; }
.professional-tabs-container-wrapper::-webkit-scrollbar-thumb {
  background   : rgba(var(--srv-primary-rgb),.3);
  border-radius: var(--cv2-radius-input, 8px);
}
.professional-tabs-container {
  display        : flex;
  align-items    : center;
  justify-content: flex-start;
  gap            : 8px;
  padding        : 4px;
  width          : max-content;
  margin         : 0;
}
.professional-tab-link {
  display        : inline-flex;
  align-items    : center;
  justify-content: center;
  text-decoration: none;
  padding        : 9px 18px;
  border-radius  : var(--srv-radius-chip);
  font-weight    : var(--fw-semi);
  font-size      : 14px;
  color          : var(--srv-primary);
  border         : 1px solid rgba(var(--srv-primary-rgb),.12);
  background     : rgba(var(--srv-primary-rgb),.06);
  transition     : all var(--srv-transition);
  white-space    : nowrap;
  letter-spacing : -.01em;
}
.professional-tab-link:hover {
  background    : rgba(var(--srv-primary-rgb),.12);
  border-color  : rgba(var(--srv-primary-rgb),.22);
}
.professional-tab-link.active,
#category-button-active {
  background  : var(--srv-primary);
  color       : #fff;
  border-color: var(--srv-primary);
}
.professional-tab-link .tab-icon,
.professional-tab-link .tab-image {
  margin-right: 7px;
  font-size   : 16px;
  width       : 18px;
  height      : 18px;
}
.professional-tab-link:not(.active) .tab-image {
  filter: grayscale(1) opacity(.6);
}
.professional-tab-link.active .tab-icon,
#category-button-active i { color: #fff; }
/* ============================================================
   PERIOD SELECTOR
   ============================================================ */
.corecartpkts-period-selector-wrapper {
  overflow-x             : auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width        : none;
  margin                 : 0 auto 0.65rem;
  max-width              : 100%;
}
.corecartpkts-period-selector-wrapper::-webkit-scrollbar { display: none; }
.corecartpkts-period-selector {
  display        : flex;
  align-items    : center;
  justify-content: center;
  gap            : 4px;
  width          : max-content;
  margin         : 0 auto;
  padding        : 5px;
  background     : var(--srv-bg);
  border         : 1px solid var(--srv-border-card);
  border-radius  : var(--srv-radius-pill);
}
.coreservercart-button {
  padding      : 8px 20px;
  font-size: var(--cv2-font-size-button, 13px);
  font-weight  : var(--fw-semi);
  border       : none;
  border-radius: var(--srv-radius-pill);
  cursor       : pointer;
  background   : transparent;
  color        : var(--srv-text-body);
  transition   : all var(--srv-transition);
  white-space  : nowrap;
  flex-shrink  : 0;
}
.coreservercart-button.coreservercart-active {
  background: var(--srv-primary);
  color     : #fff;
}
/* ============================================================
   CATEGORY HEADER
   ============================================================ */
.category-main-title {
  font-size  : clamp(1.6rem, 4vw, 2.4rem);
  color      : var(--srv-text-head);
  margin     : 0;
  font-weight: var(--fw-bold);
  letter-spacing: -.03em;
  line-height: 1.15;
}
/* ============================================================
   FILTER BAR (corecartpkts)
   ============================================================ */
.corecartpkts-wrapper .coretema-filter-wrap {
  display        : flex;
  justify-content: center;
  align-items    : center;
  flex-wrap      : wrap;
  gap            : 6px;
  margin-bottom  : 0.65rem;
}

/* Desktop'ta periyot filtreleme bar gorunur olsun */
.cv2-panel-period-bar {
  display: flex;
  justify-content: center;
  margin-bottom: 0.65rem;
}

@media (max-width: 768px) {
  .cv2-panel-period-bar {
    display: flex;
  }
}
.corecartpkts-wrapper .coretema-filter-options {
  display      : flex;
  align-items  : center;
  padding      : 5px;
  background   : rgba(var(--srv-primary-rgb),.06);
  border       : 1px solid rgba(var(--srv-primary-rgb),.10);
  border-radius: var(--cv2-radius-card, 16px);
  gap          : 4px;
}
.corecartpkts-wrapper .coretema-filter-item {
  padding       : 9px 20px;
  display       : flex;
  align-items   : center;
  gap           : 5px;
  font-weight   : var(--fw-medium);
  font-size     : 14px;
  color         : var(--srv-primary);
  background    : transparent;
  border-radius: var(--cv2-radius-input, 12px);
  cursor        : pointer;
  transition    : all var(--srv-transition);
  white-space   : nowrap;
  text-decoration: none;
}
.corecartpkts-wrapper .coretema-filter-item:hover {
  background: rgba(var(--srv-primary-rgb),.10);
}
.corecartpkts-wrapper .coretema-filter-item.active {
  background : var(--srv-primary);
  color      : #fff;
  font-weight: var(--fw-semi);
}
[data-theme="dark"] .corecartpkts-wrapper .coretema-filter-options {
  background  : rgba(var(--srv-primary-rgb),.12);
  border-color: rgba(var(--srv-primary-rgb),.20);
}
/* ============================================================
   COREV2 FILTER BAR — Oweb-style Tabs
   ============================================================ */
.CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-header {
  display: none;
}
@media (max-width: 768px) {
                      .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-item.active {
    background: var(--srv-primary, #D97706);
    color: #fff;
  }
}
[data-theme="dark"] .CoreV2-filter .CoreV2-filter-options {
  background  : linear-gradient(135deg, #1e293b 0%, #162133 100%);
  border-color: rgba(255,255,255,0.08);
  box-shadow  : 0 2px 8px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.05);
}
[data-theme="dark"] .CoreV2-filter .CoreV2-filter-item {
  color: #94a3b8;
}
[data-theme="dark"] .CoreV2-filter .CoreV2-filter-item:hover {
  color: #e2e8f0; background: rgba(255,255,255,0.06);
}
[data-theme="dark"] .CoreV2-filter .CoreV2-filter-item.active {
  background: var(--srv-primary, #D97706);
  color     : #fff;
  box-shadow: 0 2px 8px rgba(var(--srv-primary-rgb, 80,70,229), 0.3);
}
[data-theme="dark"] .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-header {
  background: #1e293b; border-color: rgba(255,255,255,0.06);
}
[data-theme="dark"] .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-icon {
  background: linear-gradient(135deg, #475569 0%, #334155 100%);
  color: #e2e8f0;
  border: 1px solid rgba(255, 255, 255, 0.06);
}
[data-theme="dark"] .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-label { color: #94a3b8; }
[data-theme="dark"] .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-value { color: #f1f5f9; }
[data-theme="dark"] .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-options {
  background: #1e293b; border-color: rgba(255,255,255,0.06);
}
/* ============================================================
   HOME SECTION
   ============================================================ */
.coreservercart-home-servers { padding: .5rem 0; }
.coreservercart-container {
  padding  : 0;
  max-width: var(--CoreV2-container-width);
  margin   : 0 auto;
  width    : 100%;
  box-sizing: border-box;
}
/* ============================================================
   SLIDER (mobile)
   ============================================================ */
.coreservercart-slider-wrapper {
  display                : flex;
  overflow-x             : auto;
  scroll-snap-type       : x mandatory;
  -webkit-overflow-scrolling: touch;
  padding-bottom         : 16px;
  margin                 : 0 auto;
  padding-left           : 0;
  padding-right          : 0;
  scrollbar-width        : none;
  -ms-overflow-style     : none;
}
.coreservercart-slider-wrapper::-webkit-scrollbar { display: none; }
.coreservercart-server-grid {
  display       : flex;
  gap           : 1.25rem;
  padding-bottom: 4px;
}
/* ============================================================
   SERVER CARD
   ============================================================ */
.coreservercart-server-item {
  border-radius : var(--srv-radius-card);
  max-width     : 100%;
  width         : 100%;
  /* 86% thrash YOK — sağ boşluk bırakmasın */
  flex          : 1 1 auto;
  min-width     : 0;
  box-sizing    : border-box;
}
/* Structured listing / grid: tam geniÅŸlik */
.cv2-srv-structured-grid .coreservercart-server-item,
.cv2-srv-row-with-promo .coreservercart-server-item,
.cv2-srv-row-no-promo .coreservercart-server-item,
.coreservercart-server-grid > .coreservercart-server-item,
.coreservercart-packs-slider-body .coreservercart-server-item {
  flex: 1 1 auto;
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.coreservercart-card-inner {
  position     : relative;
  width        : 100%;
  border-radius: calc(var(--srv-radius-card) - 1px);
  overflow     : hidden;
  background   : var(--header-action-gradient, #fff);
  border       : 1px solid var(--header-action-border, rgba(var(--srv-primary-rgb), .12));
  box-sizing   : border-box;
}
.coreservercart-card-front {
  container-type: inline-size;
  container-name: srv-card;
  /* iç sağ-sol nefes: kampanya / tutar / özellik / OS / satın al */
  padding       : 10px 14px 12px;
  box-sizing    : border-box;
  display       : grid;
  grid-template-columns: 1fr;
  grid-template-areas  :
    "head"
    "visual"
    "price"
    "features"
    "buy";
  gap           : 0;
  row-gap       : .4rem;
  align-items   : start;
  overflow      : visible;
}
.coreservercart-server-header {
  grid-area     : head;
  width         : 100%;
  box-sizing    : border-box;
  padding       : .45rem .52rem;
  background    : transparent;
  border-bottom : none;
}
.pack-head-row.srv-head-row {
  padding: .5rem .55rem;
  background: transparent;
  border-bottom: none;
  overflow: visible;
  margin-top: .65rem;
}
.srv-head-row .srv-head-title .coreservercart-h3 {
  font-size     : clamp(.82rem, 3.2cqi, 1rem);
  line-height   : 1.15;
  letter-spacing: -.02em;
  margin        : 0;
}
.srv-head-row .pcs-box,
.srv-head-row .pack-countdown-2v .pcs-box {
  background   : rgba(var(--srv-primary-rgb), .08);
  border       : 1px solid rgba(var(--srv-primary-rgb), .14);
  border-radius: 8px;
  min-width    : 2.1rem;
}
.coreservercart-server-features {
  grid-area: features;
}
.coreservercart-server-middle {
  grid-area: visual;
}
.coreservercart-server-right {
  grid-area: price;
}
.coreservercart-server-header {
  display    : flex;
  flex-wrap  : wrap;
  align-items: center;
  gap        : .6rem;
  margin-bottom: .5rem;
}
.srv-head-row {
  display              : grid;
  grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr);
  align-items          : stretch;
  gap                  : 0;
  width                : 100%;
  margin-bottom        : 0;
  padding              : 0;
  background           : transparent;
  border-bottom        : none;
}
.srv-head-row .pack-campaign-strip,
.srv-head-row .pack-countdown-2v {
  grid-column     : 3;
  width           : 100%;
  max-width       : none;
  min-width       : 0;
  margin          : 0;
  border-left     : none;
  padding         : 0 0 0 .3rem;
  display         : flex;
  flex-direction  : column;
  align-items     : center;
  justify-content : center;
  gap             : 4px;
}
.srv-head-row .pcs-divider {
  grid-column  : 2;
  width        : 1px;
  align-self   : stretch;
  background   : rgba(var(--srv-primary-rgb), .2);
  margin       : 2px 5px;
  border-radius: var(--cv2-radius-input, 1px);
}
.srv-head-title {
  grid-column    : 1;
  min-width      : 0;
  width          : 100%;
  display        : flex;
  flex-direction : column;
  gap            : 3px;
  align-items    : flex-start;
  justify-content: center;
  padding        : 0 .3rem 0 0;
}
.coreservercart-h3 {
  font-size     : 1.35rem;
  color         : #1E266D;
  font-weight   : 800;
  margin        : 0;
  letter-spacing: -.03em;
  line-height   : 1.2;
  font-weight   : var(--fw-bold);
  text-transform: none;
}
.coreservercart-new-popular-badge {
  padding      : 4px 12px;
  border-radius: var(--cv2-radius-chip, 20px);
  font-size    : 11px;
  font-weight  : var(--fw-bold);
  flex-shrink  : 0;
  line-height  : 1;
  text-transform: none;
  background   : rgba(var(--srv-primary-rgb),.10);
  color        : var(--srv-primary);
  border       : 1px solid rgba(var(--srv-primary-rgb),.15);
}
.coreservercart-leds {
  display     : flex;
  gap         : 4px;
  background  : rgba(var(--srv-primary-rgb),.08);
  padding     : 5px 10px;
  border-radius: var(--srv-radius-pill);
  flex-shrink : 0;
  align-items : center;
  border      : 1.5px solid rgba(var(--srv-primary-rgb),.15);
}
.coreservercart-led {
  width        : 7px;
  height       : 7px;
  border-radius: 50%;
}
.coreservercart-led-1 {
  background: #00e87a;
  animation : led-pulse-1 2s 5;
}
.coreservercart-led-2 {
  background: #ffa726;
  animation : led-blink-2 1.5s 5;
}
.coreservercart-led-3 {
  background: #29b6f6;
  animation : led-pulse-3 2.5s 5;
}
.coreservercart-server-features {
  width                : 100%;
  display              : grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap                  : .38rem;
  padding              : .42rem .4rem .42rem .45rem;
  align-content        : start;
}
.coreservercart-feature {
  display     : flex;
  align-items : center;
  gap         : .38rem;
  min-width   : 0;
  width       : 100%;
  padding     : .36rem .38rem;
  background  : rgba(var(--srv-primary-rgb),.04);
  border      : 1px solid rgba(var(--srv-primary-rgb),.09);
  border-radius: var(--srv-radius-chip);
  transition  : background var(--srv-transition), border-color var(--srv-transition);
  position    : relative;
  overflow    : hidden;
}
.coreservercart-feature:hover {
  background  : rgba(var(--srv-primary-rgb),.09);
  border-color: rgba(var(--srv-primary-rgb),.18);
}
.coreservercart-feature::after {
  content   : '';
  position  : absolute;
  inset     : 0;
  background: radial-gradient(circle at center, rgba(var(--srv-primary-rgb),.22) 0%, transparent 70%);
  opacity   : 0;
  transform : scale(.3);
  transition: transform .5s ease, opacity .5s ease;
  pointer-events: none;
  border-radius: inherit;
}
.coreservercart-feature:hover::after { opacity: 1; transform: scale(2.5); }
.coreservercart-feature-icon {
  width        : 34px;
  height       : 34px;
  display      : flex;
  align-items  : center;
  justify-content: center;
  background   : linear-gradient(145deg, var(--srv-primary) 0%,
                   color-mix(in srgb, var(--srv-primary) 72%, #fff) 100%);
  border-radius: 50%;
  flex-shrink  : 0;
  transition   : transform var(--srv-transition);
}
.coreservercart-feature:hover .coreservercart-feature-icon { transform: scale(1.08); }
.coreservercart-feature-icon svg,
.coreservercart-feature-icon i {
  width : 15px;
  height: 15px;
  color : #fff;
  fill  : #fff;
  stroke: #fff;
}
.coreservercart-feature-content { display: flex; flex-direction: column; min-width: 0; overflow: hidden; }
.coreservercart-server-features .coreservercart-h4 {
  font-size   : clamp(10.5px, 2.6cqi, 12px);
  font-weight : var(--fw-semi);
  color       : #475569;
  margin      : 0;
  line-height : 1.25;
  white-space : normal;
  word-break  : break-word;
}
.coreservercart-h4 {
  font-size    : 12.5px;
  font-weight  : var(--fw-semi);
  color        : var(--srv-text-head);
  margin       : 0;
  line-height  : 1.2;
  white-space  : nowrap;
  overflow     : hidden;
  text-overflow: ellipsis;
}
.coreservercart-info {
  font-size    : 9px;
  font-weight  : var(--fw-medium);
  color        : var(--srv-text-muted);
  text-transform: uppercase;
  letter-spacing: .4px;
  margin-bottom: 1px;
}
.coreservercart-server-middle {
  display        : flex;
  flex-direction : column;
  align-items    : center;
  justify-content: flex-end;
  flex           : 1;
  margin-top     : 0;
  margin-bottom  : 0;
  padding        : 0 0 .25rem 0;
  border         : none;
  border-radius  : 0;
  background     : transparent;
  gap            : .3rem;
}
/* Hosting kartı pack-image-area ile aynı mantık — saÄŸ sütun ürün görseli */

.coreservercart-pack-image-area::before {
  content        : '';
  position       : absolute;
  inset          : 0;
  background     : radial-gradient(circle at 50% 120%,
                     rgba(var(--srv-primary-rgb), .12) 0%,
                     transparent 70%);
  pointer-events : none;
}

.coreservercart-server-item.popular-highlight .coreservercart-pack-image-area {
  background  : linear-gradient(135deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .18) 100%);
  border-color: rgba(255, 255, 255, .14);
}

.coreservercart-os-section { text-align: center; width: 100%; }
.coreservercart-os-list {
  display        : flex;
  justify-content: center;
  align-items    : center;
  gap            : 6px;
  margin-bottom  : .4rem;
}
.coreservercart-os-item {
  width        : 30px;
  height       : 30px;
  background   : var(--header-action-gradient, var(--srv-bg));
  border       : 1px solid var(--header-action-border, var(--srv-border-card));
  border-radius: 8px;
  display      : flex;
  align-items  : center;
  justify-content: center;
  transition   : all var(--srv-transition);
  cursor       : pointer;
}
.coreservercart-os-item:hover {
  background  : rgba(var(--srv-primary-rgb),.12);
  border-color: var(--srv-primary);
  transform   : scale(1.12);
}
.coreservercart-os-item img { width: 18px; height: 18px; object-fit: contain; }
.coreservercart-os-item svg { width: 16px; height: 16px; color: #ccd2e0; }
.coreservercart-more-os { position: relative; }
.coreservercart-more-list {
  position   : absolute;
  bottom     : 100%;
  left       : 50%;
  transform  : translateX(-50%);
  margin-bottom: 8px;
  display    : flex;
  align-items: center;
  background : var(--srv-bg);
  padding    : 7px;
  border-radius: var(--srv-radius-pill);
  border     : 1px solid var(--srv-border-card);
  opacity    : 0;
  visibility : hidden;
  transition : all .3s ease;
  z-index    : 20;
}
.coreservercart-more-os:hover .coreservercart-more-list {
  opacity   : 1;
  visibility: visible;
  transform : translate(-50%, -8px);
}
.coreservercart-os-icon { width: 32px; height: 32px; margin: 0 4px; }
.coreservercart-location-badge {
  display      : inline-flex;
  align-items  : center;
  align-self   : center;
  gap          : 4px;
  padding      : 3px 9px;
  background   : rgba(var(--srv-primary-rgb),.06);
  border       : 1px solid rgba(var(--srv-primary-rgb),.10);
  border-radius: var(--srv-radius-pill);
  font-size    : 11px;
  font-weight  : var(--fw-semi);
  color        : var(--srv-primary);
  margin-top   : .3rem;
}
.coreservercart-location-badge svg { width: 12px; height: 12px; color: var(--srv-primary); }
.coreservercart-server-right {
  display        : flex;
  flex-direction : column;
  align-items    : stretch;
  justify-content: flex-start;
  gap            : .45rem;
  flex           : none;
  min-width      : 0;
  width          : 100%;
  margin-top     : 0;
  padding        : .2rem 0 .15rem;
  border-left    : none;
  border         : none;
  background     : transparent;
  box-shadow     : none;
  transition     : none;
}
.coreservercart-price-section {
  display       : flex;
  flex-direction: row;
  align-items   : center;
  gap           : .4rem;
  position      : relative;
  padding       : .38rem .48rem;
  border-radius: var(--cv2-radius-input, 12px);
  background    : var(--header-action-gradient, var(--srv-bg));
  border        : 1px solid var(--header-action-border, rgba(var(--srv-primary-rgb), .12));
}
.coreservercart-discount-badge {
  position       : relative;
  display        : inline-flex;
  align-items    : center;
  justify-content: center;
  width          : 52px;
  height         : 52px;
  flex-shrink    : 0;
}
.coreservercart-badge-svg {
  position   : absolute;
  inset      : 0;
  width      : 100%;
  height     : 100%;
  color      : rgba(var(--primary-rgb, 232,98,0), .15);
}
.coreservercart-discount-badge.badge-popular .coreservercart-badge-svg {
  color      : rgba(255,255,255,.25);
}
.coreservercart-badge-text {
  position      : relative;
  z-index       : 2;
  font-size     : .72rem;
  font-weight   : 900;
  color         : var(--primary, #e86200);
  letter-spacing: -.02em;
  line-height   : 1;
  border        : 1.5px dashed rgba(var(--primary-rgb, 232,98,0), .5);
  border-radius : 50%;
  width         : 28px;
  height        : 28px;
  display       : flex;
  align-items   : center;
  justify-content: center;
}
.coreservercart-discount-badge.badge-popular .coreservercart-badge-text {
  color         : #fff;
  border-color  : rgba(255,255,255,.6);
}
.coreservercart-old-price del {
  text-decoration      : line-through;
  text-decoration-color: rgba(148, 163, 184, 0.75);
}
.coreservercart-price {
  font-size      : 1.8rem;
  line-height    : 1.1;
  letter-spacing : -.03em;
  color          : var(--srv-text-head);
  white-space    : nowrap;
  font-weight    : var(--fw-bold);
  display        : flex;
  align-items    : baseline;
  flex-wrap      : nowrap;
  flex-shrink    : 0;
  gap            : 2px;
}
.coreservercard-back-price-amount {
  font-size      : 1.8rem;
  line-height    : 1.1;
  letter-spacing : -.03em;
  color          : var(--srv-text-head);
  white-space    : nowrap;
  font-weight    : var(--fw-bold);
  display        : flex;
  align-items    : baseline;
  flex-wrap      : nowrap;
  flex-shrink    : 0;
  gap            : 2px;
}
.coreservercart-price .currency-symbol {
  font-size  : 1.3rem;
  font-weight: 700;
  align-self : flex-start;
  margin-top : .15rem;
}
.coreservercart-price > span:first-child {
  font-size  : 1.3rem;
  font-weight: 700;
  align-self : flex-start;
  margin-top : .15rem;
}
.coreservercart-period-tag {
  font-size    : .78rem;
  font-weight  : 700;
  color        : var(--srv-primary);
  opacity      : 1;
  line-height  : 1;
  white-space  : nowrap;
  display      : inline-flex;
  align-items  : flex-end;
  align-self   : flex-end;
  margin-left  : 3px;
  margin-bottom: .15rem;
}
.coreservercart-type {
  font-size    : .7rem;
  font-weight  : var(--fw-semi);
  color        : var(--srv-primary);
  line-height  : 1;
  white-space  : nowrap;
  letter-spacing: .3px;
  opacity      : .85;
  display      : inline;
  vertical-align: middle;
  margin-left  : 2px;
}
.coreservercard-back-price-period {
  font-size    : .7rem;
  font-weight  : var(--fw-semi);
  color        : var(--srv-primary);
  line-height  : 1;
  white-space  : nowrap;
  letter-spacing: .3px;
  opacity      : .85;
  display      : inline;
  vertical-align: middle;
  margin-left  : 2px;
}
.coreservercart-old-price .coreservercart-type {
  color  : inherit;
  opacity: .75;
}
.currency-symbol {
  font-size  : .52em;
  font-weight: var(--fw-bold);
  align-self : flex-start;
  margin-top : .3em;
}
.coreservercart-buy-full {
  width         : 100%;
  justify-content: center;
  padding       : .8rem 1rem;
  font-size     : .95rem;
}
.coreservercart-action-section { display: flex; gap: .75rem; }
.coreservercart-buy {
  display        : flex;
  align-items    : center;
  justify-content: center;
  padding        : .72rem 1.4rem;
  background     : var(--srv-primary);
  font-size      : .9rem;
  font-weight    : var(--fw-bold);
  border-radius  : var(--srv-radius-chip);
  text-decoration: none;
  transition     : all var(--srv-transition);
  gap            : 7px;
  color          : #fff;
  border         : none;
  outline        : 2px solid rgba(var(--srv-primary-rgb), .35);
  outline-offset : 3px;
  position       : relative;
  z-index        : 1;
  overflow       : hidden;
  letter-spacing : -.01em;
}
.coreservercard-back-buy {
  display        : flex;
  align-items    : center;
  justify-content: center;
  padding        : .72rem 1.4rem;
  background     : var(--srv-primary);
  font-size      : .9rem;
  font-weight    : var(--fw-bold);
  border-radius  : var(--srv-radius-chip);
  text-decoration: none;
  transition     : all var(--srv-transition);
  gap            : 7px;
  color          : #fff;
  border         : none;
  outline        : 2px solid rgba(var(--srv-primary-rgb), .35);
  outline-offset : 3px;
  position       : relative;
  z-index        : 1;
  overflow       : hidden;
  letter-spacing : -.01em;
}
.coreservercart-buy::before {
  content   : '';
  position  : absolute;
  inset     : 0;
  background: rgba(255,255,255,.10);
  opacity   : 0;
  transition: opacity var(--srv-transition);
}
.coreservercard-back-buy::before {
  content   : '';
  position  : absolute;
  inset     : 0;
  background: rgba(255,255,255,.10);
  opacity   : 0;
  transition: opacity var(--srv-transition);
}
.coreservercart-buy:hover:not(.out-of-stock-btn)::before { opacity: 1; }
.coreservercart-buy:hover:not(.out-of-stock-btn) {
  transform : translateY(-1px);
  color     : #fff;
}
.coreservercart-buy svg { width: 18px; height: 18px; }
.coreservercard-back-buy svg { width: 18px; height: 18px; }
.coreservercart-buy.out-of-stock-btn {
  background    : var(--srv-primary);
  color         : rgba(255,255,255,.5);
  cursor        : not-allowed;
  border        : none;
  outline       : 2px solid rgba(var(--srv-primary-rgb), .35);
  outline-offset: 3px;
  filter        : grayscale(.6) opacity(.6);
}
.coreservercard-back-buy.out-of-stock-btn {
  background    : var(--srv-primary);
  color         : rgba(255,255,255,.5);
  cursor        : not-allowed;
  border        : none;
  outline       : 2px solid rgba(var(--srv-primary-rgb), .35);
  outline-offset: 3px;
  filter        : grayscale(.6) opacity(.6);
}
.coreservercart-show-more {
  width        : auto;
  padding      : .42rem 1.1rem;
  background   : var(--srv-bg);
  color        : var(--srv-primary);
  border       : 1px solid rgba(var(--srv-primary-rgb),.14);
  border-radius: var(--srv-radius-pill);
  cursor       : pointer;
  display      : flex;
  align-items  : center;
  justify-content: center;
  gap          : 5px;
  transition   : all var(--srv-transition);
  font-size    : .76rem;
  font-weight  : var(--fw-semi);
  margin       : .9rem auto 2.25rem;
  position     : relative;
  z-index      : 2;
}
.coreservercart-show-more .button-text { display: inline; }
.coreservercart-show-more:hover {
  background  : rgba(var(--srv-primary-rgb),.08);
  border-color: rgba(var(--srv-primary-rgb),.24);
}
.coreservercart-show-more .icon-toggle {
  width     : 14px;
  height    : 14px;
  transition: transform .4s ease;
}
.coreservercart-card-back {
  max-height: 0;
  overflow  : hidden;
  transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 100;
  background: var(--header-action-gradient, var(--srv-bg));
  border: 1px solid var(--header-action-border, rgba(var(--srv-primary-rgb), .12));
  border-radius: var(--srv-radius-card);
  box-shadow: 0 4px 16px rgba(0,0,0,.12);
}

.coreservercart-server-item.expanded .coreservercart-card-back {
  max-height: 600px;
  padding: .8rem .52rem .6rem;
  transition: max-height .5s ease-out;
  background: transparent;
  padding   : 0;
  border    : none;
}
.coreservercard-detail-wrapper {
  padding      : 1rem 1.1rem;
  background   : rgba(var(--srv-primary-rgb),.03);
  border       : 1px solid rgba(var(--srv-primary-rgb),.08);
  border-radius: var(--srv-radius-inner);
  margin       : 0 .9rem .9rem;
}
.coreservercard-detail-item {
  display      : flex;
  align-items  : center;
  gap          : .55rem;
  padding      : .5rem .6rem;
  background   : rgba(var(--srv-primary-rgb),.04);
  border       : 1px solid rgba(var(--srv-primary-rgb),.08);
  border-radius: var(--srv-radius-chip);
  transition   : background var(--srv-transition);
}
.coreservercard-detail-icon i[class*="hki-stroke"] {
  font-size      : 22px;
  color          : var(--srv-primary);
  display        : flex;
  align-items    : center;
  justify-content: center;
  width          : 100%;
  height         : 100%;
  line-height    : 1;
}
.coreservercard-detail-info { display: flex; flex-direction: column; min-width: 0; }
.coreservercart-bottom-row {
  display        : flex;
  align-items    : center;
  justify-content: center;
  gap            : 10px;
  padding        : 5px 1.5rem 8px;
}
/* ============================================================
   COUNTDOWN TIMER
   ============================================================ */
.server-countdown {
  background   : rgba(var(--srv-primary-rgb),.08);
  border       : 1px solid rgba(var(--srv-primary-rgb),.14);
  border-radius: 12px;
  padding      : 8px 12px;
  display      : block;
  width        : 100%;
  order        : 10;
  flex-direction: column;
  align-items  : center;
  gap          : 4px;
  text-align   : center;
}
.server-countdown .countdown-title {
  font-size  : 10px;
  font-weight: var(--fw-semi);
  color      : var(--srv-primary);
  margin-bottom: 0;
  display    : block;
  white-space: nowrap;
  text-align : center;
}
.server-countdown .countdown-boxes {
  display        : flex;
  justify-content: center;
  align-items    : center;
  gap            : 3px;
}
.server-countdown .cd-box {
  background   : rgba(var(--srv-primary-rgb),.10);
  border-radius: 7px;
  min-width    : 36px;
  padding      : 4px 7px;
  text-align   : center;
}
.server-countdown .cd-val {
  display    : block;
  font-size  : 16px;
  font-weight: var(--fw-bold);
  color      : var(--srv-primary);
  line-height: 1.2;
}
.server-countdown .cd-lbl {
  display      : block;
  font-size    : 8px;
  font-weight  : var(--fw-semi);
  color        : var(--srv-primary);
  opacity      : .65;
  text-transform: uppercase;
}
.server-countdown .cd-sep {
  font-size  : 14px;
  font-weight: var(--fw-bold);
  color      : var(--srv-primary);
  opacity    : .45;
}
.coreservercart-server-header .server-countdown {
  flex-basis: auto;
  width     : auto;
  order     : 0;
  margin    : 0 0 0 8px;
  display   : inline-flex;
  padding   : 5px 10px;
}
.coreservercart-server-header .server-countdown .cd-box { min-width: 28px; padding: 2px 5px; }
.coreservercart-server-header .server-countdown .cd-val { font-size: 13px; }
.coreservercart-server-header .server-countdown .cd-lbl { font-size: 7px; }
.coreservercart-server-header .server-countdown .cd-sep { font-size: 11px; line-height: 1.8; }
.coreservercart-server-header .server-countdown .countdown-title { font-size: 10px; }
[data-theme="dark"] .server-countdown {
  background  : rgba(var(--srv-primary-rgb),.15);
  border-color: rgba(var(--srv-primary-rgb),.22);
}
[data-theme="dark"] .server-countdown .cd-box { background: rgba(var(--srv-primary-rgb),.15); }
/* ============================================================
   CAMPAIGN STRIP
   ============================================================ */
/* Sunucu kartı — kampanya 2×2 (hosting ile uyumlu), baÅŸlıkla eÅŸit iki sütun */
.srv-head-row .pcs-label,
.srv-head-row .pack-countdown-2v .pcs-label {
  display        : flex;
  align-items    : center;
  justify-content: center;
  gap            : 3px;
  font-size      : clamp(7.5px, 2.2cqi, 9px);
  font-weight    : var(--fw-bold);
  line-height    : 1.15;
  color          : var(--srv-primary);
  white-space    : nowrap;
  overflow       : hidden;
  text-overflow  : ellipsis;
  width          : 100%;
  max-width      : 100%;
  margin         : 0;
  padding        : 0 2px;
  letter-spacing : .03em;
  text-transform : uppercase;
}
.srv-head-row .pcs-label svg,
.srv-head-row .pack-countdown-2v .pcs-label svg {
  width      : 9px;
  height     : 9px;
  flex-shrink: 0;
  opacity    : .88;
}
.srv-head-row .pcs-boxes,
.srv-head-row .pack-countdown-2v .pcs-boxes {
  display              : grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap                  : 3px;
  width                : 100%;
  max-width            : 100%;
}
.srv-head-row .pcs-sep,
.srv-head-row .pack-countdown-2v .pcs-sep {
  display: none;
}
.srv-head-row .pcs-box,
.srv-head-row .pack-countdown-2v .pcs-box {
  display        : flex;
  flex-direction : column;
  align-items    : center;
  justify-content: center;
  min-width      : 0;
  width          : 100%;
  padding        : 4px 3px 3px;
  border-radius  : 5px;
  background     : rgba(var(--srv-primary-rgb), .09);
  border         : 1px solid rgba(var(--srv-primary-rgb), .16);
  box-shadow     : none;
  box-sizing     : border-box;
}
.srv-head-row .pcs-num,
.srv-head-row .pack-countdown-2v .pcs-num {
  font-size            : clamp(10px, 2.8cqi, 12px);
  font-weight          : var(--fw-bold);
  color                : var(--srv-primary);
  line-height          : 1;
  font-variant-numeric : tabular-nums;
}
.srv-head-row .pcs-unit,
.srv-head-row .pack-countdown-2v .pcs-unit {
  font-size     : clamp(5px, 1.5cqi, 6.5px);
  font-weight   : var(--fw-semi);
  color         : rgba(var(--srv-primary-rgb), .58);
  text-transform: uppercase;
  margin-top    : 2px;
  line-height   : 1;
  white-space   : nowrap;
  letter-spacing: .04em;
}
.popular-highlight .srv-head-row .pcs-label,
.popular-highlight .srv-head-row .pack-countdown-2v .pcs-label {
  color: rgba(255, 255, 255, .92);
}
.popular-highlight .srv-head-row .pcs-box,
.popular-highlight .srv-head-row .pack-countdown-2v .pcs-box {
  background  : rgba(255, 255, 255, .2);
  border-color: rgba(255, 255, 255, .32);
}
.popular-highlight .srv-head-row .pcs-num,
.popular-highlight .srv-head-row .pack-countdown-2v .pcs-num {
  color: #fff;
}
.popular-highlight .srv-head-row .pcs-unit,
.popular-highlight .srv-head-row .pack-countdown-2v .pcs-unit {
  color: rgba(255, 255, 255, .75);
}
/* ============================================================
   KART İÇÄ° DÃœZEN — container query (dar 3’lü vitrin + tam geniÅŸlik)
   Üst: kampanya 2×2 + başlık | Sol: özellikler 2×2 | Sağ: görsel+OS+fiyat
   ============================================================ */
@container srv-card (min-width: 300px) {
  .coreservercart-card-front {
    /* dikey yigin (2-kolon karti sisiriyordu) — LOCK dosya sonunda da pekistirilir */
    grid-template-columns: 1fr;
    grid-template-areas  :
    "head"
    "visual"
    "price"
    "features"
    "buy";
    row-gap              : .35rem;
    column-gap           : 0;
    padding              : 0 .52rem .3rem;
  }
  .coreservercart-server-features {
    display              : grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap                  : .34rem;
    padding              : .4rem .48rem .4rem .5rem;
    width                : 100%;
    min-width            : 0;
    align-content        : start;
  }
  .coreservercart-feature {
    width    : 100%;
    max-width: 100%;
    min-width: 0;
    padding  : .32rem .34rem;
    gap      : .32rem;
  }
  .coreservercart-server-features .coreservercart-feature-icon {
    width : 30px;
    height: 30px;
  }
  .coreservercart-server-features .coreservercart-feature-icon svg {
    width : 13px;
    height: 13px;
  }
  .coreservercart-server-features .coreservercart-h4 {
    font-size: clamp(10px, 2.4cqi, 11.5px);
  }
  .coreservercart-server-middle {
    flex           : none;
    width          : 100%;
    min-width      : 0;
    margin         : 0;
    padding        : .28rem .48rem .06rem;
    align-self     : start;
    justify-content: flex-end;
    align-items    : center;
    border         : none;
    border-radius  : 0;
    background     : transparent;
  }
  /* .coreservercart-server-right çerçeve thrash KALDIRILDI — fiyat özellik üstünde sade */
  
  
  .coreservercart-os-item {
    width : 30px;
    height: 30px;
  }
  .coreservercart-os-item img {
    width : 18px;
    height: 18px;
  }
  .coreservercart-price-section {
    flex-direction : column;
    align-items    : center;
    justify-content: center;
    gap            : .2rem;
    padding        : .32rem .36rem;
  }
  .coreservercart-price-wrapper {
    text-align: center;
    width     : 100%;
  }
  .coreservercart-price {
    font-size: clamp(1rem, 5cqi, 1.45rem);
  }
  .coreservercart-buy,
  .coreservercart-buy-full {
    width          : 100%;
    padding        : .38rem .55rem;
    font-size      : .72rem;
    justify-content: center;
  }
  .srv-head-row .pcs-divider {
    display: block;
  }
}
@container srv-card (min-width: 560px) {
  .coreservercart-card-front {
    grid-template-columns: minmax(0, 1.12fr) minmax(130px, 0.88fr);
    column-gap           : .4rem;
    padding              : 0 0 .32rem;
  }
  .coreservercart-server-features {
    padding: .42rem .36rem .42rem .5rem;
    gap    : .38rem;
  }
  .coreservercart-feature {
    padding: .38rem .42rem;
  }
  .coreservercart-server-features .coreservercart-feature-icon {
    width : 32px;
    height: 32px;
  }
  .coreservercart-server-features .coreservercart-h4 {
    font-size: 12px;
  }
  
  
  .coreservercart-server-middle {
    padding: .32rem .32rem .06rem;
  }
  .coreservercart-server-right {
    padding: .28rem .32rem .32rem;
  }
  .coreservercart-price-section {
    padding       : .32rem .36rem;
    flex-direction: row;
    align-items   : center;
  }
}
/* ============================================================
   STOCK / OUT-OF-STOCK
   ============================================================ */
.coreservercart-sunucustok {
  position    : absolute;
  top         : 50%;
  left        : 50%;
  transform   : translate(-50%, -50%);
  right       : auto;
  background  : rgba(100,116,139,.82);
  color       : #fff;
  font-size   : 13px;
  font-weight : var(--fw-bold);
  padding     : 10px 22px;
  border-radius: 12px;
  text-transform: none;
  z-index     : 10;
  display     : flex;
  align-items : center;
  gap         : 7px;
  white-space : nowrap;
  backdrop-filter: blur(5px);
  border      : 1px solid rgba(255,255,255,.2);
}
.coreservercart-server-item.out-of-stock {
  opacity : .55;
  filter  : grayscale(.35);
  overflow: hidden;
}
@keyframes srv-static {
  0%   { background-position: 0 0; }
  20%  { background-position: -10% 5%; }
  40%  { background-position: 7% -20%; }
  60%  { background-position: 15% 10%; }
  80%  { background-position: -5% 30%; }
  100% { background-position: 0 0; }
}
.coreservercart-server-item.out-of-stock::before {
  content        : '';
  position       : absolute;
  inset          : 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.88' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.4'/%3E%3C/svg%3E");
  background-size: 150px 150px;
  animation      : srv-static .15s steps(1) 20;
  z-index        : 6;
  pointer-events : none;
  opacity        : .30;
  mix-blend-mode : overlay;
  border-radius  : inherit;
}
.coreservercart-server-item.out-of-stock::after {
  content   : '';
  position  : absolute;
  left      : 0;
  right     : 0;
  top       : 0;
  height    : 40%;
  background: linear-gradient(to bottom, transparent 0%, rgba(255,255,255,.05) 50%, transparent 100%);
  animation : srv-scanline 2s linear 5;
  z-index   : 7;
  pointer-events: none;
  border-radius: 0;
}
/* ============================================================
   POPULAR HIGHLIGHT
   ============================================================ */
.coreservercart-server-item.popular-highlight {
  background: var(--CoreV2-primary-gradient,
               linear-gradient(135deg, var(--srv-primary) 0%, #7c3aed 100%));
  border    : 1px solid rgba(255,255,255,.15);
}
.coreservercart-server-item.popular-highlight .coreservercart-card-inner,
.coreservercart-server-item.popular-highlight .coreservercart-card-front,
.coreservercart-server-item.popular-highlight .coreservercart-server-left,
.coreservercart-server-item.popular-highlight .coreservercart-card-back,
.coreservercart-server-item.popular-highlight .coreservercart-bottom-row {
  background  : transparent;
  border-color: rgba(255,255,255,.12);
}
.coreservercart-server-item.popular-highlight .coreservercart-server-right {
  background  : transparent;
  border      : none;
  box-shadow  : none;
}
.coreservercart-server-item.popular-highlight .coreservercart-server-middle {
  background  : transparent;
  border      : none;
}
.popular-highlight .pack-head-row {
  background         : rgba(255,255,255,.06);
  border-bottom-color: rgba(255,255,255,.14);
}
.popular-highlight .coreservercart-server-header {
  background         : rgba(255,255,255,.06);
  border-bottom-color: rgba(255,255,255,.14);
}
.popular-highlight .coreservercard-detail-wrapper { background: rgba(0,0,0,.10); border-color: rgba(255,255,255,.12); }
.popular-highlight .coreservercart-show-more { background: rgba(255,255,255,.10); color: rgba(255,255,255,.9); border-color: rgba(255,255,255,.2); }
.popular-highlight .coreservercart-h3   { color: #fff; }
.popular-highlight .coreservercart-price { color: #fff; }
.popular-highlight .coreservercard-back-price-amount { color: #fff; }
.popular-highlight .coreservercart-type { color: rgba(255,255,255,.80); }
.popular-highlight .coreservercard-back-price-period { color: rgba(255,255,255,.80); }
.popular-highlight .coreservercart-new-popular-badge { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.30); color: #fff; }
.popular-highlight .coreservercart-feature { background: rgba(255,255,255,.14); border-color: rgba(255,255,255,.22); }
.popular-highlight .coreservercart-feature::after { background: radial-gradient(circle at center, rgba(255,255,255,.28) 0%, transparent 70%); }
.popular-highlight .coreservercart-feature-icon { background: rgba(255,255,255,.22); }
.popular-highlight .coreservercart-feature-icon svg { color: #fff; }
.popular-highlight .coreservercart-h4  { color: #fff; }
.popular-highlight .coreservercart-info { color: rgba(255,255,255,.72); }
.popular-highlight .coreservercart-old-price { color: rgba(255,255,255,.7); }
.popular-highlight .coreservercart-old-price del { text-decoration-color: rgba(255,255,255,.5); }
.popular-highlight .coreservercart-price .currency-symbol { color: #fff; }
.popular-highlight .coreservercart-price > span:first-child { color: #fff; }
.popular-highlight .coreservercart-period-tag { color: rgba(255,255,255,.85); }
.popular-highlight .coreservercart-price-wrapper { gap: 1px; }
.popular-highlight .coreservercart-price { flex-wrap: nowrap; align-items: baseline; white-space: nowrap; }
.popular-highlight .coreservercart-price .billing-cycle { display: inline; width: auto; font-size: .75rem; color: rgba(255,255,255,.8); margin-left: 3px; white-space: nowrap; }
.popular-highlight .coreservercart-buy {
  background: rgba(255,255,255,.95);
  color     : var(--srv-primary);
}
.popular-highlight .coreservercard-back-buy {
  background: rgba(255,255,255,.95);
  color     : var(--srv-primary);
}
.popular-highlight .coreservercart-buy svg { color: var(--srv-primary); }
.popular-highlight .coreservercard-back-buy svg { color: var(--srv-primary); }
.popular-highlight .coreservercart-buy:hover:not(.out-of-stock-btn) {
  background: #fff;
}
.popular-highlight .coreservercard-detail-item  { background: rgba(0,0,0,.12); border-color: rgba(255,255,255,.14); }
.popular-highlight .coreservercard-detail-icon  { background: rgba(0,0,0,.12); }
.popular-highlight .coreservercard-detail-icon svg { color: rgba(255,255,255,.8); }
.popular-highlight .coreservercard-detail-icon i[class*="hki-stroke"] { color: rgba(255,255,255,.85); }
.popular-highlight .coreservercard-detail-label { color: rgba(255,255,255,.58); }
.popular-highlight .coreservercard-detail-value { color: rgba(255,255,255,.90); }
.popular-highlight .coreservercard-detail-header { color: rgba(255,255,255,.70); border-color: rgba(255,255,255,.15); }
.popular-highlight .coreservercard-detail-header-icon { color: rgba(255,255,255,.70); }
.popular-highlight .coreservercart-os-item { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.22); }
.popular-highlight .coreservercart-os-item:hover { background: rgba(255,255,255,.24); border-color: rgba(255,255,255,.5); }
.popular-highlight .coreservercart-location-badge { background: rgba(255,255,255,.14); border-color: rgba(255,255,255,.25); color: #fff; }
.popular-highlight .coreservercart-location-badge svg { color: #fff; }
.popular-highlight .coreservercart-leds {
  background: rgba(255,255,255,.15);
  border: 1.5px solid rgba(255,255,255,.25);
}
.coreservercart-server-item.popular-highlight .server-countdown .cd-box { background: rgba(255,255,255,.15); }
.coreservercart-server-item.popular-highlight .server-countdown .cd-val,
.coreservercart-server-item.popular-highlight .server-countdown .cd-sep { color: #fff; }
.coreservercart-server-item.popular-highlight .server-countdown .countdown-title { color: #fff; }
.coreservercart-server-item.popular-highlight .server-countdown .cd-lbl { color: rgba(255,255,255,.72); }
.popular-highlight .srv-head-row .pcs-divider { background: rgba(255,255,255,.28); }
.popular-highlight .srv-head-row .pcs-label,
.popular-highlight .srv-head-row .pcs-sep { color: rgba(255,255,255,.88); }
.popular-highlight .srv-head-row .pcs-box { background: rgba(255,255,255,.18); border: 1px solid rgba(255,255,255,.28); }
.popular-highlight .srv-head-row .pcs-num { color: #fff; }
.popular-highlight .srv-head-row .pcs-unit { color: rgba(255,255,255,.68); }
/* ============================================================
   PAGINATION DOTS
   ============================================================ */
.server-carousel-pagination {
  display        : none;
  justify-content: center;
  align-items    : center;
  gap            : 6px;
  margin-top     : -2px;
  padding        : 4px 0;
}
.server-pagination-dot {
  width        : 7px;
  height       : 7px;
  border-radius: 50%;
  border       : none;
  background   : rgba(var(--srv-primary-rgb),.20);
  cursor       : pointer;
  padding      : 0;
  transition   : all var(--srv-transition);
}
.server-pagination-dot.active {
  width        : 22px;
  border-radius: var(--cv2-radius-input, 4px);
  background   : var(--srv-primary);
}
/* ============================================================
   TABLET  768–1024
   ============================================================ */
@media (min-width: 768px) {
  .coreservercart-server-item {
    width: var(--cv2-card-col, 80%);
    flex: 0 0 var(--cv2-card-col, 80%);
    max-width: var(--cv2-card-col, 80%);
  }
  .coreservercart-packs-slider-body .coreservercart-server-item {
    width     : 100%;
    flex      : none;
    max-width : none;
  }
  .coreservercart-card-front {
    padding: 0;
  }
  .coreservercart-server-features { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .45rem; }
  .professional-tabs-container { justify-content: center; }
  .corecartpkts-period-selector { justify-content: center; }
}
/* ============================================================
   TABLET + MOBÄ°L  â‰Â¤ 1024
   ============================================================ */
@media (max-width: 1024px) {
  .pack-head-row {
    padding: .4rem .38rem;
  }
  .coreservercart-server-header {
    padding: .4rem .38rem;
  }
  .coreservercart-feature { padding: .4rem .5rem; gap: .4rem; }
  .coreservercart-feature-icon { width: 28px; height: 28px; }
  .coreservercart-feature-icon svg { width: 13px; height: 13px; }
  .coreservercart-h4   { font-size: 11px; }
  .coreservercart-info { font-size: 8px; }
  .coreservercart-os-section { margin-top: 0; }
  .coreservercart-os-list { margin-bottom: .15rem; }
  .coreservercart-slider-wrapper {
    padding-left : 0;
    padding-right: 0;
    margin       : 0 auto;
  }
  .coreservercart-server-grid {
    padding-right: 0;
    width        : 100%;
  }
  .coreservercart-discount-badge { width: 40px; height: 40px; flex-shrink: 0; }
  .coreservercart-badge-text     { width: 22px; height: 22px; font-size: .6rem; }
  .coreservercart-old-price { font-size: .82rem; }
  .coreservercart-server-header { flex-wrap: wrap; width: 100%; }
}
/* ============================================================
   MOBILE  â‰Â¤ 767
   ============================================================ */
@media (max-width: 767px) {
  .server-carousel-pagination { display: flex; }
  .coreservercart-show-more {
    margin  : .75rem auto 1.8rem;
    padding : .32rem .85rem;
    font-size: .7rem;
  }
  .coreservercard-detail-wrapper  { margin: 0 .7rem .7rem; padding: .7rem; }
  .coreservercard-detail-features { grid-template-columns: repeat(2, 1fr); gap: .38rem; }
  .coreservercard-detail-item     { padding: .38rem .48rem; gap: .38rem; }
  .coreservercard-detail-icon     { min-width: 32px; width: 32px; height: 32px; }
  .coreservercard-detail-icon svg { width: 15px; height: 15px; }
  .coreservercard-detail-value    { font-size: 11px; }
  .coreservercard-detail-label    { font-size: 9px; }
  .coreservercard-detail-icon i[class*="hki-stroke"] { font-size: 20px; }
  .coreservercart-location-badge { font-size: 10px; padding: 2px 7px; }
  .corecartpkts-wrapper .coretema-filter-wrap { gap: 10px; padding: 0 10px; }
  .corecartpkts-wrapper .coretema-filter      { width: 100%; }
  .corecartpkts-wrapper .coretema-filter.coretema-filter-mobile .coretema-filter-header {
    display      : flex;
    align-items  : center;
    gap          : 12px;
    padding      : 11px 14px;
    background   : rgba(var(--srv-primary-rgb),.06);
    border       : 1px solid rgba(var(--srv-primary-rgb),.10);
    border-radius: var(--cv2-radius-input, 12px);
    cursor       : pointer;
    position     : relative;
  }
  .corecartpkts-wrapper .coretema-filter.coretema-filter-mobile .coretema-filter-icon {
    min-width    : 42px;
    height       : 42px;
    display      : flex;
    align-items  : center;
    justify-content: center;
    background   : var(--srv-bg);
    border-radius: var(--cv2-radius-input, 10px);
    font-size    : 17px;
    color        : var(--srv-primary);
  }
  .corecartpkts-wrapper .coretema-filter.coretema-filter-mobile .coretema-filter-label { font-size: 12px; color: var(--srv-text-muted); display: block; }
  .corecartpkts-wrapper .coretema-filter.coretema-filter-mobile .coretema-filter-value { font-weight: var(--fw-semi); font-size: 14px; color: var(--srv-text-head); }
  .corecartpkts-wrapper .coretema-filter.coretema-filter-mobile .coretema-filter-arrow {
    position     : absolute;
    right        : 14px;
    top          : 50%;
    transform    : translateY(-50%);
    width        : 30px;
    height       : 30px;
    background   : rgba(var(--srv-primary-rgb),.10);
    border-radius: 50%;
    display      : flex;
    align-items  : center;
    justify-content: center;
    transition   : all var(--srv-transition);
  }
  .corecartpkts-wrapper .coretema-filter.coretema-filter-mobile .coretema-filter-arrow::before {
    content      : '';
    width        : 7px;
    height       : 7px;
    border-right : 2px solid var(--srv-primary);
    border-bottom: 2px solid var(--srv-primary);
    transform    : rotate(45deg) translateY(-2px);
    transition   : transform var(--srv-transition);
  }
  .corecartpkts-wrapper .coretema-filter.coretema-filter-mobile.open .coretema-filter-arrow::before { transform: rotate(-135deg) translateY(-2px); }
  .corecartpkts-wrapper .coretema-filter.coretema-filter-mobile .coretema-filter-options {
    display      : none;
    flex-direction: row;
    flex-wrap    : wrap;
    margin-top   : 8px;
    padding      : 10px;
    gap          : 6px;
  }
  .corecartpkts-wrapper .coretema-filter.coretema-filter-mobile.open .coretema-filter-options { display: flex; }
  .corecartpkts-wrapper .coretema-filter.coretema-filter-mobile .coretema-filter-item {
    width        : auto;
    padding      : 8px 16px;
    font-size    : 13px;
    border-radius: var(--cv2-radius-input, 11px);
  }
  .pack-head-row,
  .pack-head-row.srv-head-row {
    padding: .45rem .4rem;
  }
  .pack-head-row.srv-head-row {
    grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr);
  }
  .srv-head-row {
    grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr);
  }
  .srv-head-row .pack-campaign-strip,
  .srv-head-row .pack-countdown-2v {
    padding: 0 0 0 .3rem;
    gap    : 4px;
  }
  .srv-head-row .srv-head-title {
    padding: 0 .3rem 0 0;
  }
  .srv-head-row .pcs-divider {
    margin: 2px 5px;
  }
  .srv-head-row .pcs-boxes,
  .srv-head-row .pack-countdown-2v .pcs-boxes {
    gap: 2px;
  }
  .srv-head-row .pcs-box,
  .srv-head-row .pack-countdown-2v .pcs-box {
    padding: 3px 2px;
  }
  .srv-head-row .pcs-num,
  .srv-head-row .pack-countdown-2v .pcs-num {
    font-size: 10px;
  }
  .srv-head-row .pcs-unit,
  .srv-head-row .pack-countdown-2v .pcs-unit {
    font-size: 5px;
  }
  .srv-head-row .pcs-label,
  .srv-head-row .pack-countdown-2v .pcs-label {
    font-size: 7.5px;
  }
  .srv-head-row .srv-head-title .coreservercart-h3,
  .srv-head-row .coreservercart-h3 {
    font-size  : clamp(.95rem, 4vw, 1.08rem);
    line-height: 1.22;
  }
  .srv-head-row .coreservercart-leds {
    padding: 4px 8px;
  }
  .srv-head-row .coreservercart-new-popular-badge {
    font-size: 9px;
    padding  : 3px 9px;
  }
  .coreservercart-server-features {
    gap    : .32rem;
    padding: .36rem .32rem .36rem .38rem;
  }
  .coreservercart-feature {
    padding: .32rem .34rem;
    gap    : .32rem;
  }
  .coreservercart-server-features .coreservercart-feature-icon {
    width : 28px;
    height: 28px;
  }
  .coreservercart-server-features .coreservercart-h4 {
    font-size: 10.5px;
  }
  
  
}
/* ============================================================
   DESKTOP  â‰Â¥ 1025
   ============================================================ */
@media (min-width: 1025px) {
  .professional-tabs-container-wrapper {
    display        : flex;
    justify-content: center;
    overflow-x     : visible;
  }
  .coreservercart-container { padding: 0; }
  .coreservercart-slider-wrapper {
    display : block;
    overflow: visible;
    margin  : 0;
    padding : 0;
  }
  .coreservercart-server-grid {
    display              : grid;
    grid-template-columns: 1fr;
    gap                  : 1.75rem;
    padding-bottom       : 0;
  }
  .coreservercart-server-item {
    width        : 100%;
    max-width    : 1200px;
    margin       : 0 auto;
    flex         : none;
    scroll-snap-align: none;
    overflow     : visible;
    padding-bottom: 0;
  }
  .coreservercart-server-item:last-child { margin-right: auto; }
  .coreservercart-server-item:hover      { transform: none; }
  .coreservercart-server-item.popular-highlight { transform: none; }
  .coreservercart-card-inner {
    display       : flex;
    flex-direction: column;
    gap           : 0;
    margin-bottom : 0;
  }
  .pack-head-row {
    padding: .65rem .85rem;
  }
  .coreservercart-server-header {
    padding: .65rem .85rem;
  }
  .coreservercart-feature {
    padding      : .55rem .7rem;
    border-radius: var(--cv2-radius-input, 11px);
  }
  .coreservercart-h3    { font-size: 1.32rem; }
  .coreservercart-h4    { font-size: 13px; white-space: normal; word-break: break-word; }
  .coreservercart-info  { font-size: 10px; }
  .coreservercart-feature-icon { width: 36px; height: 36px; }
  .coreservercart-feature-icon svg { width: 17px; height: 17px; }
  .coreservercart-price-wrapper { text-align: center; }
  .coreservercart-price         { font-size: 1.6rem; color: var(--srv-primary); }
  .coreservercart-show-more {
    padding  : .3rem .95rem;
    font-size: .76rem;
    margin   : .45rem auto .9rem;
    align-self: center;
  }
  .coreservercart-bottom-row {
    display        : flex;
    align-items    : center;
    justify-content: center;
    gap            : 12px;
    padding        : 5px 2rem 9px;
  }
  .coreservercart-card-back  { border-top: none; }
  .coreservercard-detail-wrapper { padding: 1.4rem 2.2rem; }
  .coreservercard-detail-features {
    display              : grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap                  : .5rem;
  }
  .coreservercard-detail-item  { padding: .75rem .9rem; }
  .coreservercard-detail-icon  { min-width: 44px; width: 44px; height: 44px; }
  .coreservercard-detail-icon svg { width: 22px; height: 22px; }
  .coreservercard-detail-value { font-size: 13px; }
  .coreservercard-detail-label { font-size: 10px; }
  .coreservercart-sunucustok { top: 50%; left: 50%; }
  .coreservercart-location-badge { display: inline-flex; visibility: visible; }
  .server-countdown {
    flex-direction: column;
    align-items   : center;
    gap           : 4px;
    margin        : 0 0 0 10px;
    width         : auto;
    flex-basis    : auto;
  }
}
/* ============================================================
   DARK MODE — filter bar
   ============================================================ */
[data-theme="dark"] .corecartpkts-wrapper .coretema-filter.coretema-filter-mobile .coretema-filter-header {
  background  : rgba(var(--srv-primary-rgb),.10);
  border-color: rgba(var(--srv-primary-rgb),.18);
}
[data-theme="dark"] .corecartpkts-wrapper .coretema-filter.coretema-filter-mobile .coretema-filter-icon { background: #1e293b; }
[data-theme="dark"] .corecartpkts-wrapper .coretema-filter.coretema-filter-mobile .coretema-filter-value { color: var(--srv-text-head); }
/* index-public.bundle eski flex düzenini geçersiz kıl */
body#home .coreservercart-card-front,
.coreservercart-card-front {
  display: grid;
}
body#home .coreservercart-server-left,
.coreservercart-server-left {
  display: contents;
}
body#home .coreservercart-server-middle,
.coreservercart-server-middle {
  margin-top  : 0;
  margin-left : 0;
  flex        : none;
}
body#home .coreservercart-server-right,
.coreservercart-server-right {
  margin-top     : 0;
  flex-direction : column;
  align-items    : stretch;
}
/* ============================================================
   SUNUCU + HOSTING PROMO ŞERÄ°DÄ° — packs-slider-body--3v (birebir hosting)
   ============================================================ */
.coreservercart-packs-slider-body.packs-slider-body--3v .coreservercart-packs-panel {
  grid-column: 2 / -1;
  min-width  : 0;
  padding    : 0;
  display    : flex;
  flex-direction: column;
}
.coreservercart-packs-slider-body.packs-slider-body--3v {
  gap: 0;
}
.coreservercart-packs-panel .coreservercart-container,
.coreservercart-packs-panel .coreservercart-slider-wrapper {
  width    : 100%;
  max-width: 100%;
  padding  : 0;
  margin   : 0;
}
/*
 * NOT: Sunucu kartlari ana sayfa ile ayni yigin (column flex).
 * 3 kolon grid ZORLANMAMALI — .cv2-srv-row-with-promo / .cv2-srv-row-no-promo kurallari gecerli.
 * Eski flex-nowrap (yan yana tasama) da kullanilmaz.
 */
@media (min-width: 769px) {
  .coreservercart-packs-slider-body:not(.cv2-srv-row-with-promo) .coreservercart-server-grid {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: var(--cv2-packs-3v-gap, 18px);
    width: 100%;
    max-width: 100%;
    align-items: stretch;
  }
  .coreservercart-packs-slider-body:not(.cv2-srv-row-with-promo) .coreservercart-server-item {
    width: 100%;
    max-width: none;
    flex: none;
    margin: 0;
    min-width: 0;
  }
}
.coreservercart-packs-slider-body .coreservercart-card-inner {
  height: 100%;
}
.coreservercart-packs-slider-body .coreservercart-packs-panel .server-carousel-pagination {
  width      : 100%;
  margin-top : 2px;
}
.coreservercart-packs-slider-body > .pack-card-wrapper--promo {
  background: linear-gradient(
    135deg,
    rgba(var(--CoreV2-primary-rgb, var(--srv-primary-rgb)), .07) 0%,
    #fff 52%,
    rgba(var(--CoreV2-primary-rgb, var(--srv-primary-rgb)), .05) 100%
  );
}
[data-theme="dark"] .coreservercart-card-inner {
  background: linear-gradient(
    135deg,
    rgba(var(--srv-primary-rgb), .22) 0%,
    var(--header-action-gradient, #1e293b) 55%,
    rgba(var(--srv-primary-rgb), .16) 100%
  );
  border-color: var(--header-action-border, rgba(var(--srv-primary-rgb), .28));
}
[data-theme="dark"] .coreservercart-packs-slider-body > .pack-card-wrapper--promo {
  background: linear-gradient(
    135deg,
    rgba(var(--srv-primary-rgb), .22) 0%,
    var(--header-action-gradient, #1e293b) 55%,
    rgba(var(--srv-primary-rgb), .16) 100%
  );
  border-color: var(--header-action-border, rgba(var(--srv-primary-rgb), .28));
}
/* coreservercart-home-servers card dark mode background */
[data-theme="dark"] .coreservercart-server-item .coreservercart-card-inner {
  background: linear-gradient(
    135deg,
    rgba(var(--srv-primary-rgb), .18) 0%,
    var(--header-action-gradient, #1e293b) 52%,
    rgba(var(--srv-primary-rgb), .12) 100%
  );
  border-color: var(--header-action-border, rgba(var(--srv-primary-rgb), .24));
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}
/* pack-card-wrapper--promo background (hem cnb-cards-grid hem de packs-slider-body) */
[data-theme="dark"] .pack-card-wrapper--promo:not(.svc-promo-aside) {
  border-color: rgba(var(--CoreV2-primary-rgb), 0.32);
  background: linear-gradient(
    135deg,
    rgba(var(--CoreV2-primary-rgb), 0.12) 0%,
    var(--header-action-gradient, #1e293b) 52%,
    rgba(var(--CoreV2-primary-rgb), 0.08) 100%
  );
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}
[data-theme="dark"] .cnb-cards-grid .pack-card-wrapper--promo {
  border-color: rgba(var(--CoreV2-primary-rgb), 0.32);
  background: linear-gradient(
    135deg,
    rgba(var(--CoreV2-primary-rgb), 0.12) 0%,
    var(--header-action-gradient, #1e293b) 52%,
    rgba(var(--CoreV2-primary-rgb), 0.08) 100%
  );
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}
/* structured grid: homepage ile ayni — .cv2-srv-row-with-promo kurallari (dosya sonu) */
@media (max-width: 768px) {
  .coreservercart-packs-slider-body.packs-slider-body--3v .coreservercart-packs-panel {
    grid-row   : 2;
    grid-column: 1 / -1;
    width      : 100%;
    padding    : 0;
    overflow   : visible;
  }
  .coreservercart-packs-panel .coreservercart-container {
    overflow: visible;
  }
  .coreservercart-packs-panel .coreservercart-slider-wrapper,
  body#home .coreservercart-packs-panel .coreservercart-slider-wrapper {
    display                    : flex;
    overflow-x                 : auto;
    overflow-y                 : visible;
    -webkit-overflow-scrolling : touch;
    scroll-snap-type           : x mandatory;
    touch-action               : pan-x pan-y;
    width                      : 100%;
    max-width                  : 100%;
    margin-left                : 0;
    margin-right               : 0;
    padding                    : 0 0 8px;
    scrollbar-width            : none;
  }
  .coreservercart-packs-panel .coreservercart-slider-wrapper::-webkit-scrollbar {
    display: none;
  }
  .coreservercart-packs-slider-body .coreservercart-server-grid {
    display              : flex;
    flex-wrap            : nowrap;
    grid-template-columns: none;
    gap                  : 12px;
    width                : auto;
    min-width            : 100%;
    padding              : 0;
  }
  .coreservercart-packs-slider-body .coreservercart-server-item {
    flex              : 0 0 100%;
    width             : 100%;
    max-width         : 100%;
    min-width         : 0;
    scroll-snap-align : start;
  }
  .pack-head-row.srv-head-row {
    grid-template-columns: 1fr;
    grid-template-rows   : auto auto;
    row-gap              : .4rem;
    padding              : .5rem .45rem;
  }
  .srv-head-row {
    grid-template-columns: 1fr;
    grid-template-rows   : auto auto;
    row-gap              : .4rem;
    padding              : .5rem .45rem;
  }
  .srv-head-row .srv-head-title {
    grid-column    : 1;
    grid-row       : 1;
    padding        : 0;
    flex-direction : row;
    align-items    : center;
    flex-wrap      : wrap;
    gap            : .35rem;
  }
  .srv-head-row .pcs-divider {
    display: none;
  }
  .srv-head-row .pack-campaign-strip,
  .srv-head-row .pack-countdown-2v {
    grid-column     : 1;
    grid-row        : 2;
    padding         : 0;
    align-items     : stretch;
    width           : 100%;
  }
  .srv-head-row .pcs-boxes,
  .srv-head-row .pack-countdown-2v .pcs-boxes {
    display              : grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap                  : 4px;
    width                : 100%;
  }
  .srv-head-row .pcs-sep {
    display: none;
  }
  .srv-head-row .pcs-label,
  .srv-head-row .pack-countdown-2v .pcs-label {
    font-size  : 9px;
    text-align : center;
    width      : 100%;
  }
  .srv-head-row .pcs-num,
  .srv-head-row .pack-countdown-2v .pcs-num {
    font-size: 11px;
  }
  .srv-head-row .pcs-unit,
  .srv-head-row .pack-countdown-2v .pcs-unit {
    font-size: 6px;
  }
  .coreservercart-card-front {
    overflow: visible;
  }
}
@media (min-width: 768px) {
  .coreservercart-card-front,
  body#home .coreservercart-card-front {
    padding: 0 .52rem .3rem;
  }
  .coreservercart-feature {
    padding: .34rem .38rem;
  }
}
@media (max-width: 0px) {
/* Disabled experimental server-card overrides. */
/* Compact server visual: title and OS controls live on the image panel. */
.coreservercart-card-front {
  grid-template-areas:
    "visual"
    "price"
    "features";
}
.coreservercart-server-middle {
  position: relative;
  padding-bottom: 0;
  gap: 0;
}
/* thrash-clean: 100px kilit kaldirildi -> yedek 154/104 */

.coreservercart-pack-image-area::after {
  display: none;
}

.coreservercart-visual-head {
  position: absolute;
  z-index: 3;
  top: 10px;
  left: 12px;
  right: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.coreservercart-visual-head .coreservercart-h3 {
  min-width: 0;
  overflow: hidden;
  color: var(--srv-text-head);
  font-size: clamp(.86rem, 3.5cqi, 1.05rem);
  font-weight: var(--fw-bold);
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.coreservercart-visual-head .coreservercart-new-popular-badge {
  padding: 4px 8px;
  font-size: 9px;
  white-space: nowrap;
}
.coreservercart-location-badge {
  position: absolute;
  z-index: 4;
  top: 76px;
  right: 10px;
  margin: 0;
  padding: 3px 7px;
  font-size: 9px;
  backdrop-filter: blur(8px);
}
.coreservercart-os-section {
  position: absolute;
  z-index: 5;
  left: 50%;
  bottom: 8px;
  width: auto;
  max-width: calc(100% - 20px);
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 5px 7px 5px 10px;
  transform: translateX(-50%);
  border: 1px solid rgba(var(--srv-primary-rgb), .14);
  border-radius: var(--srv-radius-pill);
  background: color-mix(in srgb, var(--srv-bg) 88%, transparent);
  box-shadow: 0 7px 20px rgba(15, 23, 42, .1);
  backdrop-filter: blur(12px);
  white-space: nowrap;
}
.coreservercart-os-section .coreservercart-h4 {
  margin: 0;
  color: var(--srv-text-muted);
  font-size: 8px;
  font-weight: var(--fw-semibold);
  letter-spacing: .05em;
  text-transform: uppercase;
}
.coreservercart-os-list {
  gap: 4px;
  margin: 0;
}
.coreservercart-os-item {
  width: 27px;
  height: 27px;
  border-radius: 8px;
  box-shadow: none;
}
.coreservercart-os-item img {
  width: 16px;
  height: 16px;
}
.coreservercart-os-item svg {
  width: 13px;
  height: 13px;
}
.popular-highlight .coreservercart-visual-head .coreservercart-h3 {
  color: #fff;
}
.popular-highlight .coreservercart-os-section {
  border-color: rgba(255, 255, 255, .22);
  background: rgba(15, 23, 42, .3);
}
.popular-highlight .coreservercart-os-section .coreservercart-h4 {
  color: rgba(255, 255, 255, .72);
}
@container srv-card (min-width: 300px) {
  /* visual features üstünde — expand resim kaydırmaz */
  .coreservercart-card-front {
    grid-template-columns: 1fr;
    grid-template-areas  :
    "head"
    "visual"
    "price"
    "features"
    "buy";
    align-items: start;
  }
  
}
@media (max-width: 767px) {
  
  
  .coreservercart-visual-head {
    top: 9px;
    left: 10px;
    right: 10px;
  }
  .coreservercart-location-badge {
    top: 38px;
  }
}
/* Cleaner server heading and a clearly visible sold-out state. */
.pack-head-row.srv-head-row {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  gap: 12px;
  min-height: 0;
  padding: 10px 6px 12px;
  border: 0;
  border-bottom: 1px solid rgba(var(--srv-primary-rgb), .1);
  border-radius: 0;
  background: transparent;
}
.pack-head-row.srv-head-row .srv-head-title {
  order: 1;
  width: 100%;
}
.pack-head-row.srv-head-row > .pcs-divider {
  display: none;
}
.pack-head-row.srv-head-row .pack-campaign-strip,
.pack-head-row.srv-head-row .pack-countdown-2v {
  order: 2;
  width: 100%;
  max-width: 100%;
  flex: 1 1 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  background: linear-gradient(135deg, rgba(var(--srv-primary-rgb), 0.06) 0%, rgba(var(--srv-primary-rgb), 0.12) 100%);
  border: 1px solid rgba(var(--srv-primary-rgb), 0.15);
  border-radius: 10px;
  padding: 10px 14px;
  box-sizing: border-box;
}
.pack-head-row.srv-head-row .server-countdown {
  order: 2;
  width: 100%;
  max-width: 100%;
  flex: 1 1 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  background: linear-gradient(135deg, rgba(var(--srv-primary-rgb), 0.06) 0%, rgba(var(--srv-primary-rgb), 0.12) 100%);
  border: 1px solid rgba(var(--srv-primary-rgb), 0.15);
  border-radius: 10px;
  padding: 10px 14px;
  box-sizing: border-box;
}
.srv-head-row .srv-head-title {
  order: 1;
  flex: 1 1 auto;
  width: auto;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  padding: 0;
}
.srv-head-row .srv-head-title .coreservercart-h3 {
  overflow: hidden;
  font-size: clamp(.9rem, 3.3cqi, 1.05rem);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.srv-head-row .coreservercart-leds {
  padding: 4px 7px;
}
.srv-head-row .pcs-divider {
  order: 2;
  flex: 0 0 1px;
  align-self: stretch;
  margin: 0 2px;
}
.srv-head-row .pack-campaign-strip,
.srv-head-row .pack-countdown-2v {
  order: 3;
  flex: 0 1 46%;
  width: auto;
  padding: 0;
}
.srv-head-row .pcs-boxes,
.srv-head-row .pack-countdown-2v .pcs-boxes {
  grid-template-columns: repeat(4, 29px);
  gap: 2px;
  width: fit-content;
  max-width: 122px;
  margin-inline: auto;
}
.srv-head-row .pcs-box,
.srv-head-row .pack-countdown-2v .pcs-box {
  min-width: 0;
  width: 29px;
  padding: 3px 2px;
  border-radius: 5px;
}
.srv-head-row .pcs-unit,
.srv-head-row .pack-countdown-2v .pcs-unit {
  font-size: 5.5px;
}.coreservercart-server-item.out-of-stock .coreservercart-card-inner,
.coreservercart-server-item.out-of-stock .coreservercart-show-more,
.coreservercart-server-item.out-of-stock .coreservercart-bottom-row {
  opacity: .72;
  filter: grayscale(.18);
}
.coreservercart-sunucustok {
  top: 50%;
  left: 50%;
  padding: 9px 18px;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(255, 255, 255, .24);
  border-radius: 9px;
  background: rgba(51, 65, 85, .96);
  box-shadow: 0 8px 24px rgba(15, 23, 42, .24);
  font-size: 12px;
  letter-spacing: 0;
  text-transform: none;
  opacity: 1;
  filter: none;
@media (max-width: 767px) {
  .pack-head-row.srv-head-row {
    grid-template-columns: minmax(0, 1fr) 1px minmax(120px, .9fr);
    padding: 7px 8px;
  }
  .srv-head-row .srv-head-title {
    gap: 6px;
  }
}
/* Final card backgrounds and sold-out visibility. */
.coreservercart-server-item,
.coreservercart-card-inner {
  box-shadow: none;
}
.coreservercart-server-item:not(.popular-highlight) .coreservercart-card-inner {
  background: linear-gradient(135deg, rgba(var(--CoreV2-primary-rgb, 2, 132, 199), 0.04) 0%, #ffffff 50%, rgba(var(--CoreV2-primary-rgb, 2, 132, 199), 0.08) 100%);
  border: 1px solid var(--header-action-border, rgba(var(--srv-primary-rgb), .12));
}
.coreservercart-server-item.popular-highlight .coreservercart-card-inner {
  background: transparent;
}
.coreservercart-server-item.out-of-stock .coreservercart-card-inner {
  opacity: .68;
  filter: grayscale(.38) blur(1.25px);
  box-shadow: none;
}
.coreservercart-server-item.out-of-stock .coreservercart-card-front,
.coreservercart-server-item.out-of-stock .coreservercart-card-back,
.coreservercart-server-item.out-of-stock .coreservercart-bottom-row {
  opacity: 1;
  filter: none;
}
.coreservercart-server-item.out-of-stock:hover .coreservercart-card-inner {
  opacity: .68;
  filter: grayscale(.38) blur(1.25px);
}
.coreservercart-server-item .coreservercart-sunucustok,
.coreservercart-server-item.out-of-stock:hover .coreservercart-sunucustok {
  display: flex;
  visibility: visible;
  opacity: 1;
  z-index: 50;
  filter: none;
  box-shadow: none;
  transform: translate(-50%, -50%);
}
.coreservercart-pack-image-area .coreservercart-more-list {
  box-shadow: none;
}
/* Sold-out card surface: keep normal backgrounds, mute only sold-out content. */
.coreservercart-server-item:not(.out-of-stock) .coreservercart-card-inner {
  background: linear-gradient(
    135deg,
    rgba(var(--srv-primary-rgb), .06) 0%,
    var(--header-action-gradient, #fff) 48%,
    rgba(var(--srv-primary-rgb), .04) 100%
  );
  opacity: 1;
  filter: none;
}
.coreservercart-server-item.out-of-stock .coreservercart-card-inner {
  opacity: 1;
  filter: none;
  background: linear-gradient(
    135deg,
    rgba(100, 116, 139, .18) 0%,
    rgba(226, 232, 240, .88) 50%,
    rgba(100, 116, 139, .14) 100%
  );
  border-color: rgba(100, 116, 139, .28);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .28);
  backdrop-filter: blur(8px);
}
.coreservercart-server-item.out-of-stock .coreservercart-card-front,
.coreservercart-server-item.out-of-stock .coreservercart-card-back,
.coreservercart-server-item.out-of-stock .coreservercart-bottom-row {
  opacity: .62;
  filter: grayscale(.28) saturate(.65);
}
.coreservercart-server-item.out-of-stock .coreservercart-sunucustok {
  opacity: 1;
  filter: none;
}
[data-theme="dark"] .coreservercart-server-item.out-of-stock .coreservercart-card-inner {
  background: linear-gradient(
    135deg,
    rgba(71, 85, 105, .72) 0%,
    rgba(30, 41, 59, .94) 52%,
    rgba(71, 85, 105, .58) 100%
  );
  border-color: rgba(148, 163, 184, .24);
.coreservercart-sunucustok {
  top: 50%;
  padding: 9px 18px;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(255, 255, 255, .24);
  border-radius: 9px;
  background: rgba(51, 65, 85, .96);
  box-shadow: 0 8px 24px rgba(15, 23, 42, .24);
  font-size: 12px;
  letter-spacing: 0;
  text-transform: none;
}
/* Final neutral sold-out override. */
.coreservercart-server-item.out-of-stock {
  opacity: 1;
  filter: none;
/* Final sold-out badge; preserve the original card background. */
.coreservercart-server-item.out-of-stock {
  opacity: 1;
  filter: none;
}
.coreservercart-server-item.out-of-stock .coreservercart-card-inner,
.coreservercart-server-item.out-of-stock .coreservercart-show-more,
.coreservercart-server-item.out-of-stock .coreservercart-bottom-row {
  opacity: .72;
  filter: grayscale(.18);
}
.coreservercart-server-item.out-of-stock::before,
.coreservercart-server-item.out-of-stock::after {
  content: none;
  display: none;
  animation: none;
  background: none;
}
.coreservercart-server-item.out-of-stock:hover {
  background: inherit;
  filter: none;
}
.coreservercart-sunucustok {
  top: 50%;
  left: 50%;
  right: auto;
  padding: 9px 18px;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(255, 255, 255, .24);
  border-radius: 9px;
  background: rgba(51, 65, 85, .96);
  box-shadow: 0 8px 24px rgba(15, 23, 42, .24);
  color: #fff;
  font-size: 12px;
  letter-spacing: 0;
  text-transform: none;
  backdrop-filter: blur(6px);
}
.coreservercart-sunucustok svg {
  width: 15px;
  height: 15px;
}
/* Restored server status and campaign details. */
.coreservercart-visual-title {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 7px;
}
.coreservercart-visual-title .coreservercart-leds {
  display: flex;
  align-items: center;
  gap: 3px;
  padding: 4px 6px;
  border: 1px solid rgba(var(--srv-primary-rgb), .14);
  border-radius: var(--srv-radius-pill);
  background: rgba(var(--srv-primary-rgb), .07);
}
.coreservercart-visual-title .coreservercart-led {
  display: block;
  width: 6px;
  height: 6px;
}
.coreservercart-visual-campaign {
  position: absolute;
  z-index: 4;
  top: 39px;
  left: 10px;
  right: 10px;
  width: auto;
  margin: 0;
  padding: 5px 7px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  border: 1px solid rgba(var(--srv-primary-rgb), .13);
  border-radius: 9px;
  background: color-mix(in srgb, var(--srv-bg) 88%, transparent);
  box-shadow: none;
  backdrop-filter: blur(10px);
}
.coreservercart-visual-campaign .countdown-title {
  min-width: 0;
  overflow: hidden;
  color: var(--srv-primary);
  font-size: 8px;
  font-weight: var(--fw-semibold);
  line-height: 1.15;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.coreservercart-visual-campaign .countdown-boxes {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 3px;
}
.coreservercart-visual-campaign .cd-box {
  min-width: 25px;
  padding: 3px 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 0;
  border-radius: 6px;
  background: rgba(var(--srv-primary-rgb), .09);
}
.coreservercart-visual-campaign .cd-val {
  color: var(--srv-primary);
  font-size: 10px;
  line-height: 1;
}
.coreservercart-visual-campaign .cd-lbl {
  margin-top: 1px;
  color: var(--srv-text-muted);
  font-size: 5px;
  line-height: 1;
  text-transform: uppercase;
}

/* thrash stripped: margin-right on pack img broke center (CANONICAL owns img) */
.coreservercart-location-badge {
  top: 50%;
  right: 8px;
  transform: translateY(-35%);
}
.coreservercart-os-section {
  flex-direction: column;
  gap: 3px;
  padding: 5px 8px 4px;
}
.coreservercart-os-section .coreservercart-h4 {
  order: 2;
}
.popular-highlight .coreservercart-visual-title .coreservercart-leds {
  border-color: rgba(255, 255, 255, .24);
  background: rgba(255, 255, 255, .12);
}
.popular-highlight .coreservercart-visual-campaign {
  border-color: rgba(255, 255, 255, .2);
  background: rgba(15, 23, 42, .25);
}
.popular-highlight .coreservercart-visual-campaign .countdown-title {
  color: #fff;
}
.popular-highlight .coreservercart-visual-campaign .cd-val {
  color: #fff;
}
.popular-highlight .coreservercart-visual-campaign .cd-lbl {
  color: rgba(255, 255, 255, .7);
}
@media (max-width: 767px) {
  
  .coreservercart-visual-campaign {
    left: 8px;
    right: 8px;
  }
  .coreservercart-visual-campaign .countdown-title {
    max-width: 74px;
  }
  .coreservercart-visual-campaign .cd-box {
    min-width: 22px;
    padding: 3px;
  }
}
/* Final visual alignment: campaign above, location on image, OS below. */
.coreservercart-server-middle {
  align-items: start;
  gap: 6px;
}
.coreservercart-visual-campaign {
  position: relative;
  inset: auto;
  width: 100%;
  min-height: 42px;
  margin: 0;
  border-radius: 8px;
}

.coreservercart-location-badge {
  top: 50%;
  right: 9px;
  transform: translateY(-15%);
  border-radius: 6px;
  background: color-mix(in srgb, var(--srv-bg) 84%, transparent);
  box-shadow: 0 3px 10px rgba(15, 23, 42, .09);
}
.coreservercart-os-section {
  position: relative;
  inset: auto;
  width: 100%;
  max-width: none;
  min-height: 52px;
  margin: 0;
  padding: 7px 10px 6px;
  transform: none;
  border-radius: 8px;
  box-shadow: none;
  background: transparent;
}
.coreservercart-os-section .coreservercart-h4 {
  font-size: 8px;
}
.coreservercart-os-item {
  border-radius: 6px;
}
@media (max-width: 767px) {
  
  
  .coreservercart-visual-campaign {
    min-height: 40px;
  }
}
}
/* Görsel kutusu — Eski Yedek CoreV2-1 birebir */

.coreservercart-pack-image-area > .coreservercart-location-badge {
  position: absolute;
  z-index: 4;
  top: 28%;
  left: 50%;
  right: auto;
  margin: 0;
  transform: translate(-50%, -50%);
}
/* OS pack-image-area içinde — arka plan/çerçeve yok; pack-ui-lock asıl stil */
.coreservercart-pack-image-area > .coreservercart-os-section {
  position: absolute;
  left: 50%;
  right: auto;
  bottom: 10px;
  z-index: 5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  width: max-content;
  max-width: 78%;
  margin: 0;
  padding: 0;
  transform: translateX(-50%);
  border-radius: 0;
  border: none;
  background: transparent;
  box-shadow: none;
  visibility: visible;
  opacity: 1;
}
.coreservercart-pack-image-area .coreservercart-more-list {
  bottom: calc(100% + 6px);
  gap: 4px;
  margin-bottom: 0;
  padding: 7px;
  border-radius: 999px;
  border: 1px solid rgba(var(--srv-primary-rgb), .14);
  background: var(--srv-bg, #fff);
  box-shadow: 0 8px 22px rgba(15, 23, 42, .12);
  transform: translateX(-50%) translateY(4px);
}
.coreservercart-pack-image-area .coreservercart-more-os:hover .coreservercart-more-list {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -4px);
}
.coreservercart-pack-image-area .coreservercart-os-icon {
  width: 28px;
  height: 28px;
  margin: 0 2px;
  padding: 3px;
  border-radius: 6px;
  background: rgba(var(--srv-primary-rgb), .05);
}
.coreservercart-pack-image-area .coreservercart-os-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Active server heading and sold-out presentation. */
.coreservercart-server-item,
.coreservercart-card-inner {
  box-shadow: none;
}
.coreservercart-server-item:not(.popular-highlight) .coreservercart-card-inner {
  background: linear-gradient(135deg, rgba(var(--CoreV2-primary-rgb, 2, 132, 199), 0.04) 0%, #ffffff 50%, rgba(var(--CoreV2-primary-rgb, 2, 132, 199), 0.08) 100%);
  border: 1px solid var(--header-action-border, rgba(var(--srv-primary-rgb), .12));
}
.coreservercart-server-item.popular-highlight .coreservercart-card-inner {
  background: transparent;
}
[data-theme="dark"] .pack-head-row.srv-head-row {
  background-color: rgba(15, 23, 42, .34);
  border-color: rgba(148, 163, 184, .16);
}
[data-theme="dark"] .coreservercart-pack-image-area {
  background-color: rgba(15, 23, 42, .34);
  border-color: rgba(148, 163, 184, .16);
}
[data-theme="dark"] .coreservercard-detail-item {
  background-color: rgba(15, 23, 42, .34);
  border-color: rgba(148, 163, 184, .16);
}
[data-theme="dark"] .coreservercart-pack-image-area .coreservercart-more-list {
  background: var(--header-action-gradient, #172033);
  border-color: rgba(148, 163, 184, .2);
}
.pack-head-row.srv-head-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  min-height: 58px;
  padding: 7px 10px;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.srv-head-row .srv-head-title {
  order: 1;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 100%;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
  min-width: 0;
  padding: 0;
}
.srv-head-row .srv-head-title .coreservercart-h3 {
  width: 100%;
  min-width: 0;
  margin: 0;
  text-align: left;
  overflow: hidden;
  font-size: clamp(.9rem, 3.3cqi, 1.05rem);
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.srv-head-row .coreservercart-leds {
  align-self: flex-start;
  flex: 0 0 auto;
  gap: 3px;
  margin: 0;
  padding: 4px 6px;
  border-radius: 6px;
}
.srv-head-row .pack-campaign-strip,
.srv-head-row .pack-countdown-2v {
  order: 3;
  justify-self: end;
  width: 138px;
  min-width: 138px;
  max-width: 138px;
  margin: 0 4px 0 8px;
  padding: 3px 5px;
  box-sizing: border-box;
}
.srv-head-row .pcs-label,
.srv-head-row .pack-countdown-2v .pcs-label {
  max-width: 126px;
  font-size: 7.5px;
  line-height: 1.1;
}
.srv-head-row .pcs-boxes,
.srv-head-row .pack-countdown-2v .pcs-boxes {
  grid-template-columns: repeat(4, 29px);
  gap: 2px;
  width: fit-content;
  max-width: 122px;
  margin-inline: auto;
}
.srv-head-row .pcs-box,
.srv-head-row .pack-countdown-2v .pcs-box {
  min-width: 0;
  width: 29px;
  padding: 3px 2px;
  border-radius: 5px;
}
.srv-head-row .pcs-unit,
.srv-head-row .pack-countdown-2v .pcs-unit {
  font-size: 5.5px;
}
.coreservercart-server-right {
  align-items: start;
}
.coreservercart-server-features .coreservercart-feature-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  min-width: 0;
  line-height: 1.1;
}
.coreservercart-server-features .coreservercart-info {
  display: block;
  margin: 0 0 3px;
  font-size: 8px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: .06em;
  color: var(--srv-text-muted);
  text-transform: uppercase;
}
.coreservercart-server-features .coreservercart-h4 {
  display: block;
  width: 100%;
  font-weight: 700;
  line-height: 1.2;
}
.coreservercart-price-section {
  min-height: 64px;
  box-sizing: border-box;
  align-items: center;
}
.coreservercart-price-wrapper {
  min-width: 0;
  min-height: 48px;
  justify-content: center;
}
.coreservercart-old-price {
  min-height: 16px;
  font-size: .82rem;
}
.coreservercart-price .current-price {
  display: inline-flex;
  align-items: baseline;
  min-width: 0;
}
.coreservercart-price .current-price .currency-symbol,
.coreservercart-price .current-price .currency {
  flex: 0 0 auto;
}
.coreservercart-price .current-price .amount {
  font-size: 1.8rem;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.coreservercart-period-tag {
  flex: 0 0 auto;
  padding: 3px 6px;
  margin: 0 0 2px 4px;
  border: 1px solid rgba(var(--srv-primary-rgb), .16);
  border-radius: var(--cv2-radius-input, 7px);
  background: rgba(var(--srv-primary-rgb), .07);
}
.coreservercart-server-item.out-of-stock {
  opacity: 1;
  filter: none;
}
.coreservercart-server-item.out-of-stock .coreservercart-show-more,
.coreservercart-server-item.out-of-stock .coreservercart-bottom-row {
  opacity: .72;
  filter: grayscale(.18);
}
.coreservercart-server-item.out-of-stock .coreservercart-card-inner {
  opacity: .78;
  filter: grayscale(.55) blur(1px);
  background: linear-gradient(
    135deg,
    rgba(148, 163, 184, .42) 0%,
    rgba(203, 213, 225, .92) 50%,
    rgba(148, 163, 184, .38) 100%
  );
  border-color: rgba(100, 116, 139, .3);
  box-shadow: none;
}
.coreservercart-server-item.out-of-stock .coreservercart-card-front,
.coreservercart-server-item.out-of-stock .coreservercart-card-back {
  opacity: 1;
  filter: none;
}
.coreservercart-sunucustok {
  top: 50%;
  left: 50%;
  padding: 9px 18px;
  transform: translate(-50%, -50%);
  border: 1px solid rgba(255, 255, 255, .24);
  border-radius: 9px;
  background: rgba(51, 65, 85, .96);
  box-shadow: none;
  font-size: 12px;
  letter-spacing: 0;
  text-transform: none;
  opacity: 1;
  filter: none;
}
.coreservercart-server-item.out-of-stock:hover .coreservercart-card-inner {
  opacity: .78;
  filter: grayscale(.55) blur(1px);
}
.coreservercart-server-item.out-of-stock:hover .coreservercart-sunucustok {
  display: flex;
  visibility: visible;
  opacity: 1;
  z-index: 50;
  filter: none;
}
.coreservercart-pack-image-area .coreservercart-more-list {
  box-shadow: none;
}
.coreservercart-sunucustok svg {
  width: 15px;
  height: 15px;
}
.coreservercart-server-item.out-of-stock::before,
.coreservercart-server-item.out-of-stock::after {
  content: none;
  display: none;
  animation: none;
  background: none;
}
@media (max-width: 767px) {
  .pack-head-row.srv-head-row {
    grid-template-columns: minmax(0, 1fr) 128px;
    gap: 5px;
    padding: 6px;
  }
  .srv-head-row .srv-head-title {
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
  }
  .srv-head-row .srv-head-title .coreservercart-new-popular-badge {
    display: none;
  }
  .srv-head-row .pack-campaign-strip,
  .srv-head-row .pack-countdown-2v {
    width: 128px;
    min-width: 128px;
    max-width: 128px;
    margin: 0;
  }
}
/* Isolated, compact technical-details expansion. */
.coreservercart-server-grid,
.coreservercart-packs-slider-body .coreservercart-server-grid {
  align-items: start;
  grid-auto-rows: max-content;
}
.coreservercart-server-item {
  align-self: start;
  height: auto;
  min-height: 0;
}
.coreservercart-packs-slider-body .coreservercart-card-inner,
.coreservercart-card-inner {
  display: block;
  height: auto;
  min-height: 0;
}
.coreservercart-card-front {
  height: auto;
  min-height: 0;
  align-self: start;
}
.coreservercart-show-more {
  margin: 6px auto 8px;
  padding: 6px 13px;
  min-height: 30px;
  font-size: 11px;
  border-radius: 7px;
}
.coreservercart-card-back {
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
  flex: 0 0 auto;
  overflow: hidden;
  transition: max-height .3s ease;
}
.coreservercard-detail-wrapper {
  margin: 0 8px 8px;
  padding: 8px;
  border-radius: 8px;
  box-shadow: none;
}
.coreservercard-detail-header {
  gap: 5px;
  margin-bottom: 7px;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(var(--srv-primary-rgb), .08);
  font-size: 10px;
  letter-spacing: .04em;
}
.coreservercard-detail-header-icon {
  width: 13px;
  height: 13px;
}
.coreservercard-detail-item {
  min-height: 46px;
  gap: 7px;
  padding: 6px 8px;
  border-radius: 7px;
  box-shadow: none;
}
.coreservercard-detail-icon svg {
  width: 15px;
  height: 15px;
}
.coreservercard-detail-icon i[class*="hki-stroke"] {
  font-size: 17px;
}
.coreservercard-detail-label {
  margin-bottom: 2px;
  font-size: 8px;
  line-height: 1.1;
}
.coreservercard-detail-value {
  overflow: hidden;
  font-size: 11px;
  line-height: 1.2;
  text-overflow: ellipsis;
}
@media (max-width: 767px) {
  .coreservercard-detail-features {
    grid-template-columns: 1fr;
  }
  .coreservercard-detail-item {
    min-height: 42px;
  }
}

/* CoreV2 server 3+1 promo grid normalization (non-homepage only) */
@media (min-width: 769px) {
  body:not(#home) .coreservercart-packs-slider-body.packs-slider-body--3v {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--cv2-card-grid-gap, 14px);
    align-items: stretch;
  }
  body:not(#home) .coreservercart-packs-slider-body.packs-slider-body--3v .coreservercart-packs-panel,
  body:not(#home) .coreservercart-packs-slider-body.packs-slider-body--3v .coreservercart-home-servers,
  body:not(#home) .coreservercart-packs-slider-body.packs-slider-body--3v .coreservercart-container,
  body:not(#home) .coreservercart-packs-slider-body.packs-slider-body--3v .coreservercart-slider-wrapper,
  body:not(#home) .coreservercart-packs-slider-body.packs-slider-body--3v .coreservercart-server-grid {
    display: contents;
    width: auto;
    max-width: none;
    min-width: 0;
    overflow: visible;
  }
  /* Promo: her zaman EN SOL (order:1) */
  body:not(#home) .coreservercart-packs-slider-body.packs-slider-body--3v > .pack-card-wrapper--promo {
    order: 1;
    grid-column: auto;
    grid-row: auto;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    align-self: stretch;
  }
  /* Server kartlari: promo'dan sonra sirayla */
  body:not(#home) .coreservercart-packs-slider-body.packs-slider-body--3v .coreservercart-server-item {
    order: 5;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    align-self: stretch;
  }
  /* nth-of-type: display:contents ile dogru child sayar */
  body:not(#home) .coreservercart-packs-slider-body.packs-slider-body--3v .coreservercart-server-item:nth-of-type(1) { order: 2; }
  body:not(#home) .coreservercart-packs-slider-body.packs-slider-body--3v .coreservercart-server-item:nth-of-type(2) { order: 3; }
  body:not(#home) .coreservercart-packs-slider-body.packs-slider-body--3v .coreservercart-server-item:nth-of-type(3) { order: 4; }
  body:not(#home) .coreservercart-packs-slider-body.packs-slider-body--3v .coreservercart-card-inner,
  body:not(#home) .coreservercart-packs-slider-body.packs-slider-body--3v .cv2-packs-promo-detail {
    height: auto;
  }
  body:not(#home) .coreservercart-packs-slider-body.packs-slider-body--3v .server-carousel-pagination {
    display: none;
  }
  body:not(#home) .coreservercart-packs-slider-body.packs-slider-body--3v .cv2-packs-promo-detail {
    height: auto;
  }
  body:not(#home) .coreservercart-packs-slider-body.packs-slider-body--3v .core-pagination {
    order: 10;
    grid-column: 1 / -1;
  }
}
  /* pack-card-wrapper--promo override KALDIRILDI — cv2-packs-row / pack-ui-lock hizasi bozuyordu */
  body:not(#home) .coreservercart-packs-slider-body.packs-slider-body--3v .coreservercart-packs-panel,
  body:not(#home) .coreservercart-packs-slider-body.packs-slider-body--3v .coreservercart-home-servers,
  body:not(#home) .coreservercart-packs-slider-body.packs-slider-body--3v .coreservercart-container,
  body:not(#home) .coreservercart-packs-slider-body.packs-slider-body--3v .coreservercart-slider-wrapper,
  body:not(#home) .coreservercart-packs-slider-body.packs-slider-body--3v .coreservercart-server-grid {
    display: contents;
    width: auto;
    max-width: none;
    min-width: 0;
    overflow: visible;
  }
  body:not(#home) .coreservercart-packs-slider-body.packs-slider-body--3v .coreservercart-server-item {
    order: 5;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    align-self: stretch;
  }
  body:not(#home) .coreservercart-packs-slider-body.packs-slider-body--3v .coreservercart-server-item:nth-child(1) { order: 1; }
  body:not(#home) .coreservercart-packs-slider-body.packs-slider-body--3v .coreservercart-server-item:nth-child(2) { order: 2; }
  body:not(#home) .coreservercart-packs-slider-body.packs-slider-body--3v .coreservercart-server-item:nth-child(3) { order: 3; }
  body:not(#home) .coreservercart-packs-slider-body.packs-slider-body--3v .coreservercart-card-inner,
  body:not(#home) .coreservercart-packs-slider-body.packs-slider-body--3v .cv2-packs-promo-detail {
    height: auto;
  }
  body:not(#home) .coreservercart-packs-slider-body.packs-slider-body--3v .server-carousel-pagination {
    display: none;
  }
  body:not(#home) .coreservercart-packs-slider-body.packs-slider-body--3v .cv2-packs-promo-detail {
    height: auto;
  }
  body:not(#home) .coreservercart-packs-slider-body.packs-slider-body--3v .core-pagination {
    order: 10;
    grid-column: 1 / -1;
  }
}
.coreservercart-server-item,
.coreservercart-server-item *,
.coreservercart-card-inner,
.coreservercart-card-front,
.coreservercart-card-back {
  box-shadow: none;
}
.coreservercart-packs-slider-body > .pack-card-wrapper--promo,
.coreservercart-packs-slider-body > .pack-card-wrapper--promo * {
  box-shadow: none;
}
.coreservercart-h3,
.srv-head-row .srv-head-title .coreservercart-h3,
.coreservercart-visual-head .coreservercart-h3 {
  max-width: 100%;
  min-width: 0;
  font-size: clamp(13px, 1.25vw, 16px);
  line-height: 1.18;
  letter-spacing: 0;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
}
.coreservercart-server-features .coreservercart-h4,
.coreservercart-h4,
.coreservercart-feature-content,
.coreservercart-feature-content * {
  max-width: 100%;
  min-width: 0;
  font-size: clamp(10px, .9vw, 12px);
  line-height: 1.18;
  letter-spacing: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}
.coreservercart-price-section {
  width: 100%;
  min-width: 0;
  min-height: 56px;
  padding: 6px 8px;
  gap: 6px;
  box-sizing: border-box;
}
.coreservercart-price-wrapper {
  width: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.coreservercart-price {
  min-width: 0;
  flex: 1 1 auto;
  font-size: clamp(20px, 1.8vw, 26px);
  line-height: 1;
  white-space: nowrap;
}
.coreservercart-price .current-price {
  min-width: 0;
  font-size: clamp(20px, 1.8vw, 26px);
  line-height: 1;
  letter-spacing: 0;
  font-variant-numeric: tabular-nums;
}
.coreservercart-price .current-price .amount {
  min-width: 0;
  font-size: clamp(20px, 1.8vw, 26px);
  line-height: 1;
  letter-spacing: 0;
  font-variant-numeric: tabular-nums;
}
.coreservercart-period-tag {
  flex: 0 0 auto;
  font-size: 10px;
  padding: 2px 5px;
  margin-left: 3px;
  white-space: nowrap;
}
.coreservercart-price .billing-cycle {
  flex: 0 0 auto;
  font-size: 10px;
  padding: 2px 5px;
  margin-left: 3px;
  white-space: nowrap;
}
.coreservercart-discount-badge {
  width: auto;
  min-width: 38px;
  height: 26px;
  padding: 3px 7px;
  border-radius: var(--cv2-radius-input, 7px);
  flex: 0 0 auto;
}
.coreservercart-discount-badge .coreservercart-badge-svg {
  display: none;
}
.coreservercart-discount-badge .coreservercart-badge-text {
  position: static;
  transform: none;
  font-size: 10px;
  line-height: 1;
  color: #fff;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .coreservercart-price .current-price { font-size: 22px; }
  .coreservercart-price .current-price .amount { font-size: 22px; }
  .srv-head-row .pack-campaign-strip,
  .srv-head-row .pack-countdown-2v { width: 112px; min-width: 112px; max-width: 112px; }
}

/* CoreV2 home + server-products header/grid/price correction */
body#home .corecartpkts-wrapper,
html body[data-page="server-products"] .corecartpkts-wrapper,
html body.cv2-page--server .corecartpkts-wrapper {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
body#home .corecartpkts-wrapper > .product-category-header,
html body[data-page="server-products"] .corecartpkts-wrapper > .product-category-header,
html body.cv2-page--server .corecartpkts-wrapper > .product-category-header {
  order: 1;
  width: 100%;
  margin: 0 0 14px;
  text-align: center;
}
body#home .corecartpkts-wrapper > .CoreV2-filter-wrap,
body#home .corecartpkts-wrapper > .cv2-pack-listing-filters,
html body[data-page="server-products"] .corecartpkts-wrapper > .CoreV2-filter-wrap,
html body[data-page="server-products"] .corecartpkts-wrapper > .cv2-pack-listing-filters,
html body.cv2-page--server .corecartpkts-wrapper > .CoreV2-filter-wrap,
html body.cv2-page--server .corecartpkts-wrapper > .cv2-pack-listing-filters {
  order: 2;
  margin: 0 0 18px;
}
body#home .corecartpkts-wrapper > .packs-slider-container,
html body[data-page="server-products"] .corecartpkts-wrapper > .packs-slider-container,
html body.cv2-page--server .corecartpkts-wrapper > .packs-slider-container {
  order: 3;
  width: 100%;
}
/* Paketleri Gor butonu: kartlarin hemen ALTINDA */
html body[data-page="server-products"] .corecartpkts-wrapper > .CoreV2-view-all-container,
html body.cv2-page--server .corecartpkts-wrapper > .CoreV2-view-all-container {
  order: 4;
  width: 100%;
}
body#home .product-category-header .category-main-title {
  margin: 7px 0 0;
  font-size: clamp(28px, 3.1vw, 42px);
  line-height: 1.14;
  color: var(--srv-primary, var(--CoreV2-primary, #5046e5));
  letter-spacing: 0;
}
body#home .product-category-header .genelbaslik-aciklama {
  display: block;
  max-width: 760px;
  margin: 8px auto 0;
  color: var(--cv2-text-muted, #64748b);
  font-size: 15px;
  line-height: 1.55;
  text-align: center;
}
body#home .product-category-header .category-main-title::after {
  content: "";
  display: block;
  width: 52px;
  height: 3px;
  margin: 10px auto 0;
  border-radius: 999px;
  background: var(--srv-primary, var(--CoreV2-primary, #5046e5));
  opacity: .35;
}
@media (min-width: 1025px) {
  body#home .coreservercart-packs-slider-body.packs-slider-body--3v {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(240px, 1fr);
  }
  body#home .coreservercart-packs-slider-body.packs-slider-body--3v > .pack-card-wrapper--promo {
    order: 2;
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    align-self: stretch;
  }
  body#home .coreservercart-packs-slider-body.packs-slider-body--3v .coreservercart-packs-panel {
    order: 1;
    grid-column: 1;
    grid-row: 1 / 2;
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: visible;
  }
  body#home .coreservercart-packs-slider-body.packs-slider-body--3v .coreservercart-home-servers,
  body#home .coreservercart-packs-slider-body.packs-slider-body--3v .coreservercart-container,
  body#home .coreservercart-packs-slider-body.packs-slider-body--3v .coreservercart-slider-wrapper {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: visible;
  }
  body#home .coreservercart-packs-slider-body.packs-slider-body--3v .coreservercart-server-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--cv2-card-grid-gap, 14px);
    width: 100%;
    max-width: 100%;
    min-width: 0;
    align-items: stretch;
    overflow: visible;
  }
  body#home .coreservercart-packs-slider-body.packs-slider-body--3v .coreservercart-server-item {
    order: initial;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    align-self: stretch;
  }
  /* Eski 3fr+1fr grid — cv2-packs-row varken devre dışı (server-products parity) */
  body:not(#home) .coreservercart-packs-slider-body.packs-slider-body--3v:not(.cv2-packs-row):not(.cv2-srv-row-with-promo) {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(240px, 1fr);
  }
  body:not(#home) .coreservercart-packs-slider-body.packs-slider-body--3v:not(.cv2-packs-row):not(.cv2-srv-row-with-promo) > .pack-card-wrapper--promo {
    order: 2;
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    align-self: stretch;
  }
  body:not(#home) .coreservercart-packs-slider-body.packs-slider-body--3v:not(.cv2-packs-row):not(.cv2-srv-row-with-promo) .coreservercart-home-servers,
  body:not(#home) .coreservercart-packs-slider-body.packs-slider-body--3v:not(.cv2-packs-row):not(.cv2-srv-row-with-promo) .coreservercart-container,
  body:not(#home) .coreservercart-packs-slider-body.packs-slider-body--3v:not(.cv2-packs-row):not(.cv2-srv-row-with-promo) .coreservercart-slider-wrapper {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: visible;
  }
  body:not(#home) .coreservercart-packs-slider-body.packs-slider-body--3v:not(.cv2-packs-row):not(.cv2-srv-row-with-promo) .coreservercart-server-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--cv2-card-grid-gap, 14px);
    width: 100%;
    max-width: 100%;
    min-width: 0;
    align-items: stretch;
    overflow: visible;
  }
  body:not(#home) .coreservercart-packs-slider-body.packs-slider-body--3v:not(.cv2-packs-row):not(.cv2-srv-row-with-promo) .coreservercart-server-item {
    order: initial;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    align-self: stretch;
  }
}
.coreservercart-price-section {
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 2px 0 5px;
  min-height: 0;
  gap: 8px;
  align-items: center;
}
.coreservercart-price-wrapper {
  order: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 1px;
  min-width: 0;
  flex: 1 1 auto;
}
.coreservercart-price {
  order: 2;
  display: flex;
  align-items: baseline;
  gap: 4px;
  width: 100%;
  min-width: 0;
  line-height: 1;
}
.coreservercart-period-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 2px;
  padding: 2px 6px;
  height: 18px;
  border-radius: 999px;
  font-size: 10px;
  line-height: 1;
  background: rgba(var(--srv-primary-rgb, 80,70,229), .08);
  color: var(--srv-primary, #5046e5);
  border: 0;
  white-space: nowrap;
}
.coreservercart-price .billing-cycle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 2px;
  padding: 2px 6px;
  height: 18px;
  border-radius: 999px;
  font-size: 10px;
  line-height: 1;
  background: rgba(var(--srv-primary-rgb, 80,70,229), .08);
  color: var(--srv-primary, #5046e5);
  border: 0;
  white-space: nowrap;
}
.coreservercart-discount-badge {
  order: 2;
  align-self: flex-start;
  margin: 0 0 0 auto;
  min-width: 46px;
  height: 30px;
  padding: 4px 9px;
  border-radius: 999px;
  background: var(--srv-primary, var(--CoreV2-primary, #5046e5));
  color: #fff;
  box-shadow: none;
}
.coreservercart-server-right,
.coreservercart-server-right * {
  box-shadow: none;
}
body#home .cv2-home-server-global-header {
  display: block;
  width: 100%;
  margin: 0 0 16px;
  text-align: center;
}
body#home .corecartpkts-wrapper > .product-category-header {
  display: none;
}
body#home .cv2-home-server-category-filter {
  margin: 0 10px 14px;
}

.coreservercart-price-section {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  padding: 8px 12px 9px;
  min-height: 58px;
  border: 0;
  border-radius: var(--cv2-radius-card, 12px);
  background: rgba(var(--srv-primary-rgb, 80,70,229), .025);
  box-shadow: none;
  overflow: hidden;
}
.coreservercart-price-wrapper {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 0;
  min-width: 0;
  padding-right: 0;
  order: 2;
}
.coreservercart-old-price {
  order: 1;
  display: block;
  margin: 0;
  max-width: 100%;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  opacity: .72;
  color: var(--cv2-text-muted, #8a94aa);
  white-space: nowrap;
}
.coreservercart-old-price del {
  text-decoration-thickness: 2px;
  text-decoration-color: rgba(239, 68, 68, .72);
}
.coreservercart-price {
  order: 2;
  display: flex;
  align-items: baseline;
  gap: 5px;
  min-width: 0;
  max-width: 100%;
  line-height: 1;
  white-space: nowrap;
}
.coreservercart-period-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 18px;
  margin-left: 2px;
  padding: 2px 7px;
  border-radius: 999px;
  background: rgba(var(--srv-primary-rgb, 80,70,229), .08);
  border: 0;
  color: var(--srv-primary, #5046e5);
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}
.coreservercart-price .billing-cycle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 18px;
  margin-left: 2px;
  padding: 2px 7px;
  border-radius: 999px;
  background: rgba(var(--srv-primary-rgb, 80,70,229), .08);
  border: 0;
  color: var(--srv-primary, #5046e5);
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}
.coreservercart-discount-badge {
  grid-column: 2 / 3;
  grid-row: 1;
  align-self: end;
  justify-self: end;
  min-width: 48px;
  height: 30px;
  margin: 0;
  padding: 5px 10px;
  border-radius: 9px;
  background: var(--srv-primary, var(--CoreV2-primary, #5046e5));
  color: #fff;
  box-shadow: none;
}
.coreservercart-discount-badge .coreservercart-badge-text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: static;
  transform: none;
  width: auto;
  height: auto;
  border: 0;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
}
.popular-highlight .coreservercart-price-section,
.coreservercart-server-item.popular-highlight .coreservercart-price-section {
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.24);
}
.popular-highlight .coreservercart-period-tag {
  background: rgba(255,255,255,.20);
  color: #fff;
}
.popular-highlight .coreservercart-price .billing-cycle {
  background: rgba(255,255,255,.20);
  color: #fff;
}
.popular-highlight .coreservercart-discount-badge,
.coreservercart-discount-badge.badge-popular {
  background: rgba(255,255,255,.20);
  color: #fff;
}
body#home .CoreV2-view-all-container {
  order: 99;
  width: min(100%, var(--CoreV2-container-width, 1300px));
  max-width: var(--CoreV2-container-width, 1300px);
  margin: 12px auto 0;
  clear: both;
}
body#home .coreservercart-packs-slider-body + .CoreV2-view-all-container,
body#home .packs-slider-container + .CoreV2-view-all-container {
  margin-top: 12px;
}

/* CoreV2 compact price, campaign and details refinement */
.coreservercart-card-inner {
  display: flex;
  flex-direction: column;
}
.coreservercart-card-front { order: 1; }
.coreservercart-card-back {
  order: 2;
  margin: 6px 0 0;
}
.coreservercart-show-more {
  order: 3;
  margin: 7px auto 8px;
}
.coreservercart-card-back[aria-hidden="true"] {
  margin-top: 0;
}
.coreservercard-detail-wrapper {
  margin: 0 8px 0;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}
.coreservercard-detail-header {
  display: none;
}
.coreservercard-detail-features {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}
.coreservercard-detail-item {
  min-height: 42px;
  padding: 7px 8px;
  gap: 7px;
  border: 0;
  border-radius: 8px;
  background: rgba(var(--srv-primary-rgb, 80,70,229), .045);
  box-shadow: none;
}
.coreservercard-detail-icon {
  width: 28px;
  min-width: 28px;
  height: 28px;
  border-radius: 8px;
}
.coreservercard-detail-value {
  font-size: 11px;
  line-height: 1.15;
}
.coreservercard-detail-label {
  font-size: 8px;
  line-height: 1.1;
}
.coreservercart-price-section {
  min-height: 52px;
  padding: 7px 10px 8px;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 7px;
}
.coreservercart-old-price {
  font-size: 10.5px;
  line-height: 1;
}
.coreservercart-price {
  flex-wrap: nowrap;
  white-space: nowrap;
  gap: 4px;
}
.coreservercart-period-tag {
  flex: 0 0 auto;
  height: 17px;
  padding: 2px 6px;
  font-size: 9px;
  white-space: nowrap;
}
.coreservercart-price .billing-cycle {
  flex: 0 0 auto;
  height: 17px;
  padding: 2px 6px;
  font-size: 9px;
  white-space: nowrap;
}
.coreservercart-discount-badge {
  min-width: 42px;
  height: 28px;
  padding: 4px 8px;
  border-radius: 8px;
}
.coreservercart-discount-badge .coreservercart-badge-text {
  font-size: 11px;
}
.coreservercart-price-section:not(:has(.coreservercart-discount-badge)) {
  grid-template-columns: minmax(0, 1fr);
}
.coreservercart-price-section:not(:has(.coreservercart-discount-badge)) .coreservercart-price-wrapper {
  padding-right: 0;
}
.srv-head-row .pack-campaign-strip,
.srv-head-row .pack-countdown-2v {
  display: grid;
  grid-template-columns: auto 1px minmax(0, 1fr);
  align-items: center;
  column-gap: 8px;
  width: 100%;
  min-width: 0;
  max-width: none;
  padding: 6px 8px;
}
.srv-head-row .pack-countdown-2v::after {
  content: "";
  grid-column: 2;
  width: 1px;
  height: 30px;
  background: rgba(var(--srv-primary-rgb, 80,70,229), .16);
  border-radius: 1px;
}
.srv-head-row .pack-countdown-2v .pcs-num { font-size: 13px; }
.srv-head-row .pack-countdown-2v .pcs-unit { font-size: 5.5px; }

.pack-head-row.srv-head-row {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 7px;
  width: 100%;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.srv-head-row {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 7px;
  width: 100%;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.srv-head-row .srv-head-title {
  order: 1;
  width: 100%;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.srv-head-row .pcs-divider {
  display: none;
}
.srv-head-row .pack-campaign-strip,
.srv-head-row .pack-countdown-2v {
  order: 2;
  display: grid;
  grid-template-columns: auto 1px minmax(0, 1fr);
  align-items: center;
  column-gap: 9px;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 7px 9px;
  border: 0;
  border-radius: 11px;
  background: transparent;
  box-shadow: none;
}
.srv-head-row .server-countdown {
  order: 2;
  display: grid;
  grid-template-columns: auto 1px minmax(0, 1fr);
  align-items: center;
  column-gap: 9px;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 7px 9px;
  border: 0;
  border-radius: 11px;
  background: transparent;
  box-shadow: none;
}
.srv-head-row .pack-countdown-2v .pcs-label {
  grid-column: 1;
  max-width: 58px;
  white-space: normal;
  text-align: center;
  justify-content: center;
  font-size: 9px;
  line-height: .95;
  margin: 0;
  padding: 0;
}
.srv-head-row .pack-countdown-2v .countdown-title {
  grid-column: 1;
  max-width: 58px;
  white-space: normal;
  text-align: center;
  justify-content: center;
  font-size: 9px;
  line-height: .95;
  margin: 0;
  padding: 0;
}
.srv-head-row .pack-countdown-2v::after {
  content: "";
  display: block;
  grid-column: 2;
  width: 1px;
  height: 30px;
  background: rgba(var(--srv-primary-rgb), .16);
}
.srv-head-row .pack-countdown-2v .pcs-boxes {
  grid-column: 3;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 5px;
  width: 100%;
  max-width: none;
  margin: 0;
}
.srv-head-row .pack-countdown-2v .pcs-box {
  width: auto;
  min-width: 0;
  padding: 3px 2px;
  border-radius: 999px;
  box-shadow: none;
}
.coreservercart-price-section {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding: 4px 0 6px;
  min-height: 0;
}
.coreservercart-price-section,
.popular-highlight .coreservercart-price-section,
.coreservercart-server-item.popular-highlight .coreservercart-price-section {
  border: 0;
  background: transparent;
  box-shadow: none;
}
.coreservercart-server-left .coreservercard-detail-item {
  min-height: 0;
  padding: 7px 8px;
  gap: 7px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

/* CoreV2 final server card alignment cleanup */
.coreservercart-server-item.popular-highlight,
.coreservercart-server-item.popular-highlight .coreservercart-card-inner {
  overflow: visible;
}
.coreservercart-server-item.popular-highlight .coreservercart-new-popular-badge {
  position: absolute;
  top: -13px;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  z-index: 20;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 6px 13px;
  border: 0;
  outline: 0;
  border-radius: 999px;
  background: rgba(255,255,255,.20);
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .02em;
  box-shadow: none;
}
.popular-highlight .coreservercart-price-section {
  border: 0;
  outline: 0;
  outline-offset: 0;
  background: transparent;
  box-shadow: none;
}
.coreservercart-price .current-price .currency,
.coreservercart-price .current-price .currency-symbol {
  font-size: clamp(13px, 1vw, 16px);
  font-weight: 800;
  line-height: 1;
}
.coreservercart-price {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  line-height: 1;
  white-space: nowrap;
}
.coreservercart-period-tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  height: 18px;
  padding: 2px 7px;
  font-size: 10px;
  line-height: 1;
  transform: none;
  vertical-align: middle;
  white-space: nowrap;
}
.coreservercart-price .billing-cycle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  height: 18px;
  padding: 2px 7px;
  font-size: 10px;
  line-height: 1;
  transform: none;
  vertical-align: middle;
  white-space: nowrap;
}
.coreservercart-price-section:not(:has(.coreservercart-discount-badge)) .coreservercart-price {
  justify-content: flex-start;
}
.srv-head-row .pack-campaign-strip,
.srv-head-row .pack-countdown-2v {
  margin: 0;
  padding: 5px 0 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.srv-head-row .server-countdown {
  margin: 0;
  padding: 5px 0 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.coreservercart-server-left .coreservercard-detail-item {
  display: flex;
  align-items: center;
  min-width: 0;
  width: 100%;
  min-height: 0;
  padding: .36rem .38rem;
  gap: .38rem;
  border: 1px solid rgba(var(--srv-primary-rgb),.09);
  border-radius: var(--srv-radius-chip);
  background: rgba(var(--srv-primary-rgb),.04);
  box-shadow: none;
  overflow: hidden;
}
.coreservercart-server-left .coreservercard-detail-icon {
  width: 34px;
  min-width: 34px;
  height: 34px;
  border-radius: 50%;
  background: linear-gradient(145deg, var(--srv-primary) 0%, color-mix(in srgb, var(--srv-primary) 72%, #fff) 100%);
}
.coreservercart-server-left .coreservercard-detail-icon svg,
.coreservercart-server-left .coreservercard-detail-icon i[class*="hki-stroke"] {
  color: #fff;
}
.coreservercart-server-left .coreservercard-detail-label {
  font-size: 9px;
  line-height: 1.15;
  color: var(--srv-text-muted);
}
.coreservercart-server-left .coreservercard-detail-value {
  font-size: clamp(10.5px, 2.6cqi, 12px);
  font-weight: var(--fw-semi);
  line-height: 1.25;
  color: #475569;
  white-space: normal;
  word-break: break-word;
}
.popular-highlight .coreservercart-server-left .coreservercard-detail-item {
  background: rgba(255,255,255,.14);
  border-color: rgba(255,255,255,.22);
}
.popular-highlight .coreservercart-server-left .coreservercard-detail-icon {
  background: rgba(255,255,255,.22);
}
.popular-highlight .coreservercart-server-left .coreservercard-detail-label { color: rgba(255,255,255,.72); }
.popular-highlight .coreservercart-server-left .coreservercard-detail-value { color: #fff; }

/* CoreV2 definitive server fixes
 * server-left MUST stay display:contents so head/features join card-front grid.
 * flex column here split the card (head left / rest right). */
.coreservercart-server-left {
  display: contents;
}
.coreservercart-server-left > .pack-head-row {
  order: 1;
}
.coreservercart-server-left > .srv-head-row {
  order: 1;
}
.coreservercart-server-left > .coreservercart-server-header {
  order: 1;
}
.coreservercart-server-left > .coreservercart-server-features {
  order: 2;
}
.coreservercart-server-left > .coreservercart-show-more {
  order: 3;
  display: inline-flex;
  align-self: center;
  width: fit-content;
  margin: 7px auto 0;
  position: static;
}
.coreservercart-server-left > .coreservercart-card-back {
  order: 4;
  width: 100%;
  margin: 7px 0 0;
  position: static;
}
.coreservercart-server-left > .coreservercart-card-back[aria-hidden="true"] {
  margin-top: 0;
}
.coreservercart-server-left .coreservercard-detail-wrapper {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.coreservercart-server-left .coreservercard-detail-header {
  display: none;
}
.coreservercart-server-left .coreservercard-detail-features {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .38rem;
  width: 100%;
}
.coreservercart-server-left .coreservercard-detail-item {
  display: flex;
  align-items: center;
  min-width: 0;
  width: 100%;
  padding: .36rem .38rem;
  gap: .38rem;
  border: 1px solid rgba(var(--srv-primary-rgb),.09);
  border-radius: var(--srv-radius-chip);
  background: rgba(var(--srv-primary-rgb),.04);
  box-shadow: none;
  overflow: hidden;
}
.srv-head-row .pack-campaign-strip,
.srv-head-row .pack-countdown-2v {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  padding: 5px 0 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.srv-head-row .server-countdown {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  padding: 5px 0 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.srv-head-row .pack-countdown-2v .pcs-label {
  flex: 0 0 auto;
  max-width: 58px;
  margin: 0;
  padding: 0;
  text-align: center;
  white-space: normal;
  font-size: 9px;
  line-height: .95;
}
.srv-head-row .pack-countdown-2v .countdown-title {
  flex: 0 0 auto;
  max-width: 58px;
  margin: 0;
  padding: 0;
  text-align: center;
  white-space: normal;
  font-size: 9px;
  line-height: .95;
}
.srv-head-row .pack-countdown-2v::after {
  content: "";
  display: block;
  flex: 0 0 1px;
  width: 1px;
  height: 28px;
  margin: 0;
  background: rgba(var(--srv-primary-rgb), .16);
  border-radius: 1px;
  align-self: center;
}
.srv-head-row .pack-countdown-2v .pcs-boxes {
  flex: 1 1 auto;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 5px;
  width: auto;
  max-width: none;
  margin: 0;
  align-items: center;
}
.srv-head-row .pack-countdown-2v .pcs-box {
  width: auto;
  min-width: 0;
  padding: 3px 2px;
}
.cv2-home-server-category-filter .category-tab-image-wrapper,
.CoreV2-filter-options.category-tabs .category-tab-image-wrapper {
  width: 24px;
  height: 24px;
  min-width: 24px;
  border-radius: 50%;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(var(--srv-primary-rgb, 80,70,229), .08);
}
.cv2-home-server-category-filter .category-tab-image-wrapper img,
.CoreV2-filter-options.category-tabs .category-tab-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
  display: block;
}
.cv2-home-server-category-filter .category-tab-btn.active .category-tab-image-wrapper,
.CoreV2-filter-options.category-tabs .category-tab-btn.active .category-tab-image-wrapper {
  background: rgba(255,255,255,.22);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.35);
}

/* ================================================================
   CoreV2 Server Cards — V3 Refinements
   ================================================================ */

/* 1. KAMPANYA SATIRI — oval kutu, eÃ…Ÿit boÃ…Ÿluk, görünür arka plan */
.pack-head-row.srv-head-row {
  background   : rgba(var(--srv-primary-rgb, 80,70,229), 0.05);
  border       : 1px solid rgba(var(--srv-primary-rgb, 80,70,229), 0.13);
  border-radius: 14px;
  padding      : 10px 12px;
  margin       : 0.75rem 0 0.4rem;
}
.popular-highlight .pack-head-row.srv-head-row {
  background  : rgba(255,255,255, 0.12);
  border-color: rgba(255,255,255, 0.24);
}

/* 2. SAĞ TARAF ÇİZGİSİ â€” kaldırıldı */
.srv-head-row .pcs-label,
.srv-head-row .pack-countdown-2v .pcs-label {
  border-right : none;
  padding-right: 8px;
  margin-right : 4px;
}
.popular-highlight .srv-head-row .pcs-label,
.popular-highlight .srv-head-row .pack-countdown-2v .pcs-label {
  border-right: none;
}

/* 3. BÃœYÃœK SAYAÇ â€” pcs-num ve pcs-label boyutları */
.srv-head-row .pcs-num,
.srv-head-row .pack-countdown-2v .pcs-num {
  font-size: clamp(14px, 3.5cqi, 18px);
}
.srv-head-row .pcs-label,
.srv-head-row .pack-countdown-2v .pcs-label {
  font-size: clamp(10px, 2.6cqi, 13px);
}
.srv-head-row .pcs-box,
.srv-head-row .pack-countdown-2v .pcs-box {
  border-radius: 10px;
  padding      : 6px 4px;
}

/* 4. POPÃœLer ROZET — hosting gibi, gradient, kartın üstüne çıkan */
.coreservercart-server-item.popular-highlight .coreservercart-card-inner {
  overflow   : visible;
  padding-top: 20px;
}
.coreservercart-server-item.popular-highlight .coreservercart-new-popular-badge {
  position       : absolute;
  top            : -14px;
  left           : 50%;
  right          : auto;
  transform      : translateX(-50%);
  z-index        : 30;
  display        : inline-flex;
  align-items    : center;
  justify-content: center;
  white-space    : nowrap;
  min-height     : 28px;
  padding        : 6px 16px;
  border         : 0;
  border-radius  : 999px;
  backdrop-filter: blur(10px);
  font-weight    : 800;
  letter-spacing : .03em;
}

.coreservercart-price .current-price {
  font-size  : clamp(28px, 2.4vw, 36px);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.02em;
}
.coreservercart-price .current-price .amount {
  font-size  : clamp(28px, 2.4vw, 36px);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.02em;
}
.coreservercart-price .current-price .currency,
.coreservercart-price .current-price .currency-symbol {
  font-size  : clamp(16px, 1.4vw, 21px);
  font-weight: 600;
}
.coreservercart-old-price {
  font-size  : 13px;
  font-weight: 500;
}

/* Container query içindeki fiyat override */
@container srv-card (min-width: 300px) {
  .coreservercart-price .current-price {
    font-size: clamp(24px, 6.5cqi, 34px);
    font-weight: 600;
  }
  .coreservercart-price .current-price .amount {
    font-size: clamp(24px, 6.5cqi, 34px);
    font-weight: 600;
  }
  .coreservercart-price .current-price .currency,
  .coreservercart-price .current-price .currency-symbol {
    font-size: clamp(14px, 3.5cqi, 20px);
    font-weight: 600;
  }
}

/* 6. TÃœM ÖZELLÄ°KLER — inline geniÃ…Ÿleme (grid area ataması) */
.coreservercart-card-front {
  grid-template-areas  :
    "head"
    "visual"
    "price"
    "features"
    "buy";
  align-items: start;
  grid-template-rows: auto;
}
@container srv-card (min-width: 300px) {
  .coreservercart-server-item.expanded .coreservercart-card-front {
    grid-template-columns: 1fr;
    grid-template-areas  :
    "head"
    "visual"
    "price"
    "features"
    "buy";
    grid-template-rows: auto;
    align-items: start;
  }
}
.coreservercart-features-col > .coreservercart-show-more {
  margin: .56rem auto .08rem;
}
.coreservercart-features-col > .coreservercart-card-back .coreservercard-detail-wrapper {
  padding: 0;
  margin: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}
.coreservercart-features-col > .coreservercart-card-back .coreservercard-detail-features {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .38rem;
}
.coreservercart-features-col > .coreservercart-card-back .coreservercard-detail-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  min-height: 48px;
  gap: .38rem;
  padding: .42rem .44rem;
  background: rgba(var(--srv-primary-rgb), .04);
  border: 1px solid rgba(var(--srv-primary-rgb), .09);
  border-radius: var(--srv-radius-chip, 10px);
  box-shadow: none;
}
.coreservercart-features-col > .coreservercart-card-back .coreservercard-detail-icon {
  width: 30px;
  height: 30px;
  min-width: 30px;
  border-radius: 50%;
  background: rgba(var(--srv-primary-rgb), .09);
}
.coreservercart-features-col > .coreservercart-card-back .coreservercard-detail-info {
  align-items: flex-start;
  text-align: left;
}
.coreservercart-features-col > .coreservercart-card-back .coreservercard-detail-label {
  font-size: 8.5px;
  line-height: 1.1;
  color: var(--srv-text-muted, #8892a4);
  opacity: .72;
}
.coreservercart-features-col > .coreservercart-card-back .coreservercard-detail-value {
  font-size: 11.5px;
  line-height: 1.15;
  color: var(--srv-text-head, #1e266d);
  font-weight: 700;
}
.coreservercart-server-item.popular-highlight .coreservercart-features-col > .coreservercart-card-back .coreservercard-detail-item {
  background: rgba(255,255,255,.10);
  border-color: rgba(255,255,255,.16);
}
.coreservercart-server-item.popular-highlight .coreservercart-features-col > .coreservercart-card-back .coreservercard-detail-value,
.coreservercart-server-item.popular-highlight .coreservercart-features-col > .coreservercart-card-back .coreservercard-detail-icon svg,
.coreservercart-server-item.popular-highlight .coreservercart-features-col > .coreservercart-card-back .coreservercard-detail-icon i[class*="hki-stroke"] {
  color: #fff;
}
.pack-head-badge-slot .pack-popular-badge--head,
.srv-head-badge-slot .pack-popular-badge--head,
.pack-head-badge-slot .cv2-advantage-badge,
.srv-head-badge-slot .cv2-advantage-badge {
  box-shadow: none;
}
.srv-head-block .pack-campaign-in-head .pcs-campaign-layout {
  grid-template-columns: 46px 1px minmax(0, 1fr);
  column-gap: 3px;
}
.srv-head-block .pack-campaign-in-head .pcs-label--left {
  width: 46px;
  min-width: 46px;
  max-width: 46px;
  padding-left: 0;
}
.srv-head-block .pack-campaign-in-head .pcs-vertical-divider {
  margin: 0;
  height: 30px;
  min-height: 30px;
}
.srv-head-block .pack-campaign-in-head .pcs-campaign-right,
.srv-head-block .pack-campaign-in-head .pcs-boxes {
  margin-left: 0;
  gap: 5px;
}
.coreservercart-server-item.popular-highlight .srv-head-block .pack-campaign-in-head .pcs-num,
.coreservercart-server-item.popular-highlight .srv-head-block .pack-campaign-in-head .pcs-label-line {
  color: #fff;
}
.coreservercart-server-item.popular-highlight .srv-head-block .pack-campaign-in-head .cd-val {
  color: #fff;
}
@media (max-width: 768px) {
  .srv-head-block .pack-campaign-in-head .pcs-campaign-layout {
    grid-template-columns: 44px 1px minmax(0, 1fr);
    column-gap: 3px;
  }
  .srv-head-block .pack-campaign-in-head .pcs-label--left {
    width: 44px;
    min-width: 44px;
    max-width: 44px;
  }
  .srv-head-block .pack-campaign-in-head .pcs-campaign-right,
  .srv-head-block .pack-campaign-in-head .pcs-boxes {
    gap: 4px;
  }
}

/* ============================================================
   DÜZEN: Bitime Kalan (yatay: label | çizgi | kutular) + Badge
   ============================================================ */
.srv-head-row--title-only {
  display: flex;
  align-items: center;
  gap: .45rem;
  padding: .5rem .55rem .3rem;
  background: transparent;
  border-bottom: none;
  grid-template-columns: unset;
}
.srv-head-row--title-only .srv-head-title {
  grid-column: unset;
  flex-direction: row;
  align-items: center;
  gap: .4rem;
  width: 100%;
}
.srv-campaign-badge-row {
  display: flex;
  align-items: center;
  gap: 0;
  padding: .5rem .7rem .5rem;
  width: 100%;
  box-sizing: border-box;
  margin-top: 6px;
}
.popular-highlight .srv-campaign-badge-row {
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.18);
}
.srv-campaign-badge-row .pack-campaign-in-head {
  flex: 1;
  min-width: 0;
  margin: 0;
  background: transparent;
  border: none;
  padding: 0;
  box-shadow: none;
  border-radius: 0;
}
/* Sunucu kartında yatay grid'i uygula */
.srv-campaign-badge-row .pack-campaign-in-head .pcs-campaign-layout {
  display: grid;
  grid-template-columns: 44px 1px minmax(0, 1fr);
  align-items: center;
  column-gap: 8px;
  width: 100%;
  flex-direction: unset;
}
.srv-campaign-badge-row .pack-campaign-in-head .pcs-label--left {
  grid-column: 1;
  width: 44px;
  min-width: 44px;
  max-width: 44px;
  padding: 0;
}
.srv-campaign-badge-row .pack-campaign-in-head .pcs-label-line {
  display: block;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: .03em;
  text-transform: uppercase;
  color: var(--srv-primary);
  white-space: normal;
}
.srv-campaign-badge-row .pack-campaign-in-head .pcs-boxes,
.srv-campaign-badge-row .pack-campaign-in-head .pcs-campaign-right {
  grid-column: 3;
  display: flex;
  flex-direction: row;
  gap: 5px;
  width: 100%;
  grid-template-columns: unset;
}
.srv-campaign-badge-row .pack-campaign-in-head .pcs-box {
  min-width: 32px;
  padding: 3px 5px;
  border-radius: 6px;
  background: rgba(var(--srv-primary-rgb), .10);
  border: 1px solid rgba(var(--srv-primary-rgb), .16);
}
.srv-campaign-badge-row .pack-campaign-in-head .pcs-num {
  font-size: 16px;
  font-weight: 600;
  color: var(--srv-primary);
  line-height: 1;
}
.srv-campaign-badge-row .pack-campaign-in-head .cd-val {
  font-size: 16px;
  font-weight: 600;
  color: var(--srv-primary);
  line-height: 1;
}
.srv-campaign-badge-row .pack-campaign-in-head .pcs-unit {
  font-size: 7px;
  font-weight: 500;
  color: var(--srv-primary);
  opacity: .7;
  text-transform: uppercase;
  margin-top: 2px;
}
.srv-campaign-badge-row .pack-campaign-in-head .cd-lbl {
  font-size: 7px;
  font-weight: 500;
  color: var(--srv-primary);
  opacity: .7;
  text-transform: uppercase;
  margin-top: 2px;
}
.srv-cb-divider {
  display: block;
  width: 1px;
  min-height: 38px;
  align-self: stretch;
  background: rgba(var(--srv-primary-rgb), .18);
  border-radius: 2px;
  margin: 0 8px;
  flex-shrink: 0;
}
.srv-badge-inline {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.srv-badge-inline .pack-popular-badge--head,
.srv-badge-inline .cv2-advantage-badge {
  position: static;
  transform: none;
  margin: 0;
  font-size: 10px;
  padding: 5px 11px;
  min-height: 24px;
}
.popular-highlight .srv-campaign-badge-row .pack-campaign-in-head .pcs-label-line,
.popular-highlight .srv-campaign-badge-row .pack-campaign-in-head .pcs-num { color: #fff; }
.popular-highlight .srv-campaign-badge-row .pack-campaign-in-head .cd-val { color: #fff; }
.popular-highlight .srv-campaign-badge-row .pack-campaign-in-head .pcs-unit { color: rgba(255,255,255,.75); }
.popular-highlight .srv-campaign-badge-row .pack-campaign-in-head .cd-lbl { color: rgba(255,255,255,.75); }
.popular-highlight .srv-campaign-badge-row .pack-campaign-in-head .pcs-box {
  background: rgba(255,255,255,.18);
  border-color: rgba(255,255,255,.28);
}
.popular-highlight .srv-cb-divider { background: rgba(255,255,255,.28); }
/* Fiyat: aylık/yıllık fiyatın sağında aynı hizada */
.coreservercart-price-wrapper {
  flex-direction: row;
  align-items: baseline;
  flex-wrap: nowrap;
  gap: 0;
}
.coreservercart-price { align-items: baseline; flex-wrap: nowrap; }
.coreservercart-price .coreservercart-period-tag {
  display: inline-flex;
  align-self: flex-end;
  font-size: .75rem;
  font-weight: 700;
  color: var(--srv-primary);
  margin-left: 3px;
  margin-bottom: .1rem;
  white-space: nowrap;
}
.coreservercart-price .billing-cycle {
  display: inline-flex;
  align-self: flex-end;
  font-size: .75rem;
  font-weight: 700;
  color: var(--srv-primary);
  margin-left: 3px;
  margin-bottom: .1rem;
  white-space: nowrap;
}
.price-row .amount-discount--corner {
  display: inline-flex;
  opacity: 1;
  visibility: visible;
}
.price-row .coreservercart-discount-badge {
  display: inline-flex;
  opacity: 1;
  visibility: visible;
}
.pack-campaign-top .cd-lbl,
.srv-campaign-badge-row .cd-lbl {
  color: var(--srv-primary, var(--cv2-primary, #5046e5));
  opacity: .72;
}
.pack-campaign-top .pcs-unit,
.srv-campaign-badge-row .pcs-unit {
  color: var(--srv-primary, var(--cv2-primary, #5046e5));
  opacity: .72;
}
@media (max-width: 768px) {
  .srv-campaign-badge-row { padding: 0 .45rem .38rem; }
  .srv-cb-divider { margin: 0 6px; min-height: 34px; }
  .srv-campaign-badge-row .pack-campaign-in-head .pcs-box { min-width: 28px; }
  .srv-campaign-badge-row .pack-campaign-in-head .pcs-num { font-size: 12px; }
  .srv-campaign-badge-row .pack-campaign-in-head .cd-val { font-size: 12px; }
}
/* Floating badge kaldırıldı — üst boşluk artık gerekli değil */
.coreservercart-card-inner {
  padding-top: 18px;
}
/* Kampanya sayacı: sol kolun altında */
.srv-campaign-badge-row--bottom {
  padding: .5rem .85rem .2rem;
  margin-top: auto;
}
/* srv-cb-divider gizlendi */
.srv-cb-divider { display: none; }

/* CoreV2 dark server pattern softness start */
[data-theme="dark"] .coreservercart-server-item.popular-highlight .coreservercart-card-inner::before,
[data-theme="dark"] .coreservercart-server-item.cv2-campaign-card .coreservercart-card-inner::before {
  opacity: .055;
  filter: grayscale(1) brightness(.78) contrast(.82);
}
.coreservercart-price-section.pack-detail .amount-discount--corner,
.pack-detail.coreservercart-price-section .amount-discount--corner,
.amount-discount.amount-discount--corner.amount-discount--round.coreservercart-discount-badge {
  position: relative;
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  padding: 0;
  display: inline-grid;
  place-items: center;
  border-radius: 50%;
  clip-path: none;
  overflow: hidden;
  background: radial-gradient(circle at 34% 24%, rgba(255,255,255,.98), rgba(var(--cv2-primary-rgb, 99, 91, 255), .11) 72%);
  border: 1px solid rgba(var(--cv2-primary-rgb, 99, 91, 255), .18);
  color: var(--cv2-primary, var(--CoreV2-primary, #635bff));
  box-shadow: none;
}
.coreservercart-discount-badge {
  position: relative;
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  padding: 0;
  display: inline-grid;
  place-items: center;
  border-radius: 50%;
  clip-path: none;
  overflow: hidden;
  background: radial-gradient(circle at 34% 24%, rgba(255,255,255,.98), rgba(var(--cv2-primary-rgb, 99, 91, 255), .11) 72%);
  border: 1px solid rgba(var(--cv2-primary-rgb, 99, 91, 255), .18);
  color: var(--cv2-primary, var(--CoreV2-primary, #635bff));
  box-shadow: none;
}
.coreservercart-price-section.pack-detail .amount-discount--corner::before,
.pack-detail.coreservercart-price-section .amount-discount--corner::before,
.amount-discount.amount-discount--corner.amount-discount--round.coreservercart-discount-badge::before {
  content: "";
  position: absolute;
  inset: 7px;
  border-radius: inherit;
  border: 1.5px dashed rgba(var(--cv2-primary-rgb, 99, 91, 255), .45);
  pointer-events: none;
}
.coreservercart-discount-badge::before {
  content: "";
  position: absolute;
  inset: 7px;
  border-radius: inherit;
  border: 1.5px dashed rgba(var(--cv2-primary-rgb, 99, 91, 255), .45);
  pointer-events: none;
}
.coreservercart-price-section.pack-detail .coreservercart-badge-text,
.pack-detail.coreservercart-price-section .coreservercart-badge-text,
.coreservercart-discount-badge .coreservercart-badge-text {
  position: relative;
  z-index: 2;
  width: auto;
  height: auto;
  border: 0;
  color: currentColor;
  font-size: 11px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
}
.coreservercart-server-item.popular-highlight .coreservercart-price-section.pack-detail .amount-discount--corner {
  background: rgba(255,255,255,.18);
  border-color: rgba(255,255,255,.28);
  color: #fff;
  box-shadow: none;
}
.popular-highlight .coreservercart-discount-badge,
.coreservercart-discount-badge.badge-popular {
  background: rgba(255,255,255,.18);
  border-color: rgba(255,255,255,.28);
  color: #fff;
  box-shadow: none;
}
.coreservercart-server-item.popular-highlight .coreservercart-price-section.pack-detail .amount-discount--corner::before {
  border-color: rgba(255,255,255,.58);
}
.popular-highlight .coreservercart-discount-badge::before,
.coreservercart-discount-badge.badge-popular::before {
  border-color: rgba(255,255,255,.58);
}
@media (max-width: 768px) {
  .coreservercart-price-section.pack-detail .amount-discount--corner,
  .pack-detail.coreservercart-price-section .amount-discount--corner,
  .amount-discount.amount-discount--corner.amount-discount--round.coreservercart-discount-badge {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
  }
  .coreservercart-discount-badge {
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
  }
}

/* ── Kampanya sayacı: tam ortalı düzen ── */
.srv-head-block .pack-campaign-in-head .pcs-campaign-layout,
.srv-campaign-badge-row .pack-campaign-in-head .pcs-campaign-layout {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  grid-template-columns: unset;
}
.srv-head-block .pack-campaign-in-head .pcs-vertical-divider,
.srv-campaign-badge-row .pack-campaign-in-head .pcs-vertical-divider {
  display: none;
}
.srv-head-block .pack-campaign-in-head .pcs-label,
.srv-campaign-badge-row .pack-campaign-in-head .pcs-label {
  text-align: center;
  justify-content: center;
  width: 100%;
  max-width: none;
}
.srv-head-block .pack-campaign-in-head .countdown-boxes {
  justify-content: center;
  width: 100%;
}
/* srv-campaign-badge-row: etiket SOL | sayaçlar SAĞ — tam ortalı */
.srv-campaign-badge-row .pack-campaign-in-head .pcs-campaign-layout {
  display: grid;
  flex-direction: unset;
  grid-template-columns: auto 1px auto;
  align-items: center;
  justify-content: center;
  column-gap: 8px;
  gap: 0;
  width: 100%;
}
.srv-campaign-badge-row .pack-campaign-in-head .pcs-label {
  text-align: left;
  justify-content: flex-start;
  width: auto;
  max-width: 56px;
}
.srv-campaign-badge-row .pack-campaign-in-head .pcs-vertical-divider {
  display: block;
  grid-column: 2;
  width: 1px;
  height: 30px;
  min-height: 30px;
  background: rgba(var(--srv-primary-rgb), .20);
  margin: 0;
}
.popular-highlight .srv-campaign-badge-row .pack-campaign-in-head .pcs-vertical-divider {
  background: rgba(255,255,255,.28);
}
.srv-campaign-badge-row .pack-campaign-in-head .countdown-boxes {
  grid-column: 3;
  justify-content: flex-start;
  width: 100%;
  padding-left: 8px;
}

/* CoreV2 modern discount badge end */
/* CoreV2 server promo row flow repair */
@media (min-width: 1025px) {
  .coreservercart-packs-slider-body.packs-slider-body--3v {
    align-items: start;
  }
  .coreservercart-packs-slider-body.packs-slider-body--3v > .pack-card-wrapper--promo {
    align-self: start;
    height: auto;
    min-height: 0;
    max-height: none;
    display: flex;
    width: 100%;
    max-width: 100%;
    border-radius: var(--srv-radius-card, 18px);
    overflow: hidden;
  }
  .coreservercart-packs-slider-body.packs-slider-body--3v .coreservercart-server-item,
  .coreservercart-packs-slider-body.packs-slider-body--3v .coreservercart-card-inner {
    align-self: stretch;
    height: auto;
    min-height: 0;
  }
  .coreservercart-packs-slider-body.packs-slider-body--3v .cv2-packs-promo-detail {
    height: auto;
    min-height: 0;
  }
}
/* CoreV2 server promo row flow repair end */

/* ── Dönem uyumsuz kart: soluk göster, gizleme ── */
.coreservercart-server-item.cv2-pack-period-unavailable {
  opacity: 0.42;
  filter: grayscale(0.3);
  pointer-events: none;
  transition: opacity 0.25s ease;
}

/* ── Tüm Özellikler: card-back profesyonel tasarım ── */
.coreservercart-card-back {
  position     : relative;
  top          : 0;
  left         : 0;
  right        : 0;
  z-index      : 1;
  background   : transparent;
  border       : none;
  box-shadow   : none;
  max-height   : 0;
  overflow     : hidden;
  transition   : max-height 0.45s cubic-bezier(0.4, 0, 0.2, 1), padding 0.3s ease;
  padding      : 0;
  border-radius: 0;
}
.coreservercart-server-item.expanded .coreservercart-card-back {
  max-height: 800px;
  padding   : 0;
}
.coreservercard-detail-wrapper {
  margin       : 0 0 1rem;
  padding      : 1.25rem 1.4rem;
  background   : var(--srv-bg, #fff);
  border       : 1px solid rgba(var(--srv-primary-rgb), 0.1);
  border-radius: var(--srv-radius-card, 18px);
  box-shadow   : 0 4px 20px rgba(0, 0, 0, 0.06);
}
[data-theme="dark"] .coreservercard-detail-wrapper {
  background   : #111827;
  border-color : rgba(255, 255, 255, 0.08);
  box-shadow   : 0 4px 20px rgba(0, 0, 0, 0.28);
}
.coreservercard-detail-header {
  display       : flex;
  align-items   : center;
  gap           : .5rem;
  margin-bottom : .9rem;
  font-size     : .72rem;
  font-weight   : 700;
  color         : var(--srv-primary);
  text-transform: uppercase;
  letter-spacing: .6px;
  padding-bottom: .7rem;
  border-bottom : 1px solid rgba(var(--srv-primary-rgb), 0.08);
}
.coreservercard-detail-header-icon {
  width : 16px;
  height: 16px;
  color : var(--srv-primary);
}
[data-theme="dark"] .coreservercard-detail-header {
  border-bottom-color: rgba(255, 255, 255, 0.07);
}
.coreservercard-detail-features {
  display              : grid;
  grid-template-columns: repeat(2, 1fr);
  gap                  : .6rem;
}
@media (max-width: 520px) {
  .coreservercard-detail-features { grid-template-columns: 1fr; }
}
.coreservercard-detail-item {
  display      : flex;
  align-items  : center;
  gap          : .65rem;
  padding      : .65rem .75rem;
  background   : rgba(var(--srv-primary-rgb), 0.035);
  border       : 1px solid rgba(var(--srv-primary-rgb), 0.07);
  border-radius: var(--srv-radius-inner, 12px);
  transition   : background 0.18s ease, transform 0.18s ease;
}
.coreservercard-detail-item:hover {
  background : rgba(var(--srv-primary-rgb), 0.07);
  transform  : translateY(-1px);
  border-color: rgba(var(--srv-primary-rgb), 0.14);
}
[data-theme="dark"] .coreservercard-detail-item {
  background  : rgba(var(--srv-primary-rgb), 0.06);
  border-color: rgba(255, 255, 255, 0.06);
}
[data-theme="dark"] .coreservercard-detail-item:hover {
  background  : rgba(var(--srv-primary-rgb), 0.12);
  border-color: rgba(var(--srv-primary-rgb), 0.18);
}
.coreservercard-detail-icon {
  flex-shrink  : 0;
  min-width    : 38px;
  width        : 38px;
  height       : 38px;
  display      : flex;
  align-items  : center;
  justify-content: center;
  background   : rgba(var(--srv-primary-rgb), 0.08);
  border-radius: 10px;
}
[data-theme="dark"] .coreservercard-detail-icon {
  background: rgba(var(--srv-primary-rgb), 0.14);
}
.coreservercard-detail-icon svg {
  width : 18px;
  height: 18px;
  color : var(--srv-primary);
}
.coreservercard-detail-icon i[class*="hki-stroke"] {
  font-size: 20px;
  color    : var(--srv-primary);
  line-height: 1;
}
.coreservercard-detail-label {
  font-size     : 10px;
  font-weight   : 500;
  color         : var(--srv-text-muted);
  text-transform: uppercase;
  letter-spacing: .4px;
  line-height   : 1;
  margin-bottom : 3px;
}
.coreservercard-detail-value {
  font-size  : 13.5px;
  font-weight: 600;
  color      : var(--srv-text-head);
  line-height: 1.25;
}
[data-theme="dark"] .coreservercard-detail-label { color: #64748b; }
[data-theme="dark"] .coreservercard-detail-value { color: #f1f5f9; }

/* CoreV2 filter responsive visibility guard */

/* CoreV2 filter responsive visibility guard end */

/* ================================================================
   CV2 SUNUCU YAPILANDIRILMIŞ GRID — Sayfalı Düzen
   Sayfa 1: 3 sunucu kartı + 1 promo görsel
   Sayfa 2+: 4 sunucu kartı (promo yok)
   ================================================================ */

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

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

/* Promo görsel: 1. sütun (promo-slot-right için 4. sütun) */
.cv2-srv-row-with-promo.packs-slider-body--promo-slot-right > .pack-card-wrapper--promo {
  grid-column: 4;
  grid-row: 1;
}
.cv2-srv-row-with-promo.packs-slider-body--promo-slot-right > .packs-cards-panel--3v {
  grid-column: 1 / 4;
  grid-row: 1;
}
.cv2-srv-row-with-promo.packs-slider-body--promo-slot-left > .pack-card-wrapper--promo {
  grid-column: 1;
  grid-row: 1;
}
.cv2-srv-row-with-promo.packs-slider-body--promo-slot-left > .packs-cards-panel--3v {
  grid-column: 2 / -1;
  grid-row: 1;
}
/* center de right gibi davransın */
.cv2-srv-row-with-promo.packs-slider-body--promo-slot-center > .pack-card-wrapper--promo {
  grid-column: 4;
  grid-row: 1;
}
.cv2-srv-row-with-promo.packs-slider-body--promo-slot-center > .packs-cards-panel--3v {
  grid-column: 1 / 4;
  grid-row: 1;
}

.cv2-srv-row-with-promo > .pack-card-wrapper--promo {
  min-width: 0;
  width: 100%;
  align-self: stretch;
}

.cv2-srv-row-with-promo > .packs-cards-panel--3v {
  min-width: 0;
  padding: 0;
  width: 100%;
}

/* İçeride 3 sunucu kartı dikey yığın (sunucu kartları zaten yatay tasarım) */
.cv2-srv-row-with-promo .coreservercart-server-grid {
  display: flex;
  flex-direction: column;
  gap: var(--cv2-packs-3v-gap, 18px);
  width: 100%;
}

.cv2-srv-row-with-promo .coreservercart-server-item {
  width: 100%;
  flex: 1 1 auto;
}

/* Sayfa 2+: 4 sunucu kartı YAN YANA (promo yok) — dikey yığın thrash yok.
   Masaüstü grid pack-ui-lock; burada sadece temel iskelet. */
.cv2-srv-row-no-promo {
  display: block;
  width: 100%;
}

.cv2-srv-row-no-promo .coreservercart-server-grid {
  /* masaüstü asıl kilit pack-ui-lock (1/4 + center); burada iskelet */
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--cv2-card-grid-gap, 14px);
  width: 100%;
  box-sizing: border-box;
}

/* Kart: 1 hücre — tek paket kalsa bile full-bleed şişme yok */
.cv2-srv-row-no-promo .coreservercart-server-item,
.cv2-srv-row-with-promo .coreservercart-server-item {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  flex: none;
  box-sizing: border-box;
}

/* Kart iç yapısı — card-inner ve card-front tam genişlik */
.cv2-srv-row-no-promo .coreservercart-card-inner,
.cv2-srv-row-no-promo .coreservercart-card-front {
  width: 100%;
  max-width: none;
  min-width: 0;
  box-sizing: border-box;
}

@media (min-width: 768px) {
  .cv2-srv-row-no-promo .coreservercart-server-item,
  .cv2-srv-row-with-promo .coreservercart-server-item {
    width: 100%;
    max-width: 100%;
    flex: none;
  }
  .cv2-srv-row-no-promo .coreservercart-packs-panel,
  .cv2-srv-row-no-promo .coreservercart-container,
  .cv2-srv-row-no-promo .coreservercart-slider-wrapper {
    width: 100%;
    max-width: 100%;
    padding: 0;
  }
  .cv2-srv-row-no-promo .coreservercart-server-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--cv2-card-grid-gap, 14px);
    overflow: visible;
  }
  .cv2-srv-row-no-promo .coreservercart-card-inner,
  .cv2-srv-row-no-promo .coreservercart-card-front {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }
  .cv2-srv-row-no-promo .coreservercart-card-front {
    display: grid;
  }
  .cv2-srv-row-no-promo .coreservercart-server-left {
    display: contents;
  }
  .cv2-srv-row-no-promo .coreservercart-server-middle,
  .cv2-srv-row-no-promo .coreservercart-server-right {
    min-width: 0;
  }
}

/* Tablet: ~2’li slot boyu, ortalı */
@media (max-width: 1024px) and (min-width: 769px) {
  .cv2-srv-row-no-promo .coreservercart-server-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
  }
  .cv2-srv-row-no-promo .coreservercart-server-item {
    flex: 0 0 calc((100% - 14px) / 2);
    width: calc((100% - 14px) / 2);
    max-width: calc((100% - 14px) / 2);
  }
}

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

/* ── Tablet: tek sütun, promo alta ── */
@media (max-width: 1024px) {
  .cv2-srv-row-with-promo {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
  }
  .cv2-srv-row-with-promo > .packs-cards-panel--3v,
  .cv2-srv-row-with-promo.packs-slider-body--promo-slot-right > .packs-cards-panel--3v,
  .cv2-srv-row-with-promo.packs-slider-body--promo-slot-left > .packs-cards-panel--3v,
  .cv2-srv-row-with-promo.packs-slider-body--promo-slot-center > .packs-cards-panel--3v {
    grid-column: 1 / -1;
    grid-row: 1;
  }
  .cv2-srv-row-with-promo > .pack-card-wrapper--promo,
  .cv2-srv-row-with-promo.packs-slider-body--promo-slot-right > .pack-card-wrapper--promo,
  .cv2-srv-row-with-promo.packs-slider-body--promo-slot-left > .pack-card-wrapper--promo,
  .cv2-srv-row-with-promo.packs-slider-body--promo-slot-center > .pack-card-wrapper--promo {
    grid-column: 1 / -1;
    grid-row: 2;
    min-height: 200px;
  }
}

/* ============================================================================
   FILTER COMPACT FIX - Çok geniş filtreleri daralt
   ============================================================================ */
/* Mobile filter - kompakt */

/* ============================================================================
   PAGINATION PROFESSIONAL REDESIGN
   ============================================================================ */
.core-pagination,
.cv2-srv-structured-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex-wrap: wrap;
  padding: 20px 0;
  margin: 0 auto;
  max-width: 100%;
}

.core-pagination .core-pg-btn,
.cv2-srv-structured-pagination .core-pg-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 12px;
  font-size: 14px;
  font-weight: 500;
  color: #64748b;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.2s ease;
  text-decoration: none;
  box-sizing: border-box;
  white-space: nowrap;
  flex-shrink: 0;
}

.core-pagination .core-pg-btn:hover:not(.active):not(:disabled),
.cv2-srv-structured-pagination .core-pg-btn:hover:not(.active):not(:disabled) {
  background: rgba(var(--CoreV2-primary-rgb, 90, 45, 255), 0.08);
  border-color: rgba(var(--CoreV2-primary-rgb, 90, 45, 255), 0.3);
  color: var(--CoreV2-primary, #5a2dff);
  transform: translateY(-1px);
}

.core-pagination .core-pg-btn.active,
.cv2-srv-structured-pagination .core-pg-btn.active {
  background: var(--CoreV2-primary, #5a2dff);
  color: #fff;
  border-color: var(--CoreV2-primary, #5a2dff);
  font-weight: 600;
  box-shadow: 0 4px 12px rgba(var(--CoreV2-primary-rgb, 90, 45, 255), 0.25);
}

.core-pagination .core-pg-btn:disabled,
.cv2-srv-structured-pagination .core-pg-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  background: #f8fafc;
}

/* Prev/Next buttons */
.core-pagination .core-pg-btn[data-page="prev"],
.core-pagination .core-pg-btn[data-page="next"],
.cv2-srv-structured-pagination .core-pg-btn[data-page="prev"],
.cv2-srv-structured-pagination .core-pg-btn[data-page="next"] {
  padding: 0 14px;
  font-weight: 600;
}

/* Ellipsis */
.core-pagination .core-pg-ellipsis,
.cv2-srv-structured-pagination .core-pg-ellipsis {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  color: #94a3b8;
  font-weight: 600;
  pointer-events: none;
}

/* Dark mode */
[data-theme="dark"] .core-pagination .core-pg-btn,
[data-theme="dark"] .cv2-srv-structured-pagination .core-pg-btn {
  background: #1e293b;
  border-color: rgba(255, 255, 255, 0.1);
  color: #94a3b8;
}

[data-theme="dark"] .core-pagination .core-pg-btn:hover:not(.active):not(:disabled),
[data-theme="dark"] .cv2-srv-structured-pagination .core-pg-btn:hover:not(.active):not(:disabled) {
  background: rgba(var(--CoreV2-primary-rgb, 90, 45, 255), 0.15);
  border-color: rgba(var(--CoreV2-primary-rgb, 90, 45, 255), 0.4);
  color: #e2e8f0;
}

[data-theme="dark"] .core-pagination .core-pg-btn.active,
[data-theme="dark"] .cv2-srv-structured-pagination .core-pg-btn.active {
  background: var(--CoreV2-primary, #5a2dff);
  color: #fff;
  border-color: var(--CoreV2-primary, #5a2dff);
}

[data-theme="dark"] .core-pagination .core-pg-btn:disabled,
[data-theme="dark"] .cv2-srv-structured-pagination .core-pg-btn:disabled {
  background: #0f172a;
  border-color: rgba(255, 255, 255, 0.05);
}

/* Mobile responsive */
@media (max-width: 768px) {
  .core-pagination,
  .cv2-srv-structured-pagination {
    gap: 5px;
    padding: 16px 0;
  }

  .core-pagination .core-pg-btn,
  .cv2-srv-structured-pagination .core-pg-btn {
    min-width: 36px;
    height: 36px;
    padding: 0 10px;
    font-size: 13px;
  }

  .core-pagination .core-pg-ellipsis,
  .cv2-srv-structured-pagination .core-pg-ellipsis {
    min-width: 36px;
    height: 36px;
  }
}

.coreservercart-packs-slider-body.packs-slider-body--3v,
.coreservercart-packs-slider-body.packs-slider-body--3v .coreservercart-server-grid,
.coreservercart-server-grid {
  align-items: start;
}
.coreservercart-packs-slider-body.packs-slider-body--3v .coreservercart-server-item {
  align-self: start;
}
.packs-cards-track > .pack-card-wrapper {
  align-self: start;
}
.coreservercart-server-item.expanded {
  position: relative;
  z-index: 24;
}
.coreservercart-server-item.expanded .coreservercart-card-inner {
  overflow: visible;
}
.coreservercart-server-item.expanded .coreservercart-card-front {
  grid-template-areas  :
    "head"
    "visual"
    "price"
    "features"
    "buy";
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  align-items: start;
}
@container srv-card (min-width: 300px) {
  .coreservercart-server-item.expanded .coreservercart-card-front {
    grid-template-columns: 1fr;
    grid-template-areas  :
    "head"
    "visual"
    "price"
    "features"
    "buy";
    align-items: start;
  }
}
/* floating back thrash kapalı — features-extra inline (resim kaymasın) */
.coreservercart-server-item.expanded .coreservercart-features-col > .coreservercart-card-back,
.coreservercart-server-item.expanded .coreservercart-features-col > .coreservercart-card-back.cv2-details-floating {
  display: none;
  position: static;
  left: auto;
  right: auto;
  top: auto;
  z-index: auto;
  margin: 0;
  padding: 0;
  max-height: 0;
  overflow: hidden;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: 0 16px 34px rgba(15, 23, 42, .14);
}
.coreservercart-price-section.pack-detail .price-row,
.pack-detail.coreservercart-price-section .price-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  min-height: 44px;
}
.coreservercart-price-section.pack-detail .price-section,
.pack-detail.coreservercart-price-section .price-section {
  align-items: flex-start;
  justify-content: center;
  flex: 1 1 auto;
  min-width: 0;
}
.coreservercart-price-section.pack-detail .amount-discount--corner,
.pack-detail.coreservercart-price-section .amount-discount--corner {
  flex: 0 0 auto;
  align-self: center;
  margin-left: auto;
  display: inline-grid;
  visibility: visible;
  opacity: 1;
}
.coreservercart-discount-badge {
  flex: 0 0 auto;
  align-self: center;
  margin-left: auto;
  display: inline-grid;
  visibility: visible;
  opacity: 1;
}

.coreservercart-features-col {
  position: relative;
}

/* CoreV2 collapsed details — only expanded card shows panel */
.coreservercart-server-item.expanded .coreservercart-card-back {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
/* Kartlar esit boya zorlanmasin — biri acilinca digerleri/gorsel temassizlik yapmasin */
.coreservercart-server-grid > .coreservercart-server-item {
  align-self: start;
  height: auto;
}
.coreservercart-packs-slider-body > .pack-card-wrapper--promo {
  align-self: stretch;
  height: 100%;
}
.coreservercart-server-item {
  position: relative;
}
.coreservercart-server-item:not(.expanded) .coreservercart-card-back {
  max-height: 0;
  padding: 0;
  margin: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  border: none;
  box-shadow: none;
}
.coreservercart-server-item.expanded {
  z-index: 12;
}
.coreservercart-price-section.pack-detail .amount-discount--corner,
.pack-detail.coreservercart-price-section .amount-discount--corner {
  display: inline-flex;
  visibility: visible;
  opacity: 1;
  width: 52px;
  height: 52px;
  min-width: 52px;
  min-height: 52px;
  clip-path: none;
  margin-left: auto;
}
.coreservercart-discount-badge {
  display: inline-flex;
  visibility: visible;
  opacity: 1;
  width: 52px;
  height: 52px;
  min-width: 52px;
  min-height: 52px;
  clip-path: none;
  margin-left: auto;
}
.coreservercart-price-section.pack-detail .amount-discount__text {
  display: inline;
  visibility: visible;
  opacity: 1;
  font-size: 13px;
  font-weight: 800;
}
.coreservercart-discount-badge .coreservercart-badge-text {
  display: inline;
  visibility: visible;
  opacity: 1;
  font-size: 13px;
  font-weight: 800;
}
.coreservercart-server-item.expanded .coreservercart-card-back,
.coreservercart-server-item.expanded .coreservercart-card-back.cv2-details-floating {
  display: block;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  max-height: min(70vh, 520px);
  overflow: auto;
}
.coreservercart-card-back.cv2-details-floating {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 4px);
  z-index: 12;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.28s ease;
  background: var(--srv-bg, #fff);
  border: 1px solid rgba(var(--srv-primary-rgb, var(--cv2-primary-rgb)), 0.12);
  border-radius: 12px;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.12);
}
.coreservercart-features-col > .coreservercart-card-back .coreservercard-detail-features {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.38rem;
  padding: 0.42rem 0.4rem;
}
.coreservercart-features-col > .coreservercart-card-back .coreservercard-detail-item {
  display: flex;
  align-items: center;
  gap: 0.38rem;
  min-width: 0;
  width: 100%;
  padding: 0.36rem 0.38rem;
  background: rgba(var(--srv-primary-rgb, var(--cv2-primary-rgb)), 0.04);
  border: 1px solid rgba(var(--srv-primary-rgb, var(--cv2-primary-rgb)), 0.09);
  border-radius: var(--srv-radius-chip, 12px);
}
.coreservercart-features-col > .coreservercart-card-back .coreservercard-detail-icon {
  width: 34px;
  height: 34px;
  min-width: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(145deg, var(--srv-primary, var(--cv2-primary)) 0%, color-mix(in srgb, var(--srv-primary, var(--cv2-primary)) 72%, #fff) 100%);
  border-radius: 50%;
  flex-shrink: 0;
}
.coreservercart-features-col > .coreservercart-card-back .coreservercard-detail-icon svg,
.coreservercart-features-col > .coreservercart-card-back .coreservercard-detail-icon i {
  width: 15px;
  height: 15px;
  font-size: 15px;
  color: #fff;
}
.coreservercart-features-col > .coreservercart-card-back .coreservercard-detail-label {
  font-size: clamp(9px, 2.2cqi, 10.5px);
  color: #94a3b8;
  line-height: 1.2;
}
.coreservercart-features-col > .coreservercart-card-back .coreservercard-detail-value {
  font-size: clamp(10.5px, 2.6cqi, 12px);
  font-weight: 600;
  color: #475569;
  line-height: 1.25;
}
.coreservercart-features-col > .coreservercart-card-back .coreservercard-detail-wrapper {
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0.35rem 0.25rem;
}
.coreservercart-features-col > .coreservercart-card-back .coreservercard-detail-header {
  display: none;
}
/* thrash override YOK — cv2-srvhead.css + pack-ui-lock: top:0 + translate(-50%,-50%) */
.srv-head-badge-slot {
  position: absolute;
  top: 0;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 60;
  overflow: visible;
}

/* CoreV2 v0.2.64 — Tüm Özellikler: üstteki özellik grid'inin devamı (yedek, floating panel yok) */
.coreservercart-server-item .coreservercart-card-back,
.coreservercart-server-item .coreservercart-card-back.cv2-details-floating,
.coreservercart-server-item.expanded .coreservercart-features-col > .coreservercart-card-back,
.coreservercart-server-item.expanded .coreservercart-features-col > .coreservercart-card-back.cv2-details-floating {
  position: static;
  inset: auto;
  left: auto;
  right: auto;
  top: auto;
  z-index: auto;
  grid-column: 1 / -1;
  order: 99;
  width: 100%;
  max-height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  transition: max-height 0.32s ease;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.coreservercart-server-item.expanded .coreservercart-server-features .coreservercart-card-back,
.coreservercart-server-item.expanded .coreservercart-server-features .coreservercart-card-back.cv2-details-floating,
.coreservercart-server-item.expanded .coreservercart-features-col > .coreservercart-card-back,
.coreservercart-server-item.expanded .coreservercart-features-col > .coreservercart-card-back.cv2-details-floating {
  max-height: none;
  overflow: visible;
  margin-top: 0.38rem;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.coreservercart-server-features .coreservercard-detail-wrapper,
.coreservercart-features-col > .coreservercart-card-back .coreservercard-detail-wrapper {
  padding: 0;
  margin: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}
.coreservercart-server-features .coreservercard-detail-header,
.coreservercart-features-col > .coreservercart-card-back .coreservercard-detail-header {
  display: none;
}
.coreservercart-server-features .coreservercard-detail-features,
.coreservercart-features-col > .coreservercart-card-back .coreservercard-detail-features {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.38rem;
  padding: 0;
}
.coreservercart-server-features .coreservercard-detail-item,
.coreservercart-features-col > .coreservercart-card-back .coreservercard-detail-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.38rem;
  min-width: 0;
  width: 100%;
  min-height: 0;
  padding: 0.36rem 0.38rem;
  background: rgba(var(--srv-primary-rgb, var(--cv2-primary-rgb)), 0.04);
  border: 1px solid rgba(var(--srv-primary-rgb, var(--cv2-primary-rgb)), 0.09);
  border-radius: var(--srv-radius-chip, 10px);
  box-shadow: none;
  text-align: left;
}
.coreservercart-server-features .coreservercard-detail-icon,
.coreservercart-features-col > .coreservercart-card-back .coreservercard-detail-icon {
  width: 34px;
  height: 34px;
  min-width: 34px;
  margin: 0;
  border-radius: 50%;
  background: linear-gradient(145deg, var(--srv-primary, var(--cv2-primary)) 0%, color-mix(in srgb, var(--srv-primary, var(--cv2-primary)) 72%, #fff) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.coreservercart-server-features .coreservercard-detail-info,
.coreservercart-features-col > .coreservercart-card-back .coreservercard-detail-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  min-width: 0;
}
.coreservercart-server-features .coreservercard-detail-value,
.coreservercart-features-col > .coreservercart-card-back .coreservercard-detail-value {
  display: block;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.1;
  color: var(--srv-text-head, #1e266d);
}
.coreservercart-server-features .coreservercard-detail-label,
.coreservercart-features-col > .coreservercart-card-back .coreservercard-detail-label {
  display: block;
  font-size: 9px;
  color: var(--srv-text-muted, #8892a4);
  line-height: 1.1;
}
.coreservercart-server-item.popular-highlight .coreservercart-server-features .coreservercard-detail-item,
.coreservercart-server-item.popular-highlight .coreservercart-features-col > .coreservercart-card-back .coreservercard-detail-item {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.16);
}
.coreservercart-server-item.popular-highlight .coreservercart-server-features .coreservercard-detail-value,
.coreservercart-server-item.popular-highlight .coreservercart-features-col > .coreservercart-card-back .coreservercard-detail-value {
  color: rgba(255, 255, 255, 0.9);
}
.coreservercart-server-item.popular-highlight .coreservercart-server-features .coreservercard-detail-label,
.coreservercart-server-item.popular-highlight .coreservercart-features-col > .coreservercart-card-back .coreservercard-detail-label {
  color: rgba(255, 255, 255, 0.58);
}

.coreservercart-price-section.pack-detail .amount-discount--corner,
.pack-detail.coreservercart-price-section .amount-discount--corner,
.amount-discount.amount-discount--corner.amount-discount--round.coreservercart-discount-badge {
  box-shadow: none;
  filter: none;
}
.coreservercart-discount-badge {
  box-shadow: none;
  filter: none;
}

.coreservercart-price-section.pack-detail {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 10px;
  border-radius: var(--cv2-radius-input, 12px);
  background: rgba(var(--srv-primary-rgb, 80, 70, 229), 0.04);
  border: 1px solid rgba(var(--srv-primary-rgb, 80, 70, 229), 0.12);
  box-shadow: none;
  min-height: 52px;
}
.pack-detail.coreservercart-price-section {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 10px;
  border-radius: var(--cv2-radius-input, 12px);
  background: rgba(var(--srv-primary-rgb, 80, 70, 229), 0.04);
  border: 1px solid rgba(var(--srv-primary-rgb, 80, 70, 229), 0.12);
  box-shadow: none;
  min-height: 52px;
}
.popular-highlight .coreservercart-price-section.pack-detail,
.coreservercart-server-item.popular-highlight .coreservercart-price-section.pack-detail {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.24);
}
.coreservercart-pack-image-area {
  position: relative;
}
.coreservercart-pack-image-area > .coreservercart-location-badge {
  position: absolute;
  top: 6px;
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translateX(-50%);
  z-index: 6;
  display: inline-flex;
  visibility: visible;
  opacity: 1;
  margin: 0;
  padding: 3px 8px;
  font-size: 10px;
  border-radius: 6px;
  background: color-mix(in srgb, var(--srv-bg) 90%, transparent);
  border: 1px solid rgba(var(--srv-primary-rgb), 0.14);
  box-shadow: none;
}
.coreservercart-show-more {
  margin: 4px auto 4px;
}
.coreservercart-bottom-row {
  margin-top: 0;
  padding-top: 2px;
}
.srv-cart-wrapper {
  margin-top: 0;
  padding-top: 2px;
}
.corecartpkts-wrapper .CoreV2-filter .CoreV2-filter-options {
  padding: 5px;
  background: rgba(var(--srv-primary-rgb, 80, 70, 229), 0.04);
  border: 1px solid rgba(var(--srv-primary-rgb, 80, 70, 229), 0.08);
}
.corecartpkts-wrapper .CoreV2-filter .CoreV2-filter-item {
  min-height: 40px;
  height: 40px;
  padding: 0 16px;
  font-size: 14px;
}
.coreservercart-packs-slider-body,
.coreservercart-server-grid,
.coreservercart-server-item,
.coreservercart-card-inner,
.coreservercart-card-front,
.coreservercart-features-col,
.coreservercart-server-features {
  overflow: visible;
}
.coreservercart-packs-slider-body .packs-cards-panel,
.coreservercart-packs-slider-body .packs-cards-viewport,
.coreservercart-packs-slider-body .packs-cards-track {
  overflow: visible;
}
.coreservercart-packs-slider-body .pack-card-wrapper {
  overflow: visible;
}

.coreservercart-server-item,
.coreservercart-card-inner,
.coreservercart-card-front,
.coreservercart-features-col {
  position: relative;
  contain: none;
}

.coreservercart-server-item:not(.expanded) .coreservercart-card-back,
.coreservercart-server-item:not(.expanded) .coreservercart-card-back.cv2-details-floating,
.coreservercart-server-item:not(.expanded) .coreservercart-features-col > .coreservercart-card-back {
  display: block;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  z-index: -1;
  max-height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

.coreservercart-server-item.expanded {
  z-index: 80;
  align-self: start;
  height: auto;
  min-height: 0;
  transform: none;
}

.coreservercart-server-item.expanded .coreservercart-card-inner,
.coreservercart-server-item.expanded .coreservercart-card-front {
  height: auto;
  min-height: 0;
  transform: none;
}

.coreservercart-server-item.expanded .coreservercart-card-back,
.coreservercart-server-item.expanded .coreservercart-card-back.cv2-details-floating,
.coreservercart-server-item.expanded .coreservercart-server-features .coreservercart-card-back,
.coreservercart-server-item.expanded .coreservercart-server-features .coreservercart-card-back.cv2-details-floating,
.coreservercart-server-item.expanded .coreservercart-features-col > .coreservercart-card-back,
.coreservercart-server-item.expanded .coreservercart-features-col > .coreservercart-card-back.cv2-details-floating {
  display: block;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  z-index: 120;
  width: 100%;
  max-width: 100%;
  max-height: min(430px, calc(100vh - 180px));
  margin: 0;
  padding: 8px;
  overflow-x: hidden;
  overflow-y: auto;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  background: color-mix(in srgb, var(--srv-bg, #111827) 92%, #fff);
  border: 1px solid rgba(var(--srv-primary-rgb, var(--cv2-primary-rgb, 91, 184, 0)), 0.22);
  border-radius: 14px;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34);
  box-sizing: border-box;
}

.coreservercart-packs-slider-body:has(.coreservercart-server-item.expanded),
.coreservercart-packs-slider-body:has(.coreservercart-server-item.expanded) .coreservercart-server-grid {
  align-items: start;
  align-content: start;
}
.coreservercart-packs-slider-body:has(.coreservercart-server-item.expanded) .packs-cards-track {
  align-items: start;
  align-content: start;
}

.coreservercart-packs-slider-body:has(.coreservercart-server-item.expanded) .coreservercart-server-item:not(.expanded),
.coreservercart-packs-slider-body:has(.coreservercart-server-item.expanded) .coreservercart-server-item:not(.expanded) .coreservercart-card-inner,
.coreservercart-packs-slider-body:has(.coreservercart-server-item.expanded) .coreservercart-server-item:not(.expanded) .coreservercart-card-front {
  align-self: start;
  height: auto;
  min-height: 0;
  transform: none;
}

/* Expand: promo kartı kilitli kalır — poster/img height:auto thrash YOK (görsel taşmasın) */
.coreservercart-packs-slider-body:has(.coreservercart-server-item.expanded) > .pack-card-wrapper--promo,
.coreservercart-packs-slider-body:has(.coreservercart-server-item.expanded) .pack-card-wrapper--promo {
  align-self: stretch;
  overflow: hidden;
}
.coreservercart-packs-slider-body:has(.coreservercart-server-item.expanded) .cv2-packs-promo-detail {
  height: 100%;
  min-height: 0;
  overflow: hidden;
}
.coreservercart-packs-slider-body:has(.coreservercart-server-item.expanded) .cv2-packs-promo-poster {
  position: relative;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}
.coreservercart-packs-slider-body:has(.coreservercart-server-item.expanded) .cv2-packs-promo-poster-media,
.coreservercart-packs-slider-body:has(.coreservercart-server-item.expanded) .cv2-packs-promo-poster-figure,
.coreservercart-packs-slider-body:has(.coreservercart-server-item.expanded) .cv2-packs-promo-poster img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
  object-position: center center;
  transform: none;
}

.coreservercart-server-item.expanded .coreservercart-features-col > .coreservercart-card-back .coreservercard-detail-features,
.coreservercart-server-item.expanded .coreservercart-server-features .coreservercart-card-back .coreservercard-detail-features {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.38rem;
}

@media (max-width: 768px) {
  .coreservercart-server-item.expanded .coreservercart-card-back,
  .coreservercart-server-item.expanded .coreservercart-card-back.cv2-details-floating,
  .coreservercart-server-item.expanded .coreservercart-features-col > .coreservercart-card-back {
    max-height: min(360px, calc(100vh - 150px));
  }
}
/* CoreV2 v0.2.100 - server dark feature and discount visual polish */
html[data-theme="dark"] .coreservercart-server-item:not(.popular-highlight) .coreservercart-feature,
html.dark-mode .coreservercart-server-item:not(.popular-highlight) .coreservercart-feature,
body.dark-mode .coreservercart-server-item:not(.popular-highlight) .coreservercart-feature,
[data-theme="dark"] .coreservercart-server-item:not(.popular-highlight) .coreservercart-feature {
  background:
    linear-gradient(145deg, rgba(var(--srv-primary-rgb, var(--cv2-primary-rgb, 91, 184, 0)), 0.18), rgba(var(--srv-primary-rgb, var(--cv2-primary-rgb, 91, 184, 0)), 0.075)),
    color-mix(in srgb, var(--srv-bg, #111827) 86%, var(--srv-primary, var(--cv2-primary)) 14%);
  border-color: rgba(var(--srv-primary-rgb, var(--cv2-primary-rgb, 91, 184, 0)), 0.26);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.055), 0 8px 18px rgba(0,0,0,0.16);
}

html[data-theme="dark"] .coreservercart-server-item:not(.popular-highlight) .coreservercart-feature-icon,
html.dark-mode .coreservercart-server-item:not(.popular-highlight) .coreservercart-feature-icon,
body.dark-mode .coreservercart-server-item:not(.popular-highlight) .coreservercart-feature-icon,
[data-theme="dark"] .coreservercart-server-item:not(.popular-highlight) .coreservercart-feature-icon {
  background: linear-gradient(145deg, var(--srv-primary, var(--cv2-primary)) 0%, color-mix(in srgb, var(--srv-primary, var(--cv2-primary)) 72%, #fff) 100%);
  color: #fff;
  box-shadow: 0 6px 16px rgba(var(--srv-primary-rgb, var(--cv2-primary-rgb, 91, 184, 0)), 0.28);
}

html[data-theme="dark"] .coreservercart-server-item:not(.popular-highlight) .coreservercart-feature-icon svg,
html.dark-mode .coreservercart-server-item:not(.popular-highlight) .coreservercart-feature-icon svg,
body.dark-mode .coreservercart-server-item:not(.popular-highlight) .coreservercart-feature-icon svg,
[data-theme="dark"] .coreservercart-server-item:not(.popular-highlight) .coreservercart-feature-icon svg {
  color: #fff;
  stroke: currentColor;
}

html[data-theme="dark"] .coreservercart-server-item:not(.popular-highlight) .coreservercart-info,
html.dark-mode .coreservercart-server-item:not(.popular-highlight) .coreservercart-info,
body.dark-mode .coreservercart-server-item:not(.popular-highlight) .coreservercart-info,
[data-theme="dark"] .coreservercart-server-item:not(.popular-highlight) .coreservercart-info {
  color: rgba(226, 238, 219, 0.66);
}

html[data-theme="dark"] .coreservercart-server-item:not(.popular-highlight) .coreservercart-h4,
html.dark-mode .coreservercart-server-item:not(.popular-highlight) .coreservercart-h4,
body.dark-mode .coreservercart-server-item:not(.popular-highlight) .coreservercart-h4,
[data-theme="dark"] .coreservercart-server-item:not(.popular-highlight) .coreservercart-h4 {
  color: rgba(255,255,255,0.96);
  text-shadow: 0 1px 0 rgba(0,0,0,0.16);
}

html[data-theme="dark"] .coreservercart-price-section.pack-detail .amount-discount--corner,
html[data-theme="dark"] .pack-detail.coreservercart-price-section .amount-discount--corner,
html[data-theme="dark"] .amount-discount.amount-discount--corner.amount-discount--round.coreservercart-discount-badge,
html.dark-mode .coreservercart-price-section.pack-detail .amount-discount--corner,
html.dark-mode .pack-detail.coreservercart-price-section .amount-discount--corner,
html.dark-mode .amount-discount.amount-discount--corner.amount-discount--round.coreservercart-discount-badge,
body.dark-mode .coreservercart-price-section.pack-detail .amount-discount--corner,
body.dark-mode .pack-detail.coreservercart-price-section .amount-discount--corner,
body.dark-mode .amount-discount.amount-discount--corner.amount-discount--round.coreservercart-discount-badge,
[data-theme="dark"] .coreservercart-price-section.pack-detail .amount-discount--corner,
[data-theme="dark"] .pack-detail.coreservercart-price-section .amount-discount--corner,
[data-theme="dark"] .amount-discount.amount-discount--corner.amount-discount--round.coreservercart-discount-badge {
  background:
    radial-gradient(circle at 32% 22%, rgba(255,255,255,0.88) 0%, rgba(255,255,255,0.34) 28%, transparent 54%),
    linear-gradient(145deg, color-mix(in srgb, var(--srv-primary, var(--cv2-primary)) 62%, #fff) 0%, var(--srv-primary, var(--cv2-primary)) 54%, color-mix(in srgb, var(--srv-primary, var(--cv2-primary)) 70%, #07110a) 100%);
  border-color: rgba(255,255,255,0.28);
  color: #fff;
  box-shadow: 0 10px 24px rgba(var(--srv-primary-rgb, var(--cv2-primary-rgb, 91, 184, 0)), 0.30), inset 0 1px 0 rgba(255,255,255,0.50);
  filter: saturate(1.12) contrast(1.04);
}
html[data-theme="dark"] .coreservercart-discount-badge,
html.dark-mode .coreservercart-discount-badge,
body.dark-mode .coreservercart-discount-badge,
[data-theme="dark"] .coreservercart-discount-badge {
  background:
    radial-gradient(circle at 32% 22%, rgba(255,255,255,0.88) 0%, rgba(255,255,255,0.34) 28%, transparent 54%),
    linear-gradient(145deg, color-mix(in srgb, var(--srv-primary, var(--cv2-primary)) 62%, #fff) 0%, var(--srv-primary, var(--cv2-primary)) 54%, color-mix(in srgb, var(--srv-primary, var(--cv2-primary)) 70%, #07110a) 100%);
  border-color: rgba(255,255,255,0.28);
  color: #fff;
  box-shadow: 0 10px 24px rgba(var(--srv-primary-rgb, var(--cv2-primary-rgb, 91, 184, 0)), 0.30), inset 0 1px 0 rgba(255,255,255,0.50);
  filter: saturate(1.12) contrast(1.04);
}

html[data-theme="dark"] .coreservercart-discount-badge .coreservercart-badge-text,
html.dark-mode .coreservercart-discount-badge .coreservercart-badge-text,
body.dark-mode .coreservercart-discount-badge .coreservercart-badge-text,
[data-theme="dark"] .coreservercart-discount-badge .coreservercart-badge-text {
  color: #fff;
  text-shadow: 0 1px 2px rgba(0,0,0,0.28);
}
html[data-theme="dark"] .coreservercart-price-section.pack-detail .amount-discount__text,
html.dark-mode .coreservercart-price-section.pack-detail .amount-discount__text,
body.dark-mode .coreservercart-price-section.pack-detail .amount-discount__text,
[data-theme="dark"] .coreservercart-price-section.pack-detail .amount-discount__text {
  color: #fff;
  text-shadow: 0 1px 2px rgba(0,0,0,0.28);
}
/* ================================================================
   v0.2.109 — ANA SAYFA = PAKET SAYFASI (ZORUNLU PARITY)
   Varsayilan stiller yatay carousel (flex 86% + overflow-x).
   Structured grid icinde bunlari tamamen iptal et.
   ================================================================ */

/* Wrapper genislikleri — ic ice max-width daraltmasini bitir */
.cv2-srv-structured-grid,
.cv2-srv-pack-page,
.cv2-srv-row-with-promo,
.cv2-srv-row-no-promo,
.products_list .cv2-srv-structured-grid,
.products_list .cv2-srv-row-with-promo,
.products_list .cv2-srv-row-no-promo {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* Promo + 3 kart: 4 esit sutun (anasayfa ile ayni) */
.cv2-srv-row-with-promo.packs-slider-body,
.cv2-srv-row-with-promo.packs-slider-body--3v,
.products_list .cv2-srv-row-with-promo {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: auto;
  gap: var(--cv2-packs-3v-gap, 18px);
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
}

.cv2-srv-row-with-promo.packs-slider-body--promo-slot-right > .pack-card-wrapper--promo,
.products_list .cv2-srv-row-with-promo.packs-slider-body--promo-slot-right > .pack-card-wrapper--promo {
  grid-column: 4;
  grid-row: 1;
  width: 100%;
  min-width: 0;
  max-width: none;
  height: 100%;
  align-self: stretch;
}

.cv2-srv-row-with-promo.packs-slider-body--promo-slot-right > .packs-cards-panel,
.cv2-srv-row-with-promo.packs-slider-body--promo-slot-right > .packs-cards-panel--3v,
.products_list .cv2-srv-row-with-promo > .packs-cards-panel,
.products_list .cv2-srv-row-with-promo > .packs-cards-panel--3v {
  grid-column: 1 / 4;
  grid-row: 1;
  width: 100%;
  min-width: 0;
  max-width: none;
  padding: 0;
  margin: 0;
}

/* Carousel wrapper iptal — dikey yigin */
.cv2-srv-row-with-promo .coreservercart-home-servers,
.cv2-srv-row-no-promo .coreservercart-home-servers,
.cv2-srv-row-with-promo .coreservercart-container,
.cv2-srv-row-no-promo .coreservercart-container,
.cv2-srv-row-with-promo .coreservercart-slider-wrapper,
.cv2-srv-row-no-promo .coreservercart-slider-wrapper,
.products_list .cv2-srv-row-with-promo .coreservercart-container,
.products_list .cv2-srv-row-no-promo .coreservercart-container,
.products_list .cv2-srv-row-with-promo .coreservercart-slider-wrapper,
.products_list .cv2-srv-row-no-promo .coreservercart-slider-wrapper {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  overflow: visible;
  overflow-x: visible;
  scroll-snap-type: none;
  -webkit-overflow-scrolling: auto;
}

/* Kart listesi: dikey yigin, TAM genislik (86% carousel degil) */
.cv2-srv-row-with-promo .coreservercart-server-grid,
.cv2-srv-row-no-promo .coreservercart-server-grid,
.products_list .cv2-srv-row-with-promo .coreservercart-server-grid,
.products_list .cv2-srv-row-no-promo .coreservercart-server-grid,
.cv2-srv-structured-grid .coreservercart-server-grid {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: var(--cv2-packs-3v-gap, 18px);
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  align-items: stretch;
}

.cv2-srv-row-with-promo .coreservercart-server-item,
.cv2-srv-row-no-promo .coreservercart-server-item,
.products_list .cv2-srv-row-with-promo .coreservercart-server-item,
.products_list .cv2-srv-row-no-promo .coreservercart-server-item,
.cv2-srv-structured-grid .coreservercart-server-item {
  flex: 0 0 auto;
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0;
  align-self: stretch;
}

.cv2-srv-structured-grid .coreservercart-card-inner,
.cv2-srv-structured-grid .coreservercart-card-front {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
}

/* Desktop kart ici — dikey yigin (baslik > ozellik > OS > fiyat) */
@media (min-width: 900px) {
  .cv2-srv-structured-grid .coreservercart-card-front,
  .products_list .coreservercart-card-front {
    grid-template-columns: 1fr;
    grid-template-areas  :
    "head"
    "visual"
    "price"
    "features"
    "buy";
    row-gap: .35rem;
    column-gap: 0;
    padding: 0 .52rem .3rem;
  }
  .cv2-srv-structured-grid .coreservercart-server-features,
  .products_list .coreservercart-server-features {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .34rem;
  }
}

/* Tablet: promo altta */
@media (max-width: 1024px) {
  .cv2-srv-row-with-promo.packs-slider-body,
  .cv2-srv-row-with-promo.packs-slider-body--3v,
  .products_list .cv2-srv-row-with-promo {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
  }
  .cv2-srv-row-with-promo > .packs-cards-panel,
  .cv2-srv-row-with-promo > .packs-cards-panel--3v,
  .cv2-srv-row-with-promo.packs-slider-body--promo-slot-right > .packs-cards-panel--3v {
    grid-column: 1 / -1;
    grid-row: 1;
  }
  .cv2-srv-row-with-promo > .pack-card-wrapper--promo,
  .cv2-srv-row-with-promo.packs-slider-body--promo-slot-right > .pack-card-wrapper--promo {
    grid-column: 1 / -1;
    grid-row: 2;
    min-height: 200px;
  }
}

/* hosting-pack 4-kolon kurallarini structured icinde ez */
.products_list .packs-slider-body--3v.cv2-srv-row-with-promo {
  display: grid;
}

/* Shared server renderer scope: keep server structured layout isolated from generic pack grids. */
[data-cv2-srv-listing="1"] .packs-slider-body.coreservercart-packs-slider-body.cv2-srv-row-with-promo,
[data-cv2-srv-listing="1"] .cv2-srv-row-no-promo,
.cv2-srv-listing-scope .packs-slider-body.coreservercart-packs-slider-body.cv2-srv-row-with-promo,
.cv2-srv-listing-scope .cv2-srv-row-no-promo {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

[data-cv2-srv-listing="1"] .coreservercart-slider-wrapper,
[data-cv2-srv-listing="1"] .coreservercart-server-grid,
[data-cv2-srv-listing="1"] .coreservercart-server-item,
.cv2-srv-listing-scope .coreservercart-slider-wrapper,
.cv2-srv-listing-scope .coreservercart-server-grid,
.cv2-srv-listing-scope .coreservercart-server-item {
  min-width: 0;
  max-width: 100%;
}

/* ========== BOLUM 2: Yedek cv2-layout-density (packs-cards-panel + coreservercart-packs-panel) ========== */
/* ── Paket / sunucu grid kayma onlemi (ana sayfa column layout korunur) ── */
.packs-slider-body--3v,
.coreservercart-packs-slider-body {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow: visible;
}
.packs-cards-panel--3v,
.coreservercart-packs-panel {
  min-width: 0;
  max-width: 100%;
}
/* Sunucu kartlari yigin: homepage .cv2-srv-row-* ile ayni */
.cv2-srv-row-with-promo .coreservercart-server-grid,
.cv2-srv-row-no-promo .coreservercart-server-grid {
  display: flex;
  flex-direction: column;
  gap: var(--cv2-packs-3v-gap, 14px);
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.cv2-srv-row-with-promo .coreservercart-server-item,
.cv2-srv-row-no-promo .coreservercart-server-item {
  width: 100%;
  max-width: none;
  min-width: 0;
  flex: none;
  box-sizing: border-box;
}
.cv2-srv-structured-grid {
  width: 100%;
  max-width: 100%;
}

/* Ana sayfa bolum araliklari */
.coreservercart-home-servers {
  padding: 0.25rem 0;
}

/* ========== BOLUM 3: packs-panel stretch (brace-fixed) ========== */
@media (min-width: 992px) {
  .coreservercart-packs-slider-body.packs-slider-body--3v:not(:has(.pack-expanded)) {
    align-items: stretch;
  }
  .packs-slider-body--3v:not(:has(.pack-expanded)) > .pack-card-wrapper--promo,
  .coreservercart-packs-slider-body.packs-slider-body--3v:not(:has(.pack-expanded)) > .pack-card-wrapper--promo {
    align-self: stretch;
    height: 100%;
    display: flex;
  }
  .packs-slider-body--3v:not(:has(.pack-expanded)) .packs-cards-panel--3v .packs-cards-track,
  .packs-slider-body--3v:not(:has(.pack-expanded)) .packs-cards-track {
    align-items: stretch;
  }
  .packs-slider-body--3v:not(:has(.pack-expanded)) .packs-cards-track > .pack-card-wrapper:not(.pack-card-wrapper--promo) {
    align-self: stretch;
    height: 100%;
  }
  .packs-slider-body--3v:not(:has(.pack-expanded)) .packs-cards-track > .pack-card-wrapper:not(.pack-card-wrapper--promo) > .pack {
    height: 100%;
    flex: 1 1 auto;
  }
  .coreservercart-packs-slider-body.packs-slider-body--3v:not(:has(.pack-expanded)) .coreservercart-server-item {
    align-self: stretch;
    height: 100%;
  }
  .coreservercart-packs-slider-body.packs-slider-body--3v:not(:has(.pack-expanded)) .coreservercart-card-inner {
    height: 100%;
  }
}

/* TUM OZELLIKLER acikken promo ASLA stretch/auto — thrash kaynagiydi */
.packs-slider-body--3v:has(.pack-expanded) > .pack-card-wrapper--promo,
.packs-slider-body--3v:has(.pack-expanded) .pack-card-wrapper--promo,
.packs-slider-body--3v:has(.expanded) > .pack-card-wrapper--promo,
.coreservercart-packs-slider-body.packs-slider-body--3v:has(.expanded) > .pack-card-wrapper--promo,
.coreservercart-packs-slider-body.packs-slider-body--3v:has(.expanded) .pack-card-wrapper--promo,
.packs-slider-body--3v.cv2-promo-frozen > .pack-card-wrapper--promo,
.pack-card-wrapper--promo[data-cv2-promo-frozen="1"] {
  align-self: start;
  flex-grow: 0;
  flex-shrink: 0;
  overflow: hidden;
  /* height: JS px kilit — height:auto thrash YOK */
}

@media (min-width: 992px) {
  .packs-slider-body--3v:has(.pack-expanded) > .pack-card-wrapper--promo,
  .packs-slider-body--3v:has(.expanded) > .pack-card-wrapper--promo,
  .coreservercart-packs-slider-body.packs-slider-body--3v:has(.expanded) > .pack-card-wrapper--promo,
  .pack-card-wrapper--promo[data-cv2-promo-frozen="1"] {
    align-self: start;
    overflow: hidden;
    flex-grow: 0;
  }
  .packs-slider-body--3v:has(.pack-expanded) .cv2-packs-promo-detail,
  .coreservercart-packs-slider-body.packs-slider-body--3v:has(.expanded) .cv2-packs-promo-detail,
  .pack-card-wrapper--promo[data-cv2-promo-frozen="1"] .cv2-packs-promo-detail {
    min-height: 0;
    max-height: 100%;
    transform: none;
    overflow: hidden;
  }
}

/* Server listing isolation lock (homepage + category page parity) */
[data-cv2-srv-listing="1"] .packs-slider-body.coreservercart-packs-slider-body.cv2-srv-row-with-promo,
[data-cv2-srv-listing="1"] .cv2-srv-row-no-promo {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: visible;
}

[data-cv2-srv-listing="1"] .coreservercart-home-servers,
[data-cv2-srv-listing="1"] .coreservercart-container,
[data-cv2-srv-listing="1"] .coreservercart-slider-wrapper,
[data-cv2-srv-listing="1"] .coreservercart-server-grid,
[data-cv2-srv-listing="1"] .coreservercart-server-item {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  overflow: visible;
}

[data-cv2-srv-listing="1"] .coreservercart-server-grid {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: var(--cv2-packs-3v-gap, 18px);
  align-items: stretch;
}

[data-cv2-srv-listing="1"] .coreservercart-server-item {
  flex: 0 0 auto;
}

/* ========== BOLUM 4: Yedek cv2-packs-promo coreservercart (brace-fixed) ========== */
.vertical--packs:has(.packs-slider-body--3v) .pack-card-wrapper--promo,
.coreservercart-packs-slider-body > .pack-card-wrapper--promo {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  flex: none;
}
.packs-slider-body--3v:not(:has(.pack-expanded)) > .pack-card-wrapper--promo,
.coreservercart-packs-slider-body.packs-slider-body--3v:not(:has(.pack-expanded)) > .pack-card-wrapper--promo {
  align-self: stretch;
  height: auto;
}

/* BOLUM 5 thrash grid-template-areas KALDIRILDI — pack-ui-lock + base card-front gecerli */

body#home .coreservercart-server-left,
.coreservercart-server-left,
.cv2-srv-row-no-promo .coreservercart-server-left,
.cv2-srv-row-with-promo .coreservercart-server-left,
.cv2-srv-structured-grid .coreservercart-server-left,
.products_list .coreservercart-server-left,
.coreservercart-server-item.popular-highlight .coreservercart-server-left {
  display: contents;
}

.srv-head-block,
.coreservercart-card-front .srv-head-block,
.coreservercart-card-front.coreservercart-has-image .srv-head-block {
  grid-area: head;
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0 0 2px;
}

/* Kampanya: baslik kutusunun DISINDA, ozelliklerin USTUNDE */
.srv-campaign-badge-row,
.coreservercart-card-front > .coreservercart-server-left > .srv-campaign-badge-row,
.coreservercart-card-front .srv-campaign-badge-row {
  grid-area: campaign;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0 0 .2rem;
  padding: 0;
  overflow: hidden;
  box-sizing: border-box;
  display: block;
  background: transparent;
  border: 0;
}

.coreservercart-features-col,
.coreservercart-card-front .coreservercart-features-col {
  grid-area: features;
  width: 100%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

/* Ana ozellikler grid — extra (devam) HARIC; aksi halde FOUC (once acik, sonra kapanir) */
.coreservercart-server-features:not(.coreservercart-features-extra),
.coreservercart-card-front .coreservercart-server-features:not(.coreservercart-features-extra) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .32rem;
  width: 100%;
  padding: .28rem .1rem .2rem;
}
.coreservercart-card-front .coreservercart-server-features.coreservercart-features-extra,
.coreservercart-features-extra.coreservercart-server-features {
  display: none;
}

.coreservercart-server-middle,
.coreservercart-card-front .coreservercart-server-middle {
  grid-area: visual;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: .1rem .1rem .05rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: .28rem;
}

.coreservercart-server-right,
.coreservercart-card-front .coreservercart-server-right {
  grid-area: price;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: .28rem .1rem .35rem;
  display: flex;
  flex-direction: column;
  gap: .4rem;
}

/* thrash-clean: kompakt 88/70 kaldirildi -> yedek 154/104 */

[data-theme="dark"] .coreservercart-pack-image-area {
  background: linear-gradient(145deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.03) 100%);
  border-color: rgba(255,255,255,0.12);
}

/* OS satiri gorselin altinda, kompakt */
.coreservercart-server-middle .coreservercart-os-section {
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 0;
}
.coreservercart-server-middle .coreservercart-os-list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin: 0 0 .2rem;
}

/* Fiyat üstte; satın al (buy) özelliklerin altında */
.coreservercart-server-right .coreservercart-price-section,
.coreservercart-server-right .pack-detail {
  width: 100%;
}
.coreservercart-server-buy,
.coreservercart-server-item .pack-cart-button-wrapper.coreservercart-server-buy {
  grid-area: buy;
  width: 100%;
  margin-top: .35rem;
}
.coreservercart-server-buy .pack-cart-btn,
.coreservercart-server-right .pack-cart-btn {
  width: 100%;
  justify-content: center;
}

/* Container query / eski 2-kolon thrash'i ez — her zaman dikey */
@container srv-card (min-width: 300px) {
  .coreservercart-card-front,
  .coreservercart-card-front.coreservercart-has-image {
    grid-template-columns: 1fr;
    grid-template-areas  :
    "head"
    "visual"
    "price"
    "features"
    "buy";
    column-gap: 0;
  }
  /* thrash-clean container -> yedek */
  
  
}
@media (min-width: 768px) {
  .coreservercart-card-front,
  .coreservercart-card-front.coreservercart-has-image,
  body#home .coreservercart-card-front,
  .cv2-srv-row-no-promo .coreservercart-card-front,
  .cv2-srv-row-with-promo .coreservercart-card-front,
  .cv2-srv-structured-grid .coreservercart-card-front,
  .products_list .coreservercart-card-front {
    grid-template-columns: 1fr;
    grid-template-areas  :
    "head"
    "visual"
    "price"
    "features"
    "buy";
    column-gap: 0;
  }
}
@media (min-width: 900px) {
  .cv2-srv-structured-grid .coreservercart-card-front,
  .products_list .coreservercart-card-front {
    grid-template-columns: 1fr;
    grid-template-areas  :
    "head"
    "visual"
    "price"
    "features"
    "buy";
  }
}

/* Populer kart — yeni markup (srv-head-block + pack-detail) okunur olsun */
.coreservercart-server-item.popular-highlight {
  background: var(--CoreV2-primary-gradient,
    linear-gradient(135deg, var(--srv-primary, #635bff) 0%, #7c3aed 100%));
  border: 1px solid rgba(255, 255, 255, .15);
}
.coreservercart-server-item.popular-highlight .coreservercart-card-inner,
.coreservercart-server-item.popular-highlight .coreservercart-card-front {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}
.coreservercart-server-item.popular-highlight .srv-head-block {
  background: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .18);
}
.coreservercart-server-item.popular-highlight .coreservercart-h3,
.coreservercart-server-item.popular-highlight .coreservercart-h4,
.coreservercart-server-item.popular-highlight .coreservercart-price,
.coreservercart-server-item.popular-highlight .coreservercart-price .amount,
.coreservercart-server-item.popular-highlight .coreservercart-price .current-price,
.coreservercart-server-item.popular-highlight .coreservercart-price .currency,
.coreservercart-server-item.popular-highlight .coreservercart-price .currency-symbol,
.coreservercart-server-item.popular-highlight .pack-detail .amount,
.coreservercart-server-item.popular-highlight .pack-detail .current-price,
.coreservercart-server-item.popular-highlight .pack-detail .price-main {
  color: #fff;
}
.coreservercart-server-item.popular-highlight .coreservercart-info,
.coreservercart-server-item.popular-highlight .coreservercart-period-tag,
.coreservercart-server-item.popular-highlight .pack-detail .billing-cycle,
.coreservercart-server-item.popular-highlight .pack-detail .period {
  color: rgba(255, 255, 255, .78);
}
.coreservercart-server-item.popular-highlight .coreservercart-feature {
  background: rgba(255, 255, 255, .14);
  border-color: rgba(255, 255, 255, .22);
}
.coreservercart-server-item.popular-highlight .coreservercart-feature-icon {
  background: rgba(255, 255, 255, .22);
}
.coreservercart-server-item.popular-highlight .coreservercart-feature-icon svg {
  color: #fff;
  fill: currentColor;
}
.coreservercart-server-item.popular-highlight .coreservercart-pack-image-area {
  background: linear-gradient(135deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .18) 100%);
  border-color: rgba(255, 255, 255, .14);
}
.coreservercart-server-item.popular-highlight .coreservercart-server-right,
.coreservercart-server-item.popular-highlight .coreservercart-price-section,
.coreservercart-server-item.popular-highlight .pack-detail.coreservercart-price-section {
  background: rgba(255, 255, 255, .08);
  border-color: rgba(255, 255, 255, .16);
}
.coreservercart-server-item.popular-highlight .pack-cart-btn {
  background: rgba(255, 255, 255, .95);
  color: var(--srv-primary, #635bff);
  border-color: transparent;
}
.coreservercart-server-item.popular-highlight .coreservercart-show-more {
  background: rgba(255, 255, 255, .1);
  color: rgba(255, 255, 255, .92);
  border-color: rgba(255, 255, 255, .22);
}
.coreservercart-server-item.popular-highlight .coreservercart-os-item {
  background: rgba(255, 255, 255, .14);
  border-color: rgba(255, 255, 255, .22);
}
.coreservercart-server-item.popular-highlight .coreservercart-os-section .coreservercart-h4 {
  color: rgba(255, 255, 255, .9);
}
.coreservercart-server-item.popular-highlight .srv-campaign-badge-row .pack-campaign-in-head,
.coreservercart-server-item.popular-highlight .srv-head-block .pack-campaign-in-head {
  background: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .18);
}
.coreservercart-server-item.popular-highlight .pcs-num,
.coreservercart-server-item.popular-highlight .pcs-label-line,
.coreservercart-server-item.popular-highlight .cd-val {
  color: #fff;
}
.coreservercart-server-item.popular-highlight .pcs-unit,
.coreservercart-server-item.popular-highlight .cd-lbl {
  color: rgba(255, 255, 255, .75);
}
.coreservercart-server-item.popular-highlight .pcs-box {
  background: rgba(255, 255, 255, .14);
  border-color: rgba(255, 255, 255, .22);
}
.coreservercart-server-item.popular-highlight .coreservercart-old-price,
.coreservercart-server-item.popular-highlight .coreservercart-old-price del {
  color: rgba(255, 255, 255, .7);
}
.coreservercart-server-item.popular-highlight .coreservercart-leds .coreservercart-led {
  opacity: .95;
}

/* ========== LOCK: features-extra (hosting gibi devam) + kampanya kirp/sayaç sağ ========== */
.coreservercart-features-col {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  min-width: 0;
  gap: .28rem;
}
.coreservercart-features-extra,
.coreservercart-server-item:not(.expanded) .coreservercart-features-extra {
  display: none;
  visibility: hidden;
  max-height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
  opacity: 0;
  pointer-events: none;
}
.coreservercart-server-item.expanded .coreservercart-features-extra {
  display: grid;
  visibility: visible;
  max-height: none;
  overflow: visible;
  opacity: 1;
  pointer-events: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .32rem;
  width: 100%;
  padding: .12rem .1rem .2rem;
  margin: 0;
  position: static;
  inset: auto;
  z-index: auto;
  background: transparent;
  border: 0;
  box-shadow: none;
}
.coreservercart-server-item.expanded .coreservercart-features-extra .coreservercart-feature {
  width: 100%;
  min-width: 0;
}
.coreservercart-features-col > .coreservercart-show-more {
  order: 3;
  margin: .4rem auto .1rem;
  align-self: center;
}
.coreservercart-features-col > .coreservercart-server-features:not(.coreservercart-features-extra) {
  order: 1;
}
.coreservercart-features-col > .coreservercart-features-extra {
  order: 2;
}
/* Eski floating tech panel kapalı — özellik devamı kullanılıyor */
.coreservercart-server-item .coreservercart-card-back,
.coreservercart-server-item .coreservercart-features-col > .coreservercart-card-back,
.coreservercart-server-item.expanded .coreservercart-card-back,
.coreservercart-server-item.expanded .coreservercart-features-col > .coreservercart-card-back {
  display: none;
  max-height: 0;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  position: static;
}

/* Kampanya: kirp + etiket sol / sayaç sağ (hosting pack gibi) */
.srv-campaign-badge-row,
.srv-head-block .srv-campaign-badge-row {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin-top: 6px;
  padding: 0;
  overflow: hidden;
  box-sizing: border-box;
}
.srv-campaign-badge-row .pack-campaign-top,
.srv-campaign-badge-row .pack-campaign-in-head,
.srv-head-block .pack-campaign-in-head,
.coreservercart-card-front .pack-campaign-in-head {
  display: flex;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  padding: 7px 10px;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 10px;
  background: rgba(var(--srv-primary-rgb, var(--CoreV2-primary-rgb)), 0.07);
  border: 1px solid rgba(var(--srv-primary-rgb, var(--CoreV2-primary-rgb)), 0.12);
}
.srv-campaign-badge-row .pcs-campaign-layout,
.srv-head-block .pack-campaign-in-head .pcs-campaign-layout,
.coreservercart-card-front .pack-campaign-in-head .pcs-campaign-layout {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  grid-template-columns: none;
}
.srv-campaign-badge-row .pcs-label--left,
.srv-head-block .pack-campaign-in-head .pcs-label--left,
.coreservercart-card-front .pack-campaign-in-head .pcs-label--left {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 42%;
  width: auto;
  grid-column: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  overflow: hidden;
  padding: 0;
}
.srv-campaign-badge-row .pcs-label-text,
.srv-head-block .pack-campaign-in-head .pcs-label-text {
  display: flex;
  flex-direction: column;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}
.srv-campaign-badge-row .pcs-label-line,
.srv-head-block .pack-campaign-in-head .pcs-label-line {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
  font-weight: 760;
  line-height: 1.1;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.srv-campaign-badge-row .pcs-vertical-divider,
.srv-head-block .pack-campaign-in-head .pcs-vertical-divider {
  flex: 0 0 auto;
  width: 1px;
  height: 28px;
  min-height: 28px;
  margin: 0;
  grid-column: auto;
  background: rgba(var(--srv-primary-rgb, var(--CoreV2-primary-rgb)), 0.18);
}
.srv-campaign-badge-row .pcs-campaign-right,
.srv-campaign-badge-row .pcs-boxes,
.srv-head-block .pack-campaign-in-head .pcs-campaign-right,
.srv-head-block .pack-campaign-in-head .pcs-boxes,
.coreservercart-card-front .pack-campaign-in-head .pcs-campaign-right,
.coreservercart-card-front .pack-campaign-in-head .pcs-boxes {
  flex: 1 1 auto;
  min-width: 0;
  max-width: none;
  width: auto;
  grid-column: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  overflow: hidden;
  margin-left: auto;
}
.srv-campaign-badge-row .pcs-box,
.srv-head-block .pack-campaign-in-head .pcs-box {
  flex: 0 0 auto;
  min-width: 34px;
  max-width: 44px;
  padding: 4px 3px;
  border-radius: 7px;
  overflow: hidden;
}
.coreservercart-server-item.popular-highlight .srv-campaign-badge-row .pack-campaign-in-head,
.coreservercart-server-item.popular-highlight .srv-head-block .pack-campaign-in-head {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.18);
}

.coreservercart-feature-icon i[class*=""hki-stroke""] {
  font-size: 14px;
  line-height: 1;
  color: inherit;
}
.coreservercart-server-item.popular-highlight .coreservercart-feature-icon i[class*=""hki-stroke""] {
  color: #fff;
}

/* ========== LOCK v0.2.274: baslik+sinyal, kampanya disarida, ozellik devam ========== */
/* Baslik sol, sunucu sinyal (LED) sag — hosting pack-head / level-indicator gibi */
.srv-head-block .srv-head-title,
.srv-head-row--title-only .srv-head-title,
.coreservercart-card-front .srv-head-title {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  width: 100%;
  min-width: 0;
}
.srv-head-block .srv-head-title .coreservercart-h3,
.coreservercart-card-front .srv-head-title .coreservercart-h3 {
  order: 1;
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  text-align: left;
}
.srv-head-block .srv-head-title .coreservercart-leds,
.coreservercart-card-front .srv-head-title .coreservercart-leds {
  order: 2;
  flex: 0 0 auto;
  margin-left: auto;
  margin-right: 0;
}

/* Kampanya asla baslik kutusunun icinde gibi gorunmesin */
.srv-head-block .srv-campaign-badge-row,
.srv-head-block .pack-campaign-top {
  display: none;
}

.srv-campaign-badge-row .pack-campaign-top,
.srv-campaign-badge-row .pack-campaign-before-features,
.srv-campaign-badge-row .pack-campaign-in-head {
  display: flex;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  padding: 7px 10px;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 10px;
  background: rgba(var(--srv-primary-rgb, var(--CoreV2-primary-rgb)), 0.07);
  border: 1px solid rgba(var(--srv-primary-rgb, var(--CoreV2-primary-rgb)), 0.12);
}
.srv-campaign-badge-row .pcs-campaign-layout {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  grid-template-columns: none;
}
.srv-campaign-badge-row .pcs-label--left {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 42%;
  overflow: hidden;
  grid-column: auto;
}
.srv-campaign-badge-row .pcs-label-line {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.srv-campaign-badge-row .pcs-vertical-divider {
  flex: 0 0 auto;
  width: 1px;
  height: 28px;
  margin: 0;
  grid-column: auto;
}
.srv-campaign-badge-row .pcs-campaign-right,
.srv-campaign-badge-row .pcs-boxes {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  margin-left: auto;
  overflow: hidden;
  grid-column: auto;
}

/* Dikey grid thrash ez — campaign satiri koru */
@container srv-card (min-width: 300px) {
  .coreservercart-card-front,
  .coreservercart-card-front.coreservercart-has-image {
    grid-template-columns: 1fr;
    grid-template-areas:
      "head"
      "campaign"
      "features"
      "visual"
      "price";
  }
}
@media (min-width: 768px) {
  .coreservercart-card-front,
  .coreservercart-card-front.coreservercart-has-image,
  body#home .coreservercart-card-front {
    grid-template-columns: 1fr;
    grid-template-areas:
      "head"
      "campaign"
      "features"
      "visual"
      "price";
  }
}

/* Tüm özellikler butonu her zaman net gorunsun */
.coreservercart-features-col > .coreservercart-show-more {
  display: inline-flex;
  visibility: visible;
  opacity: 1;
  margin: .45rem auto .15rem;
  align-self: center;
  cursor: pointer;
}
.coreservercart-server-item:not(.expanded) .coreservercart-features-extra {
  display: none;
}
.coreservercart-server-item.expanded .coreservercart-features-extra {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .32rem;
  width: 100%;
  visibility: visible;
  opacity: 1;
  max-height: none;
  overflow: visible;
  position: static;
  pointer-events: auto;
}

/* ========== LOCK v0.2.275: head-stack + baslik ortala + campaign hemen alt + FOUC yok ========== */
.srv-head-stack,
.coreservercart-card-front .srv-head-stack {
  grid-area: head;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  /* Üst nefes: Popüler/Özel Fiyat yarı dışarı (hosting pack padding-top) */
  padding: 16px 0 0;
  box-sizing: border-box;
  position: relative;
  overflow: visible;
}
/* Baslik kutusu stack icinde; kampanya HEMEN altinda */
.srv-head-stack > .srv-head-block {
  grid-area: auto;
  width: 100%;
  margin: 0;
}
.srv-head-stack > .srv-campaign-badge-row {
  grid-area: auto;
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  order: 2;
  overflow: hidden;
  visibility: visible;
  opacity: 1;
}
.srv-head-stack > .srv-head-block { order: 1; }

/* Baslik + sinyal: ayni satir, dikey tam orta, esitle */
.srv-head-stack .srv-head-title,
.srv-head-block .srv-head-title,
.srv-head-row--title-only .srv-head-title {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: .55rem;
  width: 100%;
  min-height: 36px;
  box-sizing: border-box;
}
.srv-head-stack .srv-head-title .coreservercart-h3,
.srv-head-block .srv-head-title .coreservercart-h3 {
  order: 1;
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  display: flex;
  align-items: center;
  line-height: 1.2;
  text-align: left;
}
.srv-head-stack .srv-head-title .coreservercart-leds,
.srv-head-block .srv-head-title .coreservercart-leds {
  order: 2;
  flex: 0 0 auto;
  align-self: center;
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Kampanya gorunur — onceki display:none thrash ez */
.srv-head-stack .pack-campaign-top,
.srv-head-stack .pack-campaign-before-features,
.srv-head-stack .pack-campaign-in-head,
.srv-campaign-badge-row .pack-campaign-top,
.srv-campaign-badge-row .pack-campaign-before-features,
.srv-campaign-badge-row .pack-campaign-in-head {
  display: flex;
  visibility: visible;
  opacity: 1;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 0;
  padding: 7px 10px;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 10px;
  background: rgba(var(--srv-primary-rgb, var(--CoreV2-primary-rgb)), 0.07);
  border: 1px solid rgba(var(--srv-primary-rgb, var(--CoreV2-primary-rgb)), 0.12);
}
.srv-head-stack .pcs-campaign-layout,
.srv-campaign-badge-row .pcs-campaign-layout {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-width: 0;
  gap: 8px;
  overflow: hidden;
}
.srv-head-stack .pcs-label--left,
.srv-campaign-badge-row .pcs-label--left {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 42%;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.srv-head-stack .pcs-campaign-right,
.srv-head-stack .pcs-boxes,
.srv-campaign-badge-row .pcs-campaign-right,
.srv-campaign-badge-row .pcs-boxes {
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  margin-left: auto;
  min-width: 0;
  overflow: hidden;
}

/* Grid: campaign alani artik head-stack icinde — tek head satiri */
.coreservercart-card-front,
.coreservercart-card-front.coreservercart-has-image,
body#home .coreservercart-card-front,
.cv2-srv-row-no-promo .coreservercart-card-front,
.cv2-srv-row-with-promo .coreservercart-card-front,
.cv2-srv-structured-grid .coreservercart-card-front,
.products_list .coreservercart-card-front {
  grid-template-columns: 1fr;
  grid-template-areas  :
    "head"
    "visual"
    "price"
    "features"
    "buy";
}
@container srv-card (min-width: 300px) {
  .coreservercart-card-front,
  .coreservercart-card-front.coreservercart-has-image {
    grid-template-areas  :
    "head"
    "visual"
    "price"
    "features"
    "buy";
  }
}
@media (min-width: 768px) {
  .coreservercart-card-front,
  .coreservercart-card-front.coreservercart-has-image,
  body#home .coreservercart-card-front {
    grid-template-areas  :
    "head"
    "visual"
    "price"
    "features"
    "buy";
  }
}

/* Extra: CSS-only gizli (FOUC yok) — ustteki server-features kurali extra'yi grid yapmasin */
.coreservercart-card-front .coreservercart-features-extra,
.coreservercart-features-col > .coreservercart-features-extra,
.coreservercart-server-item:not(.expanded) .coreservercart-features-extra,
.coreservercart-server-item:not(.expanded) .coreservercart-features-extra.coreservercart-server-features {
  display: none;
  visibility: hidden;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  margin: 0;
  padding: 0;
}
.coreservercart-server-item.expanded .coreservercart-features-extra,
.coreservercart-server-item.expanded .coreservercart-features-extra.coreservercart-server-features,
.coreservercart-server-item.expanded .coreservercart-card-front .coreservercart-features-extra {
  display: grid;
  visibility: visible;
  max-height: none;
  overflow: visible;
  opacity: 1;
  pointer-events: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .32rem;
  width: 100%;
  padding: .12rem .1rem .2rem;
  margin: 0;
  position: static;
}

/* Buton sirasi sabit — ziplamasin */
.coreservercart-features-col {
  display: flex;
  flex-direction: column;
}
.coreservercart-features-col > .coreservercart-server-features:not(.coreservercart-features-extra) { order: 1; }
.coreservercart-features-col > .coreservercart-features-extra { order: 2; }
.coreservercart-features-col > .coreservercart-show-more {
  order: 3;
  display: inline-flex;
  align-self: center;
  margin: .45rem auto .15rem;
  position: static;
}

.coreservercart-server-item.popular-highlight .srv-head-stack .pack-campaign-top,
.coreservercart-server-item.popular-highlight .srv-campaign-badge-row .pack-campaign-top {
  background: rgba(255,255,255,.1);
  border-color: rgba(255,255,255,.18);
}

/* ========== LOCK v0.2.276: features kapali, tek kart, hosting kampanya, lokasyon ========== */

/* 1) Extra ozellikler KAPALI default — [hidden] + class */
.coreservercart-features-extra[hidden],
.coreservercart-server-item:not(.expanded) .coreservercart-features-extra,
.coreservercart-server-item:not(.expanded) .coreservercart-features-extra.coreservercart-server-features,
.coreservercart-card-front .coreservercart-features-extra[hidden] {
  display: none;
  visibility: hidden;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  margin: 0;
  padding: 0;
  border: 0;
  position: absolute;
  width: 1px;
  height: 1px;
  clip: rect(0,0,0,0);
}

/* 2) Sadece expanded kartta ac — ust ozelliklerle AYNI grid/kutu tasarimi */
.coreservercart-server-item.expanded .coreservercart-features-extra,
.coreservercart-server-item.expanded .coreservercart-features-extra.coreservercart-server-features {
  display: grid;
  visibility: visible;
  max-height: none;
  overflow: visible;
  opacity: 1;
  pointer-events: auto;
  position: static;
  width: 100%;
  height: auto;
  clip: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .32rem;
  padding: .28rem .1rem .2rem;
  margin: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}
.coreservercart-server-item.expanded .coreservercart-features-extra .coreservercart-feature {
  /* ustteki feature ile birebir — ayri stil yok */
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}
.coreservercart-server-item.expanded .coreservercart-features-extra .coreservercart-feature-icon,
.coreservercart-server-item.expanded .coreservercart-features-extra .coreservercart-feature-content,
.coreservercart-server-item.expanded .coreservercart-features-extra .coreservercart-info,
.coreservercart-server-item.expanded .coreservercart-features-extra .coreservercart-h4 {
  /* ust stiller miras — override yok */
}

/* 3) Kart boyu: acilan kart digerlerini uzatmasin */
.coreservercart-server-item,
.coreservercart-server-grid > .coreservercart-server-item,
.cv2-srv-row-with-promo .coreservercart-server-item,
.cv2-srv-row-no-promo .coreservercart-server-item {
  align-self: start;
  height: auto;
  min-height: 0;
}
.coreservercart-server-item.expanded {
  align-self: start;
  height: auto;
  z-index: 6;
}
.coreservercart-server-item.expanded .coreservercart-card-inner,
.coreservercart-server-item.expanded .coreservercart-card-front {
  height: auto;
  min-height: 0;
  overflow: visible;
}
.coreservercart-server-grid {
  align-items: start;
}

/* 4) Kampanya = hosting pack-campaign birebir (dikey cizgi dahil) */
.srv-head-stack .pack-campaign-top,
.srv-head-stack .pack-campaign-before-features,
.srv-campaign-badge-row .pack-campaign-top,
.srv-campaign-badge-row .pack-campaign-before-features {
  display: flex;
  width: 100%;
  background: rgba(var(--srv-primary-rgb, var(--CoreV2-primary-rgb, var(--cv2-primary-rgb))), 0.07);
  border: 1px solid rgba(var(--srv-primary-rgb, var(--CoreV2-primary-rgb, var(--cv2-primary-rgb))), 0.12);
  border-radius: 10px;
  padding: 8px 12px;
  box-sizing: border-box;
  overflow: hidden;
  margin: 0;
}
.srv-head-stack .pcs-campaign-layout,
.srv-campaign-badge-row .pcs-campaign-layout {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0;
  width: 100%;
  min-width: 0;
  justify-content: flex-start;
}
.srv-head-stack .pcs-label--left,
.srv-campaign-badge-row .pcs-label--left {
  flex: 0 0 auto;
  max-width: none;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--srv-primary, var(--cv2-primary));
  line-height: 1.15;
  white-space: nowrap;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 6px;
}
.srv-head-stack .pcs-vertical-divider,
.srv-campaign-badge-row .pcs-vertical-divider {
  display: block;
  visibility: visible;
  opacity: 1;
  flex: 0 0 auto;
  width: 1px;
  min-width: 1px;
  height: 32px;
  margin: 0 10px;
  background: rgba(var(--srv-primary-rgb, var(--CoreV2-primary-rgb, var(--cv2-primary-rgb))), 0.18);
  border-radius: 1px;
  grid-column: auto;
}
.srv-head-stack .pcs-campaign-right,
.srv-head-stack .pcs-boxes,
.srv-campaign-badge-row .pcs-campaign-right,
.srv-campaign-badge-row .pcs-boxes {
  flex: 1 1 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  min-width: 0;
  margin-left: 0;
  overflow: hidden;
}
.srv-head-stack .pcs-box,
.srv-campaign-badge-row .pcs-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  padding: 5px 4px;
  background: #fff;
  border: 1px solid rgba(var(--srv-primary-rgb, var(--CoreV2-primary-rgb, var(--cv2-primary-rgb))), 0.14);
  border-radius: 8px;
}
.srv-head-stack .pcs-num,
.srv-head-stack .cd-val,
.srv-campaign-badge-row .pcs-num,
.srv-campaign-badge-row .cd-val {
  font-size: 13px;
  font-weight: 800;
  color: var(--srv-primary, var(--cv2-primary));
  line-height: 1;
}
.srv-head-stack .pcs-unit,
.srv-head-stack .cd-lbl,
.srv-campaign-badge-row .pcs-unit,
.srv-campaign-badge-row .cd-lbl {
  font-size: 7px;
  font-weight: 700;
  color: rgba(var(--srv-primary-rgb, var(--CoreV2-primary-rgb, var(--cv2-primary-rgb))), 0.62);
  opacity: 1;
  text-transform: uppercase;
  margin-top: 2px;
}
.coreservercart-server-item.popular-highlight .srv-head-stack .pcs-box,
.coreservercart-server-item.popular-highlight .srv-campaign-badge-row .pcs-box {
  background: rgba(255,255,255,.14);
  border-color: rgba(255,255,255,.22);
}
.coreservercart-server-item.popular-highlight .srv-head-stack .pcs-vertical-divider,
.coreservercart-server-item.popular-highlight .srv-campaign-badge-row .pcs-vertical-divider {
  background: rgba(255,255,255,.28);
}
.coreservercart-server-item.popular-highlight .srv-head-stack .pcs-num,
.coreservercart-server-item.popular-highlight .srv-head-stack .cd-val,
.coreservercart-server-item.popular-highlight .srv-head-stack .pcs-label--left,
.coreservercart-server-item.popular-highlight .srv-campaign-badge-row .pcs-num,
.coreservercart-server-item.popular-highlight .srv-campaign-badge-row .cd-val {
  color: #fff;
}

/* 5) Lokasyon: resim uzerinde etiket + OS hemen ustunde chip (Eski Yedek) */
.coreservercart-server-middle {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 100%;
}
.coreservercart-pack-image-area {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.coreservercart-pack-image-area > .coreservercart-location-badge {
  position: absolute;
  z-index: 5;
  top: 8px;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  margin: 0;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.1;
  color: var(--srv-primary, var(--cv2-primary));
  background: color-mix(in srgb, var(--srv-bg, #fff) 88%, transparent);
  border: 1px solid rgba(var(--srv-primary-rgb, var(--CoreV2-primary-rgb)), 0.16);
  border-radius: 999px;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
  backdrop-filter: blur(8px);
  max-width: calc(100% - 16px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
}
.coreservercart-pack-image-area > .coreservercart-location-badge svg {
  width: 12px;
  height: 12px;
  flex-shrink: 0;
  color: var(--srv-primary, var(--cv2-primary));
}
/* OS ustunde ekstra chip (gorunur etiket) */
.coreservercart-location-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 5px 12px;
  margin: 0 auto;
  font-size: 11px;
  font-weight: 700;
  color: var(--srv-primary, var(--cv2-primary));
  background: rgba(var(--srv-primary-rgb, var(--CoreV2-primary-rgb)), 0.07);
  border: 1px solid rgba(var(--srv-primary-rgb, var(--CoreV2-primary-rgb)), 0.14);
  border-radius: 999px;
  line-height: 1.1;
  max-width: 100%;
}
.coreservercart-location-chip svg {
  width: 13px;
  height: 13px;
  color: inherit;
}
.coreservercart-server-middle > .coreservercart-os-section {
  position: static;
  inset: auto;
  transform: none;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 6px 8px;
  background: transparent;
  text-align: center;
}
.coreservercart-server-middle > .coreservercart-os-section .coreservercart-os-list {
  display: flex;
  justify-content: center;
  gap: 6px;
  margin: 0 0 4px;
}
.coreservercart-server-item.popular-highlight .coreservercart-location-badge,
.coreservercart-server-item.popular-highlight .coreservercart-location-chip {
  background: rgba(255,255,255,.16);
  border-color: rgba(255,255,255,.28);
  color: #fff;
}
.coreservercart-server-item.popular-highlight .coreservercart-location-badge svg,
.coreservercart-server-item.popular-highlight .coreservercart-location-chip svg {
  color: #fff;
}

/* Resim alani icinde OS absolute thrash'i kapat (artik OS disarida) */
.coreservercart-pack-image-area > .coreservercart-os-section {
  display: none;
}

/* ========== HARD LOCK v0.2.277 — extra ASLA default acik degil ========== */
.coreservercart-features-extra,
.coreservercart-features-extra[hidden],
.coreservercart-server-item:not(.expanded) .coreservercart-features-extra {
  display: none;
  visibility: hidden;
  height: 0;
  max-height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
  opacity: 0;
  pointer-events: none;
}
.coreservercart-server-item.expanded .coreservercart-features-extra {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .34rem;
  visibility: visible;
  height: auto;
  max-height: none;
  overflow: visible;
  margin: 0;
  padding: .28rem .1rem .2rem;
  opacity: 1;
  pointer-events: auto;
  width: 100%;
  background: transparent;
  border: 0;
  box-shadow: none;
  position: static;
}
/* Extra icindeki feature = ust feature (ayni class) */
.coreservercart-features-extra .coreservercart-feature {
  width: 100%;
  min-width: 0;
}
/* Kart stretch thrash */
.coreservercart-server-item,
.coreservercart-server-grid > .coreservercart-server-item {
  align-self: start;
  height: auto;
  min-height: 0;
}

/* ============================================================
   v0.2.296 — server paket sayfa: FAQ + cmk-cards (home parity) + kampanya
   ============================================================ */
html body .pack-campaign-top.pack-campaign-strip,
html body .pack-campaign-top.pack-campaign-before-price,
html body .pack-campaign-top.pack-campaign-in-head,
html body .srv-head-block .pack-campaign-in-head {
  background: transparent;
  background-image: none;
  border: none;
  box-shadow: none;
  padding: 6px 0;
  margin: 6px 0 8px;
  border-radius: 0;
}
html body .pack-campaign-top .pcs-campaign-layout,
html body .srv-head-block .pack-campaign-in-head .pcs-campaign-layout {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0;
  grid-template-columns: none;
  width: 100%;
}
html body .pack-campaign-top .pcs-label--left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex: 0 0 auto;
  width: auto;
  min-width: 0;
  max-width: none;
  padding: 0 10px 0 0;
  white-space: normal;
}
html body .pack-campaign-top .pcs-label-line { display: block; font-size: 12px; font-weight: 700; line-height: 1.15; text-transform: uppercase; }
html body .pack-campaign-top .pcs-label-line--bottom { font-size: 11px; font-weight: 600; opacity: 0.72; }
html body .pack-campaign-top .pcs-label-icon { display: none; }
html 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, 99, 91, 255), 0.28);
}
html body .pack-campaign-top .pcs-boxes,
html body .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;
}

/* cmk-cards — server paket harici HTML */

/* ============================================================
   v0.2.297 FINAL — server: campaign no-bg + FAQ/cmk Yedek parity
   ============================================================ */
html body .pack-campaign-top,
html body .pack-campaign-top.pack-campaign-strip,
html body .pack-campaign-top.pack-campaign-before-price,
html body .pack-campaign-top.pack-campaign-in-head,
html body .srv-head-block .pack-campaign-in-head {
  background: transparent;
  background-image: none;
  border: 0;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
}
html body .pack-campaign-top .pcs-label--left {
  background: transparent;
  border: 0;
  box-shadow: none;
}
html body .pack-campaign-top .pcs-vertical-divider {
  display: block;
  flex: 0 0 1px;
  width: 1px;
  min-width: 1px;
  align-self: stretch;
  min-height: 34px;
  margin: 0 10px 0 0;
  background: rgba(var(--cv2-primary-rgb, 99, 91, 255), 0.32);
}
html body .coreservercart-server-item.popular-highlight .pcs-vertical-divider {
  background: rgba(255,255,255,0.55);
}

/* v0.2.299 — hosting-nav + price + media on server pages */
html body .hosting-nav-container {
  margin-top: 28px;
  margin-bottom: 12px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding: 16px 0;
  max-width: var(--CoreV2-container-width, 1360px);
  width: 100%;
  background: transparent;
  border: none;
  box-shadow: none;
}
html body .hosting-nav-container .tableslogan {
  font-size: 15px;
  color: var(--cv2-text-muted, #6b7280);
  margin: 0;
}
html body .hosting-nav-container .tableslogan a {
  color: var(--cv2-primary, var(--CoreV2-primary));
  font-weight: 700;
  text-decoration: none;
}
html body .cmk-img-cell img,
html body .detail-products-features .cmk-img-cell img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  max-width: none;
  opacity: 1;
  visibility: visible;
}
html body .category-tab-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

/* v0.2.300 server price + discount chip */
html body .amount-discount.amount-discount--chip,
html body .amount-discount.amount-discount--corner,
html body .coreservercart-discount-badge {
  border-radius: 8px;
  clip-path: none;
  width: auto;
  height: auto;
  min-width: 44px;
  min-height: 28px;
  padding: 5px 10px;
  background: linear-gradient(135deg, rgba(var(--cv2-primary-rgb,99,91,255),0.16), rgba(var(--cv2-primary-rgb,99,91,255),0.08));
  border: 1px solid rgba(var(--cv2-primary-rgb,99,91,255),0.28);
  color: var(--cv2-primary);
}
html body .amount-discount--corner::before { display: none; content: none; }
html body .coreservercart-price .cv2-price-sym,
html body .coreservercart-price .currency,
html body .coreservercart-price .amount {
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
}
html body .hosting-nav-container {
  margin-top: 24px;
  text-align: center;
}

/* ============================================================
   v0.2.301 — server features compact + expand isolation + campaign parity
   ============================================================ */

/* Ozellik font + bosluk daralt (hosting feature-box yakini) */
html body .coreservercart-server-features {
  gap: 0.32rem;
  padding: 0.2rem 0.15rem 0.15rem;
  margin: 0;
}
html body .coreservercart-feature {
  padding: 0.28rem 0.32rem;
  gap: 0.32rem;
}
html body .coreservercart-feature-icon {
  width: 28px;
  height: 28px;
  min-width: 28px;
}
html body .coreservercart-feature-icon svg,
html body .coreservercart-feature-icon i {
  width: 13px;
  height: 13px;
  font-size: 13px;
}
html body .coreservercart-server-features .coreservercart-h4,
html body .coreservercart-feature .coreservercart-h4 {
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  margin: 0;
}
html body .coreservercart-info {
  font-size: 8px;
  margin-bottom: 0;
  line-height: 1.15;
}
@media (min-width: 768px) and (max-width: 1024px) {
  html body .coreservercart-server-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  html body .coreservercart-packs-slider-body > .pack-card-wrapper--promo {
    display: none;
  }
}

/* ========== LOCK v0.2.357: kampanya arka plan YOK; sadece sayac kutulari ========== */
/* Outer: transparan — cift panel thrash kaldirildi */
html body .coreservercart-server-item .srv-head-stack .pack-campaign-top,
html body .coreservercart-server-item .srv-head-stack .pack-campaign-before-features,
html body .coreservercart-server-item .pack-campaign-top.pack-campaign-before-features,
html body .coreservercart-server-item .pack-campaign-top {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
  width: 100%;
  max-width: 100%;
  margin: 4px 0 6px;
  padding: 0;
  min-height: 0;
  border-radius: 0;
  overflow: visible;
  background: transparent;
  border: 0;
  box-shadow: none;
  box-sizing: border-box;
  backdrop-filter: none;
}

/* pcs-campaign-layout: ARKA PLAN / BORDER YOK */
html body .coreservercart-server-item .pcs-campaign-layout,
html body .coreservercart-server-item .srv-head-stack .pcs-campaign-layout {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  background: transparent;
  background-image: none;
  border: 0;
  box-shadow: none;
  border-radius: 0;
  grid-template-columns: none;
  overflow: visible;
  backdrop-filter: none;
}

html body .coreservercart-server-item .pcs-label--left,
html body .coreservercart-server-item .srv-head-stack .pcs-label--left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 1px;
  flex: 0 0 auto;
  margin: 0;
  padding: 0 10px 0 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  border-radius: 0;
  color: var(--cv2-primary, var(--CoreV2-primary, var(--srv-primary, #6366f1)));
}

html body .coreservercart-server-item .pcs-label-line {
  display: block;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: inherit;
}
html body .coreservercart-server-item .pcs-label-line--bottom {
  font-size: 11px;
  font-weight: 600;
  opacity: 0.72;
  margin-top: 1px;
}

html body .coreservercart-server-item .pcs-vertical-divider {
  display: block;
  visibility: visible;
  opacity: 1;
  flex: 0 0 1px;
  width: 1px;
  min-width: 1px;
  align-self: stretch;
  min-height: 36px;
  margin: 0 10px 0 0;
  padding: 0;
  background: rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, var(--srv-primary-rgb, 99, 91, 255))), 0.22);
  border: 0;
  border-radius: 1px;
  box-shadow: none;
}

html body .coreservercart-server-item .pcs-campaign-right,
html body .coreservercart-server-item .pcs-boxes,
html body .coreservercart-server-item .pcs-campaign-right.pcs-boxes.countdown-boxes,
html body .coreservercart-server-item .srv-head-stack .pcs-campaign-right,
html body .coreservercart-server-item .srv-head-stack .pcs-boxes {
  flex: 1 1 auto;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  width: auto;
  min-width: 0;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  border-radius: 0;
  overflow: visible;
  align-items: stretch;
}

html body .coreservercart-server-item .pcs-box,
html body .coreservercart-server-item .srv-head-stack .pcs-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  min-width: 0;
  min-height: 38px;
  padding: 5px 4px;
  margin: 0;
  flex: 1 1 0;
  border-radius: 6px;
  background: rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, var(--srv-primary-rgb, 99, 91, 255))), 0.10);
  border: 1px solid rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, var(--srv-primary-rgb, 99, 91, 255))), 0.15);
  box-shadow: none;
  box-sizing: border-box;
}

html body .coreservercart-server-item .pcs-num,
html body .coreservercart-server-item .cd-val {
  font-size: 15px;
  font-weight: 700;
  color: var(--cv2-primary, var(--CoreV2-primary, var(--srv-primary, #6366f1)));
  line-height: 1;
}
html body .coreservercart-server-item .pcs-unit,
html body .coreservercart-server-item .cd-lbl {
  font-size: 7px;
  font-weight: 650;
  color: rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, var(--srv-primary-rgb, 99, 91, 255))), 0.62);
  letter-spacing: 0.2px;
  text-transform: uppercase;
  line-height: 1;
  margin-top: 0;
  opacity: 1;
}

html body .coreservercart-server-item.popular-highlight .srv-head-stack .pack-campaign-top,
html body .coreservercart-server-item.popular-highlight .pack-campaign-top {
  background: transparent;
  border: 0;
}
html body .coreservercart-server-item.popular-highlight .pcs-box {
  background: rgba(255, 255, 255, 0.14);
  border-color: rgba(255, 255, 255, 0.22);
}
html body .coreservercart-server-item.popular-highlight .pcs-num,
html body .coreservercart-server-item.popular-highlight .cd-val,
html body .coreservercart-server-item.popular-highlight .pcs-label--left {
  color: #fff;
}
html body .coreservercart-server-item.popular-highlight .pcs-unit,
html body .coreservercart-server-item.popular-highlight .cd-lbl {
  color: rgba(255, 255, 255, 0.72);
}
html body .coreservercart-server-item.popular-highlight .pcs-vertical-divider {
  background: rgba(255, 255, 255, 0.28);
}
/* ========== LOCK v0.2.356: location-badge = city/primary soft bg ========== */
html body .coreservercart-pack-image-area > .coreservercart-location-badge,
html body .coreservercart-server-item .coreservercart-location-badge {
  color: var(--srv-primary, var(--cv2-primary, #6366f1));
  /* site rengi (city/primary) hafif arka plan — beyaz cam degil */
  background: rgba(var(--srv-primary-rgb, var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99, 91, 255))), 0.12);
  border: 1px solid rgba(var(--srv-primary-rgb, var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99, 91, 255))), 0.18);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
html body .coreservercart-pack-image-area > .coreservercart-location-badge svg,
html body .coreservercart-server-item .coreservercart-location-badge svg {
  color: var(--srv-primary, var(--cv2-primary, #6366f1));
}
html body .coreservercart-server-item.popular-highlight .coreservercart-location-badge {
  color: #fff;
  background: rgba(255, 255, 255, 0.16);
  border-color: rgba(255, 255, 255, 0.28);
}
html body .coreservercart-server-item.popular-highlight .coreservercart-location-badge svg {
  color: #fff;
}

}
}
}

/* Dark mode: base theme tokens yeterli — thrash selector'lar kaldirildi */
html.dark-mode .coresss-faq-grid,
[data-theme="dark"] .coresss-faq-grid {
  background: rgba(15, 23, 42, 0.2) !important;
  border-color: rgba(148, 163, 184, 0.18) !important;
}