/* CoreV2 index-public.bundle */
/* --- hosting-modern.css --- */
/* ══════════════════════════════════════════════════════════════
   ORDER STEPS - PERIOD SELECTION ACTIVE STATE
   ══════════════════════════════════════════════════════════════ */
.sepethosting-period-block {
  cursor: pointer;
  transition: all 0.2s ease;
}

.sepethosting-period-block.active {
  border-color: var(--CoreV2-primary, #059669) !important;
  background: rgba(var(--CoreV2-primary-rgb, 5,150,105), 0.08) !important;
  transform: scale(1.02);
}

.sepethosting-period-block.active .sepethosting-select-indicator {
  opacity: 1 !important;
  visibility: visible !important;
}

.sepethosting-period-block:not(.active) .sepethosting-select-indicator {
  opacity: 0.3 !important;
}

[data-theme="dark"] .sepethosting-period-block.active {
  background: rgba(var(--CoreV2-primary-rgb, 5,150,105), 0.15) !important;
  border-color: var(--CoreV2-primary, #059669) !important;
}

:root {
  --CoreV2-primary:          var(--color-primary, #5046e5);
  --CoreV2-primary-rgb:      80, 70, 229;

  --sp-xs:  4px;
  --sp-sm:  8px;
  --sp-md:  16px;
  --sp-lg:  24px;
  --sp-xl:  36px;

  --r-sm:   8px;
  --r-md:   14px;
  --r-lg:   20px;
  --r-pill: 999px;

  --shadow-card:    none;
  --shadow-hover:   none;
  --shadow-popular: none;

  --ease-smooth: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast:    0.18s;
  --dur-med:     0.32s;
  --dur-slow:    0.5s;
}

/* ──────────────────────────────────────────────
   BASE RESET FOR PACK COMPONENTS
   ────────────────────────────────────────────── */
.packs-slider-container *,
.packs-slider-container *::before,
.packs-slider-container *::after {
  box-sizing: border-box;
}

/* ──────────────────────────────────────────────
   SLIDER CONTAINER
   ────────────────────────────────────────────── */
.packs-slider-container .tablopaketler.products_list {
  background:       none !important;
  background-image: none !important;
  background-color: transparent !important;
  padding:          0 !important;
  margin:           0 !important;
}

/* ──────────────────────────────────────────────
   FILTER BAR
   ────────────────────────────────────────────── */
.CoreV2-filter-wrap {
  display:         flex;
  justify-content: center;
  align-items:     center;
  flex-wrap:       wrap;
  gap:             var(--sp-xs);
  margin-top:      0;
  margin-bottom:   var(--sp-md);
  padding:         0;
}

.CoreV2-filter {
  position: relative;
}

@media (max-width: 991px) {
  .CoreV2-filter-wrap {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .CoreV2-filter.CoreV2-filter-mobile {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

.CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-header {
  display: none;
}

.CoreV2-filter .CoreV2-filter-options {
  display:                    flex;
  align-items:                center;
  padding:                    5px;
  background:                 rgba(var(--CoreV2-primary-rgb), 0.06);
  border:                     1.5px solid rgba(var(--CoreV2-primary-rgb), 0.12);
  border-radius: var(--cv2-radius-card, 14px);
  gap:                        3px;
  flex-wrap:                  nowrap;
  overflow-x:                 auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width:            none;
  backdrop-filter:            blur(8px);
  -webkit-backdrop-filter:    blur(8px);
}

.CoreV2-filter .CoreV2-filter-options::-webkit-scrollbar {
  display: none;
}

.CoreV2-filter .CoreV2-filter-item {
  padding:         9px 22px;
  display:         flex;
  align-items:     center;
  justify-content: center;
  gap:             6px;
  font-weight:     var(--fw-semibold, 600);
  font-size:       13px;
  letter-spacing:  0.02em;
  color:           var(--CoreV2-primary, #5046e5);
  background:      transparent;
  border-radius: var(--cv2-radius-input, 10px);
  min-width:       fit-content;
  cursor:          pointer;
  transition:      background var(--dur-fast) ease,
                   color var(--dur-fast) ease,
                   transform var(--dur-fast) var(--ease-smooth);
  white-space:     nowrap;
  text-decoration: none;
  position:        relative;
  overflow:        hidden;
}

.CoreV2-filter .CoreV2-filter-item::after {
  content:    '';
  position:   absolute;
  inset:      0;
  background: rgba(var(--CoreV2-primary-rgb), 0);
  transition: background var(--dur-fast) ease;
  border-radius: var(--cv2-radius-input, 10px);
  pointer-events: none;
  z-index: 0;
}

.CoreV2-filter .CoreV2-filter-item.active::after {
  display: none;
}

.CoreV2-filter .CoreV2-filter-item:hover {
  background: rgba(var(--CoreV2-primary-rgb), 0.1);
  transform:  translateY(-1px);
}

.CoreV2-filter .CoreV2-filter-item.active {
  background:     var(--CoreV2-primary, #5046e5);
  color:          #fff;
  font-weight:    var(--fw-bold, 700);
}

/* ──────────────────────────────────────────────
   VERTICAL PACKS GRID
   ────────────────────────────────────────────── */

.pack-card-wrapper {
  width:     calc((100% - 36px) / 3);
  max-width: calc((100% - 36px) / 3);
  min-width: 280px;
  overflow:  visible;
}

.vertical--packs .pack-card-wrapper:nth-child(n+7) {
  display: none;
}
.vertical--packs.show-all .pack-card-wrapper:nth-child(n+7) {
  display: block;
}

/* ──────────────────────────────────────────────
   PACK CARD
   ────────────────────────────────────────────── */
.vertical--packs .pack {
  position:       relative;
  width: 100%;
  border-radius: var(--cv2-radius-card, 2.5rem);
  padding: 14px 16px;
  background: linear-gradient(135deg, #ffffff 0%, #f1f5f9 100%);
  border: 1px solid rgb(231 231 231 / 36%);
  display:        flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 200px;
  box-sizing: border-box;
  overflow:       visible;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

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

.vertical--packs .pack:hover::before {
  opacity: 1;
}

.vertical--packs .pack.pack-popular {
  background:  var(--theme-color-1-gradient);
  border-color: transparent !important;
  transform:    none;
}

.vertical--packs .pack.pack-popular::before {
  background: linear-gradient(90deg,
                transparent 0%,
                rgba(255,255,255,0.5) 50%,
                transparent 100%);
  opacity: 1;
}

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

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

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

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

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

/* ──────────────────────────────────────────────
   POPULAR BADGE
   ────────────────────────────────────────────── */
.pack-popular-badge {
  display:         none !important;
}

.vertical--packs .pack.pack-popular .pack-popular-badge {
  display:         inline-flex !important;
  position:        absolute !important;
  top:             -11px !important;
  left:            50% !important;
  transform:       translateX(-50%) !important;
  background:      var(--theme-color-1-gradient, var(--CoreV2-primary, #5046e5)) !important;
  color:           #fff !important;
  font-size:       9.5px !important;
  font-weight:     var(--fw-bold, 700) !important;
  letter-spacing:  0.06em !important;
  text-transform:  uppercase !important;
  padding:         5px 14px !important;
  border-radius:   20px !important;
  border:          none !important;
  white-space:     nowrap !important;
  z-index:         10 !important;
  align-items:     center !important;
  gap:             5px !important;
  box-shadow:      none !important;
}

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

@keyframes badge-pulse {
  0%,100% { transform: scale(1) rotate(0deg); }
  50%      { transform: scale(1.25) rotate(12deg); }
}

/* ──────────────────────────────────────────────
   PACK HEAD
   ────────────────────────────────────────────── */
.vertical--packs .pack .pack-head {
  position:        relative;
  display:         flex;
  justify-content: space-between;
  align-items:     center;
  padding-bottom:  6px;
  margin-bottom:   4px;
  z-index:         1;
}

.pack-head-row > .pack-head {
  padding-bottom: 0;
  margin-bottom:  0;
  border-bottom:  none !important;
}

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

.vertical--packs .pack .pack-name {
  font-size:      21px;
  letter-spacing: -0.02em;
  color:          var(--CoreV2-primary, #5046e5) !important;
  margin-top:     6px;
  position:       relative;
  z-index:        1;
  text-align:     left;
  line-height:    1.15;
  word-wrap:      normal;
  overflow-wrap:  normal;
  display:        inline-flex;
  align-items:    flex-start;
  flex-wrap:      nowrap;
  gap:            0;
  width:          fit-content;
  max-width:      calc(100% - 52px);
  align-self:     flex-start;
  flex:           0 1 auto;
}

.vertical--packs .pack .pack-name::before {
  content:       "";
  position:      absolute;
  left:          -17px;
  top:           -8px;
  bottom:        -8px;
  right:         -14px;
  background:    linear-gradient(90deg, rgba(var(--CoreV2-primary-rgb), 0.18) 0%, rgba(var(--CoreV2-primary-rgb), 0.05) 100%);
  border-radius: 0 10px 10px 0;
  z-index:       -1;
  -webkit-mask:  radial-gradient(circle 12px at calc(100% + 2px) 50%, transparent 12px, black 12px);
  mask:          radial-gradient(circle 12px at calc(100% + 2px) 50%, transparent 12px, black 12px);
}

.vertical--packs .pack.pack-popular .pack-name {
  color: #fff !important;
}

.vertical--packs .pack.pack-popular .pack-name::before {
  background: linear-gradient(90deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.15) 100%) !important;
}

.vertical--packs .pack .pack-subtitle {
  display:        block !important;
  font-size:      13px;
  font-weight:    var(--fw-medium, 500);
  color:          rgba(var(--CoreV2-primary-rgb), 0.7) !important;
  position:       relative;
  z-index:        1;
  text-align:     left;
  margin-top:     2px;
  white-space:    nowrap;
  overflow:       hidden;
  text-overflow:  ellipsis;
  max-width:      100%;
  width:          auto;
}

.vertical--packs .pack.pack-popular .pack-subtitle {
  color: rgba(255,255,255,0.75) !important;
}

/* ──────────────────────────────────────────────
   PACK IMAGE AREA
   ────────────────────────────────────────────── */
.pack-image-area {
  width:           100%;
  height:          115px;
  display:         flex;
  align-items:     center;
  justify-content: center;
  padding:         12px 18px;
  margin:          0 0 10px 0;
  border-radius:   var(--r-md);
  box-sizing:      border-box;
  background:      linear-gradient(135deg,
                     rgba(var(--CoreV2-primary-rgb), 0.04) 0%,
                     rgba(var(--CoreV2-primary-rgb), 0.09) 100%);
  border:          1.5px solid rgba(var(--CoreV2-primary-rgb), 0.08);
  overflow:        hidden;
  position:        relative;
  transition:      background var(--dur-med) ease;
}

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

.pack-image-area img {
  max-width:   100%;
  max-height:  96px;
  object-fit:  contain;
  border-radius: var(--cv2-radius-input, 12px);
  transition:  transform var(--dur-med) var(--ease-smooth);
  filter:      drop-shadow(0 2px 10px rgba(0,0,0,0.08));
  position:    relative;
  z-index:     1;
}

.pack:hover .pack-image-area img {
  transform: scale(1.07) translateY(-2px);
}

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

.vertical--packs .pack.pack-popular .pack-image-area img {
  filter: drop-shadow(0 3px 12px rgba(0,0,0,0.22));
}

/* ──────────────────────────────────────────────
   PACK ICON
   ────────────────────────────────────────────── */
.pack-icon {
  width:           38px;
  height:          38px;
  display:         flex;
  align-items:     center;
  justify-content: center;
  border-radius:   var(--r-sm);
  background:      rgba(var(--CoreV2-primary-rgb), 0.1);
  color:           var(--CoreV2-primary, #5046e5);
  transition:      transform var(--dur-fast) var(--ease-smooth),
                   background var(--dur-fast) ease;
  flex-shrink:     0;
  position:        relative;
  z-index:         1;
}

.pack-icon svg {
  display: block;
  width:   22px;
  height:  22px;
}

.pack:hover .pack-icon {
  transform: scale(1.12) rotate(-4deg);
}

.pack.pack-popular .pack-icon {
  background: rgba(255,255,255,0.18);
  color:      #fff;
}

.pack-icon-server svg      { animation: server-pulse 2.2s ease-in-out infinite; animation-play-state: paused; }
.pack-icon-sms svg         { animation: sms-bounce 2s ease-in-out infinite; animation-play-state: paused; }
.pack-icon-ssl svg         { animation: ssl-shake 3.5s ease-in-out infinite; animation-play-state: paused; }
.pack-icon-domain svg      { animation: domain-spin 9s linear infinite; animation-play-state: paused; }
.pack-icon-mail svg        { animation: mail-fly 2.8s ease-in-out infinite; animation-play-state: paused; }
.pack-icon-license svg     { animation: license-glow 2.2s ease-in-out infinite; animation-play-state: paused; }
.pack-icon-backup svg      { animation: backup-upload 2.2s ease-in-out infinite; animation-play-state: paused; }
.pack-icon-wordpress svg   { animation: wp-rotate 7s linear infinite; animation-play-state: paused; }
.pack-icon-reseller svg    { animation: reseller-grow 2.8s ease-in-out infinite; animation-play-state: paused; }
.pack:hover .pack-icon svg { animation-play-state: running; }

@keyframes server-pulse   { 0%,100%{transform:scale(1)} 50%{transform:scale(1.15)} }
@keyframes sms-bounce     { 0%,100%{transform:translateY(0)} 30%{transform:translateY(-5px)} 60%{transform:translateY(0)} 80%{transform:translateY(-2px)} }
@keyframes ssl-shake      { 0%,100%{transform:rotate(0)} 15%{transform:rotate(-8deg)} 30%{transform:rotate(6deg)} 45%{transform:rotate(-4deg)} 60%{transform:rotate(0)} }
@keyframes domain-spin    { 0%{transform:rotateY(0deg)} 100%{transform:rotateY(360deg)} }
@keyframes mail-fly       { 0%,100%{transform:translate(0,0)} 25%{transform:translate(3px,-4px)} 75%{transform:translate(-2px,-2px)} }
@keyframes license-glow   { 0%,100%{filter:drop-shadow(0 0 0 transparent)} 50%{filter:drop-shadow(0 0 7px rgba(var(--CoreV2-primary-rgb),0.6))} }
@keyframes backup-upload  { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }
@keyframes wp-rotate      { 0%{transform:rotate(0deg)} 100%{transform:rotate(360deg)} }
@keyframes reseller-grow  { 0%,100%{transform:scale(1)} 50%{transform:scale(1.14)} }

/* ──────────────────────────────────────────────
   LEVEL INDICATOR - Signal Bars with Wave Animation
   ────────────────────────────────────────────── */
.level-indicator { 
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 6px 10px;
    background: rgba(var(--CoreV2-primary-rgb), 0.06);
    border-radius: var(--cv2-radius-card, 20px);
    border: 1px solid rgba(var(--CoreV2-primary-rgb), 0.12);
    flex-shrink: 0;
    transition: all 0.3s ease;
}

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

.level-box {
    width: 9px;
    height: 20px;
    border-radius: var(--cv2-radius-input, 5px);
    background: rgba(var(--CoreV2-primary-rgb), 0.15);
    position: relative;
    overflow: hidden;
    opacity: 0.3;
    transition: opacity 0.3s ease;
}

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

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

.level-box.active::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, 
        transparent 0%, 
        rgba(255, 255, 255, 0.6) 50%, 
        transparent 100%);
    animation: horizontalScan 2s ease-in-out 3;
    animation-delay: var(--scan-delay, 0s);
}

@keyframes horizontalScan {
  0%   { transform: translateX(-120%); opacity: 0; }
  50%  { opacity: 1; }
  100% { transform: translateX(120%); opacity: 0; }
}

.level-indicator[data-level="1"] .box1.active { --scan-delay: 0s; }

.level-indicator[data-level="2"] .box1.active { --scan-delay: 0s; }
.level-indicator[data-level="2"] .box2.active { --scan-delay: 0.2s; }

.level-indicator[data-level="3"] .box1.active { --scan-delay: 0s; }
.level-indicator[data-level="3"] .box2.active { --scan-delay: 0.15s; }
.level-indicator[data-level="3"] .box3.active { --scan-delay: 0.3s; }

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

.vertical--packs .pack.pack-popular .level-indicator { 
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.2);
}

.vertical--packs .pack.pack-popular .level-indicator:hover {
    background: rgba(255, 255, 255, 0.15);
}

.vertical--packs .pack.pack-popular .level-box {
    background: rgba(255, 255, 255, 0.2);
}

.vertical--packs .pack.pack-popular .level-box.active {
    background: #fff;
}

/* ──────────────────────────────────────────────
   COUNTDOWN — Modern Redesign
   ────────────────────────────────────────────── */

.pack-head-row {
  display:         flex;
  align-items:     center;
  justify-content: space-between;
  gap:             8px;
  margin-bottom:   8px;
}

.pack-head-row > .pack-name {
  flex:          0 1 auto;
  min-width:     0;
  width:         fit-content;
  max-width:     calc(100% - 52px);
}

.pack-head-row > .pack-countdown {
  flex-shrink:   0;
  margin-bottom: 0;
}

.pack-head-row > .level-indicator,
.pack-head-row > .pack-icon {
  flex-shrink: 0;
  margin-left: 4px;
}

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

.pack-countdown::before { content: none; }

.countdown-title {
  display:         flex;
  align-items:     center;
  justify-content: center;
  gap:             4px;
  font-size:       9.5px;
  font-weight:     700;
  letter-spacing:  0.06em;
  text-transform:  uppercase;
  color:           var(--CoreV2-primary, #5046e5);
  margin-bottom:   7px;
  white-space:     nowrap;
}

.countdown-title i {
  font-size: 10px;
  animation: cdPulse 2s ease-in-out 3;
}

@keyframes cdPulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%       { opacity: 0.6; transform: scale(1.15); }
}

.countdown-boxes {
  display:         flex;
  justify-content: center;
  align-items:     center;
  gap:             4px;
}

.cd-box {
  display:        flex;
  flex-direction: column;
  align-items:    center;
  background:     rgba(255,255,255,0.9);
  border-radius: var(--cv2-radius-input, 7px);
  padding:        4px 7px;
  min-width:      32px;
  border:         1px solid rgba(var(--CoreV2-primary-rgb), 0.1) !important;
}

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

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

.cd-sep {
  font-size:     13px;
  color:         var(--CoreV2-primary, #5046e5);
  opacity:       0.3;
  margin-bottom: 10px;
  line-height:   1;
}

.pack-countdown-banner {
  display:         flex;
  align-items:     center;
  justify-content: space-between;
  gap:             10px;
  background:      var(--CoreV2-primary, #3b82f6);
  border-radius:   14px 14px 0 0;
  padding:         7px 14px;
  margin-bottom:   -4px;
  position:        relative;
  z-index:         2;
}

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

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

.pcb-title i { font-size: 11px; }

.pcb-boxes {
  display:     flex;
  align-items: center;
  gap:         4px;
}

.pcb-box {
  display:        flex;
  flex-direction: column;
  align-items:    center;
  background:     rgba(255,255,255,0.18);
  border-radius: var(--cv2-radius-input, 6px);
  padding:        3px 6px;
  min-width:      28px;
  border:         1px solid rgba(255,255,255,0.2);
}

.pcb-val {
  display:              block;
  font-size:            13px;
  color:                #fff;
  line-height:          1;
  font-variant-numeric: tabular-nums;
}

.pcb-lbl {
  display:        block;
  font-size:      6px;
  font-weight:    var(--fw-semibold, 600);
  color:          rgba(255,255,255,0.8);
  text-transform: uppercase;
  letter-spacing: 0.3px;
  margin-top:     2px;
}

.pcb-sep {
  font-size:     11px;
  color:         rgba(255,255,255,0.6);
  margin-bottom: 8px;
  line-height:   1;
}

.vertical--packs .pack.pack-popular + .pack-countdown-banner,
.pack-countdown-banner + .pack.pack-popular {
  background: rgba(255,255,255,0.15);
}

[data-theme="dark"] .pack-countdown-banner {
  background: var(--CoreV2-primary, #3b82f6);
  opacity:    0.92;
}

.vertical--packs .pack.pack-popular .countdown-title { color: #fff !important; }
.vertical--packs .pack.pack-popular .cd-box {
  background:   rgba(255,255,255,0.18) !important;
  border-color: rgba(255,255,255,0.1) !important;
}
.vertical--packs .pack.pack-popular .cd-val { color: #fff !important; }
.vertical--packs .pack.pack-popular .cd-sep { color: rgba(255,255,255,0.5) !important; }
.vertical--packs .pack.pack-popular .cd-lbl { color: rgba(255,255,255,0.7) !important; }
.cd-sep {
  font-size:   11px;
  font-weight: var(--fw-bold, 700);
  color:       var(--CoreV2-primary, #5046e5);
  opacity:     0.35;
  margin-bottom: 8px;
}

.vertical--packs .pack.pack-popular .pack-countdown::before { background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent); }
.vertical--packs .pack.pack-popular .countdown-title   { color: #fff !important; }
.vertical--packs .pack.pack-popular .cd-box            { background: rgba(255,255,255,0.18) !important; border-color: rgba(255,255,255,0.08) !important; }
.vertical--packs .pack.pack-popular .cd-val            { color: #fff !important; }
.vertical--packs .pack.pack-popular .cd-sep            { color: #fff !important; }
.vertical--packs .pack.pack-popular .cd-lbl            { color: rgba(255,255,255,0.7) !important; }
/* ──────────────────────────────────────────────
   PACK DETAIL / PRICING - UPDATED & FIXED
   ────────────────────────────────────────────── */
.vertical--packs .pack .pack-detail {
  padding:         6px 10px;
  margin-top:      4px;
  margin-bottom:   4px;
  position:        static;
  display:         flex;
  align-items:     center;
  justify-content: space-between;
  gap:             10px;
  border:          1px solid rgba(var(--CoreV2-primary-rgb), 0.12);
  border-radius: var(--cv2-radius-input, 8px);
  background:      rgba(var(--CoreV2-primary-rgb), 0.03);
}

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

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

.vertical--packs .pack.pack-popular .pack-detail::before {
  background: #fff !important;
}

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

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

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

.vertical--packs .pack .pack-detail .price-compare .amount-discount {
  align-self:      flex-end;
}

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

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

.vertical--packs .pack .pack-detail .current-price .currency {
  font-size:   18px;
  font-weight: var(--fw-price, 700);
  opacity:     0.9;
}

.vertical--packs .pack .pack-detail .current-price .amount {
  font-size:      28px;
  font-weight:    var(--fw-price, 700);
  letter-spacing: -0.02em;
  line-height:    1;
}

.vertical--packs .pack .pack-detail .old-price {
  font-size:       15px;
  color:           #94a3b8;
  text-decoration: line-through;
  font-weight:     var(--fw-semibold, 600);
  margin:          0;
  display:         inline-block;
  opacity:         0.75;
  letter-spacing:  -0.01em;
  white-space:     nowrap;
  flex-shrink:     0;
}

.vertical--packs .pack .pack-detail .billing-cycle {
  display: none !important;
}

.vertical--packs .pack .pack-detail .amount-discount {
  font-size:       11px;
  font-weight:     var(--fw-bold, 700);
  padding:         5px 11px;
  border-radius:   8px;
  background:      var(--CoreV2-primary, #5046e5);
  color:           #ffffff;
  white-space:     nowrap;
  flex-shrink:     0;
}

.vertical--packs .pack.pack-popular .current-price,
.vertical--packs .pack.pack-popular .current-price .currency,
.vertical--packs .pack.pack-popular .current-price .amount,
.vertical--packs .pack.pack-popular .billing-cycle {
  color: #ffffff !important;
}

.vertical--packs .pack.pack-popular .price-section         { color: #fff !important; }
.vertical--packs .pack.pack-popular .price-section *       { color: #fff !important; }
.vertical--packs .pack.pack-popular .old-price             { color: rgba(255,255,255,0.6) !important; text-decoration-color: rgba(255,255,255,0.6) !important; }
.vertical--packs .pack.pack-popular .current-price         { color: #fff !important; }
.vertical--packs .pack.pack-popular .billing-cycle         { color: rgba(255,255,255,0.72) !important; }
.vertical--packs .pack.pack-popular del                    { color: rgba(255,255,255,0.6) !important; }
.vertical--packs .pack.pack-popular span                   { color: #fff !important; }
.vertical--packs .pack.pack-popular .amount-discount       { background: rgba(255,255,255,0.22) !important; color: #fff !important; }
.vertical--packs .pack.pack-popular .pack-discount-badge   {
  background: linear-gradient(135deg, #fbbf24, #f59e0b) !important;
  color:      #1e293b !important;
}

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

.btn-main {
  background:    var(--CoreV2-primary, #5046e5) !important;
  color:         #fff !important;
  border:        0;
  border-radius: var(--r-md);
  text-decoration: none;
  transition:    transform var(--dur-fast) var(--ease-smooth),
                 opacity var(--dur-fast) ease;
  position:      relative;
  overflow:      hidden;
}

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

.btn-main:hover {
  transform:  translateY(-2px);
  opacity:    0.95;
}

.btn-main:active { transform: translateY(0); }

.vertical--packs .pack.pack-popular .btn-main {
  background:  #fff !important;
  color:       var(--CoreV2-primary, #5046e5) !important;
}

/* ──────────────────────────────────────────────
   FEATURES GRID
   ────────────────────────────────────────────── */
.pack-features-grid {
  display:               grid;
  grid-template-columns: repeat(3, 1fr);
  gap:                   5px;
  margin-top:            5px;
  padding-top:           0;
  margin-bottom:         0;
}

.feature-box {
  text-align:    center;
  padding:       5px 3px;
  background:    rgba(var(--CoreV2-primary-rgb), 0.04);
  border:        1.5px solid rgba(var(--CoreV2-primary-rgb), 0.07);
  border-radius: var(--r-sm);
  transition:    transform var(--dur-fast) var(--ease-smooth),
                 background var(--dur-fast) ease,
                 border-color var(--dur-fast) ease;
  position:      relative;
  overflow:      hidden;
  cursor:        default;
}

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

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

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

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

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

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

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

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

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

.vertical--packs .pack.pack-popular .feature-box {
  background:   rgba(255,255,255,0.1) !important;
  border-color: rgba(255,255,255,0.14) !important;
}

.vertical--packs .pack.pack-popular .feature-box:hover {
  background: rgba(255,255,255,0.18) !important;
}

.vertical--packs .pack.pack-popular .feature-box i {
  color:      #fff !important;
  background: rgba(255,255,255,0.18) !important;
}

.vertical--packs .pack.pack-popular .feature-box:hover i {
  background: #fff !important;
  color:      var(--CoreV2-primary, #5046e5) !important;
}

.vertical--packs .pack.pack-popular .feature-box .feature-value { color: #fff !important; }
.vertical--packs .pack.pack-popular .feature-box .feature-label { color: rgba(255,255,255,0.75) !important; }

.pack.pack-popular .feature-box.feature-image-box img {
  filter: brightness(0) invert(1) !important;
  opacity: 0.88 !important;
}

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

.feature-box:hover i {
  background: var(--CoreV2-primary, #5046e5);
  color:      #fff;
  transform:  scale(1.18);
}

.feature-box .feature-value {
  display:     block;
  font-size:   11px;
  font-weight: var(--fw-bold, 700);
  color:       #0f172a;
  line-height: 1.1;
  position:    relative;
  z-index:     1;
  transition:  color var(--dur-fast) ease, transform var(--dur-fast) ease;
}

.feature-box:hover .feature-value {
  color:     var(--CoreV2-primary, #5046e5);
  transform: scale(1.05);
}

.feature-box .feature-label {
  display:     block;
  font-size:   9px;
  color:       var(--CoreV2-primary, #5046e5);
  margin-top:  2px;
  line-height: 1.1;
  opacity:     0.65;
  position:    relative;
  z-index:     1;
  transition:  opacity var(--dur-fast) ease;
}

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

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

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

/* ──────────────────────────────────────────────
   SHOW MORE BUTTON
   ────────────────────────────────────────────── */
.show-more-packs {
  display:         flex;
  align-items:     center;
  justify-content: center;
  gap:             8px;
  margin:          -16px auto 0;
  padding:         11px 26px;
  background:      rgba(var(--CoreV2-primary-rgb), 0.07);
  color:           var(--CoreV2-primary, #5046e5);
  border:          1.5px solid rgba(var(--CoreV2-primary-rgb), 0.15);
  border-radius:   var(--r-md);
  cursor:          pointer;
  font-size: var(--cv2-font-size-button, 13px);
  font-weight:     var(--fw-button, 600);
  letter-spacing:  0.04em;
  text-transform:  uppercase;
  transition:      background var(--dur-fast) ease,
                   transform var(--dur-fast) var(--ease-smooth),
}

.show-more-packs:hover {
  background: rgba(var(--CoreV2-primary-rgb), 0.14);
  transform:  translateY(-2px);
}

.show-more-packs svg { transition: transform var(--dur-med) var(--ease-out); }
.show-more-packs.expanded svg { transform: rotate(180deg); }

/* ──────────────────────────────────────────────
   PAGINATION DOTS
   ────────────────────────────────────────────── */
.ws-carousel-pagination {
  justify-content: center;
  align-items:     center;
  gap:             8px;
  margin-top:      22px;
  display:         none;
}

.ws-carousel-pagination .ws-pagination-dot {
  width:         8px;
  height:        8px;
  border-radius: 50%;
  background:    rgba(var(--CoreV2-primary-rgb), 0.22);
  cursor:        pointer;
  transition:    all var(--dur-med) var(--ease-smooth);
  padding:       0;
  border:        none;
}

.ws-carousel-pagination .ws-pagination-dot:hover {
  background: rgba(var(--CoreV2-primary-rgb), 0.48);
  transform:  scale(1.2);
}

.ws-carousel-pagination .ws-pagination-dot.active {
  width:         26px;
  border-radius: var(--sp-xs);
  background:    var(--CoreV2-primary, #5046e5);
}

.pack-carousel-pagination {
  display:         none;
  justify-content: center;
  align-items:     center;
  gap:             7px;
  margin-top:      14px;
  border-top:      none;
  padding-top:     0;
}

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

.pack-pagination-dot.active {
  width:         26px;
  border-radius: var(--sp-xs);
  background:    var(--CoreV2-primary, #5046e5);
}

/* ──────────────────────────────────────────────
   FAQ SECTION
   ────────────────────────────────────────────── */
.faq-section-wrapper { margin-top: 64px; }

.faq-container {
  max-width: 100%;
  margin:    0 auto;
  padding:   0 16px;
}

.faq-grid-container {
  display:               grid;
  grid-template-columns: repeat(2, 1fr);
  gap:                   20px;
  margin-top:            32px;
}

.faq-column {
  display:        flex;
  flex-direction: column;
  gap:            14px;
}

/* ──────────────────────────────────────────────
   HOSTING NAV
   ────────────────────────────────────────────── */
.hosting-nav-container {
  margin-top:  40px;
  text-align:  center;
  padding:     20px 0;
  max-width:   var(--CoreV2-container-width) !important;
  width:       100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing:  border-box;
}

.packs-slider-container {
  max-width: var(--CoreV2-container-width) !important;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

.hosting-nav-container .tableslogan {
  font-size:   15px;
  font-weight: var(--fw-body, 400);
  color:       #6b7280;
  margin:      0;
}

.hosting-nav-container .tableslogan a {
  color:           var(--CoreV2-primary, #5046e5);
  font-weight:     var(--fw-bold, 700);
  text-decoration: none;
  transition:      color var(--dur-fast) ease,
                   text-decoration-color var(--dur-fast) ease;
  text-underline-offset: 3px;
}

.hosting-nav-container .tableslogan a:hover {
  text-decoration: underline;
}

/* ──────────────────────────────────────────────
   PERFORMANCE METER
   ────────────────────────────────────────────── */
.perf-meter {
  background:    rgba(var(--CoreV2-primary-rgb), 0.1);
  border-radius: var(--r-pill);
  overflow:      hidden;
  height:        5px;
  margin-top:    4px;
}

.perf-fill {
  height:        100%;
  border-radius: var(--r-pill);
  background:    var(--CoreV2-primary, #5046e5);
  transition:    width 0.8s var(--ease-out);
}

.perf-label {
  font-size:  11px;
  font-weight: var(--fw-semibold, 600);
  color:       var(--CoreV2-primary, #5046e5);
  margin-top:  2px;
}

.vertical--packs .pack.pack-popular .perf-meter  { background: rgba(255,255,255,0.28) !important; }
.vertical--packs .pack.pack-popular .perf-fill   { background: #fff !important; }
.vertical--packs .pack.pack-popular .perf-label  { color: #fff !important; }

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

@media (max-width: 1024px) {
  .pack-card-wrapper {
    width:     calc((100% - 18px) / 2);
    max-width: calc((100% - 18px) / 2);
    min-width: 0;
  }
}

@media (max-width: 900px) {
  .faq-grid-container {
    grid-template-columns: 1fr;
    gap:                   14px;
  }

  .faq-container { padding: 0 10px; }
}

/* ──────────────────────────────────────────────
   RESPONSIVE — MOBILE
   ────────────────────────────────────────────── */
@media (max-width: 768px) {
  .packs-slider-container { padding: 0 10px; }

  .CoreV2-filter-wrap { gap: 10px; padding: 0; justify-content: flex-start !important; align-items: flex-start !important; }

  .CoreV2-filter { width: 100%; }

  .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-header {
    display:       flex;
    align-items:   center;
    gap:           12px;
    padding:       14px 18px;
    background:    linear-gradient(135deg, rgba(var(--CoreV2-primary-rgb), 0.04) 0%, rgba(var(--CoreV2-primary-rgb), 0.08) 100%);
    border:        1.5px solid rgba(var(--CoreV2-primary-rgb), 0.14);
    border-radius: var(--cv2-radius-card, 16px);
    cursor:        pointer;
    position:      relative;
    transition:    all .2s ease;
    box-shadow: none;
  }

  .CoreV2-filter.CoreV2-filter-mobile.open .CoreV2-filter-header {
    border-color: rgba(var(--CoreV2-primary-rgb), 0.3);
    box-shadow: none;
  }

  .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-icon {
    min-width:       40px;
    height:          40px;
    display:         flex;
    align-items:     center;
    justify-content: center;
    background:      rgba(var(--CoreV2-primary-rgb), 0.1);
    border-radius: var(--cv2-radius-input, 12px);
    font-size:       17px;
    color:           var(--CoreV2-primary, #5046e5);
    transition:      background .2s ease;
  }

  .CoreV2-filter.CoreV2-filter-mobile.open .CoreV2-filter-icon {
    background: var(--CoreV2-primary, #5046e5);
    color:      #fff;
  }

  .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-info { line-height: 1.3; text-align: left !important; }

  .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-label {
    font-size:  10.5px;
    color:      rgba(var(--CoreV2-primary-rgb), 0.55);
    display:    block;
    text-align: left !important;
    font-weight: 500;
    letter-spacing: 0.03em;
    text-transform: uppercase;
  }

  .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-value {
    font-weight: 600;
    font-size:   13.5px;
    color:       var(--CoreV2-text-color, #1a1a2e);
    text-align:  left !important;
    display:     block;
  }

  .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-arrow {
    position:        absolute;
    right:           16px;
    top:             50%;
    transform:       translateY(-50%);
    width:           30px;
    height:          30px;
    background:      rgba(var(--CoreV2-primary-rgb), 0.08);
    border-radius: var(--cv2-radius-input, 10px);
    display:         flex;
    align-items:     center;
    justify-content: center;
    transition:      all .25s ease;
  }

  .CoreV2-filter.CoreV2-filter-mobile.open .CoreV2-filter-arrow {
    background: rgba(var(--CoreV2-primary-rgb), 0.15);
    transform:  translateY(-50%) rotate(180deg);
  }

  .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-arrow::before {
    content:    "";
    width:      7px;
    height:     7px;
    border-right:  2px solid var(--CoreV2-primary, #5046e5);
    border-bottom: 2px solid var(--CoreV2-primary, #5046e5);
    transform:  rotate(45deg) translateY(-2px);
    transition: transform .25s ease;
  }

  .CoreV2-filter.CoreV2-filter-mobile.open .CoreV2-filter-arrow::before {
    transform: rotate(45deg) translateY(-2px);
  }

  .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-options {
    display:        none;
    flex-direction: row;
    flex-wrap:      wrap;
    align-items:    flex-start;
    margin-top:     10px;
    padding:        10px 12px;
    gap:            6px;
    border-radius: var(--cv2-radius-card, 14px);
    background:     linear-gradient(135deg, rgba(var(--CoreV2-primary-rgb), 0.04) 0%, rgba(var(--CoreV2-primary-rgb), 0.08) 100%);
    border:         1.5px solid rgba(var(--CoreV2-primary-rgb), 0.12);
    animation:      filterSlideDown .2s ease;
  }

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

  .CoreV2-filter.CoreV2-filter-mobile.open .CoreV2-filter-options { display: flex; }

  .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-item {
    width:          auto;
    justify-content: center;
    padding:        8px 16px;
    font-size:      12.5px;
    border-radius: var(--cv2-radius-input, 10px);
    font-weight:    500;
    border:         1px solid rgba(var(--CoreV2-primary-rgb), 0.12);
    background:     rgba(255,255,255, 0.6);
  }

  .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-item.active {
    border-color: transparent;
    background:   var(--CoreV2-primary, #5046e5);
  }

  .vertical--packs {
    display:                    flex !important;
    flex-wrap:                  nowrap !important;
    overflow-x:                 scroll !important;
    touch-action:               pan-x;
    scrollbar-width:            none;
    -webkit-overflow-scrolling: touch;
    justify-content:            flex-start !important;
    gap:                        12px;
    padding:                    10px 16px 14px;
    margin:                     0;
    width:                      100%;
    max-width:                  100%;
    align-items:                stretch;
    scroll-snap-type:           x mandatory;
    scroll-behavior:            smooth;
  }

  .vertical--packs::-webkit-scrollbar { display: none; }
  .vertical--packs { -ms-overflow-style: none; }

  .pack-card-wrapper {
    flex:      0 0 85% !important;
    max-width: 85% !important;
    min-width: 85% !important;
    width:     85% !important;
    scroll-snap-align: center !important;
  }

  .vertical--packs .pack { height: auto !important; }

  .vertical--packs .pack-card-wrapper:nth-child(n+7) { display: flex !important; }

  .show-more-packs { display: none !important; }

  .pack-carousel-pagination { display: flex; }

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

  .vertical--packs .pack .pack-detail .current-price { font-size: 23px; }

  /* Döviz sembolü tutar ile aynı boyut */
  .vertical--packs .pack .pack-detail .current-price .currency {
    font-size: 23px !important;
  }
  .vertical--packs .pack .pack-detail .current-price .amount {
    font-size: 23px !important;
  }

  .pack-features-grid { grid-template-columns: repeat(3, 1fr); }
  .ws-carousel-pagination { display: flex; }
}


[data-theme="dark"] .vertical--packs .pack {
  background:   rgba(15,23,42,0.9) !important;
  border-color: rgba(var(--CoreV2-primary-rgb), 0.1) !important;
}

[data-theme="dark"] .vertical--packs .pack:hover {
  border-color: rgba(var(--CoreV2-primary-rgb), 0.3) !important;
}

[data-theme="dark"] .vertical--packs .pack.pack-popular {
  border-color: transparent !important;
}

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

[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .pack-name    { color: #f1f5f9 !important; }
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .pack-head    { border-color: rgba(148,163,184,0.1); }
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .pack-detail  { border-color: rgba(148,163,184,0.1); background: rgba(255,255,255,0.02); }
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .current-price { color: #f1f5f9; }
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .old-price    { color: #64748b; }
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .billing-cycle { color: #64748b; }

[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .feature-box {
  background:   rgba(var(--CoreV2-primary-rgb), 0.12) !important;
  border-color: rgba(var(--CoreV2-primary-rgb), 0.18) !important;
}

[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .feature-box .feature-value { color: #f1f5f9; }

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

[data-theme="dark"] .pack-image-area img { filter: drop-shadow(0 2px 10px rgba(0,0,0,0.35)); }

[data-theme="dark"] .pack-icon { background: rgba(var(--CoreV2-primary-rgb), 0.15); }

[data-theme="dark"] .level-indicator { 
    background: rgba(var(--CoreV2-primary-rgb), 0.08);
    border-color: rgba(var(--CoreV2-primary-rgb), 0.2);
}

[data-theme="dark"] .level-box { 
    background: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .level-box.active {
    background: var(--CoreV2-primary);
    border-color: rgba(var(--CoreV2-primary-rgb), 0.2);
}

[data-theme="dark"] .cd-box {
  background:   rgba(15,23,42,0.8) !important;
  border-color: rgba(var(--CoreV2-primary-rgb), 0.18) !important;
}

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

[data-theme="dark"] .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-header {
  background:   linear-gradient(135deg, rgba(var(--CoreV2-primary-rgb), 0.08) 0%, rgba(var(--CoreV2-primary-rgb), 0.14) 100%);
  border-color: rgba(var(--CoreV2-primary-rgb), 0.2);
  box-shadow: none;
}

[data-theme="dark"] .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-icon { background: rgba(var(--CoreV2-primary-rgb), 0.15); }

[data-theme="dark"] .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-label { color: rgba(255,255,255,.4); }

[data-theme="dark"] .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-value { color: #f1f5f9; }

[data-theme="dark"] .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-item {
  border-color: rgba(var(--CoreV2-primary-rgb), 0.15);
  background:   rgba(var(--CoreV2-primary-rgb), 0.06);
}

[data-theme="dark"] .tabsArea .tabHead {
  background:   rgba(var(--CoreV2-primary-rgb), 0.14);
  border-color: rgba(var(--CoreV2-primary-rgb), 0.22);
}

[data-theme="dark"] .tabsArea .tabHead .item           { color: var(--CoreV2-primary, #5046e5); }
[data-theme="dark"] .tabsArea .tabHead .item.active    { background: var(--CoreV2-primary, #5046e5) !important; color: #fff !important; }

[data-theme="dark"] .perf-meter { background: rgba(var(--CoreV2-primary-rgb), 0.2); }

[data-theme="dark"] .ws-carousel-pagination .ws-pagination-dot       { background: rgba(255,255,255,0.18); }
[data-theme="dark"] .ws-carousel-pagination .ws-pagination-dot.active { background: var(--CoreV2-primary, #5046e5); }

[data-theme="dark"] .feature-box.feature-image-box {
  background:   rgba(255,255,255,0.05) !important;
  border-color: rgba(255,255,255,0.09) !important;
}

[data-theme="dark"] .feature-box.feature-image-box img {
  filter:  brightness(0) invert(1) !important;
  opacity: 0.68 !important;
}

[data-theme="dark"] .hosting-nav-container .tableslogan { color: #94a3b8; }

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

.pn-text{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 0;
    flex: 0 1 auto;
    width: fit-content;
    max-width: 100%;
    min-width: 0;
    font-size: inherit;
    font-weight: var(--heading-weight-md);
    color: inherit;
    line-height: 1.2;
    letter-spacing: var(--heading-letter-spacing);
    font-family: var(--heading-font-family);
    white-space: normal;
}
.pn-text .pn-title{
    display: block;
    width: auto;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.15;
}
.vertical--packs .pack .pn-text .pack-subtitle{
    width: auto;
    max-width: 100%;
}

.pcs-divider{width:1px;align-self:stretch;background:rgba(var(--CoreV2-primary-rgb),.2);flex-shrink:0;margin:2px 8px;border-radius:0}
/* Paket kartı — pack-detail kampanya sayacı (2×2 / 2V; kompakt, açık kutu) */
.vertical--packs .pack .pack-detail:has(.pack-countdown-2v){
    flex-wrap:nowrap;
    align-items:center;
    gap:8px;
}
.vertical--packs .pack .pack-detail .pack-countdown.pack-countdown-2v{
    width:fit-content;
    max-width:86px;
    margin:0;
    padding:0;
    flex:0 0 auto;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:3px;
}
.vertical--packs .pack .pack-detail .pack-countdown-2v .countdown-title,
.vertical--packs .pack .pack-detail .pack-countdown-2v .pcs-label{
    display:flex;
    align-items:center;
    gap:2px;
    justify-content:flex-start;
    margin:0;
    padding:0 1px;
    font-size:8px;
    font-weight:700;
    letter-spacing:.03em;
    color:var(--CoreV2-primary);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    max-width:86px;
    line-height:1.15;
}
.vertical--packs .pack .pack-detail .pack-countdown-2v .pcs-label svg{
    width:9px;
    height:9px;
    flex-shrink:0;
    opacity:.85;
}
.vertical--packs .pack .pack-detail .pack-countdown-2v .pcs-boxes{
    display:grid;
    grid-template-columns:38px 38px;
    gap:2px;
    width:fit-content;
}
.vertical--packs .pack .pack-detail .pack-countdown-2v .pcs-box{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    background:rgba(var(--CoreV2-primary-rgb),.09);
    border:1px solid rgba(var(--CoreV2-primary-rgb),.16);
    border-radius:4px;
    padding:2px 2px 3px;
    min-width:0;
    width:38px;
    box-sizing:border-box;
    box-shadow:none;
}
.vertical--packs .pack .pack-detail .pack-countdown-2v .pcs-num{
    font-size:10px;
    font-weight:700;
    color:var(--CoreV2-primary);
    line-height:1;
    font-variant-numeric:tabular-nums;
}
.vertical--packs .pack .pack-detail .pack-countdown-2v .pcs-unit{
    font-size:5px;
    font-weight:600;
    color:rgba(var(--CoreV2-primary-rgb),.55);
    letter-spacing:.04em;
    text-transform:uppercase;
    margin-top:1px;
    white-space:nowrap;
    line-height:1;
}
.vertical--packs .pack .pack-detail:has(.pack-countdown-2v) .price-row{
    flex:1 1 auto;
    min-width:0;
    margin-left:auto;
    flex-wrap:nowrap;
    justify-content:flex-end;
}
.vertical--packs .pack.pack-popular .pack-detail .pack-countdown-2v .countdown-title,
.vertical--packs .pack.pack-popular .pack-detail .pack-countdown-2v .pcs-label{
    color:rgba(255,255,255,.92);
}
.vertical--packs .pack.pack-popular .pack-detail .pack-countdown-2v .pcs-box{
    background:rgba(255,255,255,.24);
    border:1px solid rgba(255,255,255,.38);
}
.vertical--packs .pack.pack-popular .pack-detail .pack-countdown-2v .pcs-num{
    color:#fff;
}
.vertical--packs .pack.pack-popular .pack-detail .pack-countdown-2v .pcs-unit{
    color:rgba(255,255,255,.78);
}

/* pack-detail — görünüm modları (kampanya / indirim / sadece tutar) */
.vertical--packs .pack .pack-detail.pack-detail--discount-only{
    justify-content:space-between;
    align-items:center;
    gap:8px;
    width:100%;
}
.vertical--packs .pack .pack-detail.pack-detail--discount-only .price-row{
    width:100%;
    flex:1 1 auto;
    justify-content:space-between;
    align-items:center;
    gap:8px;
    margin-left:0;
}
.vertical--packs .pack .pack-detail.pack-detail--discount-only .price-section{
    align-items:flex-start;
    flex:1 1 auto;
    min-width:0;
}
.vertical--packs .pack .pack-detail.pack-detail--discount-only .price-compare{
    align-items:flex-start;
}
.vertical--packs .pack .pack-detail.pack-detail--discount-only .amount-discount--corner{
    flex-shrink:0;
    align-self:center;
    margin:0;
}

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

.vertical--packs .pack .pack-detail.pack-detail--campaign:not(.pack-detail--discount-only) .price-row,
.vertical--packs .pack .pack-detail.pack-detail--campaign.pack-detail--has-compare .price-row{
    flex:1 1 auto;
    min-width:0;
}

[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .pack-detail .pack-countdown-2v .pcs-box{
    background:rgba(var(--CoreV2-primary-rgb),.14);
    border-color:rgba(var(--CoreV2-primary-rgb),.22);
}
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .pack-detail .pack-countdown-2v .pcs-num{
    color:#e2e8f0;
}

/* ──────────────────────────────────────────────
   PACK CART BUTTON - Sepete Ekle Butonu
   ────────────────────────────────────────────── */
.pack-cart-button-wrapper {
    margin-top: 4px;
    margin-bottom: 8px;
    padding-top: 8px;
    padding-bottom: 0;
    border-top: 1px dashed rgba(var(--CoreV2-primary-rgb), 0.15);
    position: relative;
}

.pack-cart-btn {
    width: 100%;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 12px 20px;
    border-radius: var(--cv2-radius-btn, 50px);
    font-size: var(--cv2-font-size-button, 14px);
    font-weight: 600;
    transition: filter 0.25s ease, box-shadow 0.25s ease, transform 0.2s ease;
    text-decoration: none;
    border: 1px solid rgba(0,0,0,.06);
    cursor: pointer;
    background: var(--CoreV2-primary-gradient, var(--CoreV2-primary));
    color: #fff;
    box-shadow: none;
    outline: 2px solid rgba(var(--CoreV2-primary-rgb), 0.25);
    outline-offset: 3px;
}

@media (min-width: 768px) {
    .pack-cart-btn { padding: 14px 24px; font-size: var(--cv2-font-size-button, 15px); }
}

.pack-cart-btn:hover {
    filter: brightness(1.08);
    box-shadow: none;
    transform: translateY(-1px);
    color: #fff;
    text-decoration: none;
}

.pack-popular .pack-cart-btn {
    background: rgba(255,255,255,.18) !important;
    color: #fff !important;
    border: 1.5px solid rgba(255,255,255,.38) !important;
    outline: 2px solid rgba(255,255,255,.2) !important;
    outline-offset: 3px !important;
    box-shadow: none !important;
}

.pack-popular .pack-cart-btn:hover {
    background: rgba(255,255,255,.28) !important;
    border-color: rgba(255,255,255,.58) !important;
    box-shadow: none !important;
    filter: none !important;
    transform: translateY(-1px);
}

.pack-cart-btn-disabled {
    background: #e5e7eb;
    color: #9ca3af;
    cursor: not-allowed;
    border: none;
}

.pack-cart-btn-disabled:hover {
    transform: none;
}

.pack-cart-btn svg {
    flex-shrink: 0;
    width: 18px !important;
    height: 18px !important;
}

[data-theme="dark"] .pack-cart-btn {
    background: var(--CoreV2-primary);
    color: #fff;
    border-color: rgba(var(--CoreV2-primary-rgb), 0.3);
}

[data-theme="dark"] .pack-popular .pack-cart-btn {
    background: rgba(255,255,255,.15) !important;
    border-color: rgba(255,255,255,.3) !important;
}

[data-theme="dark"] .pack-cart-btn-disabled {
    background: #1e293b;
    color: #475569;
}

/* ──────────────────────────────────────────────
   FEATURE BOX - HugeIcons İkon Desteği
   ────────────────────────────────────────────── */
.feature-box i[class*="hki-stroke"] {
    font-size: 18px;
    color: var(--CoreV2-primary);
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
}

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

[data-theme="dark"] .feature-box i[class*="hki-stroke"] {
    color: rgba(var(--CoreV2-primary-rgb), 0.9);
}

/* Mobil için daha kompakt ikonlar */
@media (max-width: 768px) {
    .feature-box i[class*="hki-stroke"] {
        font-size: 14px !important;
        width: 28px !important;
        height: 28px !important;
    }
}

/* ──────────────────────────────────────────────
   PACK HEAD - Mobil düzeni
   ────────────────────────────────────────────── */
@media (max-width: 768px) {

    .pack-head-row {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 6px !important;
    }

    .pack-name {
        width: fit-content !important;
        max-width: calc(100% - 48px) !important;
        flex: 0 1 auto !important;
    }

    .vertical--packs .pack .pack-detail .pack-countdown-2v {
        max-width: 82px !important;
    }

    .vertical--packs .pack .pack-detail .pack-countdown-2v .pcs-boxes {
        grid-template-columns: 36px 36px !important;
        gap: 2px !important;
    }

    .vertical--packs .pack .pack-detail .pack-countdown-2v .pcs-box {
        width: 36px !important;
        padding: 2px 1px 3px !important;
    }

    .vertical--packs .pack .pack-detail .pack-countdown-2v .pcs-num {
        font-size: 10px !important;
    }

    .vertical--packs .pack .pack-detail.pack-detail--price-only {
        max-width: 85% !important;
        padding: 5px 12px 6px !important;
    }

    .vertical--packs .pack .pack-detail.pack-detail--discount-only .price-row {
        gap: 6px !important;
    }

    .pack-head-row > .pack-head {
        order: 2 !important;
        width: 100% !important;
    }

    .pack-head-row > .level-indicator,
    .pack-head-row > .pack-icon {
        order: 1 !important;
        align-self: flex-end !important;
        margin: 0 !important;
    }

    .vertical--packs .pack .level-indicator {
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        right: 12px !important;
        z-index: 3 !important;
    }

    .level-indicator {
        flex-direction: column-reverse !important;
        gap: 4px !important;
        padding: 8px 6px !important;
        background: rgba(var(--CoreV2-primary-rgb), 0.08);
        width: auto !important;
        height: auto !important;
    }

    .level-indicator .level-box {
        width: 20px !important;
        height: 9px !important;
    }

    .pack-head {
        justify-content: flex-start !important;
    }

    .pack-head-row > .pack-icon {
        display: none !important;
    }
}

/* ──────────────────────────────────────────────
   PACK DETAIL - İndirimsiz halde oval köşeler
   ────────────────────────────────────────────── */
.vertical--packs .pack .pack-detail {
    border-radius: 12px;
}

.vertical--packs .pack .pack-detail.pack-detail--price-only {
    border-radius: 16px;
}

.vertical--packs .pack .pack-detail .price-row {
    border-radius: 10px;
}

@media (max-width: 768px) {
    .pack-head {
        justify-content: flex-start !important;
    }

    .pack-head-row > .level-indicator,
    .vertical--packs .pack .level-indicator {
        pointer-events: none !important;
    }

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

    .pack-head-row > .level-indicator {
        order: 3 !important;
        margin-left: auto !important;
        margin-right: 0 !important;
        margin-top: 0 !important;
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
    }

    .level-indicator {
        flex-direction: column-reverse !important;
        gap: 4px !important;
        padding: 8px 6px !important;
        background: rgba(var(--CoreV2-primary-rgb), 0.08);
        width: auto !important;
        height: auto !important;
    }

    .level-indicator .level-box {
        width: 20px !important;
        height: 9px !important;
    }

    .pack-name {
        width: fit-content !important;
        max-width: calc(100% - 48px) !important;
    }

    .vertical--packs .pack .pn-text {
        font-size: 18px !important;
        width: fit-content !important;
        max-width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .vertical--packs .pack .pn-text .pn-title {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        width: auto !important;
        max-width: 100% !important;
    }

    .vertical--packs .pack .pn-text .pack-subtitle {
        font-size: 12px !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        display: block !important;
        margin-top: 2px !important;
        width: auto !important;
        max-width: 100% !important;
    }
}

/* ============================================================
   MOBİL PERFORMANS — Animasyonları Kapat (max-width:991px)
   ============================================================ */
@media (max-width: 991px) {
    /* Badge nokta pulse */
    .feature-badge-dot {
        animation: none !important;
    }
    /* Sinyal dalga efekti */
    .level-box.active {
        animation: none !important;
    }
    /* Yatay tarama efekti */
    [class*="scan-line"],
    .scan-line {
        animation: none !important;
        opacity: 0 !important;
    }
    /* Countdown ikon pulse */
    .countdown-title i {
        animation: none !important;
    }
}


/* --- packs-promo-slider.css --- */
/**
 * Promo kart — Zetema / takipze service--detail (birebir mantık)
 * https://takipze.com örneği — CoreV2 tema renkleri
 */

@keyframes cv2-promo-breath {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.06); opacity: 0.92; }
}

/* ── 3v: 4 kutucuk (promo + 3 paket) tam sığsın — eşit kolon, dengeli boşluk ── */
.vertical--packs.grid-col-3:has(.packs-slider-body--3v),
.vertical--packs:has(.packs-slider-body--3v) {
  --cv2-packs-3v-gap: 8px;
  display: block !important;
  flex-wrap: nowrap !important;
  position: relative;
  width: 100%;
  max-width: var(--CoreV2-container-width, 1254px);
  margin-left: auto;
  margin-right: auto;
  gap: 0 !important;
  overflow: visible;
  outline: none !important;
  box-sizing: border-box;
  padding: 0;
  border: none;
  background: transparent;
}

.packs-slider-container:has(.packs-slider-body--3v) {
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box;
}

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

.packs-slider-body,
.packs-slider-body--3v {
  flex: 0 0 100%;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
  gap: var(--cv2-packs-3v-gap, 8px);
  min-width: 0;
  padding: 0;
  position: relative;
  z-index: 2;
  box-sizing: border-box;
}

.packs-slider-body--3v.packs-slider-body--promo-slot-left > .pack-card-wrapper--promo { grid-column: 1; }
.packs-slider-body--3v.packs-slider-body--promo-slot-left .packs-cards-panel { grid-column: 2 / -1; }

.packs-slider-body--3v.packs-slider-body--promo-slot-right {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.packs-slider-body--3v.packs-slider-body--promo-slot-right > .pack-card-wrapper--promo {
  grid-column: 4;
  grid-row: 1;
  min-width: 0;
}

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

.packs-slider-body--3v.packs-slider-body--promo-slot-left {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.packs-slider-body--3v.packs-slider-body--promo-slot-left > .pack-card-wrapper--promo {
  min-width: 0;
}

/* Orta slot: paketler solda, promo sağda (arkada kalmaz) */
.packs-slider-body--3v.packs-slider-body--promo-slot-center {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.packs-slider-body--3v.packs-slider-body--promo-slot-center .packs-cards-panel {
  grid-column: 1 / 4;
  grid-row: 1;
  padding: 0;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  min-width: 0;
}

.packs-slider-body--3v.packs-slider-body--promo-slot-center > .pack-card-wrapper--promo {
  grid-column: 4;
  grid-row: 1;
  position: relative;
  z-index: 2;
  min-width: 0;
}

/* Sunucu kategorisi — promo yok, tam genişlik paket şeridi */
.packs-slider-body--hosting-only {
  display: block;
  width: 100%;
}

.packs-cards-panel--full {
  width: 100%;
  min-width: 0;
}

.packs-slider-body--hosting-only .packs-cards-panel--full .packs-cards-track {
  grid-auto-columns: minmax(0, calc((100% - (2 * var(--cv2-packs-3v-gap, 8px))) / 3));
}

/* Promo — SosyalEvin platform--detail mantığı, paket kartı ile aynı yükseklik */
.packs-slider-body--3v > .pack-card-wrapper--promo,
.vertical--packs:has(.packs-slider-body--3v) .pack-card-wrapper--promo {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: none !important;
    align-self: stretch;
    margin: 0 !important;
    height: 96%;
    overflow: visible;
    box-sizing: border-box;
    border-radius: var(--cv2-radius-card, 20px);
    background: linear-gradient(135deg, #ffffff 0%, #f1f5f9 100%);
    border: 1px solid rgb(231 231 231 / 36%) !important;
    outline: none !important;
    box-shadow: none;
}

/* cnb-cards-grid içindeki promo kart */
.cnb-cards-grid .pack-card-wrapper--promo {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 0 0 350px !important;
    align-self: stretch;
    margin: 0 !important;
    height: auto;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: var(--cv2-radius-card, 2.5rem);
    background: linear-gradient(135deg, #ffffff 0%, #f1f5f9 100%);
    border: 1px solid rgb(231 231 231 / 36%) !important;
    outline: none !important;
    box-shadow: none;
    display: flex;
    flex-direction: column;
}

[data-theme="dark"] .pack-card-wrapper--promo {
  border-color: rgba(var(--CoreV2-primary-rgb), 0.22) !important;
}

/* ── Promo: Zetema poster + başlık/sis (sabit) | SosyalEvin pd--data (yalnız özellikler) ── */
.pack-card-wrapper--promo .cv2-packs-promo-detail {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: transparent;
  padding: 0;
  box-sizing: border-box;
}

/* poster — promo kolonu = packs-cards-panel--3v tek kart genişliği ile aynı oran */
.pack-card-wrapper--promo .cv2-packs-promo-poster {
  container-type: inline-size;
  container-name: cv2-promo-poster;
  background: var(--theme-color-1-gradient, var(--CoreV2-primary-gradient, var(--CoreV2-primary, #5046e5)));
  border-radius: 20px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  flex: 1 1 auto;
  min-height: clamp(240px, 26vw, 320px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
  box-sizing: border-box;
}

.cnb-cards-grid .pack-card-wrapper--promo .cv2-packs-promo-poster {
  min-height: 220px;
  flex: 0 0 220px;
  border-radius: var(--cv2-radius-card, 2.5rem) var(--cv2-radius-card, 2.5rem) 0 0;
}

.pack-card-wrapper--promo .cv2-packs-promo-poster::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-image: url("../images/wscms_Images/revmo-1.webp");
  background-size: 280px;
  background-repeat: repeat;
  opacity: 0.3;
  z-index: -1;
  pointer-events: none;
}

/* Alt sis — tema rengi (beyaz değil) */
.pack-card-wrapper--promo .cv2-packs-promo-poster::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: min(220px, 72%);
  background: linear-gradient(
    to top,
    var(--CoreV2-primary, #5046e5) 14%,
    rgba(var(--CoreV2-primary-rgb, 80, 70, 229), 0.62) 42%,
    rgba(var(--CoreV2-primary-rgb, 80, 70, 229), 0.18) 68%,
    transparent 100%
  );
  z-index: 4;
  pointer-events: none;
}

/* Orta sis — mor/mavi tonlu doğal sis (beyaz bulut yok) */
.pack-card-wrapper--promo .cv2-packs-promo-poster-fog {
  position: absolute;
  left: -10%;
  right: -10%;
  bottom: 8%;
  height: 58%;
  z-index: 3;
  pointer-events: none;
  background:
    radial-gradient(ellipse 88% 72% at 50% 100%, rgba(var(--CoreV2-primary-rgb, 80, 70, 229), 0.42) 0%, transparent 64%),
    radial-gradient(ellipse 55% 40% at 50% 82%, rgba(var(--CoreV2-primary-rgb, 80, 70, 229), 0.22) 0%, transparent 72%);
  filter: blur(12px);
  opacity: 0.9;
  mix-blend-mode: normal;
}

.pack-card-wrapper--promo .cv2-packs-promo-poster-media {
  position: relative;
  z-index: 2;
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  min-height: 0;
  padding: 4px 0 0;
  box-sizing: border-box;
  overflow: hidden;
}

.pack-card-wrapper--promo .cv2-packs-promo-poster-figure {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center center;
  display: block;
}

/* başlık — poster/sis içinde (Zetema .count gibi) */
.pack-card-wrapper--promo .cv2-packs-promo-heading {
  position: absolute;
  left: 0;
  right: 0;
  bottom: clamp(48px, 14%, 64px);
  padding: 16px clamp(12px, 4cqw, 22px);
  z-index: 5;
  text-align: center;
  box-sizing: border-box;
}

.pack-card-wrapper--promo .cv2-packs-promo-title {
  margin: 0;
  font-size: 22px;
  font-weight: var(--font-weight-heading, 700);
  font-family: var(--font-family-heading, var(--font-family-base, inherit));
  line-height: 1.25;
  color: #fff;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.25);
}

/* pd--data — yalnız özellikler (SosyalEvin) */
.pack-card-wrapper--promo .cv2-packs-promo-data {
  position: relative;
  z-index: 4;
  background: linear-gradient(135deg, #ffffff 0%, #f1f5f9 100%);
  margin-top: -65px;
  border-radius: 20px;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
}

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

[data-theme="dark"] .pack-card-wrapper--promo .cv2-packs-promo-data {
  background: rgba(15, 23, 42, 0.98);
}

.pack-card-wrapper--promo .cv2-packs-promo-data-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.pack-card-wrapper--promo .cv2-packs-promo-data-list ul li {
  display: flex;
  align-items: center;
  padding: 12px 12px;
  gap: 10px;
  border-bottom: 1px solid rgba(var(--CoreV2-primary-rgb), 0.08);
}

.pack-card-wrapper--promo .cv2-packs-promo-data-list ul li:last-child {
  border-bottom: 0;
}

.pack-card-wrapper--promo .cv2-packs-promo-feat-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  flex-shrink: 0;
  background: rgba(var(--CoreV2-primary-rgb), 0.06);
  border-radius: 8px;
  color: var(--CoreV2-primary, #5046e5);
  font-size: 18px;
}

.pack-card-wrapper--promo .cv2-packs-promo-feat-text {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 8px;
  line-height: 1.3;
}

.pack-card-wrapper--promo .cv2-packs-promo-feat-label {
  display: inline;
  font-size: 15px;
  font-weight: 400;
  color: #64748b;
}

.pack-card-wrapper--promo .cv2-packs-promo-feat-value {
  display: inline;
  font-size: 16px;
  font-weight: 700;
  color: #334155;
}

.pack-card-wrapper--promo .cv2-packs-promo-feat-text:has(.cv2-packs-promo-feat-value):not(:has(.cv2-packs-promo-feat-label)) .cv2-packs-promo-feat-value {
  font-size: 16px;
}

[data-theme="dark"] .pack-card-wrapper--promo .cv2-packs-promo-data-list ul li {
  border-bottom-color: rgba(148, 163, 184, 0.12);
}

[data-theme="dark"] .pack-card-wrapper--promo .cv2-packs-promo-feat-icon {
  background: rgba(var(--CoreV2-primary-rgb), 0.12);
}

[data-theme="dark"] .pack-card-wrapper--promo .cv2-packs-promo-feat-label {
  color: #94a3b8;
}

[data-theme="dark"] .pack-card-wrapper--promo .cv2-packs-promo-feat-value {
  color: #f1f5f9;
}

[data-theme="dark"] .pack-card-wrapper--promo .cv2-packs-promo-poster-fog {
  background:
    radial-gradient(ellipse 88% 72% at 50% 100%, rgba(var(--CoreV2-primary-rgb, 80, 70, 229), 0.5) 0%, transparent 64%),
    radial-gradient(ellipse 55% 40% at 50% 82%, rgba(15, 23, 42, 0.35) 0%, transparent 72%);
  opacity: 0.92;
}

[data-theme="dark"] .pack-card-wrapper--promo .cv2-packs-promo-poster::after {
  background: linear-gradient(
    to top,
    rgba(15, 23, 42, 0.92) 18%,
    rgba(var(--CoreV2-primary-rgb, 80, 70, 229), 0.45) 42%,
    transparent 100%
  );
}

/* ── Sağ: paket kartları ── */
.packs-cards-panel--3v {
  position: relative;
  min-width: 0;
  align-self: stretch;
}

.packs-cards-panel--3v {
  padding-left: 0;
  padding-right: 0;
}

.packs-cards-panel--3v .packs-cards-viewport {
  overflow: hidden;
  overflow-clip-margin: 16px;
  width: 100%;
  max-width: 100%;
  margin: 0;
  height: 100%;
  padding-top: 16px;
  margin-top: -16px;
  box-sizing: content-box;
}

/* CarouFredSel Carousel için track yapısı */
.packs-cards-panel--3v .packs-cards-track {
  display: flex;
  gap: var(--cv2-packs-3v-gap, 12px);
  align-items: stretch;
  height: 100%;
  overflow: visible;
}

/* CarouFredSel aktif olduğunda */
.packs-cards-panel--3v .packs-cards-track.carousel-enabled {
  display: block !important;
  gap: 0 !important;
}

.packs-cards-panel--3v .packs-cards-track.carousel-enabled .pack-card-wrapper {
  float: left !important;
  width: 280px !important;
  max-width: 280px !important;
  min-width: 280px !important;
  margin-right: 12px !important;
}

/* CarouFredSel navigasyon butonları */
.packs-carousel-nav {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin-top: 12px;
}

.packs-carousel-nav button {
  width: 36px;
  height: 36px;
  border: none;
  background: rgba(var(--CoreV2-primary-rgb), 0.1);
  color: var(--CoreV2-primary);
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.packs-carousel-nav button:hover {
  background: var(--CoreV2-primary);
  color: #fff;
}

.packs-carousel-nav button:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.vertical--packs:has(.packs-slider-body--3v) .packs-cards-track > .pack-card-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-top: 0 !important;
  scroll-snap-align: start;
  box-sizing: border-box;
}

.vertical--packs:has(.packs-slider-body--3v) .packs-cards-track > .pack-card-wrapper .pack {
  width: 100%;
  box-sizing: border-box;
}

.vertical--packs:has(.packs-slider-body--3v) .packs-cards-track > .pack-card-wrapper:nth-child(n+7) {
  display: block !important;
}

.vertical--packs:has(.packs-slider-body--3v) .show-more-packs {
  display: none !important;
}

.packs-cards-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 8;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid rgba(var(--CoreV2-primary-rgb), 0.2);
  background: #fff;
  color: var(--CoreV2-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: none;
}

.packs-cards-nav--prev { left: 0; }
.packs-cards-nav--next { right: 0; }
.packs-cards-nav:disabled { opacity: 0.35; pointer-events: none; }
.packs-cards-nav svg { width: 18px; height: 18px; }

[data-theme="dark"] .pack-card-wrapper--promo .cv2-packs-promo-poster::before {
  opacity: 0.22;
  background-size: 300px;
}

@media (max-width: 1024px) {
  .pack-card-wrapper--promo .cv2-packs-promo-poster {
    min-height: clamp(180px, 35vw, 260px);
  }

  /* Masaüstü gibi 4'lü grid korunsun */
  .packs-slider-body--3v {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .packs-slider-body--3v.packs-slider-body--promo-slot-left > .pack-card-wrapper--promo { grid-column: 1; }
  .packs-slider-body--3v.packs-slider-body--promo-slot-left .packs-cards-panel { grid-column: 2 / -1; }
  .packs-slider-body--3v.packs-slider-body--promo-slot-right > .pack-card-wrapper--promo { grid-column: 4; }
  .packs-slider-body--3v.packs-slider-body--promo-slot-right .packs-cards-panel { grid-column: 1 / 4; }
  .packs-slider-body--3v.packs-slider-body--promo-slot-center > .pack-card-wrapper--promo { grid-column: 4; }
  .packs-slider-body--3v.packs-slider-body--promo-slot-center .packs-cards-panel { grid-column: 1 / 4; }

  .packs-cards-panel--3v .packs-cards-track {
    grid-auto-columns: minmax(0, calc((100% - (2 * var(--cv2-packs-3v-gap, 8px))) / 3));
  }
}

@media (max-width: 768px) {
  .vertical--packs.grid-col-3:has(.packs-slider-body--3v),
  .vertical--packs:has(.packs-slider-body--3v) {
    display: block !important;
    overflow: visible !important;
  }

  /* Scrollbar çizgisini gizle */
  .packs-cards-panel--3v .packs-cards-viewport {
    scrollbar-width: none !important;
  }
  .packs-cards-panel--3v .packs-cards-viewport::-webkit-scrollbar {
    display: none !important;
  }

  /* MOBIL: Promo üstte tam genişlik, paketler altta kaydırma */
  .packs-slider-body--3v {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto !important;
    gap: 12px !important;
  }

  /* Promo kart her zaman üstte, tam genişlik */
  .packs-slider-body--3v > .pack-card-wrapper--promo {
    grid-row: 1 !important;
    grid-column: 1 / -1 !important;
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    min-width: 0 !important;
    margin-left: 12px !important;
    margin-right: 12px !important;
  }

  /* Promo içeriği yatay layout - resim solda, yazı sağda - eşit boyut */
  .pack-card-wrapper--promo .cv2-packs-promo-detail {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 8px !important;
    height: 100% !important;
    padding: 8px 16px 8px 8px !important;
  }

  .pack-card-wrapper--promo .cv2-packs-promo-poster {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    border-radius: var(--cv2-radius-card, 16px) !important;
  }

  .pack-card-wrapper--promo .cv2-packs-promo-data {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    height: 100% !important;
    padding: 6px 6px 10px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    /* -65px override */
    margin-top: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    overflow: visible !important;
  }

  /* Mobilde poster içindeki başlık görünebilir — beyaz renk, görsel altında */
  .cv2-packs-promo-poster .cv2-packs-promo-heading {
    display: block !important;
    position: absolute !important;
    bottom: 8px !important;
    left: 0 !important;
    right: 0 !important;
    padding: 6px 8px !important;
    text-align: center !important;
  }

  .pack-card-wrapper--promo .cv2-packs-promo-title {
    font-size: 16px !important;
  }

  /* Paketler altta - kaydırma sistemi */
  .packs-slider-body--3v .packs-cards-panel {
    grid-row: 2 !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
    padding: 0 !important;
  }

  .packs-cards-panel--3v .packs-cards-viewport {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    overflow-x: auto !important;
    overflow-y: visible !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    padding-top: 14px !important;
    box-sizing: border-box !important;
  }

  /* Track margin-top ile padding telafisi */
  .packs-cards-panel--3v .packs-cards-track {
    margin-top: 0 !important;
  }

  /* Badge yarı dışarıda yarı içeride */
  .packs-cards-panel--3v .pack.pack-popular .pack-popular-badge {
    top: -12px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }

  /* Mobilde tek kart kaydırma - sunucu slider gibi */
  .packs-cards-panel--3v .packs-cards-track {
    display: flex !important;
    grid-auto-columns: unset !important;
    gap: 12px !important;
  }

  .packs-cards-panel--3v .packs-cards-track .pack-card-wrapper {
    flex: 0 0 85% !important;
    max-width: 85% !important;
    min-width: 85% !important;
    scroll-snap-align: center !important;
  }

  .packs-cards-nav--prev { left: 8px !important; }
  .packs-cards-nav--next { right: 8px !important; }

  /* Çizgili Pagination (server-carousel-pagination stili) */
  .pack-carousel-pagination {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 6px;
    margin-top: 12px;
    padding: 8px 0;
  }

  .pack-pagination-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    border: none;
    background: rgba(var(--CoreV2-primary-rgb), 0.25);
    cursor: pointer;
    padding: 0;
    transition: all 0.3s ease;
  }

  .pack-pagination-dot.active {
    width: 24px;
    border-radius: var(--cv2-radius-input, 4px);
    background: var(--CoreV2-primary);
  }

  /* Promo ve Paketler arası boşluk */
  .packs-slider-body--3v .packs-cards-panel {
    margin-top: 16px;
    padding-top: 0;
  }


  /* Promo kart — hafif arka plan */
  .pack-card-wrapper--promo {
    height: auto !important;
    max-height: none !important;
    min-height: 180px !important;
    padding: 0 !important;
    background: rgba(var(--CoreV2-primary-rgb), 0.04) !important;
  }


  .pack-card-wrapper--promo .cv2-packs-promo-title {
    font-size: 14px !important;
    line-height: 1.2 !important;
  }

  .pack-card-wrapper--promo .cv2-packs-promo-feat-value {
    font-size: 14px !important;
    font-weight: 700 !important;
  }

  .pack-card-wrapper--promo .cv2-packs-promo-feat-label {
    font-size: 13px !important;
  }

  .pack-card-wrapper--promo .cv2-packs-promo-data-list ul li {
    justify-content: flex-start !important;
    gap: 8px !important;
    padding: 7px 10px !important;
  }

  .pack-card-wrapper--promo .cv2-packs-promo-feat-text {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
  }

  .pack-card-wrapper--promo .cv2-packs-promo-feat-value,
  .pack-card-wrapper--promo .cv2-packs-promo-feat-label {
    display: block !important;
    white-space: nowrap !important;
  }

  /* Özellikler daha kompakt */
  .packs-slider-body--3v .pack-features-grid {
    gap: 4px !important;
  }

  .packs-slider-body--3v .feature-box {
    padding: 4px 2px !important;
  }

  .packs-slider-body--3v .feature-box i {
    width: 28px !important;
    height: 28px !important;
    font-size: 14px !important;
    margin-bottom: 2px !important;
  }

  .packs-slider-body--3v .feature-value {
    font-size: 10px !important;
  }

  .packs-slider-body--3v .feature-label {
    font-size: 8px !important;
  }
}

/* --- reviews-promo.css --- */
/**
 * CoreV2 — Müşteri yorumları promo kartı + yorum kartı tipografi
 */

.coreyorumlar-container .pack-card-wrapper--reviews {
  width: 100%;
  height: 100%;
  min-height: 0;
  margin: 0;
  padding: 6px;
  box-sizing: border-box;
  border-radius: var(--cv2-radius-card, 20px);
  background: transparent;
  border: 1px solid rgba(var(--CoreV2-primary-rgb, 80, 70, 229), 0.12) !important;
  box-shadow: none !important;
}

[data-theme="dark"] .coreyorumlar-container .pack-card-wrapper--reviews {
  border-color: rgba(148, 163, 184, 0.22) !important;
}

.coreyorumlar-container .cv2-reviews-promo-detail {
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* Poster — daha kompakt, görsel yukarı */
.coreyorumlar-container .pack-card-wrapper--reviews .cv2-packs-promo-poster,
.coreyorumlar-container .cv2-reviews-promo-poster {
  flex: 0 0 auto;
  min-height: clamp(200px, 22vw, 268px);
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  border-radius: 18px;
  background: var(--theme-color-1-gradient, var(--CoreV2-primary-gradient, var(--CoreV2-primary, #5046e5)));
  box-sizing: border-box;
}

.coreyorumlar-container .pack-card-wrapper--reviews .cv2-packs-promo-poster::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-image: url("../images/wscms_Images/revmo-1.webp");
  background-size: 280px;
  background-repeat: repeat;
  opacity: 0.28;
  z-index: 0;
  pointer-events: none;
}

.coreyorumlar-container .pack-card-wrapper--reviews .cv2-packs-promo-poster::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: min(200px, 72%);
  background: linear-gradient(
    to top,
    var(--CoreV2-primary, #5046e5) 8%,
    rgba(var(--CoreV2-primary-rgb, 80, 70, 229), 0.65) 38%,
    rgba(var(--CoreV2-primary-rgb, 80, 70, 229), 0.22) 62%,
    transparent 100%
  );
  z-index: 4;
  pointer-events: none;
}

.coreyorumlar-container .pack-card-wrapper--reviews .cv2-packs-promo-poster-fog {
  position: absolute;
  left: -12%;
  right: -12%;
  bottom: 2%;
  height: 58%;
  z-index: 3;
  pointer-events: none;
  background:
    radial-gradient(ellipse 90% 75% at 50% 100%, rgba(var(--CoreV2-primary-rgb, 80, 70, 229), 0.48) 0%, transparent 66%),
    radial-gradient(ellipse 58% 42% at 50% 80%, rgba(var(--CoreV2-primary-rgb, 80, 70, 229), 0.26) 0%, transparent 74%);
  filter: blur(14px);
  opacity: 0.95;
}

/* Görsel — büyük, üstten hizalı */
.coreyorumlar-container .cv2-reviews-promo-poster-media {
  position: relative;
  z-index: 2;
  flex: 1 1 auto;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  min-height: 0;
  padding: 4px 6px 42px;
  box-sizing: border-box;
  overflow: visible;
}

.coreyorumlar-container .cv2-reviews-promo-poster-media .cv2-packs-promo-poster-figure {
  width: auto;
  max-width: 112%;
  height: auto;
  max-height: min(240px, 28vw);
  object-fit: contain;
  object-position: center bottom;
  display: block;
  margin: 0 auto;
  transform: none;
}

.coreyorumlar-container .cv2-reviews-promo-cta-wrap {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 12px;
  z-index: 6;
  display: flex;
  justify-content: center;
  padding: 0 10px;
  pointer-events: none;
}

.coreyorumlar-container .cv2-reviews-promo-cta {
  pointer-events: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 10px 20px;
  border: none;
  border-radius: 999px;
  background: #fff;
  color: var(--CoreV2-primary, var(--theme-color-1, #5046e5));
  font-size: 13px;
  font-weight: 700;
  font-family: inherit;
  cursor: pointer;
  box-shadow: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.coreyorumlar-container .cv2-reviews-promo-cta i {
  font-size: 16px;
}

.coreyorumlar-container .cv2-reviews-promo-cta:hover {
  transform: translateY(-2px);
  box-shadow: none;
}

/* Özellikler — poster üstüne bindir (paket promosu gibi) */
.coreyorumlar-container .cv2-reviews-promo-data {
  flex: 0 0 auto;
  position: relative;
  z-index: 5;
  margin-top: -52px;
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: none;
}

[data-theme="dark"] .coreyorumlar-container .cv2-reviews-promo-data {
  background: rgba(15, 23, 42, 0.98);
  box-shadow: none;
}

.coreyorumlar-container .cv2-reviews-promo-data .cv2-packs-promo-data-list ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}

.coreyorumlar-container .cv2-reviews-promo-data .cv2-packs-promo-data-list ul li {
  min-width: 0;
  border-bottom: 1px solid rgba(var(--CoreV2-primary-rgb, 80, 70, 229), 0.08);
}

.coreyorumlar-container .cv2-reviews-promo-data .cv2-packs-promo-data-list ul li:last-child {
  border-bottom: 0;
}

/* Tema rengi ikonlar (paket promosu ile aynı) */
.coreyorumlar-container .pack-card-wrapper--reviews .cv2-packs-promo-feat-icon {
  background: rgba(var(--CoreV2-primary-rgb, 80, 70, 229), 0.08) !important;
  color: var(--CoreV2-primary, var(--theme-color-1, #5046e5)) !important;
  border: none !important;
}

.coreyorumlar-container .pack-card-wrapper--reviews .cv2-packs-promo-feat-value {
  color: var(--text-primary, #0f172a) !important;
  font-size: 16px !important;
  font-weight: 700;
}

.coreyorumlar-container .pack-card-wrapper--reviews .cv2-packs-promo-feat-label {
  color: var(--text-secondary, #64748b) !important;
  font-size: 12px !important;
}

[data-theme="dark"] .coreyorumlar-container .pack-card-wrapper--reviews .cv2-packs-promo-feat-value {
  color: #f1f5f9 !important;
}

[data-theme="dark"] .coreyorumlar-container .pack-card-wrapper--reviews .cv2-packs-promo-feat-label {
  color: #94a3b8 !important;
}

.coreyorumlar-container .pack-card-wrapper--reviews .cv2-packs-promo-heading,
.coreyorumlar-container .coreyorumcrt-hero-banner {
  display: none !important;
}

/* Yorum kartları — daha büyük metin, altta boşluk yok */
.coreyorumlar-container .coreyorumcrt-review-text,
.coreyorumlar-container .coreyorumlar-testimonial-text {
  font-size: 16px !important;
  line-height: 1.58 !important;
  flex: 0 1 auto !important;
  -webkit-line-clamp: 8;
}

.coreyorumlar-container .coreyorumcrt-brand-badge {
  font-size: 12.5px !important;
  padding: 6px 13px !important;
}

.coreyorumlar-container .coreyorumcrt-user-meta h5,
.coreyorumlar-container .coreyorumlar-client-name {
  font-size: 16px !important;
}

.coreyorumlar-container .coreyorumcrt-user-meta span,
.coreyorumlar-container .coreyorumlar-client-details {
  font-size: 13.5px !important;
}

.coreyorumlar-container .coreyorumcrt-user-info {
  margin-top: 0 !important;
  padding-top: 10px !important;
}

.coreyorumlar-container .coreyorumcrt {
  flex: 0 0 calc(47% - 9px) !important;
  padding: 16px 15px 14px !important;
  gap: 10px !important;
  align-self: flex-start;
}

.coreyorumcrt-alani > .pack-card-wrapper--reviews {
  grid-column: 1;
  grid-row: 1;
  align-self: start;
}

.coreyorumcrt-alani {
  grid-template-columns: minmax(260px, 300px) minmax(0, 1fr) 52px;
  align-items: start;
}

@media (min-width: 1025px) and (max-width: 1366px) {
  .coreyorumcrt-alani {
    grid-template-columns: minmax(220px, 260px) minmax(0, 1fr) 48px;
    gap: 14px 16px;
  }

  .coreyorumlar-container .pack-card-wrapper--reviews .cv2-packs-promo-poster,
  .coreyorumlar-container .cv2-reviews-promo-poster {
    min-height: clamp(180px, 20vw, 230px);
  }

  .coreyorumlar-container .cv2-reviews-promo-poster-media .cv2-packs-promo-poster-figure {
    max-height: min(200px, 22vw);
    max-width: 108%;
  }

  .coreyorumlar-container .cv2-reviews-promo-data {
    margin-top: -44px;
  }

  .coreyorumlar-container .coreyorumcrt {
    flex: 0 0 calc(50% - 8px) !important;
  }
}

@media (max-width: 900px) {
  .coreyorumcrt-alani {
    grid-template-columns: 1fr !important;
  }
  .coreyorumcrt-alani > .pack-card-wrapper--reviews {
    grid-column: 1;
    max-width: 380px;
    margin: 0 auto;
    width: 100%;
  }
  .coreyorumlar-container .cv2-reviews-promo-poster {
    min-height: clamp(240px, 68vw, 320px);
  }
  .coreyorumlar-container .coreyorumcrt {
    flex: 0 0 88% !important;
  }
  .coreyorumlar-testimonials-column {
    grid-column: 1;
  }
  .coreyorumcrt-nav-controls {
    grid-column: 1;
    flex-direction: row !important;
    justify-content: center;
    order: 3;
  }
}

/* --- server-products.css --- */
/* ============================================================
   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          : #1a1e2e;
  --srv-text-body          : #4b5675;
  --srv-text-muted         : #8892a4;
  --srv-text-white         : #ffffff;
  --srv-radius-card        : 20px;
  --srv-radius-inner       : 14px;
  --srv-radius-chip        : 10px;
  --srv-radius-pill        : 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);
}
*, *::before, *::after { box-sizing: border-box; }
.tablopaketler           { all: unset; }
.pakettitle, .categoriesproduct, .tablepaket { display: none !important; }
.products_list {
  margin-top   : 1.5rem;
  margin-bottom: 2rem;
}
/* ============================================================
   CATEGORY TABS
   ============================================================ */
.professional-tabs-container-wrapper {
  overflow-x             : auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom          : 2rem;
  padding-bottom         : 12px;
  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 !important;
  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) !important;
  color       : #fff !important;
  border-color: var(--srv-primary) !important;
}
.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 !important; }
/* ============================================================
   PERIOD SELECTOR
   ============================================================ */
.corecartpkts-period-selector-wrapper {
  overflow-x             : auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width        : none;
  margin                 : 0 auto 2rem;
  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
   ============================================================ */
.product-category-header {
  text-align   : center;
  margin-bottom: 2.5rem;
}
.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  : 1.5rem;
}
.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 (Aylik/Yillik butonlari)
   ============================================================ */
.CoreV2-filter-wrap {
  display        : flex;
  justify-content: center;
  align-items    : center;
  flex-wrap      : wrap;
  gap            : 6px;
  margin-bottom  : 1.5rem;
}
.CoreV2-filter { position: relative; }
.CoreV2-filter .CoreV2-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;
  overflow-x                 : auto;
  scrollbar-width            : none;
  -ms-overflow-style         : none;
}
.CoreV2-filter .CoreV2-filter-options::-webkit-scrollbar { display: none; }
.CoreV2-filter .CoreV2-filter-item {
  padding         : 9px 22px;
  display         : flex;
  align-items     : center;
  justify-content : center;
  border-radius: var(--cv2-radius-input, 12px);
  font-size       : 13.5px;
  font-weight     : var(--fw-medium, 500);
  color           : var(--srv-text-body);
  cursor          : pointer;
  transition      : all .2s ease;
  white-space     : nowrap;
}
.CoreV2-filter .CoreV2-filter-item:hover {
  background: rgba(var(--srv-primary-rgb), 0.1);
  transform : translateY(-1px);
}
.CoreV2-filter .CoreV2-filter-item.active {
  background : var(--srv-primary);
  color      : #fff;
  font-weight: var(--fw-bold, 700);
  box-shadow: none;
}
@media (max-width: 768px) {
  .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-options {
    display        : none;
    flex-direction : row;
    flex-wrap      : wrap;
    padding        : 10px;
    gap            : 6px;
    margin-top     : 8px;
  }
  .CoreV2-filter.CoreV2-filter-mobile.open .CoreV2-filter-options { display: flex; }
  .CoreV2-filter.CoreV2-filter-mobile .CoreV2-filter-item {
    width    : auto;
    padding  : 8px 16px;
    font-size: 12.5px;
  }
}
[data-theme="dark"] .CoreV2-filter .CoreV2-filter-options {
  background  : rgba(var(--srv-primary-rgb), 0.12);
  border-color: rgba(var(--srv-primary-rgb), 0.22);
}
[data-theme="dark"] .CoreV2-filter .CoreV2-filter-item.active {
  background: var(--srv-primary);
  color     : #fff;
}

/* ============================================================
   HOME SECTION
   ============================================================ */
.coreservercart-home-servers { padding: 1rem 0; }
.coreservercart-container {
  padding  : 0 1.25rem;
  max-width: var(--CoreV2-container-width) !important;
  margin   : 0 auto;
}
/* ============================================================
   SLIDER (mobile)
   ============================================================ */
.coreservercart-slider-wrapper {
  display                : flex;
  overflow-x             : auto;
  scroll-snap-type       : x mandatory;
  -webkit-overflow-scrolling: touch;
  padding-bottom         : 16px;
  margin                 : 0 -1.25rem;
  padding-left           : 1.25rem;
  padding-right          : 1.25rem;
  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     : 340px;
  flex          : 0 0 86%;
}
.coreservercart-card-inner {
  position     : relative;
  width        : 100%;
  border-radius: calc(var(--srv-radius-card) - 1px);
  overflow     : hidden;
  background   : var(--header-action-gradient, transparent) !important;
  border       : 1px solid var(--header-action-border, transparent) !important;
}
.coreservercart-card-front {
  padding       : 1.4rem 1.1rem 1rem;
  display       : flex;
  flex-direction: column;
  gap           : 1rem;
}
.coreservercart-server-left {
  display       : flex;
  flex-direction: column;
  align-items   : flex-start;
  gap           : .2rem;
}
.coreservercart-server-header {
  display    : flex;
  flex-wrap  : wrap;
  align-items: center;
  gap        : .6rem;
  margin-bottom: .5rem;
}
.srv-head-row {
  display        : flex !important;
  flex-direction : row !important;
  align-items    : center !important;
  justify-content: flex-start !important;
  gap            : 0 !important;
  width          : 100% !important;
  margin-bottom  : .55rem !important;
}
.srv-head-row .pack-campaign-strip { flex-shrink: 0 !important; order: 1 !important; }
.srv-head-row .pcs-divider         {
  order       : 2 !important;
  flex-shrink : 0 !important;
  width       : 1px;
  align-self  : stretch;
  background  : rgba(var(--srv-primary-rgb),.18);
  margin      : 3px 12px;
  border-radius: var(--cv2-radius-input, 1px);
}
.srv-head-title {
  order       : 3 !important;
  flex        : 1 !important;
  min-width   : 0 !important;
  display     : flex !important;
  flex-direction: column !important;
  gap         : 3px !important;
  align-items : flex-start !important;
}
.coreservercart-h3 {
  font-size     : 1.35rem;
  color         : var(--srv-primary);
  margin        : 0;
  letter-spacing: -.03em;
  line-height   : 1.2;
  font-weight   : var(--fw-bold);
  text-transform: none !important;
}
.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 !important;
  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 !important;
  background  : rgba(var(--srv-primary-rgb),.08);
  padding     : 5px 10px !important;
  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 !important;
  height       : 7px !important;
  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;
}
@keyframes led-pulse-1  { 0%,100%{opacity:1}      50%{opacity:.35} }
@keyframes led-blink-2  { 0%,100%{opacity:.25}    50%{opacity:1}   }
@keyframes led-pulse-3  { 0%,100%{opacity:.85}    50%{opacity:.25} }
.coreservercart-server-features {
  width                : 100%;
  display              : grid;
  grid-template-columns: repeat(auto-fill, minmax(128px, 1fr));
  gap                  : .6rem;
}
.coreservercart-feature {
  display     : flex;
  align-items : center;
  gap         : .5rem;
  padding     : .45rem .6rem;
  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 !important;
  height       : 34px !important;
  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%) !important;
  border-radius: 50% !important;
  flex-shrink  : 0 !important;
  transition   : transform var(--srv-transition);
}
.coreservercart-feature:hover .coreservercart-feature-icon { transform: scale(1.08); }
.coreservercart-feature-icon svg {
  width : 15px !important;
  height: 15px !important;
  color : #fff !important;
}
.coreservercart-feature-content { display: flex; flex-direction: column; }
.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;
}
.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 !important;
  flex-direction : column !important;
  align-items    : center !important;
  justify-content: flex-end !important;
  flex           : 1 !important;
  margin-top     : 20px !important;
  padding        : 0 0 0.5rem 0 !important;
  border         : 1px solid rgba(var(--srv-primary-rgb),.07);
  border-radius  : 0;
  background     : rgba(var(--srv-primary-rgb),.02);
  gap            : .3rem;
}
.coreservercart-server-image-container {
  display        : flex;
  align-items    : center;
  justify-content: center;
  width          : 100%;
  margin-top     : 0;
}
.coreservercart-server-image-container img {
  max-width : 100%;
  height    : auto;
  max-height: 110px;
  object-fit: contain;
  transition: transform .4s cubic-bezier(.4,0,.2,1);
}
.coreservercart-server-image-container:hover img { transform: scale(1.07); }
.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        : 36px !important;
  height       : 36px !important;
  background   : var(--header-action-gradient, var(--srv-bg)) !important;
  border       : 1px solid var(--header-action-border, var(--srv-border-card)) !important;
  border-radius: 10px !important;
  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) !important;
  border-color: var(--srv-primary) !important;
  transform   : scale(1.12) !important;
}
.coreservercart-os-item img { width: 22px; height: 22px; 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: center;
  gap            : .65rem;
  flex           : 0 0 auto;
  min-width      : 210px;
  margin-top     : 20px;
  padding        : 0 1.3rem;
  border-left    : 1px solid rgba(var(--srv-primary-rgb),.09);
  background     : rgba(var(--srv-primary-rgb),.02);
  transition     : all var(--srv-transition);
}
.coreservercart-price-section {
  display       : flex;
  flex-direction: row;
  align-items   : center;
  gap           : .4rem;
  position      : relative;
  padding       : .5rem .7rem;
  border-radius: var(--cv2-radius-input, 12px);
  background    : var(--header-action-gradient, var(--srv-bg)) !important;
  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 {
  font-size      : 1rem;
  color          : var(--srv-text-mute, #94a3b8);
  opacity        : .85;
  line-height    : 1.3;
  white-space    : nowrap;
}
.coreservercart-old-price del {
  text-decoration      : line-through;
  text-decoration-color: #ef4444;
}
.coreservercart-price-wrapper {
  display       : flex;
  flex-direction: column;
  align-items   : flex-start;
  justify-content: flex-start;
  gap           : 2px;
  flex          : 1;
}
.coreservercart-price,
.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) !important;
  display        : flex;
  align-items    : baseline;
  flex-wrap      : nowrap;
  flex-shrink    : 0;
  gap            : 2px;
}
.coreservercart-price .currency-symbol,
.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 !important;
  align-items  : flex-end;
  align-self   : flex-end;
  margin-left  : 3px;
  margin-bottom: .15rem;
}
.coreservercart-type,
.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% !important;
  justify-content: center !important;
  padding       : .8rem 1rem !important;
  font-size     : .95rem !important;
}
.coreservercart-action-section { display: flex; gap: .75rem; }
.coreservercart-buy,
.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 !important;
  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,
.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, .coreservercard-back-buy svg { width: 18px; height: 18px; }
.coreservercart-buy.out-of-stock-btn,
.coreservercard-back-buy.out-of-stock-btn {
  background    : var(--srv-primary) !important;
  color         : rgba(255,255,255,.5) !important;
  cursor        : not-allowed !important;
  border        : none !important;
  outline       : 2px solid rgba(var(--srv-primary-rgb), .35) !important;
  outline-offset: 3px !important;
  filter        : grayscale(.6) opacity(.6) !important;
}
.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 .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-header {
  display      : flex;
  align-items  : center;
  gap          : .4rem;
  margin-bottom: .65rem;
  font-size    : .72rem;
  font-weight  : var(--fw-semi);
  color        : var(--srv-text-muted);
  text-transform: uppercase;
  letter-spacing: .5px;
}
.coreservercard-detail-header-icon { width: 14px; height: 14px; color: var(--srv-text-muted); }
.coreservercard-detail-features {
  display              : grid;
  grid-template-columns: repeat(2, 1fr);
  gap                  : .55rem;
}
.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-item:hover { background: rgba(var(--srv-primary-rgb),.08); }
.coreservercard-detail-icon {
  min-width    : 40px;
  width        : 40px;
  height       : 40px;
  display      : flex;
  justify-content: center;
  align-items  : center;
  background   : var(--srv-bg);
  border-radius: var(--srv-radius-chip);
  flex-shrink  : 0;
}
.coreservercard-detail-icon svg { width: 18px; height: 18px; color: var(--srv-primary); }
.coreservercard-detail-icon i[class*="hki-stroke"] {
  font-size      : 22px;
  color          : var(--srv-primary) !important;
  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; }
.coreservercard-detail-label {
  font-size    : 10px;
  font-weight  : var(--fw-regular);
  color        : var(--srv-text-muted);
  text-transform: uppercase;
  letter-spacing: .35px;
  line-height  : 1;
  margin-bottom: 2px;
}
.coreservercard-detail-value {
  font-size  : 13px;
  font-weight: var(--fw-medium) !important;
  color      : var(--srv-text-head);
  line-height: 1.3;
}
[data-theme="dark"] .coreservercard-detail-icon { background: rgba(var(--srv-primary-rgb),.12); }
[data-theme="dark"] .coreservercard-detail-item { background: rgba(var(--srv-primary-rgb),.06); }
.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) !important;
  border       : 1px solid rgba(var(--srv-primary-rgb),.14) !important;
  border-radius: 12px !important;
  padding      : 8px 12px !important;
  display      : block;
  width        : 100%;
  order        : 10;
  flex-direction: column !important;
  align-items  : center !important;
  gap          : 4px !important;
  text-align   : center !important;
}
.server-countdown .countdown-title {
  font-size  : 10px !important;
  font-weight: var(--fw-semi) !important;
  color      : var(--srv-primary) !important;
  margin-bottom: 0 !important;
  display    : block !important;
  white-space: nowrap;
  text-align : center;
}
.server-countdown .countdown-boxes {
  display        : flex !important;
  justify-content: center !important;
  align-items    : center;
  gap            : 3px !important;
}
.server-countdown .cd-box {
  background   : rgba(var(--srv-primary-rgb),.10) !important;
  border-radius: 7px !important;
  min-width    : 36px !important;
  padding      : 4px 7px !important;
  text-align   : center;
}
.server-countdown .cd-val {
  display    : block;
  font-size  : 16px !important;
  font-weight: var(--fw-bold) !important;
  color      : var(--srv-primary) !important;
  line-height: 1.2;
}
.server-countdown .cd-lbl {
  display      : block;
  font-size    : 8px !important;
  font-weight  : var(--fw-semi) !important;
  color        : var(--srv-primary) !important;
  opacity      : .65 !important;
  text-transform: uppercase;
}
.server-countdown .cd-sep {
  font-size  : 14px !important;
  font-weight: var(--fw-bold);
  color      : var(--srv-primary) !important;
  opacity    : .45 !important;
}
.coreservercart-server-header .server-countdown {
  flex-basis: auto !important;
  width     : auto !important;
  order     : 0 !important;
  margin    : 0 0 0 8px !important;
  display   : inline-flex !important;
  padding   : 5px 10px !important;
}
.coreservercart-server-header .server-countdown .cd-box { min-width: 28px !important; padding: 2px 5px !important; }
.coreservercart-server-header .server-countdown .cd-val { font-size: 13px !important; }
.coreservercart-server-header .server-countdown .cd-lbl { font-size: 7px !important; }
.coreservercart-server-header .server-countdown .cd-sep { font-size: 11px !important; line-height: 1.8 !important; }
.coreservercart-server-header .server-countdown .countdown-title { font-size: 10px !important; }
[data-theme="dark"] .server-countdown {
  background  : rgba(var(--srv-primary-rgb),.15) !important;
  border-color: rgba(var(--srv-primary-rgb),.22) !important;
}
[data-theme="dark"] .server-countdown .cd-box { background: rgba(var(--srv-primary-rgb),.15) !important; }
/* ============================================================
   CAMPAIGN STRIP
   ============================================================ */
.srv-head-row .pcs-label {
  display    : flex;
  align-items: center;
  gap        : 3px;
  font-size  : 9px;
  font-weight: var(--fw-semi);
  color      : var(--srv-primary);
  white-space: nowrap;
  margin-bottom: 2px;
  letter-spacing: .01em;
}
.srv-head-row .pcs-boxes { display: flex; align-items: center; gap: 2px; }
.srv-head-row .pcs-box {
  display       : flex;
  flex-direction: column;
  align-items   : center;
  background    : var(--srv-primary);
  border-radius: var(--cv2-radius-input, 5px);
  padding       : 3px 6px;
  min-width     : 26px;
}
.srv-head-row .pcs-num  { font-size: 12px; color: #fff; line-height: 1; font-variant-numeric: tabular-nums; }
.srv-head-row .pcs-unit { font-size: 6.5px; font-weight: var(--fw-semi); color: rgba(255,255,255,.72); text-transform: uppercase; margin-top: 1px; }
.srv-head-row .pcs-sep  { font-size: 10px; color: var(--srv-primary); opacity: .45; padding-bottom: 5px; }
/* ============================================================
   STOCK / OUT-OF-STOCK
   ============================================================ */
.coreservercart-sunucustok {
  position    : absolute !important;
  top         : 50% !important;
  left        : 50% !important;
  transform   : translate(-50%, -50%) !important;
  right       : auto !important;
  background  : rgba(100,116,139,.82) !important;
  color       : #fff !important;
  font-size   : 13px !important;
  font-weight : var(--fw-bold) !important;
  padding     : 10px 22px !important;
  border-radius: 12px !important;
  text-transform: none !important;
  z-index     : 10 !important;
  display     : flex !important;
  align-items : center !important;
  gap         : 7px !important;
  white-space : nowrap !important;
  backdrop-filter: blur(5px) !important;
  border      : 1px solid rgba(255,255,255,.2) !important;
}
.coreservercart-sunucustok svg { width: 16px !important; height: 16px !important; }
.coreservercart-server-item.out-of-stock {
  opacity : .55 !important;
  filter  : grayscale(.35) !important;
  overflow: hidden !important;
}
@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; }
}
@keyframes srv-scanline { 0%{ transform: translateY(-100%); } 100%{ transform: translateY(120%); } }
.coreservercart-server-item.out-of-stock::before {
  content        : '' !important;
  position       : absolute !important;
  inset          : 0 !important;
  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") !important;
  background-size: 150px 150px !important;
  animation      : srv-static .15s steps(1) 20 !important;
  z-index        : 6 !important;
  pointer-events : none !important;
  opacity        : .30 !important;
  mix-blend-mode : overlay !important;
  border-radius  : inherit !important;
}
.coreservercart-server-item.out-of-stock::after {
  content   : '' !important;
  position  : absolute !important;
  left      : 0 !important;
  right     : 0 !important;
  top       : 0 !important;
  height    : 40% !important;
  background: linear-gradient(to bottom, transparent 0%, rgba(255,255,255,.05) 50%, transparent 100%) !important;
  animation : srv-scanline 2s linear 5 !important;
  z-index   : 7 !important;
  pointer-events: none !important;
  border-radius: 0 !important;
}
/* ============================================================
   POPULAR HIGHLIGHT
   ============================================================ */
.coreservercart-server-item.popular-highlight {
  background: var(--CoreV2-primary-gradient,
               linear-gradient(135deg, var(--srv-primary) 0%, #7c3aed 100%)) !important;
  border    : 1px solid rgba(255,255,255,.15) !important;
}
.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 !important;
  border-color: rgba(255,255,255,.12) !important;
}
.coreservercart-server-item.popular-highlight .coreservercart-server-right {
  background  : transparent !important;
  border-color: rgba(255,255,255,.18) !important;
}
.coreservercart-server-item.popular-highlight .coreservercart-server-middle {
  background  : rgba(255,255,255,.05) !important;
  border-color: rgba(255,255,255,.15) !important;
}
.popular-highlight .coreservercard-detail-wrapper { background: rgba(0,0,0,.10) !important; border-color: rgba(255,255,255,.12) !important; }
.popular-highlight .coreservercart-show-more { background: rgba(255,255,255,.10) !important; color: rgba(255,255,255,.9) !important; border-color: rgba(255,255,255,.2) !important; }
.popular-highlight .coreservercart-h3   { color: #fff; }
.popular-highlight .coreservercart-price,
.popular-highlight .coreservercard-back-price-amount { color: #fff; }
.popular-highlight .coreservercart-type,
.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) !important; border-color: rgba(255,255,255,.22) !important; }
.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) !important; }
.popular-highlight .coreservercart-feature-icon svg { color: #fff !important; }
.popular-highlight .coreservercart-h4  { color: #fff !important; }
.popular-highlight .coreservercart-info { color: rgba(255,255,255,.72) !important; }
.popular-highlight .coreservercart-price-section {
  background    : rgba(255,255,255,.1) !important;
  border        : 1.5px solid rgba(255,255,255,.35) !important;
  outline       : 2px solid rgba(255,255,255,.15);
  outline-offset: 3px;
}
.popular-highlight .coreservercart-old-price { color: rgba(255,255,255,.7) !important; }
.popular-highlight .coreservercart-old-price del { text-decoration-color: rgba(255,255,255,.5) !important; }
.popular-highlight .coreservercart-price { color: #fff !important; }
.popular-highlight .coreservercart-price .currency-symbol,
.popular-highlight .coreservercart-price > span:first-child { color: #fff !important; }
.popular-highlight .coreservercart-period-tag { color: rgba(255,255,255,.85) !important; }
.popular-highlight .coreservercart-price-wrapper { gap: 1px !important; }
.popular-highlight .coreservercart-price { flex-wrap: nowrap !important; align-items: baseline !important; white-space: nowrap !important; }
.popular-highlight .coreservercart-price .billing-cycle { display: inline !important; width: auto !important; font-size: .75rem; color: rgba(255,255,255,.8) !important; margin-left: 3px !important; white-space: nowrap; }
.popular-highlight .coreservercart-buy,
.popular-highlight .coreservercard-back-buy {
  background: rgba(255,255,255,.95);
  color     : var(--srv-primary);
}
.popular-highlight .coreservercart-buy svg,
.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) !important; }
.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) !important; }
.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) !important; border-color: rgba(255,255,255,.22) !important; }
.popular-highlight .coreservercart-os-item:hover { background: rgba(255,255,255,.24) !important; border-color: rgba(255,255,255,.5) !important; }
.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 {
  background  : rgba(255,255,255,.12) !important;
  border-color: rgba(255,255,255,.22) !important;
}
.coreservercart-server-item.popular-highlight .server-countdown .cd-box { background: rgba(255,255,255,.15) !important; }
.coreservercart-server-item.popular-highlight .server-countdown .cd-val,
.coreservercart-server-item.popular-highlight .server-countdown .cd-sep,
.coreservercart-server-item.popular-highlight .server-countdown .countdown-title { color: #fff !important; }
.coreservercart-server-item.popular-highlight .server-countdown .cd-lbl { color: rgba(255,255,255,.72) !important; }
.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: 80%; flex-basis: 80%; }
  .coreservercart-card-front  { padding: 1.5rem 1.8rem; }
  .coreservercart-server-features { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
  .professional-tabs-container,
  .corecartpkts-period-selector   { justify-content: center; }
}
/* ============================================================
   MOBILE  ≤ 767
   ============================================================ */
@media (max-width: 767px) {
  .server-carousel-pagination { display: flex; }
  .coreservercart-card-front {
    padding: 1.1rem .95rem;
    gap    : .7rem;
  }
  .coreservercart-server-features {
    grid-template-columns: repeat(2, 1fr);
    gap  : .4rem;
    width: 100%;
  }
  .coreservercart-feature { padding: .4rem .5rem; gap: .4rem; }
  .coreservercart-feature-icon { width: 28px !important; height: 28px !important; }
  .coreservercart-feature-icon svg { width: 13px !important; height: 13px !important; }
  .coreservercart-h4   { font-size: 11px; }
  .coreservercart-info { font-size: 8px; }
  .coreservercart-server-middle {
    padding: .5rem 0;
    gap    : 0;
  }
  .coreservercart-server-image-container img { max-width: 100px; max-height: 64px; }
  
  .coreservercart-server-right {
    display        : flex !important;
    flex-direction : row !important;
    align-items    : center !important;
    justify-content: space-between !important;
    gap            : .5rem !important;
    padding        : 0 !important;
    width          : 100% !important;
    max-width      : 100% !important;
    border-left    : none !important;
    border-top     : 1px solid rgba(var(--srv-primary-rgb),.08) !important;
    margin-top     : .3rem !important;
    padding-top    : .7rem !important;
    background     : transparent !important;
  }
  .coreservercart-slider-wrapper {
    padding-left : 1rem !important;
    padding-right: 1rem !important;
  }
  .coreservercart-server-grid {
    padding-right: 1rem !important;
  }
  .coreservercart-price-wrapper { text-align: left; flex: 1; min-width: 0; }
  .coreservercart-price          { font-size: clamp(1.1rem, 4.5vw, 1.5rem); }
  .coreservercart-type           { font-size: .6rem; }
  .coreservercart-discount-badge { width: 36px; height: 36px; }
  .coreservercart-badge-text     { width: 20px; height: 20px; font-size: .58rem; }
  .coreservercart-price .currency-symbol,
  .coreservercart-price > span:first-child {
    font-size : 1rem;
    margin-top: 0;
    align-self: baseline;
  }
  .coreservercart-old-price {
    font-size: .82rem;
  }
  .coreservercart-price-section {
    align-items: stretch !important;
  }
  .coreservercart-price-wrapper {
    display        : flex !important;
    flex-direction : column !important;
    justify-content: center !important;
  }
  .coreservercart-buy {
    padding     : .45rem 1rem;
    font-size   : .78rem;
    border-radius: var(--cv2-radius-input, 8px);
    white-space : nowrap;
    flex-shrink : 0;
    width       : auto !important;
    align-self  : center;
  }
  .coreservercart-buy-full {
    width       : auto !important;
    padding     : .45rem 1rem !important;
    font-size   : .78rem !important;
    align-self  : center !important;
  }
  .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 !important; }
  .coreservercard-detail-label    { font-size: 9px !important; }
  .coreservercard-detail-icon i[class*="hki-stroke"] { font-size: 20px; }
  .coreservercart-os-item { width: 30px !important; height: 30px !important; }
  .coreservercart-os-item img { width: 18px; height: 18px; }
  .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);
  }
  
  .server-countdown { margin: .35rem .7rem; padding: 7px 9px !important; }
  .server-countdown .cd-val  { font-size: 14px !important; }
  .server-countdown .cd-box  { min-width: 32px !important; padding: 3px 5px !important; }
  
  .srv-head-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 0 !important;
    width: 100% !important;
  }
  
  .srv-head-row .srv-head-title {
    order: 1 !important;
    margin-left: 0 !important;
    flex: 1 !important;
  }
  .srv-head-row .pack-campaign-strip {
    order: 2 !important;
    flex-shrink: 0 !important;
    margin-left: auto !important;
    width: auto !important;
    min-width: unset !important;
    max-width: 120px !important;
    border-right: none !important;
    border-left: 1.5px solid rgba(var(--srv-primary-rgb),.2) !important;
    padding: 4px 8px !important;
  }
  .srv-head-row .pack-campaign-strip .pcs-boxes {
    display: flex !important;
  }
  .srv-head-row .pack-campaign-strip .pcs-label {
    font-size: 9px !important;
    font-weight: var(--fw-bold) !important;
    margin-bottom: 2px !important;
  }
  
  .srv-head-row .pack-campaign-strip .pcs-boxes-x {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 3px !important;
    width: 100% !important;
  }
  .srv-head-row .pack-campaign-strip .pcs-sep {
    display: none !important;
  }
  .srv-head-row .pack-campaign-strip .pcs-box {
    min-width: unset !important;
    padding: 3px 4px !important;
  }
  .srv-head-row .pack-campaign-strip .pcs-num {
    font-size: 11px !important;
  }
  .srv-head-row .pack-campaign-strip .pcs-unit {
    font-size: 6.5px !important;
  }
  
  .srv-head-row .pcs-divider {
    display: none !important;
  }
  
  .srv-head-row .srv-head-title {
    order: 1 !important;
    flex: none !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    align-items: flex-start !important;
  }
  .srv-head-row .coreservercart-h3 {
    font-size: 1.15rem !important;
    line-height: 1.25 !important;
  }
}
/* ============================================================
   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: translateY(-2px); }
  .coreservercart-server-item.popular-highlight { transform: translateY(-2px); }
  
  .coreservercart-card-inner {
    display       : flex;
    flex-direction: column;
    gap           : 0;
    margin-bottom : 0;
  }
  .coreservercart-card-front {
    flex-direction: row;
    align-items   : center;
    padding       : 0;
    gap           : 0;
    overflow      : hidden;
    margin-bottom : 0;
  }
  
  .coreservercart-server-left {
    flex          : 1 1 0;
    min-width     : 0;
    flex-direction: column;
    justify-content: flex-start;
    align-items   : flex-start;
    gap           : .35rem;
    padding       : .6rem .5rem .2rem .9rem;
  }
  .coreservercart-server-header {
    margin-bottom: 0;
    flex-wrap    : nowrap;
  }
  .coreservercart-server-header .server-countdown {
    flex-basis: auto !important;
    width     : auto !important;
    order     : 0 !important;
    margin    : 0 0 0 10px !important;
  }
  
  .coreservercart-server-features {
    display  : flex;
    flex-wrap: wrap;
    gap      : .45rem;
    max-width: 100%;
  }
  .coreservercart-feature {
    flex     : 0 1 auto;
    min-width: 138px;
    max-width: 172px;
    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 !important; height: 36px !important; }
  .coreservercart-feature-icon svg { width: 17px !important; height: 17px !important; }
  
  .coreservercart-server-middle {
    flex           : 0 0 118px !important;
    margin         : 40px .4rem 0 -1rem !important;
    padding        : 0 .5rem 0.5rem !important;
    justify-content: flex-end !important;
    align-items    : center !important;
    border-radius: var(--cv2-radius-card, 16px);
  }
  .coreservercart-server-right {
    margin-top     : 40px !important;
  }
  .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(5, 1fr);
    gap                  : .65rem;
  }
  .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 !important; }
  .coreservercard-detail-label { font-size: 10px !important; }
  
  .coreservercart-sunucustok { top: 50% !important; left: 50% !important; }
  
  .coreservercart-location-badge { display: inline-flex !important; visibility: visible !important; }
  
  .server-countdown {
    flex-direction: column !important;
    align-items   : center !important;
    gap           : 4px !important;
    margin        : 0 0 0 10px !important;
    width         : auto !important;
    flex-basis    : auto !important;
  }
}
/* ============================================================
   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); }
/* --- faq-section.css --- */
/* ============================================================
   CORESSS — Sıkça Sorulan Sorular (FAQ) Bileşeni
   faq-section.php ile kullanılır
   ============================================================ */

.coresss-wrapper {
    padding: 60px 0;
    width: 100%;
    background: transparent;
    transition: background-color 0.3s ease;
    display: flex;
    justify-content: center;
}
.coresss-container {
    max-width: var(--CoreV2-container-width) !important;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}
.coresss-faq-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: start;
    max-width: var(--CoreV2-container-width) !important;
    margin: 0 auto;
    border: 1px dashed rgba(var(--color-primary-rgb), 0.15);
    padding: 30px;
    border-radius: var(--cv2-radius-card, 24px);
    background: rgba(var(--color-primary-rgb), 0.01);
}
.coresss-ticket-card {
    background: var(--bg-card, #ffffff);
    border-radius: var(--cv2-radius-card, 14px);
    overflow: visible;
    transition: all 0.2s ease;
    position: relative;
    cursor: pointer;
    border: 1px solid rgba(var(--color-primary-rgb), 0.1);
    margin-bottom: 0;
}
.coresss-ticket-card::after {
    display: none !important;
}
.coresss-ticket-header {
    padding: 16px 22px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2;
    border: none;
    border-radius: var(--cv2-radius-input, 12px);
    margin: 4px;
    transition: all 0.3s ease;
}
.coresss-ticket-card.active .coresss-ticket-header {
    background: rgba(var(--color-primary-rgb), 0.02);
}
.coresss-ticket-number {
    font-size: 15px;
    font-weight: 700;
    color: var(--color-primary);
    margin-right: 15px;
    min-width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(var(--color-primary-rgb), 0.08);
    position: relative;
}
.coresss-ticket-question {
    font-size: 16px;
    font-weight: 600;
    color: #334155;
    flex: 1;
    line-height: 1.4;
    transition: color 0.3s ease;
}
.coresss-ticket-icon {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
    flex-shrink: 0;
    border-radius: 50%;
    background: rgba(var(--color-primary-rgb), 0.1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    z-index: 5;
}
.coresss-ticket-icon::before,
.coresss-ticket-icon::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: var(--color-primary);
    opacity: 0;
    z-index: -1;
    pointer-events: none;
}
.coresss-ticket-card.active .coresss-ticket-icon::before {
    animation: coresss-radial-pulse-1 2s infinite;
}
.coresss-ticket-card.active .coresss-ticket-icon::after {
    animation: coresss-radial-pulse-2 2s infinite 0.6s;
}
@keyframes coresss-radial-pulse-1 {
    0%   { transform: scale(1);   opacity: 0.5; }
    100% { transform: scale(2.2); opacity: 0; }
}
@keyframes coresss-radial-pulse-2 {
    0%   { transform: scale(1);   opacity: 0.3; }
    100% { transform: scale(1.8); opacity: 0; }
}
.coresss-ticket-icon svg {
    width: 20px;
    height: 20px;
    position: absolute;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.coresss-icon-plus {
    stroke: var(--color-primary);
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
    opacity: 1;
    transform: rotate(0deg) scale(1);
}
.coresss-icon-close {
    stroke: #fff;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
    opacity: 0;
    transform: rotate(-90deg) scale(0.5);
}
.coresss-ticket-card.active .coresss-ticket-icon {
    background: var(--color-primary);
    border-color: var(--color-primary);
}
.coresss-ticket-card.active .coresss-icon-plus {
    opacity: 0;
    transform: rotate(90deg) scale(0.5);
}
.coresss-ticket-card.active .coresss-icon-close {
    opacity: 1;
    transform: rotate(0deg) scale(1);
}
.coresss-ticket-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.coresss-ticket-content {
    padding: 0 22px 20px 22px;
    color: #4b5563;
    font-size: 14.5px;
    line-height: 1.7;
    font-weight: 500;
}
.coresss-ticket-separator {
    position: relative;
    height: 20px;
    width: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
}
.coresss-ticket-card.active .coresss-ticket-separator {
    display: flex;
}
.coresss-ticket-separator::after {
    content: '';
    width: calc(100% - 32px);
    height: 1px;
    border-bottom: 1.5px dashed rgba(var(--color-primary-rgb), 0.2);
    margin: 0 16px;
}
.coresss-notch {
    position: absolute;
    width: 20px;
    height: 20px;
    background: transparent;
    border-radius: 50%;
    z-index: 10;
    top: 50%;
    transform: translateY(-50%);
}
.coresss-notch-left  { left: -10px; }
.coresss-notch-right { right: -10px; }

/* Dark Mode */
[data-theme="dark"] .coresss-ticket-question { color: #f1f5f9; }
[data-theme="dark"] .coresss-ticket-content  { color: #cbd5e1; }
[data-theme="dark"] .coresss-wrapper { background: transparent !important; }

/* Responsive */
@media (max-width: 992px) {
    .coresss-faq-grid { grid-template-columns: 1fr; gap: 12px; padding: 16px; }
    .coresss-wrapper { padding: 40px 0; }
    .coresss-container { padding: 0 16px; }
}
@media (max-width: 768px) {
    .coresss-faq-grid { gap: 10px; padding: 12px; border-radius: var(--cv2-radius-card, 16px); }
    .coresss-ticket-header { padding: 12px 16px; }
    .coresss-ticket-question { font-size: 13.5px; line-height: 1.35; }
    .coresss-ticket-number { font-size: 13px; min-width: 28px; height: 28px; margin-right: 12px; }
    .coresss-ticket-icon { width: 32px; height: 32px; margin-left: 12px; }
    .coresss-ticket-icon svg { width: 18px; height: 18px; }
    .coresss-ticket-content { padding: 0 16px 16px 16px; font-size: 13px; line-height: 1.6; }
}

@media (max-width: 991px) {
    .coresss-ticket-card.active .coresss-ticket-icon::before,
    .coresss-ticket-card.active .coresss-ticket-icon::after {
        animation: none !important;
    }
}

/* --- secondary-bundle.css --- */

#coremklcrts{width:100%;overflow-x:hidden;background:transparent;max-width:var(--CoreV2-container-width)!important;margin-left:auto!important;margin-right:auto!important;padding-bottom:2.5rem;}
#coremklcrts .cmk-container{max-width:var(--CoreV2-container-width, 1300px);margin:0 auto;}
#coremklcrts .cmk-cards-wrapper{display:flex;flex-direction:column;gap:2rem;}
@media (min-width: 1024px){
#coremklcrts .cmk-cards-wrapper{gap:2rem;}
}
#coremklcrts .cmk-card{display:flex;flex-direction:column;align-items:stretch;gap:2rem;}
@media (min-width: 1024px){
#coremklcrts .cmk-card{flex-direction:row;gap:2rem;align-items:stretch;}
#coremklcrts .cmk-card.cmk-reverse{flex-direction:row-reverse;}
}
#coremklcrts .cmk-text-area,#coremklcrts .cmk-visual-area{flex:1;width:100%;min-width:0;}
#coremklcrts .cmk-text-area{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%)!important;border-radius:1.5rem!important;border:1px solid rgba(var(--color-primary-rgb), 0.08)!important;box-shadow: none;important;}
@media (min-width: 1024px){
#coremklcrts .cmk-text-area{padding:2.5rem;}
}
#coremklcrts .genelbaslik{text-align:left;margin-bottom:0;}
#coremklcrts .genelbaslik-baslik{text-align:left;}
#coremklcrts .genelbaslik-rozet-kapsayici{text-align:left;display:block;}
#coremklcrts .genelbaslik-rozet{display:inline-flex!important;padding:6px 18px!important;justify-content:center;}
#coremklcrts .genelbaslik-ana-baslik{text-align:left;}
#coremklcrts .cmk-desc{font-size:1rem;color:#64748b;line-height:1.75;margin-top:1.25rem;}
#coremklcrts .cmk-features{list-style:none;padding:0;margin:1.5rem 0 0 0;display:grid;grid-template-columns:1fr;gap:0.5rem;}
@media (min-width: 480px){
#coremklcrts .cmk-features{grid-template-columns:1fr 1fr;gap:0.625rem;}
}
#coremklcrts .cmk-features li{display:flex;align-items:flex-start;gap:0.75rem!important;padding:10px 12px!important;background:rgba(var(--color-primary-rgb),0.04)!important;border:none!important;border-radius:10px!important;transition:all 0.2s ease;box-shadow:none!important;}
#coremklcrts .cmk-features li:hover{background:rgba(var(--color-primary-rgb),0.08)!important;border:none!important;box-shadow:none!important;}
#coremklcrts .cmk-check-icon{flex-shrink:0;width:34px;height:34px;border-radius:50%;background:var(--color-primary);display:flex;align-items:center;justify-content:center;}
#coremklcrts .cmk-check-icon svg{width:20px;height:20px;color:#fff;}
#coremklcrts .cmk-list-text{color:#475569;font-weight:var(--fw-medium, 500);font-size:0.8125rem;line-height:1.4;}
@media (min-width: 768px){
#coremklcrts .cmk-list-text{font-size:0.875rem;}
}
@media (max-width: 480px){
#coremklcrts .cmk-features{grid-template-columns:1fr 1fr;}
}
#coremklcrts .cmk-btn{display:inline-flex;align-items:center;gap:8px;margin-top:1.5rem;padding:12px 32px;background:var(--CoreV2-primary-gradient,var(--color-primary));color:#fff;font-weight:var(--fw-button, 600);border-radius: var(--cv2-radius-btn, 50px);text-decoration:none;text-align:center;justify-content:center;transition:filter 0.25s ease,box-shadow 0.25s ease,transform 0.2s ease;border:1px solid rgba(0,0,0,.06);box-shadow: none;outline:2px solid rgba(var(--color-primary-rgb),0.25);outline-offset:3px;width:100%;}
#coremklcrts .cmk-btn svg{width:18px;height:18px;flex-shrink:0;transition:transform 0.3s ease;}
#coremklcrts .cmk-btn:hover svg{transform:translate(3px,-3px);}
@media (min-width: 768px){
#coremklcrts .cmk-btn{width:auto;}
}
#coremklcrts .cmk-btn:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow: none;color:#fff;}
#coremklcrts .cmk-grid-bg{background:linear-gradient(130deg,rgba(var(--color-primary-rgb),0.06) -10%,var(--card-bg,#fff) 50%,rgba(var(--color-primary-rgb),0.08) 110%);border:none;border-radius: var(--cv2-radius-card, 1.5rem);padding:0.75rem;box-shadow: none;width:100%;height:100%;}
@media (min-width: 768px){
#coremklcrts .cmk-grid-bg{padding:1rem;}
}
@media (min-width: 1024px){
#coremklcrts .cmk-visual-area{align-self:stretch;}
}
#coremklcrts .cmk-img-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:0.75rem;height:100%;width:100%;}
@media (min-width: 768px){
#coremklcrts .cmk-img-grid{gap:1rem;}
}
#coremklcrts .cmk-img-cell{position:relative;overflow:hidden;border-radius: var(--cv2-radius-card, 1rem);}
#coremklcrts .cmk-img-cell.cmk-tall{grid-row:span 2;}
#coremklcrts .cmk-img-cell img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;display:block;}
#coremklcrts .cmk-img-cell:hover img{transform:scale(1.05);}
#coremklcrts .cmk-img-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.1);transition:background 0.3s;}
#coremklcrts .cmk-img-cell:hover .cmk-img-overlay{background:rgba(0,0,0,0);}
*,*::before,*::after{box-sizing:border-box;}
a{text-decoration:none;color:inherit;transition:color 0.25s ease;}
ul{list-style:none;padding:0;margin:0;}
img{max-width:100%;}
.genelbaslik-rozet-kapsayici::before,.genelbaslik-rozet-kapsayici::after{display:none!important;}
.cmk-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;min-height:48px;border-radius: var(--cv2-radius-input, 10px);font-size: var(--cv2-font-size-button, 14px);font-weight:var(--fw-button, 600);text-decoration:none!important;cursor:pointer;overflow:hidden;z-index:1;border:1.5px solid rgba(var(--CoreV2-primary-rgb), 0.1);background:linear-gradient(130deg,         rgba(var(--CoreV2-primary-rgb, 59,130,246), 0.06) -10%,         var(--card-bg, #fff) 50%,         rgba(var(--CoreV2-primary-rgb, 59,130,246), 0.08) 110%);color:var(--CoreV2-primary);box-sizing:border-box;white-space:nowrap;box-shadow: none;transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);}
.cmk-btn svg{color:inherit;fill:currentColor;transition:transform 0.3s ease, color 0.3s ease;}
.cmk-btn{display:inline-flex;align-items:center;gap:8px;margin-top:1.5rem;padding:12px 32px;background:var(--CoreV2-primary-gradient,var(--CoreV2-primary,#2563eb));color:#fff;font-weight:600;border-radius: var(--cv2-radius-btn, 50px);text-decoration:none;text-align:center;justify-content:center;transition:filter 0.25s ease,box-shadow 0.25s ease,transform 0.2s ease;border:1px solid rgba(0,0,0,.06);box-shadow: none;outline:2px solid rgba(var(--CoreV2-primary-rgb),0.25);outline-offset:3px;}
.cmk-btn:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow: none;color:#fff;}
.cmk-btn:hover svg{transform:scale(1.15) translateX(2px);color:#fff;}
@media (max-width: 768px){
.cmk-btn{padding:10px 18px;font-size: var(--cv2-font-size-button, 13px);min-height:42px;width:100%;}
}
img{max-width:100%;height:auto;}
#coremklcrts .genelbaslik-baslik{padding-bottom:0!important;margin-bottom:0!important;padding-left:0!important;margin-left:0!important;}
#coremklcrts .genelbaslik-baslik::before,#coremklcrts .genelbaslik-baslik::after{display:none!important;}
#coremklcrts .genelbaslik-rozet-kapsayici{text-align:left!important;margin-bottom:0!important;padding:0!important;margin-left:0!important;display:block!important;}
#coremklcrts .genelbaslik-rozet{box-shadow:none!important;margin:0!important;margin-left:0!important;padding-left:4px!important;}
#coremklcrts .genelbaslik-rozet-ikon{margin-left:0!important;}
/* boyut/boşluk: genelbaslik-system.css */
#coremklcrts .genelbaslik-ana-baslik .cmk-title-vurgu{color:var(--CoreV2-primary, var(--color-primary));}
#coremklcrts .cmk-card,#coremklcrts .cmk-text-area,#coremklcrts .cmk-visual-area,#coremklcrts .cmk-img-cell,#coremklcrts .cmk-img-grid{box-shadow:none!important;}
#coremklcrts .cmk-grid-bg{border:1px solid rgba(var(--CoreV2-primary-rgb), 0.1)!important;box-shadow:none!important;}
#coremklcrts .cmk-check-icon{width:40px;height:40px;min-width:40px;display:flex;align-items:center;justify-content:center;background:rgba(var(--CoreV2-primary-rgb, 37, 99, 235), 0.1);border-radius: var(--cv2-radius-input, 12px);margin-right:16px;align-self:flex-start;margin-top:2px;}
#coremklcrts .cmk-check-icon svg{width:22px;height:22px;color:var(--CoreV2-primary, #2563eb);}
#coremklcrts .cmk-features li{display:flex;align-items:flex-start;gap:0;}
#coremklcrts .cmk-features li > div:last-child{flex:1;width:100%;}
#coremklcrts .cmk-list-text{display:block;font-size:15px;font-weight:600;color:var(--CoreV2-text, #1e293b);margin-bottom:4px;line-height:1.4;width:100%;}
#coremklcrts .cmk-list-desc{display:block;font-size:13px;color:var(--CoreV2-text-muted, #64748b);line-height:1.5;margin:0;width:100%;}
[data-theme="dark"] #coremklcrts .cmk-text-area,
[data-theme="dark"] .cmk-text-area,
body.night-mode #coremklcrts .cmk-text-area,
body.night-mode .cmk-text-area {
    background: linear-gradient(130deg, rgba(var(--CoreV2-primary-rgb), 0.08) -10%, rgba(15, 23, 42, 0.95) 50%, rgba(var(--CoreV2-primary-rgb), 0.1) 110%) !important;
}
[data-theme="dark"] #coremklcrts .cmk-grid-bg,
[data-theme="dark"] .cmk-grid-bg,
body.night-mode #coremklcrts .cmk-grid-bg,
body.night-mode .cmk-grid-bg {
    background: linear-gradient(130deg, rgba(var(--CoreV2-primary-rgb), 0.1) -10%, rgba(15, 23, 42, 0.8) 50%, rgba(var(--CoreV2-primary-rgb), 0.08) 110%) !important;
}
[data-theme="dark"] #coremklcrts .cmk-desc,
[data-theme="dark"] .cmk-desc,
body.night-mode #coremklcrts .cmk-desc,
body.night-mode .cmk-desc {
    color: #94a3b8 !important;
}
[data-theme="dark"] #coremklcrts .cmk-list-text,
[data-theme="dark"] .cmk-list-text,
body.night-mode #coremklcrts .cmk-list-text,
body.night-mode .cmk-list-text {
    color: #f1f5f9 !important;
}
[data-theme="dark"] #coremklcrts .cmk-list-desc,
[data-theme="dark"] .cmk-list-desc,
body.night-mode #coremklcrts .cmk-list-desc,
body.night-mode .cmk-list-desc {
    color: #94a3b8 !important;
}
[data-theme="dark"] #coremklcrts .cmk-features li,
[data-theme="dark"] .cmk-features li,
body.night-mode #coremklcrts .cmk-features li,
body.night-mode .cmk-features li {
    background: rgba(var(--CoreV2-primary-rgb), 0.1) !important;
    border-color: rgba(var(--CoreV2-primary-rgb), 0.25) !important;
}
[data-theme="dark"] #coremklcrts .cmk-check-icon,
[data-theme="dark"] .cmk-check-icon,
body.night-mode #coremklcrts .cmk-check-icon,
body.night-mode .cmk-check-icon {
    background: rgba(var(--CoreV2-primary-rgb), 0.15) !important;
}
@media (max-width: 768px) {
    #coremklcrts .cmk-features {
        grid-template-columns: 1fr 1fr !important;
        gap: 0.625rem !important;
    }
    
    #coremklcrts .cmk-features li {
        padding: 10px 8px !important;
        background: rgba(var(--color-primary-rgb), 0.04) !important;
        border: none !important;
    }
    
    #coremklcrts .cmk-check-icon {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        margin-right: 10px !important;
    }
    
    #coremklcrts .cmk-check-icon svg {
        width: 18px !important;
        height: 18px !important;
    }
    
    #coremklcrts .cmk-list-text {
        font-size: 10px !important;
        line-height: 1.3 !important;
    }
    
    #coremklcrts .cmk-list-desc {
        font-size: 9px !important;
        line-height: 1.4 !important;
    }
}
@media (max-width: 768px) {
    [data-theme="dark"] #coremklcrts .cmk-features li,
    [data-theme="dark"] .cmk-features li,
    body.night-mode #coremklcrts .cmk-features li,
    body.night-mode .cmk-features li {
        background: rgba(var(--CoreV2-primary-rgb), 0.1) !important;
        border: none !important;
    }
}


.corevideoply-wrapper * {
    box-sizing: border-box;
}

.corevideoply-hero-section {
    /* Tema panel rengi — footer/sidebar ile aynı kaynak */
    background-color: var(--CoreV2-text-color, var(--CoreV2-secondary, #08090c));
    background-image:
        linear-gradient(
            180deg,
            rgba(var(--CoreV2-secondary-rgb, 14, 17, 25), 0.2) 0%,
            rgba(var(--CoreV2-secondary-rgb, 14, 17, 25), 0.72) 72%,
            rgba(var(--CoreV2-secondary-rgb, 14, 17, 25), 0.88) 100%
        ),
        linear-gradient(
            135deg,
            rgba(var(--CoreV2-secondary-rgb, 14, 17, 25), 0.84) 0%,
            rgba(var(--CoreV2-secondary-rgb, 14, 17, 25), 0.78) 50%,
            rgba(var(--CoreV2-secondary-rgb, 14, 17, 25), 0.84) 100%
        ),
        url('../images/wscms_Images/revmo-1.webp');
    background-size: auto, auto, 400px auto;
    background-position: center, center, center;
    background-repeat: no-repeat, no-repeat, repeat-x;
    grid-column: 1;
    justify-self: stretch;
    width: 100%;
    max-width: var(--CoreV2-container-width) !important;
    border-radius: var(--cv2-radius-card, 20px);
    padding: 26px 20px 172px 20px;
    text-align: center;
    position: relative;
    overflow: hidden;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    border: none;
    box-shadow: none;
}

/* Kırmızı sis — üst/alt, metnin üstüne binmeden */
.corevideoply-hero-section::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        radial-gradient(
            ellipse 110% 55% at 50% -8%,
            rgba(var(--CoreV2-primary-rgb, 239, 68, 68), 0.14) 0%,
            rgba(var(--CoreV2-primary-rgb, 239, 68, 68), 0.04) 42%,
            transparent 62%
        ),
        radial-gradient(
            ellipse 95% 48% at 50% 108%,
            rgba(var(--CoreV2-primary-rgb, 239, 68, 68), 0.11) 0%,
            rgba(var(--CoreV2-primary-rgb, 239, 68, 68), 0.03) 45%,
            transparent 58%
        );
}

/* Metin okunurluğu — merkezde hafif karartma */
.corevideoply-hero-section::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: radial-gradient(
        ellipse 85% 65% at 50% 38%,
        rgba(0, 0, 0, 0.24) 0%,
        transparent 70%
    );
}

.corevideoply-bg-glow {
    display: none;
}

/* corevideoply metin/buton — genelbaslik-system.css */
.corevideoply-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 20px;
    border-radius: var(--cv2-radius-input, 10px);
    text-decoration: none;
    transition: transform 0.2s, opacity 0.2s;
    cursor: pointer;
    border: none;
}

.corevideoply-btn:hover {
    transform: translateY(-3px);
}

.corevideoply-btn-primary {
    background-color: #ffffff;
    color: #000000;
    box-shadow: none;
}

.corevideoply-btn-glass {
    background-color: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: none;
    box-shadow: none;
}

.corevideoply-video-container {
    grid-column: 1;
    justify-self: center;
    width: calc(100% - 32px);
    max-width: var(--corevideoply-video-max-width, 1000px) !important;
    margin-top: -152px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    left: auto;
    right: auto;
    float: none;
    transform: none;
    z-index: 10;
    padding: 8px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: var(--cv2-radius-card, 18px);
    border: 1px solid rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    box-shadow: none;
}

.corevideoply-screen {
    background-color: #050505;
    border-radius: var(--cv2-radius-card, 14px);
    overflow: hidden;
    position: relative;
    width: 100%;
    aspect-ratio: 16/9;
    display: flex;
    flex-direction: column;
}

.corevideoply-ui-layer {
    position: absolute;
    inset: 0;
    z-index: 5;
    background: #0a0a0a;
    transition: opacity 0.5s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.corevideoply-ui-layer::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 6;
    pointer-events: none;
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.1) 0%,
        rgba(255, 255, 255, 0.03) 14%,
        transparent 32%,
        rgba(0, 0, 0, 0.12) 58%,
        rgba(0, 0, 0, 0.42) 82%,
        rgba(0, 0, 0, 0.62) 100%
    );
}

.corevideoply-ui-image {
    display: block;
    width: 100%;
    height: 100%;
    min-width: 105%;
    min-height: 100%;
    max-width: none;
    max-height: none;
    object-fit: cover;
    object-position: center center;
    filter: brightness(1.05) saturate(1.04);
}

.corevideoply-play-btn {
    --vp-play-size: 72px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 25;
    width: var(--vp-play-size);
    height: var(--vp-play-size);
    background: transparent;
    border: none;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    overflow: visible;
}

.play-ripple {
    position: absolute;
    top: 50%;
    left: 50%;
    width: var(--vp-play-size, 72px);
    height: var(--vp-play-size, 72px);
    margin: 0;
    border-radius: 50%;
    border: 2px solid rgba(var(--CoreV2-primary-rgb, 239, 68, 68), 0.85);
    background: rgba(var(--CoreV2-primary-rgb, 239, 68, 68), 0.28);
    transform: translate(-50%, -50%) scale(1);
    transform-origin: center center;
    animation: playRipple 2.2s ease-out infinite;
    pointer-events: none;
    z-index: 1;
    will-change: transform, opacity;
}

.play-ripple.ripple-2 { animation-delay: 0.73s; }
.play-ripple.ripple-3 { animation-delay: 1.46s; }

@keyframes playRipple {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.9;
    }
    65% {
        opacity: 0.4;
    }
    100% {
        transform: translate(-50%, -50%) scale(2.55);
        opacity: 0;
    }
}

.play-icon-circle {
    width: var(--vp-play-size, 72px);
    height: var(--vp-play-size, 72px);
    border-radius: 50%;
    background: linear-gradient(
        145deg,
        rgba(var(--CoreV2-primary-rgb, 239, 68, 68), 1) 0%,
        rgba(var(--CoreV2-primary-rgb, 239, 68, 68), 0.82) 100%
    );
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 3;
    transition: all 0.35s cubic-bezier(0.4,0,0.2,1);
    box-shadow: none;
}

.play-icon-circle svg { margin-left: 3px; }

.corevideoply-play-btn:hover .play-icon-circle {
    transform: scale(1.12);
    box-shadow: none;
}

/* Video cam çerçeve — eski stil (gölgesiz) */
.corevideoply-video-container::before,
.corevideoply-video-container::after {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border-radius: var(--cv2-radius-card, 20px);
    z-index: -1;
    pointer-events: none;
    animation: none;
}

.corevideoply-video-container::before {
    display: block;
    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.14) 0%,
        transparent 42%,
        transparent 58%,
        rgba(255, 255, 255, 0.1) 100%
    );
    opacity: 0.9;
}

.corevideoply-video-container::after {
    display: block;
    background: radial-gradient(
        ellipse at 50% 0%,
        rgba(255, 255, 255, 0.16) 0%,
        transparent 62%
    );
    opacity: 0.75;
}

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

.corevideoply-video-player,
.corevideoply-embed-player {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    object-fit: cover;
    z-index: 1;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s;
    border: 0;
    background: #000;
}

.corevideoply-embed-player {
    object-fit: contain;
}

.corevideoply-close-btn {
    position: absolute;
    top: 25px; right: 25px;
    z-index: 50;
    background: rgba(0,0,0,0.8);
    border: none;
    box-shadow: none;
    color: #fff;
    width: 48px; height: 48px;
    border-radius: 50%;
    cursor: pointer;
    display: none;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s;
}

.corevideoply-close-btn:hover { transform: scale(1.1); background: #000; }

.corevideoply-video-container.corevideoply-active .corevideoply-ui-layer,
.corevideoply-video-container.corevideoply-active .corevideoply-play-btn {
    opacity: 0;
    pointer-events: none;
}

.corevideoply-video-container.corevideoply-active .corevideoply-video-player,
.corevideoply-video-container.corevideoply-active .corevideoply-embed-player {
    opacity: 1;
    z-index: 40;
    pointer-events: auto;
}

.corevideoply-video-container.corevideoply-active .corevideoply-close-btn { display: flex; }

@media (max-width: 768px) {
    .corevideoply-play-btn {
        --vp-play-size: 52px;
    }

    .play-icon-circle svg {
        width: 20px;
        height: 20px;
    }
}

/* Hero slider — özellik kartları 2 sütun (masaüstü) */
.hosting-container .slider-features-modern {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 14px;
}
.hosting-container .feature-cta-modern {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 200px;
    min-height: 44px;
    padding: 12px 22px;
}
@media (max-width: 767px) {
    .hosting-container .slider-features-modern {
        grid-template-columns: 1fr;
    }
    .hosting-container .feature-cta-modern {
        width: 100%;
    }
}