/* RESELLER PAGE DEDICATED STYLES - KEMOTVMAX 2026 */
@font-face{font-family:'Inter';font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/inter-latin-var.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter Fallback';src:local('Segoe UI'),local('Roboto'),local('Helvetica Neue'),local('Arial');size-adjust:108.2%;ascent-override:89.65%;descent-override:22.18%;line-gap-override:0%}

:root {
  --orange: #ff7700;
  --orange-hover: #ff881a;
  --orange-glow: rgba(255, 119, 0, 0.35);
  --dark-bg: #070a12;
  --dark-surface: #0c101a;
  --dark-card: #141416;
  --dark-card-border: #232326;
  --text-light: #ffffff;
  --text-muted: #94a3b8;
  --text-dim: #64748b;
  --green: #10b981;
}

/* Hero Section */
.reseller-hero-section {
  position: relative;
  background-color: var(--dark-bg);
  background-image: 
    radial-gradient(circle at 50% 15%, rgba(255, 119, 0, 0.12) 0%, transparent 60%),
    radial-gradient(circle at 85% 45%, rgba(37, 99, 235, 0.08) 0%, transparent 50%),
    linear-gradient(180deg, rgba(7, 10, 18, 0.7) 0%, rgba(7, 10, 18, 0.98) 100%),
    url('/images/choosing_best_iptv_provider_2k_202608200400.webp');
  background-size: cover;
  background-position: center;
  padding: 150px 0 80px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

/* Stats & Library Counters Banner (Matching BestIPTVUS in Sleek Dark Theme) */
.stats-banner-section {
  background: #080c16;
  padding: 38px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  position: relative;
  z-index: 10;
}

.stats-banner-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  max-width: 1140px;
  margin: 0 auto;
}

@media (max-width: 900px) {
  .stats-banner-grid {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 16px;
  }
}

.stat-card-item {
  background: #0f1422;
  border: 1.5px solid #1e2638;
  border-radius: 12px;
  padding: 24px 28px;
  display: flex;
  align-items: center;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35);
}

.stat-card-item:hover {
  border-color: #3273F0;
  box-shadow: 0 10px 32px rgba(50, 115, 240, 0.25);
  transform: translateY(-3px);
}

.stat-card-icon-wrap {
  margin-right: 22px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3273F0;
}

.stat-card-number {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 32px;
  font-weight: 900;
  color: #ffffff;
  line-height: 1.1;
  margin-bottom: 4px;
  letter-spacing: -0.02em;
}

.stat-card-label {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 15px;
  color: #94a3b8;
  font-weight: 600;
  line-height: 1.3;
}

/* Visibility Fixes: Prevent dark text on dark backgrounds */
.dark-text,
.dark-section .dark-text,
.pricing-section-v2 .dark-text,
.reseller-hero-section .dark-text,
[class*="dark"] .dark-text {
  color: #ffffff !important;
}

.light-section .dark-text {
  color: #0f172a !important;
}

.section-title-bold {
  color: #ffffff !important;
}

.light-section .section-title-bold {
  color: #0f172a !important;
}

.section-subtitle-dark {
  color: #cbd5e1 !important;
}

/* Icon Mask SVG Fallbacks */
.fa-tag { --fai: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M32.5 96l0 149.5c0 17 6.7 33.3 18.7 45.3l192 192c25 25 65.5 25 90.5 0L483.2 333.3c25-25 25-65.5 0-90.5l-192-192C279.2 38.7 263 32 246 32L96.5 32c-35.3 0-64 28.7-64 64zm112 16a32 32 0 1 1 0 64 32 32 0 1 1 0-64z'/%3E%3C/svg%3E") !important; }
.fa-coins { --fai: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M0 405.3C0 447.1 114.6 480 256 480s256-32.9 256-74.7l0-59.6c-35 36.3-134.4 59.6-256 59.6s-221-23.3-256-59.6L0 405.3zM512 284.2c-35 36.3-134.4 59.6-256 59.6s-221-23.3-256-59.6L0 224.6l0 59.6c0 41.8 114.6 74.7 256 74.7s256-32.9 256-74.7l0-59.6 0 .0zM256 0C114.6 0 0 32.9 0 74.7l0 59.6c0 41.8 114.6 74.7 256 74.7s256-32.9 256-74.7l0-59.6C512 32.9 397.4 0 256 0z'/%3E%3C/svg%3E") !important; }
.fa-chart-line { --fai: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M64 64c0-17.7-14.3-32-32-32S0 46.3 0 64L0 400c0 44.2 35.8 80 80 80l400 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 416c-8.8 0-16-7.2-16-16L64 64zm406.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L320 210.7l-57.4-57.4c-12.5-12.5-32.8-12.5-45.3 0l-112 112c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L240 221.3l57.4 57.4c12.5 12.5 32.8 12.5 45.3 0l128-128z'/%3E%3C/svg%3E") !important; }
.fa-calculator { --fai: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='currentColor' d='M64 0C28.7 0 0 28.7 0 64L0 448c0 35.3 28.7 64 64 64l256 0c35.3 0 64-28.7 64-64l0-384c0-35.3-28.7-64-64-64L64 0zM96 64l192 0c17.7 0 32 14.3 32 32l0 32c0 17.7-14.3 32-32 32L96 160c-17.7 0-32-14.3-32-32l0-32c0-17.7 14.3-32 32-32zm32 160a32 32 0 1 1 -64 0 32 32 0 1 1 64 0zm96 0a32 32 0 1 1 -64 0 32 32 0 1 1 64 0zm96 0a32 32 0 1 1 -64 0 32 32 0 1 1 64 0zm-192 96a32 32 0 1 1 -64 0 32 32 0 1 1 64 0zm96 0a32 32 0 1 1 -64 0 32 32 0 1 1 64 0zm96 0a32 32 0 1 1 -64 0 32 32 0 1 1 64 0zm-192 96a32 32 0 1 1 -64 0 32 32 0 1 1 64 0zm96 0a32 32 0 1 1 -64 0 32 32 0 1 1 64 0zm96 0a32 32 0 1 1 -64 0 32 32 0 1 1 64 0z'/%3E%3C/svg%3E") !important; }
.fa-sliders { --fai: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M0 416c0-17.7 14.3-32 32-32l54.7 0c12.3-28.3 40.5-48 73.3-48s61 19.7 73.3 48L480 384c17.7 0 32 14.3 32 32s-14.3 32-32 32l-246.7 0c-12.3 28.3-40.5 48-73.3 48s-61-19.7-73.3-48L32 448c-17.7 0-32-14.3-32-32zm192 0a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zM352 96a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zM0 96C0 78.3 14.3 64 32 64l214.7 0c12.3-28.3 40.5-48 73.3-48s61 19.7 73.3 48L480 64c17.7 0 32 14.3 32 32s-14.3 32-32 32l-86.7 0c-12.3 28.3-40.5 48-73.3 48s-61-19.7-73.3-48L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l118.7 0c12.3-28.3 40.5-48 73.3-48s61 19.7 73.3 48L480 224c17.7 0 32 14.3 32 32s-14.3 32-32 32l-182.7 0c-12.3 28.3-40.5 48-73.3 48s-61-19.7-73.3-48L32 288c-17.7 0-32-14.3-32-32zm256 0a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z'/%3E%3C/svg%3E") !important; }
.fa-sitemap { --fai: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='currentColor' d='M256 32C256 14.3 270.3 0 288 0l64 0c17.7 0 32 14.3 32 32l0 96c0 17.7-14.3 32-32 32l-64 0c-17.7 0-32-14.3-32-32l0-96zM96 352c0-17.7 14.3-32 32-32l64 0c17.7 0 32 14.3 32 32l0 96c0 17.7-14.3 32-32 32l-64 0c-17.7 0-32-14.3-32-32l0-96zm352 0c0-17.7 14.3-32 32-32l64 0c17.7 0 32 14.3 32 32l0 96c0 17.7-14.3 32-32 32l-64 0c-17.7 0-32-14.3-32-32l0-96zM352 192l0 32 96 0c35.3 0 64 28.7 64 64l0 32 64 0c17.7 0 32 14.3 32 32l0 96c0 17.7-14.3 32-32 32l-64 0c-17.7 0-32-14.3-32-32l0-96c0-17.7-14.3-32-32-32l-32 0 0-32c0-17.7-14.3-32-32-32l-128 0 0 32-32 0c-17.7 0-32 14.3-32 32l0 96c0 17.7-14.3 32-32 32l-64 0c-17.7 0-32-14.3-32-32l0-96c0-17.7 14.3-32 32-32l64 0 0-32c0-35.3 28.7-64 64-64l96 0 0-32 32 0z'/%3E%3C/svg%3E") !important; }
.fa-circle-question { --fai: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='currentColor' d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM169.8 165.3c7.9-22.3 29.1-37.3 52.8-37.3l58.3 0c34.9 0 63.1 28.3 63.1 63.1c0 22.6-12.1 43.5-31.7 54.8L280 264.4c-.2 13-10.8 23.6-23.8 23.6c-13.3 0-24-10.7-24-24l0-13.5c0-8.6 4.6-16.5 12.1-20.8l44.3-25.4c4.7-2.7 7.6-7.7 7.6-13.1c0-8.5-6.9-15.3-15.3-15.3l-58.3 0c-5.7 0-10.8 3.6-12.7 9l-7.5 21.2c-4.4 12.5-18.2 19-30.7 14.6s-19-18.2-14.6-30.7l7.5-21.2zM256 336a24 24 0 1 1 0 48 24 24 0 1 1 0-48z'/%3E%3C/svg%3E") !important; }
.fa-handshake { --fai: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='currentColor' d='M448 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 128-64 0 0-128c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 128-64 0 0-128c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 134.4c-19.1 11.1-32 31.7-32 55.4l0 186.2-70.6-70.6c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L153.4 504.6c12.5 12.5 32.8 12.5 45.3 0L384 319.3l0-127.3 64 0 0-128zM576 192c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 128-64 0 0-128c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 134.4c-19.1 11.1-32 31.7-32 55.4l0 186.2-70.6-70.6c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L281.4 504.6c12.5 12.5 32.8 12.5 45.3 0L512 319.3l0-127.3 64 0 0-128z'/%3E%3C/svg%3E") !important; }
.fa-play { --fai: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='currentColor' d='M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z'/%3E%3C/svg%3E") !important; }
.fa-stopwatch { --fai: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='currentColor' d='M176 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l16 0 0 34.4C92.3 113.8 16 200 16 304c0 114.9 93.1 208 208 208s208-93.1 208-208c0-104-76.3-190.2-176-205.6L256 64l16 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L176 0zM224 160c8.8 0 16 7.2 16 16l0 128c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-128c0-8.8 7.2-16 16-16z'/%3E%3C/svg%3E") !important; }
.fa-user-plus { --fai: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3E%3Cpath fill='currentColor' d='M285.7 304c98.5 0 178.3 79.8 178.3 178.3 0 16.4-13.3 29.7-29.7 29.7L77.7 512C61.3 512 48 498.7 48 482.3 48 383.8 127.8 304 226.3 304l59.4 0zM528 80c13.3 0 24 10.7 24 24l0 48 48 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-48 0 0 48c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-48-48 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l48 0 0-48c0-13.3 10.7-24 24-24zM256 248a120 120 0 1 1 0-240 120 120 0 1 1 0 240z'/%3E%3C/svg%3E") !important; }

/* Pricing Grid */
.reseller-pricing-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
  margin: 50px auto 30px;
  max-width: 1140px;
  align-items: stretch;
}

.reseller-card {
  background: var(--dark-card);
  border: 1.5px solid var(--dark-card-border);
  border-radius: 24px;
  padding: 42px 30px 34px;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);
}
.reseller-card:hover {
  transform: translateY(-8px);
  border-color: #3b3b42;
  box-shadow: 0 22px 50px rgba(0, 0, 0, 0.6);
}

.reseller-card.featured-reseller {
  border: 2px solid var(--orange);
  background: #17181c;
  transform: scale(1.03);
  box-shadow: 0 0 35px rgba(255, 119, 0, 0.22), 0 20px 45px rgba(0, 0, 0, 0.6);
  z-index: 2;
}
.reseller-card.featured-reseller:hover {
  transform: scale(1.05) translateY(-8px);
  box-shadow: 0 0 45px rgba(255, 119, 0, 0.32), 0 25px 55px rgba(0, 0, 0, 0.7);
}

.badge-featured-tier {
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  background: linear-gradient(135deg, #ff7700, #ff9900);
  color: #070a12;
  font-weight: 900;
  font-size: 0.72rem;
  padding: 5px 18px;
  border-radius: 20px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  box-shadow: 0 4px 14px rgba(255, 119, 0, 0.4);
  white-space: nowrap;
}

.reseller-card-header {
  text-align: center;
  margin-bottom: 22px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.reseller-tier-name {
  font-size: 1.55rem;
  font-weight: 900;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: -0.01em;
  margin-bottom: 6px;
}
.reseller-credit-pill {
  display: inline-block;
  background: rgba(255, 119, 0, 0.12);
  border: 1px solid rgba(255, 119, 0, 0.35);
  color: var(--orange);
  font-size: 0.85rem;
  font-weight: 800;
  padding: 4px 14px;
  border-radius: 20px;
  margin-bottom: 16px;
}

.reseller-price-wrap {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 2px;
  margin-bottom: 6px;
}
.reseller-price-currency {
  font-size: 1.6rem;
  font-weight: 800;
  color: var(--orange);
}
.reseller-price-amount {
  font-size: 3.4rem;
  font-weight: 900;
  color: #ffffff;
  line-height: 1;
  letter-spacing: -0.03em;
}
.reseller-price-unit {
  font-size: 0.82rem;
  color: var(--text-muted);
  font-weight: 600;
  margin-top: 4px;
}

.reseller-feature-list {
  list-style: none;
  padding: 0;
  margin: 0 0 30px;
  flex: 1;
}
.reseller-feature-list li {
  padding: 8px 0;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 0.9rem;
  color: #e2e8f0;
  line-height: 1.45;
}
.reseller-feature-list li i {
  color: var(--orange);
  margin-top: 3px;
  flex-shrink: 0;
}
.reseller-feature-list li.highlight-feat {
  font-weight: 700;
  color: #ffffff;
}
.reseller-feature-list li.highlight-feat i {
  color: var(--green);
}

.btn-reseller-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 14px 20px;
  background: var(--orange);
  color: #070a12;
  font-weight: 900;
  font-size: 0.96rem;
  text-decoration: none;
  border-radius: 10px;
  transition: all 0.25s ease;
  letter-spacing: 0.02em;
  box-shadow: 0 4px 18px rgba(255, 119, 0, 0.4);
}
.btn-reseller-cta:hover {
  background: var(--orange-hover);
  transform: translateY(-2px);
  box-shadow: 0 8px 26px rgba(255, 119, 0, 0.55);
}

.btn-reseller-outline {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 14px 20px;
  background: transparent;
  color: #ffffff;
  border: 1.5px solid rgba(255, 119, 0, 0.6);
  font-weight: 800;
  font-size: 0.94rem;
  text-decoration: none;
  border-radius: 10px;
  transition: all 0.25s ease;
}
.btn-reseller-outline:hover {
  background: var(--orange);
  color: #070a12;
  border-color: var(--orange);
}

/* Interactive Profit Calculator */
.profit-calc-card {
  background: linear-gradient(145deg, #101524 0%, #0d111c 100%);
  border: 1.5px solid #1e2638;
  border-radius: 24px;
  padding: 40px;
  margin: 60px auto 0;
  max-width: 980px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}
.calc-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 36px;
  align-items: center;
}
.calc-slider-wrap {
  margin: 24px 0 10px;
}
.calc-slider {
  width: 100%;
  height: 8px;
  border-radius: 5px;
  background: #1e2638;
  outline: none;
  accent-color: var(--orange);
  cursor: pointer;
}
.calc-result-box {
  background: #141a29;
  border: 1.5px solid rgba(255, 119, 0, 0.35);
  border-radius: 18px;
  padding: 30px 24px;
  text-align: center;
}
.calc-profit-amount {
  font-size: 2.8rem;
  font-weight: 900;
  color: var(--green);
  line-height: 1.1;
  margin: 8px 0;
}

/* Feature Grid */
.reseller-features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 40px;
}
.feature-cell {
  background: #0f1422;
  border: 1px solid #1e2638;
  border-radius: 18px;
  padding: 28px 24px;
  transition: all 0.25s ease;
}
.feature-cell:hover {
  transform: translateY(-4px);
  border-color: rgba(255, 119, 0, 0.4);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4);
}
.feature-cell-icon {
  width: 50px;
  height: 50px;
  border-radius: 14px;
  background: rgba(255, 119, 0, 0.12);
  border: 1px solid rgba(255, 119, 0, 0.3);
  color: var(--orange);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  margin-bottom: 18px;
}

/* Responsive */
@media (max-width: 992px) {
  .hero-stats-banner {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .stat-box:nth-child(2) {
    border-right: none;
  }
  .reseller-pricing-grid {
    grid-template-columns: 1fr;
    max-width: 480px;
  }
  .reseller-card.featured-reseller {
    transform: none;
  }
  .reseller-card.featured-reseller:hover {
    transform: translateY(-6px);
  }
  .calc-grid {
    grid-template-columns: 1fr;
  }
  .reseller-features-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .hero-stats-banner {
    grid-template-columns: 1fr;
  }
  .stat-box {
    border-right: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    padding-bottom: 16px;
  }
  .stat-box:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
  .reseller-features-grid {
    grid-template-columns: 1fr;
  }
}