:root {
    
    --CoreV2-primary:              var(--cv2-primary);
    --CoreV2-primary-rgb:          var(--cv2-primary-rgb);
    --CoreV2-primary-gradient:     var(--cv2-gradient);
    --theme-color-1:               var(--cv2-primary);
    --theme-color-1-tone:          var(--cv2-primary-tone);
    --theme-color-1-light:         var(--cv2-primary-light);
    --theme-color-1-gradient:      var(--cv2-gradient);
    
    
    --r-xs:   6px;
    --r-sm:   8px;
    --r-md:  12px;
    --r-lg:  16px;
    --r-xl:  20px;
    --r-2xl: 24px;
    --r-pill:50px;
    
    --t-base:  0.25s ease}
img, video {
    max-width: 100%;
    height: auto;
    display: block}
.selectLangCurrency {
    display: none}
#selectLang,
#selectCurrency,
#ct-preloader,
#preloader {
    display: none}
#selectLang, #selectCurrency {
    background-size: 100% auto;
    background-position: center;
    background-color: transparent;
    color: #ffffff;
    text-align: center}
#selectLang .langandcur a,
#selectCurrency .langandcur a {
    border: 1px solid transparent;
    width: 47%}

html, body {
    
    background-color: var(--bg-main, #fafbfc);
    background-attachment: scroll;
    color: var(--text-primary, #101218);
    
    font-weight: var(--font-weight-normal, 400);
    
    font-size: max(15px, var(--font-size-base, 16px));
    overflow-x: hidden;
    max-width: 100%;
    transition: none}
html {
    font-size: max(15px, var(--font-size-base, 16px))}
html[data-theme="dark"],
html[data-theme="dark"] {
    
    background-color: var(--cv2-surface-page, #0B0F19);
    color-scheme: dark}
html[data-theme="dark"] body,
html[data-theme="dark"] body {
    background-color: var(--bg-main, #0B0F19);
    background-attachment: scroll}
#wrapper,
#main-wrapper,
#content,
#main,
body,
html {
    padding-top: 0;
    margin-top: 0;
    top: 0}
@media  (max-width: 991px) {


*, *::before, *::after {
        backdrop-filter: none;
        -webkit-backdrop-filter: none}
}


@media  (max-width: 991px) {








}

html[data-theme="dark"],
[data-theme="dark"] {
    --CoreV2-card-bg: var(--cv2-surface-card, #171F2E);
    --CoreV2-border: rgba(255, 255, 255, 0.10);
    --header-action-gradient: linear-gradient(130deg, rgba(var(--CoreV2-primary-rgb, 59, 130, 246), 0.15) -10%, #1e293b 50%, rgba(var(--CoreV2-primary-rgb, 59, 130, 246), 0.2) 110%);
    --header-action-border: rgba(255, 255, 255, 0.06)}


@keyframes cv2BellShake {
    0%,100%  { transform: rotate(0deg)}
    8%       { transform: rotate(-12deg)}
    16%      { transform: rotate(12deg)}
    24%      { transform: rotate(-9deg)}
    32%      { transform: rotate(9deg)}
    40%      { transform: rotate(-5deg)}
    48%      { transform: rotate(5deg)}
    56%      { transform: rotate(-2deg)}
    64%      { transform: rotate(2deg)}
    72%,100% { transform: rotate(0deg)}
}
@keyframes cv2NotifSlideIn {
    from { opacity: 0; transform: scale(0.93) translateY(-8px)}
    to   { opacity: 1; transform: scale(1)   translateY(0)}
}
@keyframes cv2Pulse {
    0%,100% { transform: scale(.95)}
    70%      { transform: scale(1)}
}
@keyframes notifPulse {
    0%,100% { transform: scale(1)}
    50%      { transform: scale(1.05)}
}
@keyframes notifRotate {
    to { transform: rotate(360deg)}
}
.cv2-readall-btn:hover { background: rgba(var(--CoreV2-primary-rgb,101,163,13),0.14); transform: translateY(-1px)}
.cv2-readall-btn:active { transform: translateY(0)}
.cv2-readall-btn:focus-visible {
    outline: 2px solid var(--CoreV2-primary, var(--cv2-primary));
    outline-offset: 2px}
[data-theme="dark"] .cv2-readall-btn { background: rgba(var(--CoreV2-primary-rgb,101,163,13),0.12); border-color: rgba(var(--CoreV2-primary-rgb,101,163,13),0.25)}
.hosting-container,.faq-container,.theme-services-container,.CoreV2info-container,.CoreV2paktsb-container,.introslider-container,.CoreV2-campaign-countdown{
    max-width: var(--CoreV2-container-width, 1300px);
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    box-sizing: border-box}

.hosting-container {
    display: flex;
    align-items: stretch;
    gap: 16px;
    margin: 4px auto 8px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    position: relative;
    z-index: 10;
    height: 380px;
    box-sizing: border-box}


@media  (max-width: 1300px) {
.hosting-container {
        flex-direction: column}

}








@keyframes sliderFadeIn {
    from { opacity: 0; transform: translateY(8px)}
    to   { opacity: 1; transform: translateY(0)}
}
@keyframes sliderFadeInImg {
    from { opacity: 0}
    to   { opacity: 1}
}




































@keyframes sliderFill { from { width: 0%} to { width: 100%} }

@keyframes ringFill { from { stroke-dashoffset: 132} to { stroke-dashoffset: 0} }



@media  (max-width: 900px) {


.slider-main-right-blur{
        height: 56px;
        min-height: 40px;
        max-height: 56px}

}
.grid-wrapper.grid-collapsed { flex: 0 0 44px; width: 44px; min-width: 0; overflow: hidden}
.grid-wrapper.grid-collapsed .grid-toggle-label-wrap    { display: none}
.grid-wrapper.grid-collapsed .grid-toggle-chevron       { transform: rotate(180deg)}
.grid-wrapper.grid-collapsed .grid-toggle-bar           { border-bottom: none; padding: 8px 0 0; justify-content: center; margin-bottom: 0}

[data-theme="dark"] .card-title    { color: #f1f5f9}
[data-theme="dark"] .card-subtitle { color: rgba(var(--cv2-primary-rgb),.8)}
[data-theme="dark"] .percent { color: var(--CoreV2-primary)}

[data-theme="dark"] .intro-social { background: var(--CoreV2-card-bg); border: 1.5px solid var(--CoreV2-border)}
[data-theme="dark"] .intro-social a { background: rgba(var(--CoreV2-primary-rgb),.2)}
[data-theme="dark"] .intro-card { background: var(--CoreV2-card-bg); border: 1.5px solid var(--CoreV2-border)}
[data-theme="dark"] .intro-card::before {
    opacity: .08}
[data-theme="dark"] .intro-breadcrumb { background: rgba(255,255,255,.05); border-color: var(--CoreV2-border)}
[data-theme="dark"] .intro-breadcrumb .breadcrumb-text { color: #f1f5f9}
[data-theme="dark"] .intro-title { color: #ffffff}
[data-theme="dark"] .intro-desc { color: #94a3b8}
[data-theme="dark"] .intro-spec-item       { background: linear-gradient(145deg, rgba(255,255,255,0.07) 0%, rgba(255,255,255,0.03) 100%); border-color: rgba(255,255,255,.08)}
[data-theme="dark"] .intro-spec-item:hover { background: linear-gradient(145deg, rgba(255,255,255,0.12) 0%, rgba(255,255,255,0.06) 100%)}
[data-theme="dark"] .intro-spec-item .spec-info strong { color: #94a3b8}
[data-theme="dark"] .intro-spec-item .spec-info small  { color: #e2e8f0}
.introslider-title-highlight { color: var(--primary-color)}

.iziModal .iziModal-progressbar { top: auto; bottom: 0}
.iziModal .iziModal-progressbar > div { height: 3px; background: rgba(255,255,255,.45)}
.iziModal .iziModal-button {
    width: 28px; height: 28px;
    opacity: .7;
    background: rgba(255,255,255,.15);
    border-radius: 6px;
    background-size: 55%;
    transition: opacity .2s, background .2s}
.iziModal .iziModal-button:hover { opacity: 1; background: rgba(255,255,255,.28)}
.iziModal .iziModal-content {
    padding: 0;
    font-size: 13.5px;
    line-height: 1.6}
.iziModal .iziModal-content:empty,
.iziModal .iziModal-wrap:empty { display: none; height: 0; padding: 0}
.iziModal .iziModal-content > *:not(:empty) { padding: 14px 16px}
#CoreV2_settings_modal.iziModal,
#CoreV2_settings_modal.iziModal-open {
  z-index: 999999}
.iziModal-overlay.cv2-settings-overlay {
  z-index: 999990}

[data-theme="dark"] .iziModal .iziModal-content { background: var(--CoreV2-card-bg); color: #e2e8f0}
.cv2-qa-backdrop.cv2-qa-open { opacity: 1; visibility: visible; pointer-events: auto}
.cv2-qa-card::before {
    content: "";
    position: absolute;
    top: 0; left: 50%;
    transform: translateX(-50%);
    width: 88px; height: 3px;
    background:var(--cv2-gradient,var(--CoreV2-primary));
    border-radius: 0 0 6px 6px}
.cv2-qa-card::-webkit-scrollbar { display: none}
.cv2-qa-backdrop.cv2-qa-open .cv2-qa-card { transform: translateY(0) scale(1)}
[data-theme="dark"] .cv2-qa-card {
    background:var(--cv2-gradient,var(--cv2-primary));
    border-color: transparent}
[data-theme="dark"] .cv2-qa-card::before { background:var(--cv2-gradient,var(--CoreV2-primary))}
.cv2-qa-close:hover {
    background: rgba(var(--cv2-primary-rgb),.16);
    border-style: solid;
    transform: scale(1.1) rotate(90deg)}
[data-theme="dark"] .cv2-qa-close { background: rgba(var(--cv2-primary-rgb),.1); border-color: rgba(var(--cv2-primary-rgb),.3); color: var(--cv2-danger)}
.cv2-qa-tab.active {
    background: var(--theme-color-1-gradient);
    color: #ffffff;
    outline: 2px solid rgba(var(--CoreV2-primary-rgb),.30);
    outline-offset: 3px}
.cv2-qa-panel.active  { display: block}
#cv2-quickauth-backdrop .croturumac-account-type-btn.active { background: var(--theme-color-1-gradient); color: #ffffff; border-radius: 50px; outline: 2px solid rgba(var(--CoreV2-primary-rgb),.28); outline-offset: 3px}
#cv2-quickauth-backdrop .iti__selected-flag {
    background: rgba(var(--CoreV2-primary-rgb),.05);
    border-right: 1px solid rgba(0,0,0,.08);
    padding: 0 10px 0 12px;
    height: 42px}
.iti--container .iti__country.iti__highlight { background: rgba(var(--CoreV2-primary-rgb),.08)}
.iti--container .iti__country:hover{ background: rgba(var(--CoreV2-primary-rgb),.08)}
.cv2-pw-toggle:hover { color: var(--CoreV2-primary)}

.CoreV2-main-menu > ul > li::after {
    content: "";
    position: absolute;
    top: 100%; left: -20px; right: -20px;
    height: 18px;
    pointer-events: none;
    z-index: 99990}

@keyframes cv2OverlayIn {
    from { opacity: 0}}
@keyframes cv2MegaSlideIn {
    from { opacity: 0; transform: translateX(-50%) translateY(-12px) scale(.97)}}
.megahedars-dropdown-item {
    background-color: #f8fafc;
    background-image: none;
min-width: 0}
[data-theme="dark"] .megahedars-dropdown-item {
    background-color: rgba(255,255,255,.05)}
.megahedars-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%}
.megahedars-column-title     { width: 100%; display: block}
.CoreV2-main-menu .CoreV2-dropdown-menu,
.CoreV2-main-menu .CoreV2-dropdown-menu-inner {
    background: transparent;
    background-color: transparent;
    background-image: none;
    border: none;
    margin-top: 0;
    padding-top: 3px}
.CoreV2-main-menu > ul > li:not(:last-child) > a.CoreV2-menu-item::after {
    display: none;
    content: none}
[data-theme="dark"] .CoreV2-view-all-link {background:none;border-color:transparent;color:rgba(255,255,255,.9)}
[data-theme="dark"] .genelbaslik-aciklama{ color: #94a3b8}
[data-theme="dark"] .genelbaslik-rozet { background: rgba(var(--CoreV2-primary-rgb),.12); border-color: rgba(var(--CoreV2-primary-rgb),.2)}
[data-theme="dark"] .genelbaslik-rozet-ikon { color: #ffffff}
[data-theme="dark"] .genelbaslik-rozet-metin { color: var(--CoreV2-primary)}
[data-theme="dark"] .CoreV2info-wrapper     { border: none}
[data-theme="dark"] .CoreV2info-icon        { color: var(--CoreV2-primary)}
[data-theme="dark"] .CoreV2info-number-box {
    color: #f1f5f9}

[data-theme="dark"] .vertical--packs .pack.pack-popular .btn-main       { background: #ffffff; color: var(--CoreV2-primary)}
#clientAreaMenus-2 #active  { background: rgba(0,0,0,.05)}

.core-popup2-banner__backdrop.visible {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1}
.core-popup2-banner {
    z-index: 9999;
    opacity: 0}
.core-popup2-banner__backdrop.visible .core-popup2-banner {
    display: flex;
    transform: scale(1);
    opacity: 1}


:root {
  
  --theme-color-1: var(--cv2-primary);
  --theme-color-1-tone: var(--cv2-primary-tone);
  --theme-color-1-light: var(--cv2-primary-light);
  --theme-color-1-gradient: var(--cv2-gradient);
  --CoreV2-primary: var(--cv2-primary);
  --CoreV2-primary-rgb: var(--cv2-primary-rgb);
  --CoreV2-secondary: var(--cv2-secondary);
  --CoreV2-secondary-rgb: var(--cv2-secondary-rgb, 28, 29, 40);
  --CoreV2-primary-gradient: var(--cv2-gradient);
  
  --CoreV2-primary-light: var(--cv2-primary-light);
  
  
  
  --CoreV2-primary-bg: rgba(var(--cv2-primary-rgb), 0.08);
  --CoreV2-success: #10b981;
  --CoreV2-warning: #f59e0b;
  --CoreV2-danger: #ef4444;
  
  --CoreV2-bg: var(--cv2-surface, #fafbfc);
  --CoreV2-surface: var(--cv2-surface-card, #ffffff);
  --CoreV2-card: var(--cv2-surface-card, #ffffff);
  --CoreV2-card-hover: var(--cv2-surface-secondary, #f1f5f9);
  --CoreV2-border: var(--cv2-border, #e2e8f0);
  --CoreV2-text-primary: var(--cv2-heading, #101218);
  --CoreV2-text-secondary: var(--cv2-text, #68718c);
  
  --CoreV2-shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.04);
  --CoreV2-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --CoreV2-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.10);
  
  
  --CoreV2-radius-lg: 12px;
  
  
  
  
  --CoreV2-transition-normal: 280ms;
  
  --CoreV2-header-height: 72px;
  --CoreV2-topbar-height: 40px;
  --CoreV2-container-width: 1300px;
  
  
  
  
  
  
  
  --CoreV2-font-size-lg: 18px;
  --mm-bg: #ffffff;
  --mm-card-bg: #f8fafc;
  --mm-card-hover: #f1f5f9;
  --mm-text-primary: #101218;
  --mm-text-secondary: #64748b;
  --mm-border: rgba(0, 0, 0, 0.06);
  --mm-shadow: 0 20px 60px -10px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05);
  --mm-icon-bg: rgba(0, 0, 0, 0.04);
  --mm-icon-color: #64748b;
  --bg-main: #f4f4f6;
  --bg-secondary: #f8fafc;
  --text-primary: #101218;
  --text-secondary: #64748b;
  --border-color: #e2e8f0;
  --color-primary: var(--CoreV2-primary);
  --color-primary-rgb: var(--CoreV2-primary-rgb);
  

  
  
  
  
  --faq-card-bg-color: #ffffff;
  
  
  
  --core-popup2-primary: var(--coretema-primary);
    --core-popup2-primary-rgb: var(--coretema-primary-rgb);
    --core-popup2-light-bg: rgba(var(--coretema-primary-rgb), 0.08);
    --core-popup2-text: #1a1625;
    --core-popup2-muted: var(--cv2-text, var(--cv2-soft-text, #68718c));
    --core-popup2-font: var(--font-family-base)}
html[data-theme="dark"],
[data-theme="dark"] {
  --CoreV2-bg: #0B0F19;
  --CoreV2-surface: #0B0F19;
  --CoreV2-card: #171F2E;
  --CoreV2-card-hover: #1e293b;
  --CoreV2-border: #2A3448;
  --CoreV2-text-primary: #e2e8f0;
  --CoreV2-text-secondary: #94a3b8;
  
  --CoreV2-shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.15);
  --CoreV2-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.25);
  --CoreV2-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.35);
  --mm-bg: #0e1119;
  --mm-card-bg: rgba(255, 255, 255, 0.05);
  --mm-card-hover: rgba(255, 255, 255, 0.08);
  --mm-text-primary: #f1f5f9;
  --mm-text-secondary: #94a3b8;
  --mm-border: rgba(255, 255, 255, 0.07);
  --mm-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
  --mm-icon-bg: rgba(255, 255, 255, 0.07);
  --mm-icon-color: #94a3b8;
  --bg-main: #0B0F19;
  --bg-secondary: #111827;
  --text-primary: #e2e8f0;
  --text-secondary: #94a3b8;
  --border-color: #2A3448;
  
  --cv2-surface: #0B0F19;
  --cv2-surface-card: #171F2E;
  color-scheme: dark}
.CoreV2-menu-item {
  text-decoration: none;
  font-weight: var(--fw-menu, 400)}
.CoreV2-menu-item:hover {
  background-color: var(--CoreV2-primary-light)}

.CoreV2-menu-title {
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: var(--fw-menu, 400);
  color: #64748b;
  gap: 4px;
  text-decoration: none;
  border-bottom: none}

@media  (min-width: 992px) {
.CoreV2-menu-title i.hgi {
    display: none}
}

.CoreV2-container {
  width: 100%;
  max-width: var(--CoreV2-container-width);
  margin: 0 auto;
  padding: 0}
.container-xl {
  max-width: var(--CoreV2-container-width);
  width: 100%;
  margin: 0 auto}
.row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.25rem}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding: 0 0.25rem}
.gap-1 { gap: 0.25rem}
.gap-2 { gap: 0.5rem}
.px-4 { padding-left: 1.5rem; padding-right: 1.5rem}
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem}


.CoreV2-fx-btn.active {
  background:var(--cv2-gradient,var(--CoreV2-primary));
  color: #ffffff}
.CoreV2-selector:hover {
  background: rgba(255,255,255,0.12);
  color: #ffffff}
.CoreV2-selector:hover .CoreV2-selector-arrow {
  transform: translateY(2px);
  opacity: 0.9}

[data-theme="light"] .CoreV2-theme-icon,
html:not([data-theme="dark"]) .CoreV2-theme-icon {
  stroke: rgba(0,0,0,0.6)}
[data-theme="light"] .CoreV2-theme-switcher,
html:not([data-theme="dark"]) .CoreV2-theme-switcher {
  background: rgba(0,0,0,0.06);
  border: 1px solid rgba(0,0,0,0.1)}
[data-theme="light"] .CoreV2-theme-switcher:hover,
html:not([data-theme="dark"]) .CoreV2-theme-switcher:hover {
  background: rgba(0,0,0,0.1)}
[data-theme="dark"] .CoreV2-theme-icon.sun { opacity: 0}
[data-theme="dark"] .CoreV2-theme-icon.moon { opacity: 1}
.CoreV2-currency-widget:hover { background: rgba(255, 255, 255, 0.17)}

@media  screen and (min-width: 992px) {




}

@keyframes CoreV2SlideDown {
  from { transform: translateY(-100%); opacity: 0}
  to { transform: none; opacity: 1}
}

.CoreV2-logo {
  display: flex;
  align-items: center;
  position: relative;
  overflow: visible}
.CoreV2-logo a {
  display: inline-flex;
  align-items: center}
.CoreV2-logo img {
  max-height: 52px;
  width: auto;
  object-fit: contain;
  display: block;
  transition: transform var(--CoreV2-transition-normal) ease}
.CoreV2-logo:hover img { transform: scale(1.04)}
[data-theme="dark"] .CoreV2-logo img,
[data-theme="dark"] .CoreV2-mobile-logo img {
  filter: brightness(0) invert(1)}

.CoreV2-main-menu {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible}
.CoreV2-main-menu > ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  gap: 2px;
  overflow: visible;
  flex-wrap: nowrap}
.CoreV2-main-menu > ul > li {
  position: relative;
  margin: 0 2px;
  overflow: visible}
.CoreV2-main-menu > ul > li:not(:last-child)::after {
  display: none;
  content: none}
.CoreV2-menu-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 5px 10px;
  border-radius: 10px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  background: transparent;
  position: relative;
  min-height: 44px}
.CoreV2-menu-item:hover {
  background: transparent}

.CoreV2-main-menu > ul > li > a.CoreV2-menu-item {
  position: relative;
  overflow: visible;
  color: #64748b;
  text-decoration: none;
  border-bottom: none}
.CoreV2-main-menu > ul > li > a.CoreV2-menu-item:focus,
.CoreV2-main-menu > ul > li.show-mega-menu > a.CoreV2-menu-item,
.CoreV2-main-menu > ul > li.mega-open > a.CoreV2-menu-item {
  color: var(--CoreV2-primary, var(--cv2-primary));
  text-decoration: none;
  border-bottom: none}
.CoreV2-main-menu > ul > li > a.CoreV2-menu-item:hover{
  color: var(--CoreV2-primary, var(--cv2-primary));
  text-decoration: none}
.CoreV2-main-menu > ul > li.show-mega-menu > a.CoreV2-menu-item .CoreV2-menu-title,
.CoreV2-main-menu > ul > li.mega-open > a.CoreV2-menu-item .CoreV2-menu-title {
  color: var(--CoreV2-primary, var(--cv2-primary))}
.CoreV2-main-menu > ul > li > a.CoreV2-menu-item:hover .CoreV2-menu-title{
  color: var(--CoreV2-primary, var(--cv2-primary))}

.CoreV2-menu-badge {
  font-size: 10px;
  font-weight: 400;
  padding: 2px 8px;
  border-radius: 6px;
  margin-bottom: 4px;
  display: inline-block;
  letter-spacing: 0.2px;
  transition: all 0.3s ease;
  border: 1px solid transparent}
li.has-dynamic-color .CoreV2-menu-badge {
  background-color: var(--menu-item-bg-color, rgba(var(--CoreV2-primary-rgb), 0.1));
  color: var(--menu-item-color, var(--CoreV2-primary));
  border-color: rgba(var(--menu-item-rgb, var(--CoreV2-primary-rgb)), 0.15)}
.CoreV2-main-menu > ul > li:hover .CoreV2-menu-badge {
  transform: translateY(-2px)}

.CoreV2-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 14px;
  margin-top: 0;
  overflow: visible;
  display: flex;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--CoreV2-transition-normal) ease, visibility var(--CoreV2-transition-normal) ease;
  z-index: 1001}


.megahedars-column-title {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--mm-text-secondary);
  margin-bottom: 6px;
  padding-left: 4px}
.megahedars-column-title::before { display: none}

.megahedars-dropdown-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 13px 15px;
  background: var(--mm-card-bg);
  border: 1px solid var(--mm-border);
  border-radius: 12px;
  transition: all 0.2s ease;
  text-decoration: none;
  color: var(--mm-text-primary);
  cursor: pointer;
  min-height: 76px;
  height: auto;
  width: 100%;
  font-size: 14px;
  line-height: 1.5;
  position: relative;
  overflow: visible}
.megahedars-dropdown-item:hover {
  transform: translateY(-2px);
  background: var(--mm-card-hover)}
.megahedars-dropdown-item:hover .megahedars-title {
  color: var(--menu-item-color, var(--CoreV2-primary))}
[data-theme="dark"] .megahedars-dropdown-item {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.08)}
[data-theme="dark"] .megahedars-dropdown-item:hover {
  background: rgba(255, 255, 255, 0.09)}
.megahedars-dropdown-icon {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--mm-icon-bg);
  color: var(--mm-icon-color);
  border-radius: 50%;
  border: none;
  transition: all 0.25s ease;
  flex-shrink: 0}
.megahedars-dropdown-item:hover .megahedars-dropdown-icon {
  background: var(--menu-item-color, var(--CoreV2-primary));
  color: #ffffff}
.megahedars-dropdown-icon i,
.megahedars-dropdown-icon svg {
  font-size: 15px;
  width: 15px;
  height: 15px;
  display: block;
  line-height: 1;
  margin: auto}
.megahedars-title {
  font-size: 13px;
  font-weight: 600;
  color: var(--mm-text-primary);
  margin-bottom: 2px;
  display: block;
  line-height: 1.3;
  transition: color 0.2s ease}
.megahedars-description {
  font-size: 11.5px;
  color: var(--mm-text-secondary);
  font-weight: 400;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  max-width: 34ch;
  word-wrap: break-word}

body::before {
  content: "";
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(12px) saturate(160%) brightness(0.85);
  -webkit-backdrop-filter: blur(12px) saturate(160%) brightness(0.85);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.28s ease, visibility 0.28s ease;
  z-index: 999}



.mp-user-dropdown-wrapper {
  position: relative;
  display: inline-flex;
  align-items: center}
.mp-user-btn:hover {
  background: rgba(var(--CoreV2-primary-rgb), 0.06);
  transform: none}
[data-theme="dark"] .mp-status-indicator { border-color: #0c0f15}
.mp-user-btn:hover .mp-user-chevron { transform: rotate(180deg); opacity: .8}
.mp-user-dropdown {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  width: 280px;
  background: var(--CoreV2-card, #fff);
  border: 1px solid rgba(var(--CoreV2-primary-rgb), 0.12);
  border-radius: 16px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px) scale(.98);
  transition: opacity .18s ease, transform .18s ease, visibility .18s;
  z-index: 9999;
  overflow: hidden}
[data-theme="dark"] .mp-user-dropdown {
  background: #121722;
  border-color: rgba(255,255,255,.1)}
.mp-user-dropdown-wrapper.active .mp-user-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1)}
.mp-user-dropdown-wrapper:hover .mp-user-dropdown{
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1)}
.mp-user-dropdown-head {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) 16px;
  align-items: center;
  gap: 10px;
  padding: 12px 12px 11px;
  text-decoration: none;
  color: inherit;
  background:
    radial-gradient(120% 100% at 100% 0%, rgba(var(--CoreV2-primary-rgb), .14), transparent 55%),
    rgba(var(--CoreV2-primary-rgb), .04);
  border-bottom: 1px dashed rgba(var(--CoreV2-primary-rgb), .18)}
.mp-user-dropdown-head:hover {
  background:
    radial-gradient(120% 100% at 100% 0%, rgba(var(--CoreV2-primary-rgb), .2), transparent 55%),
    rgba(var(--CoreV2-primary-rgb), .07)}
.mp-user-dropdown-head-av {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  background: var(--CoreV2-primary-gradient, var(--CoreV2-primary));
  overflow: hidden;
  border: 2px solid rgba(var(--CoreV2-primary-rgb), .28)}
.mp-user-dropdown-head-copy {
  min-width: 0}
.mp-user-dropdown-head-copy strong,
.mp-user-dropdown-head-copy small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap}
.mp-user-dropdown-head-copy strong {
  font-size: 13px;
  font-weight: 700;
  color: var(--CoreV2-text-primary, #0f172a)}
.mp-user-dropdown-head-copy small {
  margin-top: 2px;
  font-size: 11px;
  font-weight: 600;
  color: var(--CoreV2-primary)}
[data-theme="dark"] .mp-user-dropdown-head-copy strong { color: #f1f5f9}
.mp-user-dropdown-head-go {
  font-size: 14px;
  color: var(--CoreV2-primary);
  opacity: .7}
.mp-user-dropdown-menu { padding: 8px; display: flex; flex-direction: column; gap: 2px}
.mp-user-dropdown-label {
  margin: 6px 4px 4px;
  padding: 0 6px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--CoreV2-text-secondary, #64748b)}
.mp-user-dropdown-label:first-child { margin-top: 2px}
.mp-user-dropdown-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  border-radius: 10px;
  color: var(--CoreV2-text-primary);
  text-decoration: none;
  font-size: 12.5px;
  font-weight: 600;
  transition: background .15s ease, color .15s ease}
.mp-user-dropdown-item:hover {
  background: rgba(var(--CoreV2-primary-rgb), 0.08);
  color: var(--CoreV2-primary);
  transform: none}
[data-theme="dark"] .mp-user-dropdown-item { color: #e2e8f0}
[data-theme="dark"] .mp-user-dropdown-item:hover { background: rgba(var(--CoreV2-primary-rgb), 0.14); color: var(--CoreV2-primary)}
.mp-user-dropdown-item:hover .mp-item-icon {
  background:var(--cv2-gradient,var(--CoreV2-primary));
  color: #ffffff}
[data-theme="dark"] .mp-item-icon { background: rgba(var(--CoreV2-primary-rgb), 0.12)}
.mp-user-dropdown-footer {
  padding: 6px;
  border-top: 1.5px dashed rgba(var(--CoreV2-primary-rgb), 0.2);
  background: transparent}
[data-theme="dark"] .mp-user-dropdown-footer { border-top-color: rgba(255,255,255,.08)}
.mp-user-logout-btn:hover {
  background: rgba(var(--cv2-primary-rgb),.08);
  color: var(--cv2-danger)}

#CoreV2-sticky-ann-wrapper.CoreV2-sticky-visible {
  display: block;
  visibility: visible;
  opacity: 1;
  pointer-events: auto}
#CoreV2-sticky-ann-wrapper.CoreV2-sticky-hide {
  display: none;
  opacity: 0;
  padding: 0;
  overflow: hidden;
  pointer-events: none;
  margin: 0}
#CoreV2-sticky-ann {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  max-width: var(--CoreV2-container-width);
  min-height: 64px;
  margin: 0 auto;
  padding: 10px 22px;
  border-radius: var(--cv2-radius-card, 12px);
  background: var(--theme-color-1-gradient);
  color: #ffffff;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.18);
  position: relative;
  isolation: isolate;
  box-sizing: border-box}
#CoreV2-sticky-ann::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background-image: url("../../images/revmo-1.webp");
  background-size: 260px 260px;
  background-position: right -10px center;
  background-repeat: no-repeat;
  opacity: 0.18;
  pointer-events: none;
  z-index: 0}
.CoreV2-sticky-content {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 14px;
  flex: 1 1 auto;
  min-width: 0;
  order: 1;
  overflow: hidden;
  z-index: 1}
.CoreV2-sticky-top-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
  order: 2;
  z-index: 2}
.CoreV2-sticky-icon-col {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  flex: 0 0 auto}
.CoreV2-sticky-icon-vline {
  width: 1px;
  height: 36px;
  background: rgba(255, 255, 255, 0.22);
  flex-shrink: 0}
.CoreV2-sticky-lead {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center}
.CoreV2-sticky-hub {
  flex: 0 0 auto;
  min-width: 0}
.CoreV2-sticky-meta {
  display: inline-flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 10px}
.CoreV2-sticky-center {
  display: inline-flex;
  align-items: center;
  border-radius: var(--cv2-radius-btn, var(--cv2-btn-radius, 14px))}
.CoreV2-sticky-coupon-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  opacity: 0.92}
.CoreV2-sticky-coupon-code {
  font-weight: 700;
  letter-spacing: 0.04em}

.CoreV2-sticky-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: var(--cv2-radius-input, 10px);
  background: rgba(255, 255, 255, 0.16);
  flex: 0 0 46px;
  border: 1px solid rgba(255, 255, 255, 0.2)}
.CoreV2-sticky-icon svg,
.CoreV2-sticky-icon i,
.CoreV2-sticky-icon .hki-stroke {
  width: 22px;
  height: 22px;
  font-size: 22px;
  line-height: 1}
.CoreV2-sticky-text-area {
  font-size: 14px;
  font-weight: 500;
  flex: 1 1 auto;
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
  overflow: hidden;
  color: #ffffff}
.CoreV2-sticky-text { display: inline-flex; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1 1 auto; min-width: 0}
.CoreV2-sticky-details { display: inline-flex; align-items: center; flex-wrap: nowrap; gap: 10px; white-space: nowrap; flex: 0 0 auto}
.CoreV2-sticky-coupon {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 14px;
  background: rgba(255, 255, 255, 0.12);
  font-size: 13px;
  border: 1px solid rgba(255,255,255,0.18);
  white-space: nowrap}
.CoreV2-sticky-coupon strong { font-weight: 700; color: #ffffff; font-size: 14px; letter-spacing: 0.5px}
.CoreV2-sticky-coupon-icon svg,
.CoreV2-sticky-coupon-icon i,
.CoreV2-sticky-coupon-icon .hki-stroke {
  width: 16px;
  height: 16px;
  font-size: 16px}
.CoreV2-sticky-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; flex: 0 0 auto; z-index: 1}
.CoreV2-sticky-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 16px;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  background: rgba(255, 255, 255, 0.18);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.28);
  white-space: nowrap;
  transition: all 0.25s ease}
.CoreV2-sticky-btn:hover {
  background: rgba(255, 255, 255, 0.28);
  transform: translateY(-1px)}
.CoreV2-sticky-copy {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: rgba(255,255,255,0.18);
  color: #ffffff;
  border: 1px solid rgba(255,255,255,0.35);
  padding: 4px 10px;
  font-size: 11px;
  cursor: pointer;
  transition: background 0.2s ease;
  white-space: nowrap;
  flex-shrink: 0}
.CoreV2-sticky-copy:hover { background: rgba(255,255,255,0.30)}
.CoreV2-sticky-countdown {
  display: inline-flex;
  align-items: stretch;
  flex-wrap: nowrap;
  gap: 0;
  column-gap: 0;
  row-gap: 0;
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
  min-height: 46px}
.CoreV2-countdown-item {
  min-width: 42px;
  margin: 0;
  padding: 6px 8px;
  border-radius: 0;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-left-width: 0;
  border-right-width: 0;
  background: rgba(255, 255, 255, 0.14);
  text-align: center;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center}
.CoreV2-countdown-item:first-child {
  border-radius: 8px 0 0 8px;
  border-left-width: 1px;
  padding-left: 10px}
.CoreV2-countdown-item:last-child {
  border-radius: 0 8px 8px 0;
  border-right-width: 1px;
  padding-right: 10px}
.CoreV2-countdown-item + .CoreV2-countdown-item {
  margin-left: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.12)}
.CoreV2-countdown-value { display: block; font-size: 16px; font-weight: 700; color: #ffffff; line-height: 1; margin: 0 0 3px 0}
.CoreV2-countdown-label { display: block; font-size: 9px; letter-spacing: 0.04em; text-transform: uppercase; color: rgba(255, 255, 255, 0.85); line-height: 1; margin: 0}
.CoreV2-countdown-hidden { display: none}
@media  (max-width: 480px) {
.CoreV2-countdown-item {
    min-width: 32px;
    padding: 4px 4px}
.CoreV2-countdown-value { font-size: 14px}
.CoreV2-countdown-label { font-size: 8px}
}
#CoreV2-sticky-close {
  background: rgba(255, 255, 255, 0.14);
  color: #ffffff;
  width: 34px;
  height: 34px;
  min-width: 34px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--cv2-radius-input, 8px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  transition: all 0.2s ease;
  flex-shrink: 0;
  padding: 0}
#CoreV2-sticky-close:hover { background: rgba(255, 255, 255, 0.25)}
@media  (max-width: 991px) {
#CoreV2-sticky-ann {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    width: 100%;
    max-width: 100%;
    min-height: 0;
    padding: 12px 12px 16px 12px;
    column-gap: 8px;
    row-gap: 10px;
    align-items: center;
    overflow: visible;
    border-radius: 16px; 
  }

.CoreV2-sticky-hub {
    grid-column: 1;
    grid-row: 2;
    width: auto;
    max-width: 100%;
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: none;
    display: inline-flex;
    align-items: center;
    padding: 3px 5px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.10);
    border: 1px solid rgba(255, 255, 255, 0.14);
    box-sizing: border-box}
.CoreV2-sticky-meta {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 5px}

.CoreV2-sticky-coupon {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    min-height: 22px;
    height: auto;
    padding: 1px 5px;
    font-size: 8px;
    border-radius: 6px;
    border-width: 1px}
.CoreV2-sticky-coupon strong {
    font-size: 8.5px;
    letter-spacing: 0.2px;
    margin-left: 1px}
.CoreV2-sticky-coupon-icon {
    font-size: 10px;
    width: 12px;
    height: 12px}
.CoreV2-sticky-coupon-icon svg {
    width: 11px;
    height: 11px}

#CoreV2-sticky-ann .CoreV2-sticky-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    grid-column: 2;
    grid-row: 2;
    min-height: 44px;
    height: 44px;
    width: 44px;
    min-width: 44px;
    max-width: 44px;
    padding: 0;
    margin: 0 0 0 6px;
    font-size: 0;
    line-height: 0;
    flex: 0 0 44px;
    visibility: visible;
    opacity: 1;
    transform: none;
    outline: none;
    outline-offset: 0;
    justify-self: end;
    border-radius: 8px;
    gap: 0}
#CoreV2-sticky-ann .CoreV2-sticky-btn--side span {
    display: none}
#CoreV2-sticky-ann .CoreV2-sticky-btn--side {
    gap: 0}
#CoreV2-sticky-ann .CoreV2-sticky-btn svg,
  #CoreV2-sticky-ann .CoreV2-sticky-btn i {
    display: block;
    width: 14px;
    height: 14px;
    font-size: 14px;
    flex-shrink: 0}
}
@media  (max-width: 768px) {
#CoreV2-sticky-ann-wrapper {
    margin: 6px 10px 10px; 
  }
#CoreV2-sticky-ann {
    padding: 12px 12px 16px 12px;
    row-gap: 8px;
    column-gap: 8px;
    overflow: visible;
    border-radius: 14px}
.CoreV2-sticky-hub {
    padding: 2px 4px;
    border-radius: 7px}
.CoreV2-sticky-coupon {
    min-height: 20px;
    padding: 1px 4px;
    font-size: 7.5px;
    border-radius: 5px}
.CoreV2-sticky-coupon strong {
    font-size: 8px}
#CoreV2-sticky-ann .CoreV2-sticky-btn {
    width: 26px;
    min-width: 26px;
    max-width: 26px;
    height: 26px;
    min-height: 26px;
    flex: 0 0 26px;
    border-radius: 7px}
}
@media  (max-width: 1300px) {
.hosting-container { height: auto; max-height: none; overflow: visible; gap: 16px}
}


@media  (max-width: 768px) {
.genelbaslik-rozet-kapsayici { margin-bottom: 8px}
}
.genelbaslik-baslik {
  position: relative;
  padding-bottom: 6px;
  margin: 0 0 4px}
.genelbaslik[style*="center"] .genelbaslik-baslik::before,
section.genelbaslik[style*="center"] .genelbaslik-baslik::before {
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(to right, transparent, var(--CoreV2-primary), transparent)}
section.genelbaslik[style*="center"] .genelbaslik-baslik::after,
.genelbaslik[style*="center"] .genelbaslik-baslik::after {
  left: 50%;
  transform: translateX(-50%)}
[data-theme="dark"] {
  
  
  
  --faq-card-bg-color: #101218}
.faq-item {
  background: var(--faq-card-bg-color);
  border: 1px solid rgba(var(--CoreV2-primary-rgb), 0.08);
  border-radius: 12px;
  transition: transform 0.25s ease;
  -webkit-mask-image: radial-gradient(circle 10px at 0% 50%, transparent 98%, black 100%), radial-gradient(circle 10px at 100% 50%, transparent 98%, black 100%);
  -webkit-mask-composite: destination-in;
  mask-image: radial-gradient(circle 10px at 0% 50%, transparent 98%, black 100%), radial-gradient(circle 10px at 100% 50%, transparent 98%, black 100%);
  mask-composite: intersect}
.faq-item:hover { transform: translateY(-2px)}


.logocarts { position: relative; overflow: hidden}

.logocarts::before {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 700px; height: 700px;
  background: radial-gradient(circle, rgba(148, 163, 184, 0.08) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0}
html[data-theme="dark"] .logocarts::before,
html[data-theme="dark"] .logocarts::before {
  background: radial-gradient(circle, rgba(148, 163, 184, 0.06) 0%, transparent 70%)}
.logocarts-wrapper { position: relative; z-index: 1}

[data-theme="dark"] .logocarts-card {
  background: var(--cv2-panel, #0e1119);
  border: none}
[data-theme="dark"] .logocarts-card:hover {
  background:var(--cv2-gradient,var(--CoreV2-primary,var(--cv2-primary)))}

@keyframes lc-float {
  0%, 100% { transform: translateY(0px)}
  50%       { transform: translateY(-8px)}
}
.buy-button:hover { transform: scale(1.02); filter: brightness(1.07)}
[data-theme="dark"] .card-price { color: #f1f5f9}
[data-theme="dark"] .card-plan,
[data-theme="dark"] .card-description { color: #94a3b8}
[data-theme="dark"] .card-info { border-color: #334155}
[data-theme="dark"] .check-icon { background: rgba(var(--CoreV2-primary-rgb), 0.1)}
[data-theme="dark"] .btn-team { background: #475569; color: #f1f5f9}

.CoreV2-campaign-countdown {
  max-width: var(--CoreV2-container-width);
  margin: 28px auto 10px;
  padding: 20px 26px;
  border-radius: 22px;
  background: linear-gradient(120deg, rgba(var(--CoreV2-primary-rgb), 0.12), rgba(var(--CoreV2-primary-rgb), 0.05));
  border: 1px solid rgba(var(--CoreV2-primary-rgb), 0.22);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 26px}
.category-tabs-list::-webkit-scrollbar { display: none}

body:not(#muspanel):not(#modernpanel) .form-control {
  font-weight: 500;
  color: var(--cv2-primary);
  border: 1px solid #f2f2f9;
  padding: 1rem 1.2rem;
  height: 58px;
  border-radius: 8px;
  width: 100%;
  transition: all 0.2s ease}
body:not(#muspanel):not(#modernpanel) .form-control:focus { border-color: var(--CoreV2-primary); color: var(--cv2-primary); outline: 0}
body:not(#muspanel):not(#modernpanel) .form-control::placeholder { color: var(--cv2-primary); font-weight: 400}

.btn,
a.btn,
button.btn,
input[type="submit"].btn,
input[type="button"].btn {
    border-radius: var(--cv2-radius-btn, var(--cv2-btn-radius, 14px));
    font-weight: var(--fw-button, 600)}
.btn { transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease, opacity 0.2s ease; width: fit-content}
.btn-main:hover { opacity: 0.9; transform: translateY(-1px)}

.CoreV2-mobile-logo {
  display: flex;
  align-items: center;
  justify-content: flex-start}
.CoreV2-mobile-actions {
  display: flex;
  align-items: center;
  gap: 7px}
.CoreV2-mobile-action {
  width: 38px;
  height: 38px;
  background: rgba(255,255,255,0.15);
  border: none;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  position: relative;
  cursor: pointer;
  transition: background 0.22s ease;
  flex-shrink: 0;
  padding: 0;
  vertical-align: middle}
.CoreV2-mobile-action:hover { background: rgba(255,255,255,0.25)}



.CoreV2-mobile-login:hover { filter: brightness(1.08)}
.CoreV2-mobile-register:hover { background: rgba(var(--CoreV2-primary-rgb),.08)}

[data-theme="dark"] .CoreV2-mobile-register {
    background: rgba(255,255,255,0.06);
    color: #e2e8f0;
    border-color: rgba(255,255,255,0.12)}

li.has-dynamic-color .CoreV2-dropdown-icon {
  background-color: var(--menu-item-bg-color, var(--CoreV2-primary-light));
  color: var(--menu-item-color, var(--CoreV2-primary))}


@media  screen and (max-width: 991px) {
:root { --CoreV2-topbar-height: 0; --CoreV2-header-height: 0}
}

@keyframes mp-pulse { 0% { transform: scale(1); opacity: 0.38} 100% { transform: scale(1.5); opacity: 0} }
@keyframes shimmer { 0%, 100% { background-position: 0 50%} 50% { background-position: 100% 50%} }
@keyframes gradientShift { 0% { background-position: 0 50%} 50% { background-position: 100% 50%} 100% { background-position: 0 50%} }
@keyframes wave { 0%, 100% { transform: rotate(-45deg) scale(1)} 50% { transform: rotate(-45deg) scale(1.07)} }
@keyframes theme-fadeInUp { from { opacity: 0; transform: translateY(22px)}}
@keyframes progress-timer { from { stroke-dashoffset: 157}}
@keyframes CoreV2BadgeScale { 0%, 100% { transform: scale(1)} 50% { transform: scale(1.1)} }
@keyframes core-popupmp-fadeOutScale { from { opacity: 1; transform: scale(1)}}
@keyframes core-popup2-banner-fadeIn { }

#core-popupmp-backdrop {
  opacity: 0;
  pointer-events: none}
#core-popupmp-backdrop.core-popupmp-visible {
  opacity: 1;
  pointer-events: auto}
#core-popup2-banner-backdrop {
  display: none;
  visibility: hidden}
#core-popup2-banner-backdrop.visible {
  display: flex;
  visibility: visible}
.CoreV2-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1100;
    opacity: 0;
    visibility: hidden;
    transition: all var(--CoreV2-transition-normal) ease
}
.CoreV2-modal.active {
    opacity: 1;
    visibility: visible
}
.CoreV2-modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.7);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    cursor: pointer;
    animation: CoreV2FadeIn var(--CoreV2-transition-normal) ease
}
.CoreV2-modal-content {
    position: relative;
    background-color: var(--CoreV2-card);
    border-radius: 20px;
    width: 90%;
    max-width: 480px;
    max-height: 90vh;
    overflow-y: auto;
    transform: translateY(20px);
    transition: transform 0.25s cubic-bezier(0.34,1.56,0.64,1);
    z-index: 1101;
    border: 1px solid var(--CoreV2-border)}
.CoreV2-modal.active .CoreV2-modal-content {
    transform: translateY(0);
    animation: CoreV2ZoomIn var(--CoreV2-transition-normal) ease
}
@keyframes CoreV2ZoomIn {
    from {
        opacity: 0;
        transform: scale(0.95) translateY(30px)
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0)
    }
}
.CoreV2-modal-title {
    font-size: var(--CoreV2-font-size-lg);
    color: var(--CoreV2-text-primary);
    font-weight: 600;
    margin: 0
}
.CoreV2-modal-close {
    width: 36px;
    height: 36px;
    border-radius: var(--CoreV2-radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all var(--CoreV2-transition-normal) ease;
    background-color: var(--CoreV2-card-hover);
    color: var(--CoreV2-text-secondary)
}
.CoreV2-modal-close:hover {
    background-color: var(--CoreV2-danger);
    color: white;
    transform: rotate(90deg)
}
.CoreV2-modal-body {
    padding: 20px}
.CoreV2-modal-subtitle {
    margin: 2px 0 0;
    font-size: 12px;
    color: var(--CoreV2-text-secondary)}
.CoreV2-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 10px}
.CoreV2-grid-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 12px;
    border: 1.5px solid var(--CoreV2-border);
    background: var(--CoreV2-card);
    text-decoration: none;
    transition: border-color 0.2s ease, background 0.2s ease, transform 0.15s ease;
    cursor: pointer}
.CoreV2-grid-item:hover {
    background: rgba(var(--CoreV2-primary-rgb), 0.04);
    transform: translateY(-1px)}
.CoreV2-grid-item.active {
    border-color: var(--CoreV2-primary);
    background: rgba(var(--CoreV2-primary-rgb), 0.08)}
.CoreV2-grid-icon {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--CoreV2-primary-rgb), 0.06)}
.CoreV2-grid-icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px}
.CoreV2-grid-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0}
.CoreV2-grid-title {
    font-size: 13px;
    font-weight: 600;
    color: var(--CoreV2-text-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis}
.CoreV2-grid-subtitle {
    font-size: 11px;
    color: var(--CoreV2-text-secondary)}
.CoreV2-currency-symbol {
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: rgba(var(--CoreV2-primary-rgb), 0.1);
    color: var(--CoreV2-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    flex-shrink: 0}
[data-theme="dark"] .CoreV2-grid-item {
    background: rgba(255,255,255,0.03);
    border-color: rgba(255,255,255,0.08)}
[data-theme="dark"] .CoreV2-grid-item.active {
    background: rgba(var(--CoreV2-primary-rgb), 0.12);
    border-color: var(--CoreV2-primary)}
[data-theme="dark"] .CoreV2-grid-item:hover{
    background: rgba(var(--CoreV2-primary-rgb), 0.12)}



@keyframes core-popup2-banner-fadeIn {
    from { opacity: 0; transform: translateY(22px) }
    to   { opacity: 1; transform: translateY(0) }
}
@keyframes core-popup2-banner-fadeOut {
    from { opacity: 1; transform: scale(1) }
    to   { opacity: 0; transform: scale(0.97) }
}
@keyframes core-popup2-banner-tick {
    0%   { opacity: 0.4; transform: translateY(6px) }
    100% { opacity: 1;   transform: translateY(0) }
}
@keyframes core-popup2-banner-rotate {
    from { transform: rotate(0deg) }
    to   { transform: rotate(360deg) }
}
.core-popup2-banner__backdrop {
    position: fixed;
    inset: 0;
    background: rgba(8, 5, 20, 0.55);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    z-index: 10000;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.35s ease
}
.core-popup2-banner {
    position: relative;
    display: flex;
    width: min(960px, 100%);
    background: #ffffff;
    border-radius: 22px;
    
    overflow: hidden;
    visibility: hidden;
    transform: translateY(22px);
    transition: box-shadow 0.4s ease
}
.core-popup2-banner.visible {
    visibility: visible;
    animation: core-popup2-banner-fadeIn 0.55s cubic-bezier(0.22, 1, 0.36, 1) forwards
}
.core-popup2-banner.closing {
    animation: core-popup2-banner-fadeOut 0.35s ease forwards
}
.core-popup2-banner__content {
    position: relative;
    flex: 1;
    padding: 44px 32px 44px 52px;
    text-align: left;
    z-index: 2
}
.core-popup2-banner__badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background-image: linear-gradient(135deg, var(--coretema-primary) 0%, var(--coretema-primary) 100%);
    color: #ffffff;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0.03em;
    padding: 6px 14px;
    border-radius: 30px;
    margin-bottom: 20px
}
.core-popup2-banner__title {
    font-size: clamp(24px, 3.5vw, 34px);
    font-weight: 700;
    color: var(--core-popup2-text);
    margin: 0 0 12px;
    line-height: 1.2
}
.core-popup2-banner__description {
    font-size: 15px;
    color: var(--core-popup2-muted);
    line-height: 1.65;
    margin: 0 0 28px;
    max-width: 440px
}
.core-popup2-banner__countdown {
    margin-bottom: 32px
}
.core-popup2-banner__countdown-blocks {
    display: flex;
    gap: 10px;
    align-items: center
}
.core-popup2-banner__countdown-block {
    text-align: center
}
.core-popup2-banner__countdown-value {
    display: block;
    font-size: 22px;
    font-weight: 600;
    color: var(--core-popup2-primary);
    background: var(--core-popup2-light-bg);
    border: 1px solid rgba(var(--core-popup2-primary-rgb), 0.12);
    border-radius: 10px;
    padding: 7px 11px;
    min-width: 38px;
    margin-bottom: 5px
}
.core-popup2-banner__countdown-unit {
    display: block;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: var(--core-popup2-muted)
}
.core-popup2-banner__cta {
    display: inline-block;
    text-decoration: none;
    background-image: linear-gradient(135deg, var(--coretema-primary) 0%, var(--coretema-primary) 100%);
    background-size: 200% auto;
    color: #ffffff;
    border: none;
    padding: 15px 32px;
    border-radius: 14px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background-position 0.4s ease, transform 0.2s ease, box-shadow 0.2s ease
}
.core-popup2-banner__cta:hover {
    background-position: right center;
    transform: translateY(-2px)}
.core-popup2-banner__coupon {
    margin-top: 22px;
    max-width: 300px;
    background: rgba(var(--coretema-primary-rgb), 0.06);
    border: 1.5px dashed rgba(var(--coretema-primary-rgb), 0.28);
    border-radius: 14px;
    padding: 10px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: border-color 0.2s, background 0.2s
}
.core-popup2-banner__coupon:hover {
    background: rgba(var(--coretema-primary-rgb), 0.09)}
.core-popup2-banner__coupon p {
    margin: 0;
    color: var(--core-popup2-muted);
    font-size: 13px
}
.core-popup2-banner__coupon p strong {
    color: var(--core-popup2-primary);
    font-size: 15px;
    font-weight: 700;
    margin-left: 8px;
    letter-spacing: 0.04em
}
.core-popup2-banner__coupon-icon {
    width: 18px;
    height: 18px;
    stroke: var(--core-popup2-muted);
    flex-shrink: 0
}
.core-popup2-banner__copy-feedback {
    position: absolute;
    bottom: 88px;
    left: 52px;
    background: #1a1625;
    color: #ffffff;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 500;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s ease;
    white-space: nowrap;
    z-index: 30;
    pointer-events: none
}
.core-popup2-banner__image-wrapper {
    flex-basis: 38%;
    position: relative;
    overflow: hidden;
    clip-path: path("M 60 0 H 500 V 600 H 60 C 20 540 0 420 0 300 C 0 180 20 60 60 0 Z");
    min-height: 300px
}
.core-popup2-banner__background-blobs {
    position: absolute;
    inset: 0;
    opacity: 0.45;
    filter: blur(22px);
    animation: core-popup2-banner-rotate 40s linear 1
}
.core-popup2-banner__image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1)
}
.core-popup2-banner__image-wrapper:hover img {
    transform: scale(1.05)
}
.core-popup2-banner__close-btn {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 36px;
    height: 36px;
    border: none;
    background: rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    font-size: 18px;
    color: #1a1625;
    cursor: pointer;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.30);
    transition: background 0.2s, transform 0.2s;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center}
.core-popup2-banner__close-btn:hover {
    background: rgba(255, 255, 255, 0.30);
    transform: scale(1.08)
}

[data-theme="dark"] .CoreV2-cart-btn {
    background: rgba(var(--CoreV2-primary-rgb), 0.15)}
[data-theme="dark"] .CoreV2-count-badge {
    border: none}
html[data-theme="dark"] body .CoreV2-count-badge {
    border: none}
.CoreV2-theme-switcher:hover {
    background: rgba(255,255,255,0.25)}
[data-theme="dark"] .CoreV2-theme-switcher {
    background: rgba(255,255,255,0.15);
    border: none;
    color: #ffffff}
[data-theme="dark"] .CoreV2-theme-switcher:hover {
    background: rgba(255,255,255,0.25)}
[data-theme="dark"] .CoreV2-theme-switcher svg {
    stroke: #ffffff;
    color: #ffffff}
[data-theme="dark"] .CoreV2-theme-icon.sun {
    display: none}
[data-theme="dark"] .CoreV2-theme-icon.moon {
    display: block}
[data-theme="dark"] .CoreV2-mobile-theme-btn .theme-icon-sun { display: none}
[data-theme="dark"] .CoreV2-mobile-theme-btn .theme-icon-moon { display: block}
.CoreV2-mobile-action svg { width: 20px; height: 20px; flex-shrink: 0}
@keyframes snbSpin {
    to {
        transform: rotate(360deg)}
}
[data-theme="dark"] #wrapper {
    background-color: transparent;
    background-image: none}
[data-theme="dark"] .main-wrapper {
    background-color: transparent;
    background-image: none}
[data-theme="dark"] .page-wrapper {
    background-color: transparent;
    background-image: none}
[data-theme="dark"] .rightcontent {
    background-color: transparent;
    color: var(--text-secondary, #cbd5e1)}
[data-theme="dark"] .CoreV2-container {
    color: var(--text-primary, #f1f5f9)}
[data-theme="dark"] h1, [data-theme="dark"] h2,
[data-theme="dark"] h3, [data-theme="dark"] h4,
[data-theme="dark"] h5, [data-theme="dark"] h6 {
    color: #f1f5f9}
[data-theme="dark"] p { color: #cbd5e1}
html[data-theme="dark"] .card,
[data-theme="dark"] .card {
    background: var(--cv2-surface-card, var(--bg-card, #171F2E));
    background-image: none;
    border-color: var(--border-color, rgba(255, 255, 255, 0.08));
    color: var(--text-secondary, #cbd5e1)}
html[data-theme="dark"] .panel,
[data-theme="dark"] .panel {
    background: var(--cv2-surface-card, var(--bg-card, #171F2E));
    background-image: none;
    border-color: var(--border-color, rgba(255, 255, 255, 0.08));
    color: var(--text-secondary, #cbd5e1)}
html[data-theme="dark"] .well,
[data-theme="dark"] .well {
    background: var(--cv2-surface-card, var(--bg-card, #171F2E));
    background-image: none;
    border-color: var(--border-color, rgba(255, 255, 255, 0.08));
    color: var(--text-secondary, #cbd5e1)}
[data-theme="dark"] .card-body {
    color: var(--text-secondary, #cbd5e1)}
[data-theme="dark"] .panel-body {
    color: var(--text-secondary, #cbd5e1)}
[data-theme="dark"] .card-footer {
    background: rgba(255, 255, 255, 0.02);
    border-color: var(--border-color)}
[data-theme="dark"] .panel-footer {
    background: rgba(255, 255, 255, 0.02);
    border-color: var(--border-color)}
[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
    color: #64748b}
[data-theme="dark"] label {
    color: #94a3b8}
[data-theme="dark"] .table,
[data-theme="dark"] table {
    color: #cbd5e1}
[data-theme="dark"] .table th,
[data-theme="dark"] table th {
    background: rgba(255, 255, 255, 0.04);
    color: #f1f5f9;
    border-color: rgba(255, 255, 255, 0.07)}
[data-theme="dark"] .table td,
[data-theme="dark"] table td {
    border-color: rgba(255, 255, 255, 0.05);
    color: #cbd5e1}
[data-theme="dark"] .table-striped tbody tr:nth-of-type(odd) {
    background: rgba(255, 255, 255, 0.02)}
[data-theme="dark"] .btn-default,
[data-theme="dark"] .btn-secondary,
[data-theme="dark"] .btn-outline-secondary {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.12);
    color: #e2e8f0}
[data-theme="dark"] .btn-default:hover,
[data-theme="dark"] .btn-secondary:hover,
[data-theme="dark"] .btn-outline-secondary:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff}
[data-theme="dark"] .btn-light {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.1);
    color: #e2e8f0}
[data-theme="dark"] .alert {
    border-color: rgba(255, 255, 255, 0.08);
    color: #e2e8f0}
[data-theme="dark"] .alert-info    { background: rgba(var(--cv2-primary-rgb), 0.12)}
[data-theme="dark"] .alert-success { background: rgba(var(--cv2-primary-rgb), 0.12)}
[data-theme="dark"] .alert-warning { background: rgba(var(--cv2-primary-rgb), 0.12)}
[data-theme="dark"] .alert-danger  { background: rgba(var(--cv2-primary-rgb), 0.12)}
[data-theme="dark"] .badge { opacity: 0.9}
[data-theme="dark"] hr { border-color: rgba(255, 255, 255, 0.07)}
[data-theme="dark"] .breadcrumb {
    background: rgba(255, 255, 255, 0.03)}
[data-theme="dark"] .pagination .page-link {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.08);
    color: #cbd5e1}
[data-theme="dark"] .pagination .page-item.active .page-link {
    background:var(--cv2-gradient,var(--CoreV2-primary));
    border-color: var(--CoreV2-primary);
    color: #ffffff}
[data-theme="dark"] .pagination .page-link:hover {
    background: rgba(var(--CoreV2-primary-rgb), 0.15);
    color: var(--CoreV2-primary)}
[data-theme="dark"] .modal-content {
    background: #101218;
    border-color: rgba(255, 255, 255, 0.08);
    color: #e2e8f0}
[data-theme="dark"] .modal-footer {
    border-color: rgba(255, 255, 255, 0.07)}
[data-theme="dark"] .modal-title { color: #f1f5f9}
[data-theme="dark"] .close, [data-theme="dark"] .btn-close {
    color: #94a3b8;
    opacity: 0.8}
[data-theme="dark"] .list-group-item {
    background: rgba(255, 255, 255, 0.03);
    border-color: rgba(255, 255, 255, 0.06);
    color: #cbd5e1}
[data-theme="dark"] .list-group-item:hover {
    background: rgba(var(--CoreV2-primary-rgb), 0.06)}

[data-theme="dark"] .CoreV2-mobile-action {
    color: rgba(255, 255, 255, 0.9)}
[data-theme="dark"] .CoreV2-mobile-badge {
    background: var(--cv2-danger);
    color: #ffffff}
.CoreV2-mobile-badge {
    position: absolute;
    top: -5px;
    right: -5px;
    min-width: 17px;
    width: auto;
    height: 17px;
    padding: 0 3px;
    background: var(--cv2-danger);
    color: #ffffff;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    font-weight: 700;
    line-height: 1;
    border: none;
    z-index: 10;
    pointer-events: none}
.ws-product-carousel-container .ws-carousel-controls{
    visibility: visible}
[data-theme="dark"] .wclientblockscon {
    background: var(--bg-card);
    border-color: var(--border-color);
    color: var(--text-secondary)}
[data-theme="dark"] .rightcontent .card {
    background: var(--bg-card);
    border-color: var(--border-color)}
[data-theme="dark"] input[type="checkbox"],
[data-theme="dark"] input[type="radio"] {
    accent-color: var(--CoreV2-primary)}
[data-theme="dark"] ::-webkit-scrollbar { width: 8px; height: 8px}
[data-theme="dark"] ::-webkit-scrollbar-track { background: #0e1119}
[data-theme="dark"] ::-webkit-scrollbar-thumb { background: #334155; border-radius: 4px}
[data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: #475569}
[data-theme="dark"] .card,
[data-theme="dark"] .card-body {
    background: #1e293b;
    border-color: rgba(255,255,255,0.07);
    color: #e2e8f0}
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) {
    background: #111827;
    border-color: rgba(var(--CoreV2-primary-rgb), 0.15)}
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .pack-name,[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .pack-subtitle{
    color: #f1f5f9}
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .current-price {
    color: #f1f5f9}
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .billing-cycle {
    color: #64748b}
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .old-price {
    color: #64748b}
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .pack-detail {
    border-color: rgba(var(--cv2-primary-rgb),0.1)}
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .feature-item {
    color: #cbd5e1}
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .feature-icon,
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .feature-check {
    color: var(--CoreV2-primary)}
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .pack-head {
    border-color: rgba(var(--cv2-primary-rgb),0.1)}
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .feature-box {
    background: rgba(var(--CoreV2-primary-rgb), 0.1);
    border-color: rgba(var(--CoreV2-primary-rgb), 0.18)}
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .feature-box .feature-value {
    color: #f1f5f9}
[data-theme="dark"] .vertical--packs .pack:not(.pack-popular) .feature-box .feature-label {
    color: #94a3b8}
[data-theme="dark"] .vertical--packs .pack.pack-popular {
    background: var(--CoreV2-primary-gradient);
    border-color: transparent}
[data-theme="dark"] .vertical--packs .pack.pack-popular .pack-name{
    color: #ffffff}
[data-theme="dark"] .vertical--packs .pack.pack-popular .current-price {
    color: #ffffff}
[data-theme="dark"] .vertical--packs .pack.pack-popular .billing-cycle {
    color: rgba(255,255,255,0.8)}
[data-theme="dark"] .vertical--packs .pack.pack-popular .pack-subtitle{
    color: rgba(255,255,255,0.8)}
[data-theme="dark"] .vertical--packs .pack.pack-popular .feature-item {
    color: rgba(255,255,255,0.9)}
[data-theme="dark"] .vertical--packs .pack.pack-popular .feature-icon,
[data-theme="dark"] .vertical--packs .pack.pack-popular .feature-check {
    color: #ffffff}
[data-theme="dark"] .vertical--packs .pack.pack-popular .pack-detail {
    border-color: rgba(255,255,255,0.15)}
[data-theme="dark"] .vertical--packs .pack.pack-popular .feature-box {
    background: rgba(255,255,255,0.12);
    border-color: rgba(255,255,255,0.2)}
[data-theme="dark"] .vertical--packs .pack.pack-popular .feature-box .feature-value {
    color: #ffffff}
[data-theme="dark"] .vertical--packs .pack.pack-popular .feature-box .feature-label {
    color: rgba(255,255,255,0.75)}
[data-theme="dark"] .vertical--packs .pack.pack-popular .btn-main:hover {
    background: rgba(255,255,255,0.92)}
[data-theme="dark"] .CoreV2info-item {
    background: rgba(255,255,255,0.1);
    border-color: rgba(255,255,255,0.2)}
[data-theme="dark"] .CoreV2info-item:hover {
    background: rgba(255,255,255,0.2)}
[data-theme="dark"] .CoreV2info-icon {
    background: #ffffff}
[data-theme="dark"] .CoreV2info-label {
    color: rgba(255,255,255,0.8);
    opacity: 1}
[data-theme="dark"] .coreservercard-back-price-amount {
    color: #f1f5f9}
[data-theme="dark"] #CoreV2rticle-section {
    background: transparent}
[data-theme="dark"] .CoreV2rticle-content-scroll h2,
[data-theme="dark"] .CoreV2rticle-content-scroll h3 {
    color: #f1f5f9}
[data-theme="dark"] .logocarts-section,
[data-theme="dark"] .logocarts-wrapper {
    background: transparent}
[data-theme="dark"] .main-service-section {
    background: #111827;
    border-color: rgba(var(--CoreV2-primary-rgb), 0.12)}
[data-theme="dark"] .service-card {
    background: #111827;
    border-color: rgba(var(--CoreV2-primary-rgb), 0.12)}
[data-theme="dark"] .service-card:hover {
    background: #1e293b}
[data-theme="dark"] .service-card-title {
    color: #f1f5f9}
[data-theme="dark"] .service-card-desc {
    color: #94a3b8}

[data-theme="dark"] footer,
[data-theme="dark"] .main-footer {
    background: #0b0f1a;
    border-top-color: rgba(255,255,255,0.06)}
[data-theme="dark"] .footer-copyright {
    color: #64748b}

.theme-transitioning *,
.theme-transitioning *::before,
.theme-transitioning *::after {
    transition: background-color 0.25s ease,
                color 0.25s ease,
                border-color 0.25s ease;
    animation: none}
.dark-background-wrapper {
    isolation: isolate}

html {
    scrollbar-width: thin;
    scrollbar-color: rgba(var(--cv2-primary-rgb), .35) rgba(var(--cv2-primary-rgb), .05)}
html::-webkit-scrollbar { width: 6px}
html::-webkit-scrollbar-track { background: rgba(var(--cv2-primary-rgb), .04)}
html::-webkit-scrollbar-thumb {
    background: rgba(var(--cv2-primary-rgb), .32);
    border-radius: 99px}
html::-webkit-scrollbar-thumb:hover {
    background: rgba(var(--cv2-primary-rgb), .58)}
[data-theme="dark"] html,
[data-theme="dark"] {
    scrollbar-color: rgba(var(--cv2-primary-rgb), .4) rgba(255,255,255,.04)}
[data-theme="dark"] html::-webkit-scrollbar-track { background: rgba(255,255,255,.04)}
[data-theme="dark"] html::-webkit-scrollbar-thumb { background: rgba(var(--cv2-primary-rgb), .38)}
[data-theme="dark"] html::-webkit-scrollbar-thumb:hover { background: rgba(var(--cv2-primary-rgb), .6)}

.cv2-select-trigger.open {
    border-radius: 12px 12px 0 0;
    border-color: var(--CoreV2-primary, var(--cv2-primary))}
.cv2-select-trigger.open .cv2-select-arrow { transform: rotate(180deg)}
.cv2-select-panel.open { display: block}
.cv2-select-panel::-webkit-scrollbar { width: 4px}
.cv2-select-panel::-webkit-scrollbar-track { background: transparent}
.cv2-select-panel::-webkit-scrollbar-thumb { background: rgba(var(--cv2-primary-rgb),.3); border-radius: 99px}
.cv2-select-panel::-webkit-scrollbar-thumb:hover { background: rgba(var(--cv2-primary-rgb),.55)}
.cv2-select-option:hover { background: rgba(var(--cv2-primary-rgb),.07); color: var(--CoreV2-primary, var(--cv2-primary))}
.cv2-select-option.selected { background: rgba(var(--cv2-primary-rgb),.10); color: var(--CoreV2-primary, var(--cv2-primary)); font-weight: 600}
[data-theme="dark"] .cv2-select-trigger { background: #1e293b; border-color: rgba(255,255,255,.12); color: #e2e8f0}
[data-theme="dark"] .cv2-select-panel { background: #1e293b}
[data-theme="dark"] .cv2-select-option { border-bottom-color: rgba(255,255,255,.06); color: #cbd5e1}
[data-theme="dark"] .cv2-select-option:hover { background: rgba(var(--cv2-primary-rgb),.12)}

@media  (max-width: 991px) {

@keyframes gradientShift { 0%, 100% { background-position: 0 50%} }
@keyframes shimmer { 0%, 100% { background-position: 0 50%} }

}
.cv2-theme-pill:hover {
    background: rgba(var(--cv2-primary-rgb), 0.08)}
[data-theme="dark"] .cv2-theme-pill:hover {
    background: rgba(255,255,255,0.06)}
[data-theme="dark"] .cv2-theme-pill__track {
    background: rgba(255,255,255,0.07);
    border-color: rgba(255,255,255,0.12)}
.cv2-theme-pill__track::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(135deg, rgba(255,255,255,0.15) 0%, transparent 60%);
    pointer-events: none}
[data-theme="dark"] .cv2-theme-pill__thumb {
    transform: translateX(28px);
    background: #f1f5f9}
[data-theme="dark"] .cv2-theme-pill__sun {
    opacity: 0;
    transform: scale(0.4) rotate(45deg)}
[data-theme="dark"] .cv2-theme-pill__moon {
    opacity: 1;
    transform: scale(1) rotate(0deg)}





[data-theme="dark"] .input-icon-wrapper::after {
    background: rgba(255, 255, 255, 0.15)}









@media  (min-width: 901px) {

body#home .hosting-container {
        height: 380px}



}






@media  (min-width: 901px) {



}

@media  (max-width: 991px) {

body .hosting-container,
  body#home .hosting-container {
    padding-left: 8px;
    padding-right: 8px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box}




body #CoreV2-sticky-ann-wrapper {
    margin: 8px 12px 10px}
body #CoreV2-sticky-ann {
    border-radius: 16px}
body .CoreV2-sticky-hub {
    padding: 5px 8px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18)}
body .CoreV2-sticky-coupon {
    min-height: 24px;
    padding: 2px 6px;
    font-size: 8.5px;
    border-radius: 8px}
body .CoreV2-sticky-coupon strong {
    font-size: 9.5px}

}
@media  (max-width: 768px) {
body #CoreV2-sticky-ann-wrapper {
    margin: 6px 10px 10px}

}
@media  (max-width: 900px) {


}



.CoreV2-sticky-btn { border-radius: var(--cv2-radius-btn, 50px)}
.CoreV2-sticky-coupon { border-radius: var(--cv2-radius-btn, 50px)}
.CoreV2-sticky-copy { border-radius: var(--cv2-radius-btn, 50px)}

html, body {
  margin: 0;
  margin-top: 0;
  padding: 0;
  padding-top: 0;
  border: 0}

html::before, html::after, body::before, body::after {
  content: none;
  display: none;
  margin: 0;
  padding: 0;
  height: 0}
body > .selectLangCurrency,
body > #selectLang,
body > #selectCurrency {
  display: none;
  position: fixed;
  height: 0;
  width: 0;
  overflow: hidden;
  margin: 0;
  padding: 0}

:not(#muspanel):not(#modernpanel) #CoreV2-sticky-ann-wrapper {
  margin-top: 0}
@media  (max-width: 991px) {
body:not(#muspanel):not(#modernpanel) #CoreV2-sticky-ann-wrapper:not(.CoreV2-sticky-hide) {
    margin-top: 0;
    margin-bottom: 10px}
.CoreV2-mobile-header { top: 0}
}


.highlight{
  border: 1px dashed rgba(var(--CoreV2-primary-rgb,99,91,255),0.45);
  border-radius: var(--cv2-radius-btn, 10px);
  padding: 1px 8px;
  display: inline-block}
.CoreV2paktsb-price, .CoreV2paktsb-price .amount_spot_view, .CoreV2paktsb-price .amount_spot_view * {
  font-size: 22px; font-weight: 700; line-height: 1}
.CoreV2paktsb-period { font-size: 11px; font-weight: 600; text-transform: uppercase}


html[data-theme="dark"],
html[data-theme="dark"] {
  --CoreV2-border: #2A3448;
  --cd-border: rgba(148, 163, 184, 0.22);
  --cd-border-md: rgba(148, 163, 184, 0.30);
  
  
  
--cd-surface: #171F2E;
  --cd-surface-2: #111827;
  --cd-text: #F8FAFC}
html[data-theme="dark"] body,
html[data-theme="dark"] body {
  background: var(--cv2-surface, #0B0F19);
  color: var(--cv2-text, #94A3B8)}
html[data-theme="dark"] table,
html[data-theme="dark"] table,
html[data-theme="dark"] .table,
html[data-theme="dark"] .table {
  background: transparent;
  color: var(--cv2-text, #94A3B8)}
html[data-theme="dark"] .table > thead > tr > th,
html[data-theme="dark"] .table > thead > tr > th,
html[data-theme="dark"] .table > tbody > tr > td,
html[data-theme="dark"] .table > tbody > tr > td {
  border-color: rgba(148, 163, 184, 0.16);
  background: transparent;
  color: inherit}
html[data-theme="dark"] footer.CoreV2-footer,html[data-theme="dark"] footer.CoreV2-footer{
  background: #0d1117;
  border-top-color: rgba(148, 163, 184, 0.16)}

div#CoreV2-sticky-ann-wrapper#CoreV2-sticky-ann-wrapper{width:100%;max-width:var(--cv2-shell-max);margin-inline:auto;padding-inline:var(--cv2-page-gutter);box-sizing:border-box}
div#CoreV2-sticky-ann-wrapper div#CoreV2-sticky-ann#CoreV2-sticky-ann{width:100%;max-width:100%;margin-left:0;margin-right:0;box-sizing:border-box}
@media  (max-width:767px){
div#CoreV2-sticky-ann-wrapper#CoreV2-sticky-ann-wrapper{margin-inline:auto;padding-inline:var(--cv2-page-gutter)}
}

@media  (max-width:991px),(pointer:coarse){
*,*::before,*::after{-webkit-backdrop-filter:none;backdrop-filter:none}
}


:root {
  --cv2-shell-max: var(--CoreV2-container-width, 1300px);
  --cv2-page-gutter: clamp(10px, 1vw, 24px);
  --cv2-shell-gutter: var(--cv2-page-gutter);
  --cv2-shell-gutter-mobile: var(--cv2-page-gutter)}


.miotab-contents.content-wrapper,
.corev2-pack-wrapper,
.ref-outer,
.ys-page-wrapper,
.kb-wrap,
.kbd-wrap,
.sw-page {
  width: 100%;
  max-width: min(100%, var(--cv2-shell-max));
  min-width: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--cv2-shell-gutter);
  padding-right: var(--cv2-shell-gutter);
  box-sizing: border-box}

.cv2-page-sections {
  width: 100%;
  max-width: var(--cv2-shell-max);
  margin-inline: auto;
  padding-inline: var(--cv2-page-gutter);
  box-sizing: border-box;
  min-width: 0}

.cv2-page-sections .cd-extra-html {
  overflow-wrap: anywhere}

.miotab-contents.content-wrapper {
  overflow-wrap: break-word}

.corev2-pack-wrapper {
  clear: both;
  position: relative;
  overflow-x: clip;
  overflow-y: visible}


.corev2-pack-wrapper .miotab-contents.content-wrapper {
  padding-left: 0;
  padding-right: 0}

.corev2-pack-wrapper .miotab-content,
.products_list,
.tablopaketler,
.corecartpkts-wrapper,
.corecartpkts-container,
.corev2-pack-wrapper .corev2-pack-wrapper {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box}

.corev2-pack-wrapper .miotab-content,
.tablopaketler,
.corecartpkts-wrapper,
.corecartpkts-container,
.corev2-pack-wrapper .corev2-pack-wrapper {
  margin-left: 0;
  margin-right: 0}

.tablopaketler,
.corecartpkts-wrapper,
.corecartpkts-container,
.corev2-pack-wrapper .corev2-pack-wrapper {
  padding-left: 0;
  padding-right: 0}


#wrapper > .tablopaketler,
#wrapper > .tablopaketler.products_list[id] {
  max-width: 100%;
  padding-left: var(--cv2-page-gutter);
  padding-right: var(--cv2-page-gutter)}


#CoreV2-sticky-ann-wrapper {
  width: 100%;
  max-width: var(--cv2-shell-max);
  margin-inline: auto;
  padding-inline: var(--cv2-page-gutter);
  box-sizing: border-box;
  min-width: 0}


@media (max-width: 991px) {
  .miotab-contents.content-wrapper,
  .corev2-pack-wrapper,
  .ref-outer,
  .ys-page-wrapper,
  .kb-wrap,
  .kbd-wrap,
  .sw-page {
    max-width: 100%}
}


@media (max-width: 767px) {
  .miotab-contents.content-wrapper,
  .corev2-pack-wrapper,
  .ref-outer,
  .ys-page-wrapper,
  .kb-wrap,
  .kbd-wrap,
  .sw-page {
    padding-left: var(--cv2-shell-gutter-mobile);
    padding-right: var(--cv2-shell-gutter-mobile)}
}
:root{--gb-title-size:32px;--gb-title-size-mobile:20px;--gb-desc-size:17px;--gb-desc-size-mobile:15px;--gb-desc-line-height:1.55;--gb-dekor-pad:6px}.genelbaslik-baslik,section.genelbaslik.genelbaslik--bare{position:relative;padding-bottom:var(--gb-dekor-pad);margin-bottom:0}.genelbaslik-baslik::after,section.genelbaslik.genelbaslik--bare::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:40px;height:3px;border-radius:var(--cv2-radius-chip);background:var(--cv2-gradient,var(--CoreV2-primary,var(--color-primary)))}section.genelbaslik.genelbaslik-baslik-sol::after{left:0;transform:none}section.genelbaslik.genelbaslik-baslik-yok::after{display:none;content:none}.genelbaslik-rozet-kapsayici{text-align:center;margin-bottom:6px;width:100%;display:block;line-height:1}.genelbaslik-rozet-kapsayici::before,.genelbaslik-rozet-kapsayici::after{display:none;content:none}.genelbaslik-rozet{display:inline-flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:nowrap;gap:8px;background:rgba(var(--CoreV2-primary-rgb,59,130,246),0.08);border:none;border-radius:var(--cv2-radius-card);padding:4px 16px 4px 4px;margin:0 auto;max-width:100%;box-sizing:border-box;vertical-align:middle;line-height:1.2;transition:background 0.25s ease,border-color 0.25s ease}.genelbaslik-rozet-ikon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--CoreV2-primary-gradient,var(--CoreV2-gradient-primary,linear-gradient(135deg,var(--CoreV2-primary),color-mix(in srgb,var(--CoreV2-primary) 70%,#fff))));border-radius:var(--cv2-radius-card);padding:5px 11px;font-size:13px;font-weight:600;color:var(--color-on-primary);line-height:1.2;white-space:nowrap;box-sizing:border-box}.genelbaslik-rozet-metin{display:inline;font-size:13px;color:var(--CoreV2-primary);letter-spacing:-0.04em;font-weight:500;white-space:nowrap;line-height:1.2;min-width:0}.genelbaslik-ana-baslik{font-size:var(--gb-title-size);font-weight:700;line-height:1.3;letter-spacing:-0.04em;color:var(--text-primary);margin:8px 0 0;text-align:center}.genelbaslik-vurgu{font-style:italic;font-weight:600;color:transparent;background:var(--color-dual,linear-gradient(90deg,var(--CoreV2-primary,var(--color-primary)),var(--text-primary) 140%));-webkit-background-clip:text;background-clip:text;padding-right:.08em}.genelbaslik-aciklama{font-size:var(--gb-desc-size,17px);line-height:var(--gb-desc-line-height,1.55);color:var(--text-secondary,var(--cv2-text-muted));max-width:640px;margin:0 auto;text-align:center;font-weight:400;display:block}.genelbaslik-baslik,.cv2-title-heading,.title-heading{text-align:center}.cv2-pack-listing-head,.cv2-page-hero-head{width:100%;text-align:center;margin:0 0 12px;padding:0 12px;box-sizing:border-box}.cv2-pack-listing-head .cv2-title-heading,.cv2-page-hero-head .cv2-title-heading,.cv2-pack-listing-head .genelbaslik-baslik,.cv2-page-hero-head .genelbaslik-baslik{width:100%;max-width:860px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center}.cv2-pack-listing-head .genelbaslik-ana-baslik,.cv2-page-hero-head .genelbaslik-ana-baslik{text-align:center;width:100%}@media (max-width:768px){.genelbaslik-ana-baslik{font-size:var(--gb-title-size-mobile);white-space:normal;overflow:visible;text-overflow:unset;max-width:100%;line-height:1.25}.genelbaslik-aciklama{font-size:var(--gb-desc-size-mobile,15px);padding:0 8px;line-height:1.5}.cv2-pack-listing-head,.cv2-page-hero-head{padding:0 10px;margin-bottom:10px}}