/* Sunucu kartı: lokasyon görsel üstünde (statik); OS görsel altında, overlay değil */
.coreservercart-server-middle{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:8px;
}
.coreservercart-server-middle > .coreservercart-location-badge,
.coreservercart-pack-image-area > .coreservercart-location-badge{
  position:static !important;
  transform:none !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  z-index:auto !important;
  align-self:center;
  margin:0 auto 2px;
  display:inline-flex !important;
}
.coreservercart-pack-image-area{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible;
}
.coreservercart-pack-image-area > img.server-image{
  position:relative !important;
  inset:auto !important;
  width:100%;
  height:auto !important;
  max-height:none !important;
  display:block;
  object-fit:contain;
}
.coreservercart-pack-image-area > .coreservercart-os-section,
.coreservercart-os-section{
  position:static !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  display:flex !important;
  flex-direction:column;
  align-items:center;
  width:100%;
  margin:6px 0 0;
  padding:0;
  background:transparent;
  visibility:visible !important;
  opacity:1 !important;
}
.coreservercart-os-section .coreservercart-h4{
  margin:.35rem 0 0;
  text-align:center;
}
.cv2-srvhead{
  background:color-mix(in srgb,var(--CoreV2-primary,var(--cv2-primary,#2563eb)) 8%,transparent) !important;
  border:1px solid color-mix(in srgb,var(--CoreV2-primary,var(--cv2-primary,#2563eb)) 14%,transparent) !important;
}
html body .coreservercart-server-item:hover .coreservercart-pack-image-area img,
html body .coreservercart-server-item:hover .coreservercart-server-icon{
  transform:none;
}

@media (max-width:991px){
  html body .coreservercart-slider-wrapper{
    display:block !important;
    overflow:hidden !important;
    width:100% !important;
    max-width:100% !important;
  }
  html body .coreservercart-slider-wrapper .coreservercart-server-grid,
  html body .cv2-packs-row.coreservercart-packs-slider-body .coreservercart-server-grid,
  html body .coreservercart-server-grid{
    display:flex !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x mandatory !important;
    -webkit-overflow-scrolling:touch !important;
    width:100% !important;
    max-width:100% !important;
    gap:12px !important;
    scrollbar-width:none;
  }
  html body .coreservercart-server-grid::-webkit-scrollbar{display:none}
  html body .coreservercart-slider-wrapper .coreservercart-server-item,
  html body .cv2-packs-row.coreservercart-packs-slider-body .coreservercart-server-item,
  html body .coreservercart-server-grid > .coreservercart-server-item{
    flex:0 0 100% !important;
    width:100% !important;
    max-width:100% !important;
    min-width:100% !important;
    scroll-snap-align:start;
    scroll-snap-stop:always;
  }
}

.coreservercart-features-col{
  display:flex;
  flex-direction:column;
  gap:8px;
  min-width:0;
  width:100%;
}
.coreservercart-features-col .coreservercart-server-features,
.coreservercart-features-col .coreservercart-features-extra.pack-features-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:5px!important;
  padding:0!important;
  width:100%!important;
  align-content:start;
}
.coreservercart-features-col .feature-box.coreservercart-feature,
.coreservercart-features-col .coreservercart-feature{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  padding:6px 4px!important;
  gap:0!important;
  background:rgba(var(--cv2-primary-rgb,var(--srv-primary-rgb,59,130,246)),0.04)!important;
  border:1.5px solid rgba(var(--cv2-primary-rgb,var(--srv-primary-rgb,59,130,246)),0.07)!important;
  border-radius:var(--cv2-radius-btn,14px)!important;
  box-sizing:border-box;
}
.coreservercart-features-col .coreservercart-feature-content{
  display:contents;
}
.coreservercart-features-col .coreservercart-feature-icon{
  width:36px!important;
  height:36px!important;
  margin:0 auto 4px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(var(--cv2-primary-rgb,var(--srv-primary-rgb,59,130,246)),0.08)!important;
  border:0!important;
  border-radius:10px!important;
  color:var(--CoreV2-primary,var(--cv2-primary,#22c55e))!important;
}
.coreservercart-features-col .coreservercart-feature-icon svg,
.coreservercart-features-col .coreservercart-feature-icon i{
  width:18px!important;
  height:18px!important;
  font-size:18px!important;
  color:inherit!important;
}
.coreservercart-features-col .feature-value,
.coreservercart-features-col .coreservercart-h4{
  display:block!important;
  margin:0!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.2!important;
  color:var(--cv2-heading,#0f172a)!important;
  white-space:normal;
  overflow:visible;
  text-overflow:unset;
  max-width:100%;
  word-break:break-word;
}
.coreservercart-features-col .feature-label,
.coreservercart-features-col .coreservercart-info{
  display:block!important;
  margin-top:2px!important;
  font-size:9px!important;
  font-weight:500!important;
  line-height:1.2!important;
  color:var(--cv2-text-muted,#64748b)!important;
  opacity:.85;
  white-space:normal;
  overflow:visible;
  text-overflow:unset;
  max-width:100%;
  word-break:break-word;
}
.coreservercart-features-col .coreservercart-show-more.pack-toggle-btn{
  margin:8px auto 0!important;
  width:auto!important;
  align-self:center;
}

@container srv-card (min-width:300px){
  .coreservercart-features-col .coreservercart-server-features,
  .coreservercart-features-col .coreservercart-features-extra.pack-features-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media (max-width:1024px){
  html body .coreservercart-packs-slider-body .coreservercart-pack-image-area > img.server-image,
  html body .cv2-srv-row-with-promo .coreservercart-pack-image-area > img.server-image,
  html body .coreservercart-pack-image-area > img.server-image,
  html body .coreservercart-pack-image-area > img,
  html body .coreservercart-server-item .coreservercart-pack-image-area img.server-image{
    display:none!important;
    visibility:hidden!important;
    height:0!important;
    max-height:0!important;
    min-height:0!important;
    width:0!important;
    opacity:0!important;
    position:absolute!important;
    pointer-events:none!important;
  }
  html body .coreservercart-pack-image-area,
  html body .coreservercart-server-item .coreservercart-pack-image-area{
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    background:transparent!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }
  html body .coreservercart-server-item .coreservercart-os-section,
  html body .coreservercart-pack-image-area > .coreservercart-os-section,
  html body .coreservercart-location-badge{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    height:auto!important;
  }
  html body .coreservercart-server-item,
  html body .coreservercart-slider-wrapper .coreservercart-server-item{
    overflow:visible!important;
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
  }
  html body .coreservercart-slider-wrapper{
    overflow-x:hidden!important;
    overflow-y:visible!important;
    height:auto!important;
  }
}

html[data-theme="dark"] .coreservercart-features-col .feature-box.coreservercart-feature,
html[data-theme="dark"] .coreservercart-features-col .coreservercart-feature,
[data-theme="dark"] .coreservercart-features-col .coreservercart-feature{
  background:rgba(var(--cv2-primary-rgb,var(--srv-primary-rgb,59,130,246)),0.12)!important;
  border-color:rgba(var(--cv2-primary-rgb,var(--srv-primary-rgb,59,130,246)),0.18)!important;
  box-shadow:none!important;
}
html[data-theme="dark"] .coreservercart-features-col .feature-value,
html[data-theme="dark"] .coreservercart-features-col .coreservercart-h4,
[data-theme="dark"] .coreservercart-features-col .coreservercart-h4{
  color:var(--cv2-heading,#F8FAFC)!important;
}
html[data-theme="dark"] .coreservercart-features-col .feature-label,
html[data-theme="dark"] .coreservercart-features-col .coreservercart-info,
[data-theme="dark"] .coreservercart-features-col .coreservercart-info{
  color:var(--cv2-text,#94A3B8)!important;
}
.coreservercart-server-item{
  position:relative;
}
.coreservercart-server-item::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  border-radius:inherit;
  background-image:var(--cv2-pattern-image,url('https://www.transparenttextures.com/patterns/skeletal-weave.png'));
  background-repeat:repeat;
  opacity:var(--cv2-pattern-opacity,.22);
  filter:blur(var(--cv2-pattern-blur,12px));
  mask-image:var(--cv2-pattern-mask,radial-gradient(ellipse at bottom left,black 0%,transparent 60%),radial-gradient(ellipse at top right,black 0%,transparent 60%));
  -webkit-mask-image:var(--cv2-pattern-mask,radial-gradient(ellipse at bottom left,black 0%,transparent 60%),radial-gradient(ellipse at top right,black 0%,transparent 60%));
  mask-composite:add;
  -webkit-mask-composite:source-over;
}
.coreservercart-server-item>*{position:relative;z-index:1}
[data-theme="dark"] .coreservercart-server-item::before{
  opacity:var(--cv2-pattern-opacity-dark,.14);
  filter:blur(var(--cv2-pattern-blur,12px));
}

html[data-theme="dark"] .coreservercart-server-item:not(.popular-highlight),
[data-theme="dark"] .coreservercart-server-item:not(.popular-highlight){
  background:var(--cv2-surface-card,#171F2E)!important;
  border-color:var(--cv2-border,#2A3448)!important;
}
html[data-theme="dark"] .coreservercart-pack-image-area,
[data-theme="dark"] .coreservercart-pack-image-area{
  background:color-mix(in srgb,var(--cv2-surface-card,#171F2E) 78%, var(--CoreV2-primary,var(--cv2-primary,#22c55e)) 22%)!important;
  border-radius:14px;
}
html[data-theme="dark"] .coreservercart-os-section,
[data-theme="dark"] .coreservercart-os-section,
html[data-theme="dark"] .coreservercart-os-section .coreservercart-h4,
[data-theme="dark"] .coreservercart-os-section .coreservercart-h4{
  background:transparent!important;
  color:var(--cv2-text,#94A3B8)!important;
}
html[data-theme="dark"] .coreservercart-os-item,
[data-theme="dark"] .coreservercart-os-item{
  background:color-mix(in srgb,var(--cv2-surface-card,#171F2E) 70%, var(--CoreV2-primary,var(--cv2-primary,#22c55e)) 30%)!important;
  border-color:color-mix(in srgb,var(--CoreV2-primary,var(--cv2-primary,#22c55e)) 28%,transparent)!important;
}
html[data-theme="dark"] .coreservercart-server-item.popular-highlight .coreservercart-features-col .feature-box,
[data-theme="dark"] .coreservercart-server-item.popular-highlight .coreservercart-features-col .coreservercart-feature{
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.14)!important;
}
/* cv2-pack-image-frame */
html body .coreservercart-server-item .coreservercart-pack-image-area{height:114px!important;min-height:104px!important;max-height:124px!important;padding:6px 8px!important;border-radius:var(--srv-radius-inner,var(--cv2-radius-input,12px))!important;background:linear-gradient(135deg,rgba(var(--srv-primary-rgb,var(--cv2-primary-rgb)),.04) 0%,rgba(var(--srv-primary-rgb,var(--cv2-primary-rgb)),.09) 100%)!important;border:1.5px solid rgba(var(--srv-primary-rgb,var(--cv2-primary-rgb)),.08)!important;overflow:hidden!important;box-sizing:border-box!important}
html body .coreservercart-server-item .coreservercart-pack-image-area>img.server-image,
html body .coreservercart-server-item .coreservercart-pack-image-area>img{display:block!important;max-height:52px!important;width:auto!important;margin:0 auto!important;object-fit:contain!important}
html[data-theme="dark"] body .coreservercart-server-item .coreservercart-pack-image-area{background:linear-gradient(145deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.03) 100%)!important;border-color:rgba(255,255,255,.12)!important}

/* Mobil: sunucu paket görsel kartı tamamen kapalı (tablet ≥768 açık kalabilir) */
@media (max-width:767.98px){
  html body .cv2-srv-pack-page .coreservercart-pack-image-area,
  html body .cv2-structured-pack-page .coreservercart-pack-image-area,
  html body .coreservercart-server-item .coreservercart-pack-image-area,
  html body .coreservercart-pack-image-area{
    display:none!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
  }
  html body .cv2-packs-row>.pack-card-wrapper--promo,
  html body .pack-card-wrapper--promo{
    display:none!important;
  }
}

/* Dark: özellik başlık / alt başlık kontrast kilidi (sunucu features-col) */
html[data-theme="dark"] body .coreservercart-features-col .feature-value,
html[data-theme="dark"] body .coreservercart-features-col .coreservercart-h4,
html.dark-mode body .coreservercart-features-col .coreservercart-h4{
  color:#F8FAFC!important;
  opacity:1!important;
}
html[data-theme="dark"] body .coreservercart-features-col .feature-label,
html[data-theme="dark"] body .coreservercart-features-col .coreservercart-info,
html.dark-mode body .coreservercart-features-col .coreservercart-info{
  color:#94A3B8!important;
  opacity:.92!important;
}
html[data-theme="dark"] body .coreservercart-features-col .feature-box,
html[data-theme="dark"] body .coreservercart-features-col .coreservercart-feature{
  background:rgba(255,255,255,.06)!important;
  border-color:rgba(148,163,184,.18)!important;
}