:root {
    /* color */
    --primary-color: #343444; /* used */ 
    --primary-color2: #fff; /* used */ 
    --primary-color3: #eb1bad; /* used */
    --primary-color4: #09090c; /* used */
    --primary-color5: #0b0c10; /* used */
    --primary-color6: #3d042cc4; /* used */
    --primary-color7: #65657a;  /* used */
    --primary-color8: #ffffff8c; /* used */ 
    --primary-color9: #ffffff45; /* used */

    --primary-color10: #e57e7e; /* NOT USED YET */

    --primary-color11: #131318;  /* used */
    --primary-color12: #000;  /* used */

    --primary-color13: #8A208C;  /* NOT USED YET */

    --primary-color14: #ea66d542; /* used */ 
    --primary-color15: #16cbee; /* used */
    --primary-color16: #515151; /* used */
    --primary-color17: #202027; /* used */ 
    --primary-color18: #e63030; /* used */ 
}












































































































/* TIP4SERV-ADDITIONAL-CSS DONT TOUCH ME */
/* ===== Monthly Top Supporters Widget ===== */

.tip4serv-widget {
  position: relative !important;
  border-radius: 16px !important;
  overflow: hidden !important;
}

.tip4serv-widget::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 18px;
  background: linear-gradient(90deg, #00ffd5, #ff00cc, #b596e0, #66d6c3);
  background-size: 300% 300%;
  animation: masoBorderFlow 5s linear infinite;
  z-index: 0;
}

.tip4serv-widget::after {
  content: "";
  position: absolute;
  inset: 2px;
  border-radius: 14px;
  background: rgba(0, 0, 0, 0.55);
  z-index: 0;
}

.tip4serv-widget > * {
  position: relative !important;
  z-index: 1;
}

@keyframes masoBorderFlow {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/* Hide the "24h / Today" tab */
.tip4serv-widget .menu-tab .item-title:first-child {
  display: none !important;
}

/* Hide the 24h / Today content */
.tip4serv-widget .content-tab > .row:first-child {
  display: none !important;
}

/* Always show "This Month" content */
.tip4serv-widget .content-tab > .row:nth-child(2) {
  display: flex !important;
}

/* Hide original tab text */
.tip4serv-widget .menu-tab .item-title:nth-of-type(2) span {
  display: none !important;
}

/* Inject "Monthly Top Supporters" label */
.tip4serv-widget .menu-tab .item-title:nth-of-type(2)::after {
  content: "Monthly Top Supporters";
  font-size: 20px;
}

/* Remove "The most generous" heading */
.tip4serv-widget h3,
.tip4serv-widget .widget-title,
.tip4serv-widget .section-title {
  display: none !important;
}

/* ===== Store Rules ===== */

.tip4serv-widget .content-tab::after {
  content: "📜 STORE RULES\A\A• All purchases are final once you receive your goods — no refunds, except in certain circumstances at OUR discretion.\A\A• We are not responsible for purchases made by minors without parental permission — a refund MAY be issued at our discretion.\A\A• Buying items does not give permission to break server rules. Violations WILL result in bans and loss of purchased items.\A\A• Any attempt to scam will result in a permanent ban from our servers.\A\A• KING 3X reserves the right to change or edit any kits that may negatively impact the server.\A\A• Lifetime kits/items last for the duration of the server's existence.\A\A• KITS BOUGHT WORK FOR ALL OF OUR SERVERS";
  white-space: pre-line;
  display: block;
  margin-top: 18px;
  padding: 18px 20px;
  border-radius: 14px;
  background: linear-gradient(135deg, rgba(140,0,255,0.45), rgba(0,255,170,0.35));
  color: #f3fff9;
  font-size: 13px;
  line-height: 1.6;
  border: 1px solid rgba(0,255,170,0.6);
  box-shadow: 0 0 12px rgba(0,255,170,0.45), 0 0 28px rgba(140,0,255,0.45);
}

/* ===== Mobile iOS Layout ===== */

@media (max-width: 768px) {

  /* Prevent horizontal overflow */
  body, #wrapper, #page {
    overflow-x: hidden !important;
    width: 100% !important;
  }

  /* Header */
  .header-navbar-fixed .themesflat-container {
    padding: 0 12px !important;
  }

  .header_1 {
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  /* Hero banner — shorter on mobile */
  .flat-title-page.home_background {
    min-height: 140px !important;
    padding: 20px 16px !important;
  }

  .flat-title-page .heading {
    font-size: 20px !important;
    text-align: center !important;
  }

  /* Stack layout — sidebar above products */
  .row {
    margin: 0 !important;
  }

  .col-lg-3,
  .col-lg-9,
  .col-md-12 {
    width: 100% !important;
    padding: 0 12px !important;
  }

  /* Category sidebar — horizontal scrolling pill list on mobile */
  .side-bar.category {
    margin-bottom: 16px !important;
    border-radius: 14px !important;
    padding: 10px !important;
  }

  .side-bar.category .content-wg-category ul {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    gap: 8px !important;
    padding-bottom: 4px !important;
  }

  .side-bar.category .content-wg-category ul li {
    flex: 0 0 auto !important;
    width: auto !important;
  }

  .side-bar.category .content-wg-category ul li a {
    display: block !important;
    padding: 8px 14px !important;
    border-radius: 20px !important;
    white-space: nowrap !important;
    font-size: 13px !important;
  }

  /* Product grid — 2 columns on mobile */
  .col-md-6 {
    width: 50% !important;
    padding: 6px !important;
    float: left !important;
  }

  /* Product cards */
  .sc-card-product {
    border-radius: 12px !important;
    margin-bottom: 0 !important;
  }

  .sc-card-product .card-media {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    border-radius: 10px 10px 0 0 !important;
  }

  .sc-card-product .card-media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 0 !important;
  }

  .sc-card-product .card-title h5 {
    font-size: 12px !important;
    line-height: 1.3 !important;
    padding: 6px 8px 2px !important;
  }

  .sc-card-product .card-bottom {
    padding: 6px 8px 10px !important;
    flex-direction: column !important;
    gap: 6px !important;
  }

  .sc-card-product .card-bottom .price h5 {
    font-size: 13px !important;
  }

  .sc-card-product .card-bottom .old-price {
    font-size: 11px !important;
  }

  /* Add button full width on mobile */
  .sc-card-product .sc-button {
    width: 100% !important;
    text-align: center !important;
    padding: 8px 0 !important;
    font-size: 12px !important;
    border-radius: 8px !important;
  }

  /* Discount badge */
  .card-discount .discounted {
    font-size: 11px !important;
    padding: 3px 7px !important;
  }

  /* Top supporters widget */
  .tip4serv-widget {
    margin: 12px 0 !important;
    padding: 12px !important;
  }

  /* Leaderboard — single column, full width */
  .sc-author-box.style-3 {
    padding: 8px !important;
    width: 100% !important;
  }

  .tip4serv-widget .col-lg-12.col-md-6 {
    width: 100% !important;
    float: none !important;
    padding: 4px 8px !important;
  }

  .author-style2 {
    align-items: center !important;
  }

  .author-style2 .author-avatar img,
  .author-style2 .author-avatar .profileImage {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
  }

  .author-infor {
    flex: 1 !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .author-infor h5 {
    font-size: 14px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 160px !important;
  }

  .author-infor .price {
    font-size: 13px !important;
  }

  .action .number {
    font-size: 15px !important;
    flex-shrink: 0 !important;
  }

  /* Product titles — no truncation, wrap instead */
  .style2 {
    overflow: visible !important;
    text-overflow: unset !important;
    display: block !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: unset !important;
    white-space: normal !important;
    word-break: break-word !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
  }

  /* Hide PC-only sidebar on mobile */
  .visible-pc {
    display: none !important;
  }

  /* Prevent leaderboard col-md-6 from going 2-col */
  .tip4serv-widget .row > .col-md-6,
  .tip4serv-widget .row > .col-lg-12 {
    width: 100% !important;
    float: none !important;
  }
  #search-box-container {
    margin: 8px 12px !important;
  }

  #search-box-input {
    width: 100% !important;
    font-size: 14px !important;
    padding: 10px 14px !important;
    border-radius: 10px !important;
  }

  /* Footer */
  #footer .col-lg-3,
  #footer .col-md-6 {
    width: 50% !important;
    padding: 8px 12px !important;
  }

  #footer .col-xs-12 {
    margin-bottom: 12px !important;
  }

  /* Modals full screen on mobile */
  .modal-dialog {
    margin: 0 !important;
    max-width: 100% !important;
    height: 100% !important;
  }

  .modal-content {
    border-radius: 0 !important;
    min-height: 100vh !important;
  }

  /* Swiper/carousel */
  .swiper-container {
    padding: 0 4px !important;
  }

  /* Clearfix for float columns */
  .col-md-6:nth-child(2n+1) {
    clear: left !important;
  }

  /* Prevent text overflow in cards */
  .style2 {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
  }

  /* Allow store rules to show fully */
  .tip4serv-widget {
    overflow: visible !important;
  }

  .tip4serv-widget .content-tab::after {
    font-size: 12px !important;
    padding: 14px !important;
  }

  /* Spacing */
  .mg-b-30 {
    margin-bottom: 16px !important;
  }

  .pad-t-20 {
    padding-top: 10px !important;
  }

  .neon-bg-color .themesflat-container {
    padding: 0 8px !important;
  }
}
/* TIP4SERV-ADDITIONAL-CSS DONT TOUCH ME */