@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");
:root {
  --color-primary: #41C4C3;
  --bg-image: url("https://template-assets.tebex.io/images/page-bg.jpg");
}

body {
  font-family: Lato, sans-serif;
}
body::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  max-height: 400px;
  z-index: -1;
  background: var(--bg-image) center center/cover no-repeat;
  mask-image: linear-gradient(rgba(0, 0, 0, 0.75) 50%, rgba(0, 0, 0, 0.25));
  pointer-events: none;
}

.btn-primary,
.btn-secondary,
.btn-tertiary {
  border-radius: 2px;
}

.btn-primary:hover, .btn-primary:focus,
.btn-secondary:hover,
.btn-secondary:focus {
  box-shadow: 0 0 6px rgb(from var(--btn-color-bg-hover) r g b/0.6);
}

.quantity-field {
  border-radius: 5px;
}

.site-header-inner .info .image {
  border-radius: 5px;
}

.site-sale-banner {
  border-radius: 5px;
}

.site-home-categories .category {
  border-radius: 5px;
  padding: 20px var(--widget-padding);
  background: var(--color-brighter-bg);
  transition: color 0.15s ease-in-out;
}
.site-home-categories .category:hover {
  color: var(--color-primary);
}

.category-description {
  border-radius: 5px;
  background: var(--color-brighter-bg);
}

.store-text {
  border-radius: 5px;
  background: var(--color-brighter-bg);
}
.store-text h1,
.store-text h2,
.store-text h3,
.store-text h4,
.store-text h5,
.store-text h6 {
  text-align: center;
}

.store-products-list .store-product,
.store-products-images .store-product {
  border-radius: 5px;
  background: var(--color-brighter-bg);
}

.store-products-images .store-product {
  text-align: center;
}

.widget-title {
  text-align: center;
}

.widget .store-product {
  text-align: center;
}

.no-products {
  color: var(--color-text-secondary);
  background: var(--color-brighter-bg);
  border-radius: 5px;
}

.store-product-full {
  border-radius: 5px;
  background: var(--color-brighter-bg);
}

.store-product .quantity-field {
  border-radius: 5px;
  background: var(--color-brighter-bg);
}
.store-product .quantity-field input[type=number] {
  border: none;
}

@media (width > 960px) {
  .navigation-horizontal > ul {
    border-radius: 5px;
  }
}
.navigation-horizontal .has-children > ul {
  border-radius: 5px;
}

.widget {
  border-radius: 5px;
  background: var(--color-brighter-bg);
}
@media (width <= 960px) {
  .widget.site-navigation {
    border-radius: 0;
    background: transparent;
  }
}

.widget-gift-card .gift-card-input {
  border-radius: 2px;
}

.widget-top-donator .avatar {
  border-radius: 50%;
}

.widget-community-goal .progress,
.widget-goal .progress {
  border-radius: 2px;
}
.widget-community-goal .progress-bar,
.widget-goal .progress-bar {
  border-radius: 2px;
}

.popup-content {
  border-radius: 5px;
}

.popup-close {
  border-radius: 0 5px 0 5px;
}

.basket-popup-content,
.basket-popup-content .popup-close {
  border-radius: 0;
}

.basket-items {
  padding: var(--widget-padding) calc(var(--content-padding) - var(--widget-padding));
}

.basket-item {
  border-radius: 5px;
}
.basket-item .quantity {
  border-radius: 2px;
}

.toast {
  border-radius: 6px;
}

.toast-close {
  border-radius: 2px;
}

.store-category-tiered {
  border-radius: 5px;
  background: var(--color-brighter-bg);
}

.store-category-tiered-header h1,
.store-category-tiered-header h2,
.store-category-tiered-header h3,
.store-category-tiered-header h4,
.store-category-tiered-header h5,
.store-category-tiered-header h6 {
  text-align: center;
}

.store-product-tiered {
  border-radius: 5px;
  background: rgb(from var(--color-bg) r g b/0.5);
}

.media-slider .slider,
.media-slider .thumb {
  border-radius: 5px;
}
.media-slider .open-lightbox {
  border-radius: 2px;
}

.popup.popup-media-slider .thumb {
  border-radius: 5px;
}
.popup.popup-media-slider .popup-close {
  border-radius: 5px;
}
@media (max-width: 768px) {
  .store-product-full,
  .descr,
  .text-content {
    max-width: 100%;
    overflow-x: hidden;
  }

  .descr img,
  .text-content img {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
  }

  .descr div,
  .text-content div {
    max-width: 100% !important;
    overflow-x: hidden;
  }
}
.store-product-full .image {
  max-width: 400px;
  margin: 0 auto;
  display: block;
}

/* ================================================================
   COMPLETE generic.css — replace everything with this
   ================================================================ */

/* ── Base / VIP ── */
.v{padding:20px;font-family:Arial,sans-serif;color:#ccc}
.rt{color:#41a85f;text-align:center;font-size:36px;margin:10px 0 5px;text-transform:uppercase;letter-spacing:3px}
.rl{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;margin:0 0 25px}
.ra{padding:5px 15px;border-radius:20px;background:#41a85f;color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 14px rgba(65,168,95,.55)}
.ri{padding:3px 10px;border-radius:20px;background:rgba(255,255,255,.04);color:#3a3a3a;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.ri-owned{padding:3px 10px;border-radius:20px;background:rgba(65,168,95,.15);color:#61bd6d;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:1px solid rgba(65,168,95,.3)}
.rs{color:#2a2a2a;font-size:10px}
.box{background:rgba(255,255,255,.05);border-left:4px solid #41a85f;padding:15px;margin-bottom:20px;border-radius:4px}
.bh{color:#61bd6d;font-size:16px;margin:14px 0 10px;text-transform:uppercase;letter-spacing:1px}
.box>.bh:first-child{margin-top:0}
ul.bl{list-style:none;padding:0;margin:0}
ul.bl li{padding:5px 0;font-size:14px;border-bottom:1px solid rgba(255,255,255,.05)}
ul.bl li:last-child{border-bottom:none}
.ktabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.kta{padding:8px 18px;border:2px solid #41a85f;border-radius:6px;background:#41a85f;color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.kti{padding:8px 18px;border:2px solid #41a85f;border-radius:6px;background:transparent;color:#41a85f;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.ms{background:rgba(255,255,255,.05);border-left:4px solid #41a85f;padding:15px;margin:10px 0;border-radius:4px}
.kh{color:#61bd6d;font-size:18px;margin:0 0 8px}
.ms .kh+.kh,.ms .ki+.kh,.ms .ki2+.kh{margin-top:16px}
.ki{max-width:500px;width:100%;height:auto;display:block;border-radius:4px}
.ki2{max-width:500px;width:100%;height:auto;display:block;margin-top:4px;border-radius:4px}
.kc{background:rgba(209,72,65,.2);color:#d14841;padding:3px 8px;border-radius:3px;font-size:12px;font-weight:700;margin-right:4px;vertical-align:middle}
.kb{background:rgba(65,168,95,.25);color:#61bd6d;padding:3px 8px;border-radius:3px;font-size:12px;font-weight:700;vertical-align:middle}
.kn{color:#61bd6d;margin-right:6px;vertical-align:middle}
.g{color:#61bd6d}
.r{color:#d14841;font-size:12px}
.w{color:#fff}

/* ── MVP ── */
.mvp-box{background:rgba(255,255,255,.05);border-left:4px solid #2969b0;padding:15px;margin-bottom:20px;border-radius:4px}
.mvp-bh{color:#2c82c9;font-size:16px;margin:14px 0 10px;text-transform:uppercase;letter-spacing:1px}
.mvp-box>.mvp-bh:first-child,.mvp-box>.bh:first-child{margin-top:0}
.mvp-ms{margin:10px 0}
.mvp-inner{background:rgba(255,255,255,.05);border-left:4px solid #2969b0;padding:15px;border-radius:4px}
.mvp-kh{color:#2c82c9;font-size:18px;margin:0 0 8px}
.mvp-inner *+.mvp-kh{margin-top:16px}
.mvp-kn{color:#2c82c9;margin-right:6px;vertical-align:middle}
.mvp-kb{background:rgba(41,105,176,.25);color:#2c82c9;padding:3px 8px;border-radius:3px;font-size:12px;font-weight:700;vertical-align:middle}
.mvp-ra{padding:5px 15px;border-radius:20px;background:#2969b0;color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 14px rgba(41,105,176,.55)}
.mvp-kta{padding:8px 18px;border:2px solid #2969b0;border-radius:6px;background:#2969b0;color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.mvp-kti{padding:8px 18px;border:2px solid #2969b0;border-radius:6px;background:transparent;color:#2c82c9;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.mvp-g{color:#2c82c9}
.mvp-tabs-wrap .kta{background:#2969b0!important;border-color:#2969b0!important;color:#fff!important}

/* ── Inherited section wrappers ── */
.vip-section{background:rgba(65,168,95,.06);border-left:3px solid #41a85f;padding:10px;margin-top:8px;border-radius:4px}
.vip-section .kh{margin-top:0}
.vip-section *+.kh{margin-top:16px}
.mvp-section{background:rgba(41,105,176,.06);border-left:3px solid #2969b0;padding:10px;margin-top:8px;border-radius:4px}
.mvp-section .mvp-kh{margin-top:0}
.mvp-section *+.mvp-kh{margin-top:16px}
.epic-section{background:rgba(108,52,131,.06);border-left:3px solid #6c3483;padding:10px;margin-top:8px;border-radius:4px}
.epic-section .epic-kh{margin-top:0}
.epic-section *+.epic-kh{margin-top:16px}
.legend-section{background:rgba(153,82,0,.06);border-left:3px solid #995200;padding:10px;margin-top:8px;border-radius:4px}
.legend-section .legend-kh{margin-top:0}
.legend-section *+.legend-kh{margin-top:16px}
.mythic-section{background:rgba(146,43,33,.06);border-left:3px solid #922b21;padding:10px;margin-top:8px;border-radius:4px}
.mythic-section .mythic-kh{margin-top:0}
.mythic-section *+.mythic-kh{margin-top:16px}
.godly-section{background:rgba(155,122,0,.06);border-left:3px solid #9b7a00;padding:10px;margin-top:8px;border-radius:4px}
.godly-section .godly-kh{margin-top:0}
.godly-section *+.godly-kh{margin-top:16px}
.cosmic-section{background:rgba(0,0,0,.06);border-left:3px solid #1a1a1a;padding:10px;margin-top:8px;border-radius:4px}
.cosmic-section .cosmic-kh{margin-top:0}
.cosmic-section *+.cosmic-kh{margin-top:16px}

/* ── Owned-rank ladder pills ── */
.ri-owned-mvp{padding:3px 10px;border-radius:20px;background:rgba(41,105,176,.15);color:#2c82c9;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:1px solid rgba(41,105,176,.3)}
.ri-owned-epic{padding:3px 10px;border-radius:20px;background:rgba(108,52,131,.15);color:#8e44ad;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:1px solid rgba(108,52,131,.3)}
.ri-owned-legend{padding:3px 10px;border-radius:20px;background:rgba(153,82,0,.15);color:#d4780d;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:1px solid rgba(153,82,0,.3)}
.ri-owned-mythic{padding:3px 10px;border-radius:20px;background:rgba(146,43,33,.15);color:#e74c3c;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:1px solid rgba(146,43,33,.3)}
.ri-owned-godly{padding:3px 10px;border-radius:20px;background:rgba(155,122,0,.15);color:#f1c40f;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:1px solid rgba(155,122,0,.3)}
.ri-owned-cosmic{padding:3px 10px;border-radius:20px;background:rgba(0,0,0,.15);color:#aaaaaa;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:1px solid rgba(0,0,0,.3)}

/* ── EPIC (border:#6c3483 | text:#8e44ad) ── */
.epic-box{background:rgba(255,255,255,.05);border-left:4px solid #6c3483;padding:15px;margin-bottom:20px;border-radius:4px}
.epic-bh{color:#8e44ad;font-size:16px;margin:14px 0 10px;text-transform:uppercase;letter-spacing:1px}
.epic-box>.epic-bh:first-child{margin-top:0}
.epic-ms{margin:10px 0}
.epic-inner{background:rgba(255,255,255,.05);border-left:4px solid #6c3483;padding:15px;border-radius:4px}
.epic-kh{color:#8e44ad;font-size:18px;margin:0 0 8px}
.epic-inner *+.epic-kh{margin-top:16px}
.epic-kn{color:#8e44ad;margin-right:6px;vertical-align:middle}
.epic-kb{background:rgba(108,52,131,.25);color:#8e44ad;padding:3px 8px;border-radius:3px;font-size:12px;font-weight:700;vertical-align:middle}
.epic-ra{padding:5px 15px;border-radius:20px;background:#6c3483;color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 14px rgba(108,52,131,.55)}
.epic-kta{padding:8px 18px;border:2px solid #6c3483;border-radius:6px;background:#6c3483;color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.epic-kti{padding:8px 18px;border:2px solid #6c3483;border-radius:6px;background:transparent;color:#8e44ad;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.epic-g{color:#8e44ad}
.epic-tabs-wrap .kta{background:#6c3483!important;border-color:#6c3483!important;color:#fff!important}

/* ── LEGEND (border:#995200 | text:#d4780d) ── */
.legend-box{background:rgba(255,255,255,.05);border-left:4px solid #995200;padding:15px;margin-bottom:20px;border-radius:4px}
.legend-bh{color:#d4780d;font-size:16px;margin:14px 0 10px;text-transform:uppercase;letter-spacing:1px}
.legend-box>.legend-bh:first-child{margin-top:0}
.legend-ms{margin:10px 0}
.legend-inner{background:rgba(255,255,255,.05);border-left:4px solid #995200;padding:15px;border-radius:4px}
.legend-kh{color:#d4780d;font-size:18px;margin:0 0 8px}
.legend-inner *+.legend-kh{margin-top:16px}
.legend-kn{color:#d4780d;margin-right:6px;vertical-align:middle}
.legend-kb{background:rgba(153,82,0,.25);color:#d4780d;padding:3px 8px;border-radius:3px;font-size:12px;font-weight:700;vertical-align:middle}
.legend-ra{padding:5px 15px;border-radius:20px;background:#995200;color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 14px rgba(153,82,0,.55)}
.legend-kta{padding:8px 18px;border:2px solid #995200;border-radius:6px;background:#995200;color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.legend-kti{padding:8px 18px;border:2px solid #995200;border-radius:6px;background:transparent;color:#d4780d;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.legend-g{color:#d4780d}
.legend-tabs-wrap .kta{background:#995200!important;border-color:#995200!important;color:#fff!important}

/* ── MYTHIC (border:#922b21 | text:#e74c3c) ── */
.mythic-box{background:rgba(255,255,255,.05);border-left:4px solid #922b21;padding:15px;margin-bottom:20px;border-radius:4px}
.mythic-bh{color:#e74c3c;font-size:16px;margin:14px 0 10px;text-transform:uppercase;letter-spacing:1px}
.mythic-box>.mythic-bh:first-child{margin-top:0}
.mythic-ms{margin:10px 0}
.mythic-inner{background:rgba(255,255,255,.05);border-left:4px solid #922b21;padding:15px;border-radius:4px}
.mythic-kh{color:#e74c3c;font-size:18px;margin:0 0 8px}
.mythic-inner *+.mythic-kh{margin-top:16px}
.mythic-kn{color:#e74c3c;margin-right:6px;vertical-align:middle}
.mythic-kb{background:rgba(146,43,33,.25);color:#e74c3c;padding:3px 8px;border-radius:3px;font-size:12px;font-weight:700;vertical-align:middle}
.mythic-ra{padding:5px 15px;border-radius:20px;background:#922b21;color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 14px rgba(146,43,33,.55)}
.mythic-kta{padding:8px 18px;border:2px solid #922b21;border-radius:6px;background:#922b21;color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.mythic-kti{padding:8px 18px;border:2px solid #922b21;border-radius:6px;background:transparent;color:#e74c3c;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.mythic-g{color:#e74c3c}
.mythic-tabs-wrap .kta{background:#922b21!important;border-color:#922b21!important;color:#fff!important}

/* ── GODLY (border:#9b7a00 | text:#f1c40f) ── */
.godly-box{background:rgba(255,255,255,.05);border-left:4px solid #9b7a00;padding:15px;margin-bottom:20px;border-radius:4px}
.godly-bh{color:#f1c40f;font-size:16px;margin:14px 0 10px;text-transform:uppercase;letter-spacing:1px}
.godly-box>.godly-bh:first-child{margin-top:0}
.godly-ms{margin:10px 0}
.godly-inner{background:rgba(255,255,255,.05);border-left:4px solid #9b7a00;padding:15px;border-radius:4px}
.godly-kh{color:#f1c40f;font-size:18px;margin:0 0 8px}
.godly-inner *+.godly-kh{margin-top:16px}
.godly-kn{color:#f1c40f;margin-right:6px;vertical-align:middle}
.godly-kb{background:rgba(155,122,0,.25);color:#f1c40f;padding:3px 8px;border-radius:3px;font-size:12px;font-weight:700;vertical-align:middle}
.godly-ra{padding:5px 15px;border-radius:20px;background:#9b7a00;color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 14px rgba(155,122,0,.55)}
.godly-kta{padding:8px 18px;border:2px solid #9b7a00;border-radius:6px;background:#9b7a00;color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.godly-kti{padding:8px 18px;border:2px solid #9b7a00;border-radius:6px;background:transparent;color:#f1c40f;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.godly-g{color:#f1c40f}
.godly-tabs-wrap .kta{background:#9b7a00!important;border-color:#9b7a00!important;color:#fff!important}

/* ── COSMIC (border:#1a1a1a | text:#1a1a1a) ── */
.cosmic-box{background:rgba(255,255,255,.05);border-left:4px solid #1a1a1a;padding:15px;margin-bottom:20px;border-radius:4px}
.cosmic-bh{color:#555555;font-size:16px;margin:14px 0 10px;text-transform:uppercase;letter-spacing:1px}
.cosmic-box>.cosmic-bh:first-child{margin-top:0}
.cosmic-ms{margin:10px 0}
.cosmic-inner{background:rgba(255,255,255,.05);border-left:4px solid #1a1a1a;padding:15px;border-radius:4px}
.cosmic-kh{color:#555555;font-size:18px;margin:0 0 8px}
.cosmic-inner *+.cosmic-kh{margin-top:16px}
.cosmic-kn{color:#555555;margin-right:6px;vertical-align:middle}
.cosmic-kb{background:rgba(0,0,0,.25);color:#555555;padding:3px 8px;border-radius:3px;font-size:12px;font-weight:700;vertical-align:middle}
.cosmic-ra{padding:5px 15px;border-radius:20px;background:#1a1a1a;color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 14px rgba(0,0,0,.55)}
.cosmic-kta{padding:8px 18px;border:2px solid #1a1a1a;border-radius:6px;background:#1a1a1a;color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.cosmic-kti{padding:8px 18px;border:2px solid #1a1a1a;border-radius:6px;background:transparent;color:#aaaaaa;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.cosmic-g{color:#555555}
.cosmic-tabs-wrap .kta{background:#1a1a1a!important;border-color:#1a1a1a!important;color:#fff!important}

/* ── INFINITY (border:#bf40bf | text:#bf40bf) ── */
.infinity-box{background:rgba(255,255,255,.05);border-left:4px solid #bf40bf;padding:15px;margin-bottom:20px;border-radius:4px}
.infinity-bh{color:#bf40bf;font-size:16px;margin:14px 0 10px;text-transform:uppercase;letter-spacing:1px}
.infinity-box>.infinity-bh:first-child{margin-top:0}
.infinity-ms{margin:10px 0}
.infinity-inner{background:rgba(255,255,255,.05);border-left:4px solid #bf40bf;padding:15px;border-radius:4px}
.infinity-kh{color:#bf40bf;font-size:18px;margin:0 0 8px}
.infinity-inner *+.infinity-kh{margin-top:16px}
.infinity-kn{color:#bf40bf;margin-right:6px;vertical-align:middle}
.infinity-kb{background:rgba(191,64,191,.25);color:#bf40bf;padding:3px 8px;border-radius:3px;font-size:12px;font-weight:700;vertical-align:middle}
.infinity-ra{padding:5px 15px;border-radius:20px;background:#bf40bf;color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;box-shadow:0 0 14px rgba(191,64,191,.55)}
.infinity-kta{padding:8px 18px;border:2px solid #bf40bf;border-radius:6px;background:#bf40bf;color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.infinity-kti{padding:8px 18px;border:2px solid #bf40bf;border-radius:6px;background:transparent;color:#bf40bf;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.infinity-g{color:#bf40bf}
.infinity-tabs-wrap .kta{background:#bf40bf!important;border-color:#bf40bf!important;color:#fff!important}

/* ── Prevent browser/Tebex active-click darkening on tab buttons ── */
.ktabs span:active,.ktabs span:focus{opacity:1!important;filter:none!important;color:inherit!important}

/* ── ETERNAL (border:#4169e1 | text:#6a8ff5) ── */
.eternal-box{background:rgba(255,255,255,.05);border-left:4px solid #4169e1;padding:15px;margin-bottom:20px;border-radius:4px}
.eternal-bh{color:#6a8ff5;font-size:16px;margin:14px 0 10px;text-transform:uppercase;letter-spacing:1px}
.eternal-box>.eternal-bh:first-child{margin-top:0}
.eternal-g{color:#6a8ff5}