/* CoreV2 pack row architecture - Hosting + Dedicated single source.
   Height is CSS-owned: no JS measurement, no inline height locks. */

@media (min-width: 1025px) {
  html body .packs-slider-body--3v.cv2-packs-row,
  html body .coreservercart-packs-slider-body.cv2-packs-row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--cv2-card-grid-gap, 14px);
    align-items: stretch;
    align-content: start;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  html body .cv2-packs-row:not(.coreservercart-packs-slider-body) .packs-cards-panel,
  html body .cv2-packs-row:not(.coreservercart-packs-slider-body) .packs-cards-viewport,
  html body .cv2-packs-row:not(.coreservercart-packs-slider-body) .packs-cards-track,
  html body .cv2-packs-row.coreservercart-packs-slider-body .coreservercart-packs-panel,
  html body .cv2-packs-row.coreservercart-packs-slider-body .coreservercart-home-servers,
  html body .cv2-packs-row.coreservercart-packs-slider-body .coreservercart-container,
  html body .cv2-packs-row.coreservercart-packs-slider-body .coreservercart-slider-wrapper,
  html body .cv2-packs-row.coreservercart-packs-slider-body .coreservercart-server-grid {
    display: contents;
    width: auto;
    min-width: 0;
    max-width: none;
    height: auto;
    min-height: 0;
    max-height: none;
    overflow: visible;
    transform: none;
  }

  html body .cv2-packs-row .packs-cards-track > .pack-card-wrapper:not(.pack-card-wrapper--promo),
  html body .cv2-packs-row.coreservercart-packs-slider-body .coreservercart-server-item {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    height: auto;
    min-height: 0;
    max-height: none;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-self: stretch;
    justify-self: stretch;
    overflow: visible;
    box-sizing: border-box;
    position: relative;
  }

  html body .cv2-packs-row .packs-cards-track > .pack-card-wrapper:nth-child(1),
  html body .cv2-packs-row.coreservercart-packs-slider-body .coreservercart-server-item:nth-child(1) { order: 1; }
  html body .cv2-packs-row .packs-cards-track > .pack-card-wrapper:nth-child(2),
  html body .cv2-packs-row.coreservercart-packs-slider-body .coreservercart-server-item:nth-child(2) { order: 2; }
  html body .cv2-packs-row .packs-cards-track > .pack-card-wrapper:nth-child(3),
  html body .cv2-packs-row.coreservercart-packs-slider-body .coreservercart-server-item:nth-child(3) { order: 3; }
  html body .cv2-packs-row .packs-cards-track > .pack-card-wrapper:nth-child(n+4) { order: 5; }

  html body .cv2-packs-row .packs-cards-track > .pack-card-wrapper > .pack,
  html body .cv2-packs-row.coreservercart-packs-slider-body .coreservercart-card-inner,
  html body .cv2-packs-row.coreservercart-packs-slider-body .coreservercart-card-front {
    width: 100%;
    height: 100%;
    min-height: 0;
    max-height: none;
    display: flex;
    flex-direction: column;
    overflow: visible;
    box-sizing: border-box;
    position: relative;
  }

  /* Promo — kapali pure CSS stretch (JS px equalize CLS yok)
     Varsayılan / promo-slot-left: EN SOL (1. paket görseli SAĞ iken)
     promo-slot-right: EN SAĞ */
  html body .cv2-packs-row > .pack-card-wrapper--promo,
  html body .cv2-packs-row.packs-slider-body--promo-slot-left > .pack-card-wrapper--promo {
    order: 1;
    grid-column: auto;
    grid-row: 1;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    /* Kapali: pure CSS stretch — JS px equalize CLS yok */
    height: 100%;
    min-height: 100%;
    max-height: none;
    align-self: stretch;
    justify-self: stretch;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    transform: none;
    flex: none;
    visibility: visible;
    opacity: 1;
  }
  html body .cv2-packs-row.packs-slider-body--promo-slot-right > .pack-card-wrapper--promo {
    order: 4;
  }
  /* display:contents ile nth-of-type kullan (nth-child promo'yu sayar) */
  html body .cv2-packs-row.packs-slider-body--promo-slot-left .coreservercart-server-item:nth-of-type(1),
  html body .cv2-packs-row:not(.packs-slider-body--promo-slot-right) .coreservercart-server-item:nth-of-type(1) { order: 2; }
  html body .cv2-packs-row.packs-slider-body--promo-slot-left .coreservercart-server-item:nth-of-type(2),
  html body .cv2-packs-row:not(.packs-slider-body--promo-slot-right) .coreservercart-server-item:nth-of-type(2) { order: 3; }
  html body .cv2-packs-row.packs-slider-body--promo-slot-left .coreservercart-server-item:nth-of-type(3),
  html body .cv2-packs-row:not(.packs-slider-body--promo-slot-right) .coreservercart-server-item:nth-of-type(3) { order: 4; }

  /* Expand freeze only */
  html body .cv2-packs-row > .pack-card-wrapper--promo[data-cv2-promo-frozen="1"],
  html body .cv2-packs-row.cv2-row-expanded > .pack-card-wrapper--promo {
    height: var(--cv2-closed-pack-h, 100%);
    min-height: var(--cv2-closed-pack-h, 100%);
    max-height: var(--cv2-closed-pack-h, none);
  }

  /* Paket expand: satir start; promo kilitli kalir (buyumez) */
  html body .cv2-packs-row.cv2-row-expanded,
  html body .cv2-packs-row:has(.pack.pack-expanded),
  html body .cv2-packs-row:has(.coreservercart-server-item.expanded) {
    align-items: start;
  }

  html body .cv2-packs-row.cv2-row-expanded > .pack-card-wrapper--promo,
  html body .cv2-packs-row:has(.pack.pack-expanded) > .pack-card-wrapper--promo,
  html body .cv2-packs-row:has(.coreservercart-server-item.expanded) > .pack-card-wrapper--promo {
    align-self: start;
    overflow: hidden;
    transform: none;
    flex-grow: 0;
    flex-shrink: 0;
    visibility: visible;
    opacity: 1;
  }

  html body .cv2-packs-row > .pack-card-wrapper--promo .cv2-packs-promo-detail {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 0;
    max-height: none;
    padding: 6px;
    margin: 0;
    overflow: hidden;
    box-sizing: border-box;
    visibility: visible;
    opacity: 1;
  }

  /* Parent sabit yukseklikken poster kalan alani doldurur */
  html body .cv2-packs-row > .pack-card-wrapper--promo .cv2-packs-promo-poster {
    flex: 1 1 auto;
    position: relative;
    width: 100%;
    min-width: 0;
    min-height: 0;
    height: auto;
    margin: 0;
    overflow: hidden;
    display: block;
    border-radius: calc(var(--cv2-radius-card, 1rem) - 6px);
    visibility: visible;
    opacity: 1;
    background: var(--theme-color-1-gradient, var(--cv2-primary, #635bff));
  }

  html body .cv2-packs-row > .pack-card-wrapper--promo .cv2-packs-promo-poster-media,
  html body .cv2-packs-row > .pack-card-wrapper--promo .cv2-packs-promo-poster-figure,
  html body .cv2-packs-row > .pack-card-wrapper--promo .cv2-packs-promo-poster-media img,
  html body .cv2-packs-row > .pack-card-wrapper--promo .cv2-packs-promo-poster img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    max-height: none;
    flex: none;
    display: block;
    object-fit: cover;
    object-position: center 72%;
    visibility: visible;
    opacity: 1;
    margin: 0;
    padding: 0;
    aspect-ratio: auto;
    border-radius: inherit;
  }

  html body .cv2-packs-row > .pack-card-wrapper--promo .cv2-packs-promo-data {
    flex: 0 0 auto;
    width: 100%;
    margin-top: 6px;
  }

  /* Hosting + Sunucu: Tüm özellikler = özellik listesinin STATIK devamı (floating panel YOK) */
  html body .cv2-packs-row .pack.pack-expanded,
  html body .cv2-packs-row .coreservercart-server-item.expanded {
    z-index: 8;
    height: auto;
    min-height: 0;
    max-height: none;
    overflow: visible;
    align-self: start;
  }

  html body .cv2-packs-row .pack.pack-expanded .pack-features-wrap,
  html body .cv2-packs-row .coreservercart-features-col {
    position: static;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    overflow: visible;
  }

  html body .cv2-packs-row .pack.pack-expanded .pack-features-extra,
  html body .cv2-packs-row .coreservercart-server-item.expanded .coreservercart-features-extra {
    position: static;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    z-index: auto;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
    width: 100%;
    max-height: none;
    overflow: visible;
    padding: 0;
    margin: 5px 0 0;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    box-sizing: border-box;
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
  }

  /* Sunucu front grid 2 kolon — extra da ayni */
  html body .cv2-packs-row .coreservercart-server-item.expanded .coreservercart-features-extra {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .32rem;
    margin: 0;
    padding: .12rem .1rem .2rem;
  }

  html body .cv2-packs-row .pack:not(.pack-expanded) .pack-features-extra,
  html body .cv2-packs-row .coreservercart-server-item:not(.expanded) .coreservercart-features-extra {
    display: none;
  }

  html body .cv2-packs-row .coreservercart-card-back {
    display: none;
    max-height: 0;
  }

  /* Expand: SADECE acilan paket uzar; kardesler kapali yukseklikte (JS kilit + CSS) */
  html body .cv2-packs-row:has(.pack.pack-expanded) > .pack-card-wrapper:not(:has(.pack-expanded)):not(.pack-card-wrapper--promo),
  html body .cv2-packs-row:has(.coreservercart-server-item.expanded) > .pack-card-wrapper:not(:has(.expanded)):not(.pack-card-wrapper--promo),
  html body .cv2-packs-row .pack-card-wrapper[data-cv2-sib-frozen="1"],
  html body .cv2-packs-row.coreservercart-packs-slider-body:has(.coreservercart-server-item.expanded) .coreservercart-server-item:not(.expanded),
  html body .cv2-packs-row .coreservercart-server-item[data-cv2-sib-frozen="1"] {
    align-self: start;
    height: var(--cv2-closed-pack-h, auto);
    min-height: var(--cv2-closed-pack-h, 0);
    max-height: var(--cv2-closed-pack-h, none);
    overflow: hidden;
    flex-grow: 0;
  }

  html body .cv2-packs-row .pack.pack-expanded,
  html body .cv2-packs-row .pack-card-wrapper:has(.pack-expanded),
  html body .cv2-packs-row .coreservercart-server-item.expanded {
    align-self: start;
    height: auto;
    min-height: 0;
    max-height: none;
    overflow: visible;
  }
}

@media (max-width: 1024px) {
  html body .cv2-packs-row,
  html body .packs-slider-body--3v.cv2-packs-row,
  html body .coreservercart-packs-slider-body.cv2-packs-row {
    display: block;
    width: 100%;
  }

  html body .cv2-packs-row:not(.coreservercart-packs-slider-body) .packs-cards-track,
  html body .cv2-packs-row.coreservercart-packs-slider-body .coreservercart-server-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--cv2-card-grid-gap, 14px);
  }

  html body .cv2-packs-row > .pack-card-wrapper--promo {
    height: auto;
    min-height: 0;
    max-height: none;
  }

  html body .cv2-packs-row .pack.pack-expanded .pack-features-extra,
  html body .cv2-packs-row .coreservercart-server-item.expanded .coreservercart-features-extra {
    position: static;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-height: none;
    overflow: visible;
    margin-top: 5px;
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
  }
}

@media (max-width: 767px) {
  html body .cv2-packs-row:not(.coreservercart-packs-slider-body) .packs-cards-track,
  html body .cv2-packs-row.coreservercart-packs-slider-body .coreservercart-server-grid {
    grid-template-columns: 1fr;
  }

  html body .cv2-packs-row > .pack-card-wrapper--promo {
    display: none;
  }

  html body .cv2-packs-row .pack.pack-expanded .pack-features-extra,
  html body .cv2-packs-row .coreservercart-server-item.expanded .coreservercart-features-extra {
    grid-template-columns: 1fr;
  }
}

/* ================================================================
   LISTING PARITY v0.2.369 — ana sayfa = server-products (hosting.css yok)
   ================================================================ */

html body .products_list:has(.packs-slider-body--3v) > .packs-slider-container,
html body .products_list:has(.coreservercart-packs-slider-body) > .packs-slider-container,
html body [data-cv2-srv-listing="1"] .packs-slider-container.cv2-srv-listing-scope,
html body[data-page="server-products"] #wrapper .packs-slider-container,
html body.cv2-page--server #wrapper .packs-slider-container {
  display: block;
  width: min(100%, var(--CoreV2-container-width, 1300px));
  max-width: min(100%, var(--CoreV2-container-width, 1300px));
  min-width: 0;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

html body[data-page="server-products"] #wrapper .tablopaketler,
html body[data-page="server-products"] #wrapper .corecartpkts-wrapper,
html body.cv2-page--server #wrapper .tablopaketler,
html body.cv2-page--server #wrapper .corecartpkts-wrapper,
html body#home .corecartpkts-wrapper,
html body [data-cv2-srv-listing="1"] .corecartpkts-wrapper {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  max-width: min(100%, var(--CoreV2-container-width, 1300px));
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(10px, 2vw, 16px);
  padding-right: clamp(10px, 2vw, 16px);
  box-sizing: border-box;
}

html body .corecartpkts-wrapper > .product-category-header,
html body .corecartpkts-wrapper > .cv2-pack-listing-filters,
html body .corecartpkts-wrapper > .CoreV2-filter-wrap {
  order: 2;
  width: 100%;
}

html body .corecartpkts-wrapper > .packs-slider-container {
  order: 3;
  width: 100%;
}

/* Filtre — ortalanmış aylık/yıllık + lokasyon (hosting.css paylaşımı) */
html body .cv2-pack-listing-filters {
  width: 100%;
  margin: 0 0 18px;
}

html body .cv2-pack-listing-filters .CoreV2-filter-wrap {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: var(--CoreV2-container-width, 1300px);
  margin-left: auto;
  margin-right: auto;
}

html body .cv2-pack-listing-filters .CoreV2-filter,
html body .CoreV2-filter-wrap .CoreV2-filter {
  flex: 0 1 auto;
  width: auto;
  max-width: min(100%, 760px);
  margin-left: auto;
  margin-right: auto;
}

html body .cv2-pack-listing-filters .CoreV2-filter .CoreV2-filter-options,
html body .CoreV2-filter .CoreV2-filter-options.period-tabs,
html body .CoreV2-filter .CoreV2-filter-options.location-tabs,
html body .CoreV2-filter .CoreV2-filter-options.category-tabs {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: fit-content;
  min-width: min(100%, 320px);
  max-width: min(100%, 760px);
  margin-left: auto;
  margin-right: auto;
  padding: 5px;
  background: rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99, 91, 255)), 0.04);
  border: 1px solid rgba(var(--cv2-primary-rgb, var(--CoreV2-primary-rgb, 99, 91, 255)), 0.08);
}

html body .cv2-pack-listing-filters .CoreV2-filter .CoreV2-filter-options.period-tabs,
html body .CoreV2-filter .CoreV2-filter-options.period-tabs {
  width: 100%;
  max-width: min(100%, 680px);
  margin-inline: auto;
  gap: 4px;
  flex-wrap: nowrap;
}

html body .cv2-pack-listing-filters .CoreV2-filter .CoreV2-filter-item,
html body .CoreV2-filter .CoreV2-filter-options.period-tabs .CoreV2-filter-item,
html body .CoreV2-filter .CoreV2-filter-options.location-tabs .CoreV2-filter-item,
html body .CoreV2-filter .CoreV2-filter-options.category-tabs .CoreV2-filter-item {
  flex: 1 1 0;
  min-width: 0;
  min-height: 40px;
  height: 40px;
  padding: 0 12px;
  font-size: 14px;
  justify-content: center;
}

@media (max-width: 768px) {
  html body .cv2-pack-listing-filters {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 0;
  }

  html body .cv2-pack-listing-filters .CoreV2-filter-wrap {
    margin: 0;
    padding: 0;
  }

  html body .cv2-pack-listing-filters .CoreV2-filter-options.period-tabs,
  html body .cv2-pack-listing-filters .CoreV2-filter-options.location-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
  }
}

/* ================================================================
   PRODUCT PAGE PARITY v0.2.370 — intro, gorsel, populer ikonlar
   ================================================================ */

html body[data-page="server-products"] .intro-left .intro-title,
html body[data-page="hosting-products"] .intro-left .intro-title,
html body.cv2-page--server .intro-left .intro-title,
html body.cv2-page--hosting .intro-left .intro-title {
  color: var(--CoreV2-primary, var(--cv2-primary, #5046e5));
}

html body[data-page="server-products"] .intro-left .intro-desc,
html body[data-page="hosting-products"] .intro-left .intro-desc,
html body.cv2-page--server .intro-left .intro-desc,
html body.cv2-page--hosting .intro-left .intro-desc {
  color: var(--cv2-text-secondary, #64748b);
}

html body[data-page="server-products"] .intro-section-product .intro-right,
html body[data-page="hosting-products"] .intro-section-product .intro-right,
html body.cv2-page--server .intro-section-product .intro-right,
html body.cv2-page--hosting .intro-section-product .intro-right {
  background: var(--theme-color-1-gradient, linear-gradient(135deg, var(--CoreV2-primary, #5046e5) 0%, #6366f1 100%));
}

/* Sunucu urun gorseli — expand beklemeden gorunsun */
html body .coreservercart-server-item .coreservercart-server-middle,
html body .coreservercart-server-item .coreservercart-pack-image-area,
html body .coreservercart-server-item:not(.expanded) .coreservercart-server-middle,
html body .coreservercart-server-item:not(.expanded) .coreservercart-pack-image-area {
  display: flex;
  visibility: visible;
  opacity: 1;
  /* size: CANONICAL in pack-ui-lock (154px) — no min-height thrash */
}

html body .coreservercart-server-item .coreservercart-pack-image-area img.server-image {
  display: block;
  visibility: visible;
  opacity: 1;
}

/* Promo — 1. paket görseli SAĞ ise SOL; aksi halde SAĞ */
@media (min-width: 1025px) {
  html body .cv2-packs-row > .pack-card-wrapper--promo,
  html body .cv2-packs-row.coreservercart-packs-slider-body > .pack-card-wrapper--promo,
  html body .cv2-packs-row.packs-slider-body--promo-slot-left > .pack-card-wrapper--promo {
    order: 1;
    grid-column: 1 / 2;
    grid-row: 1;
    justify-self: stretch;
    align-self: stretch;
  }
  html body .cv2-packs-row.packs-slider-body--promo-slot-right > .pack-card-wrapper--promo,
  html body .cv2-packs-row.coreservercart-packs-slider-body.packs-slider-body--promo-slot-right > .pack-card-wrapper--promo {
    order: 4;
    grid-column: 4 / 5;
  }
}