/* ==========================================================================
   Inner page styles (cloned from iptvuk.cloud)
   Each block is scoped to its own wrapper so the landing page is untouched.
   ========================================================================== */


/* ---- about-us ---- */
/* MAIN WRAPPER */
.about-wrapper {
  background:#eef4ff;
  padding:40px 20px;
  font-family: Arial, sans-serif;
  color:#000;
}

/* CONTAINER */
.about-container {
  max-width:1000px;
  margin:auto;
}

/* CARD DESIGN */
.about-card {
  background:#ffffff;
  padding:30px;
  border-radius:10px;
  box-shadow:0 4px 15px rgba(0,0,0,0.08);
  margin-bottom:25px;
}

/* HEADINGS */
.about-wrapper h1 {
  font-size:32px;
  margin-bottom:15px;
}

.about-wrapper h2 {
  margin-top:25px;
  font-size:22px;
}

/* TEXT */
.about-wrapper p {
  line-height:1.7;
  margin-bottom:15px;
}

.about-wrapper ul {
  padding-left:20px;
}

.about-wrapper ul li {
  margin-bottom:10px;
}

/* 🔥 ASTRA BUTTON FIX */
.about-wrapper .about-btn,
.about-wrapper .about-btn:visited,
.about-wrapper .about-btn:active,
.about-wrapper a.about-btn,
button.about-btn {
  display:inline-block;
  margin-top:15px;
  padding:14px 22px;
  border-radius:6px;
  text-decoration:none !important;
  font-weight:bold;
  transition:0.3s;
  background:#1ebe5d !important;
  color:#ffffff !important;
  border:none !important;
}

.about-wrapper .about-btn:hover {
  background:#18a94f !important;
  color:#ffffff !important;
}

/* LINKS */
.about-links a {
  color:#1ebe5d;
  font-weight:600;
  text-decoration:none;
}

.about-links a:hover {
  text-decoration:underline;
}

/* MOBILE */
@media (max-width:768px) {
  .about-wrapper h1 {
    font-size:26px;
  }
}

/* ---- contact-us ---- */
/* MAIN WRAPPER */
.contact-wrapper {
  background:#eef4ff;
  padding:40px 20px;
  font-family: Arial, sans-serif;
  color:#000;
}

/* CONTAINER */
.contact-container {
  max-width:1000px;
  margin:auto;
}

/* CARD DESIGN */
.contact-card {
  background:#ffffff;
  padding:30px;
  border-radius:10px;
  box-shadow:0 4px 15px rgba(0,0,0,0.08);
  margin-bottom:25px;
}

/* HEADINGS */
.contact-wrapper h1 {
  font-size:32px;
  margin-bottom:15px;
  color:#000;
}

.contact-wrapper h2 {
  margin-top:25px;
  font-size:22px;
  color:#000;
}

/* TEXT */
.contact-wrapper p {
  line-height:1.7;
  margin-bottom:15px;
}

.contact-wrapper ul {
  padding-left:20px;
}

.contact-wrapper ul li {
  margin-bottom:10px;
}

/* 🔥 ASTRA BUTTON FIX (IMPORTANT) */
.contact-wrapper .contact-btn,
.contact-wrapper .contact-btn:visited,
.contact-wrapper .contact-btn:active,
.contact-wrapper a.contact-btn,
button.contact-btn {
  display:inline-block;
  margin-top:15px;
  padding:14px 22px;
  border-radius:6px;
  text-decoration:none !important;
  font-weight:bold;
  transition:0.3s;
  background:#1ebe5d !important;
  color:#ffffff !important;   /* FORCE WHITE */
  border:none !important;
}

/* HOVER */
.contact-wrapper .contact-btn:hover {
  background:#18a94f !important;
  color:#ffffff !important;
}

/* LINKS */
.contact-links a {
  color:#1ebe5d;
  font-weight:600;
  text-decoration:none;
}

.contact-links a:hover {
  text-decoration:underline;
}

/* MOBILE */
@media (max-width:768px) {
  .contact-wrapper h1 {
    font-size:26px;
  }
}

/* ---- installation-guide ---- */
.install-wrapper {
  background:#eef4ff;
  padding:40px 20px;
  font-family: Arial, sans-serif;
  color:#000;
}

.install-container {
  max-width:1000px;
  margin:auto;
}

.install-card {
  background:#ffffff;
  padding:30px;
  border-radius:10px;
  box-shadow:0 4px 15px rgba(0,0,0,0.08);
  margin-bottom:25px;
}

.install-wrapper h1 {
  font-size:32px;
  margin-bottom:15px;
}

.install-wrapper h2 {
  font-size:22px;
  margin-top:25px;
}

.install-wrapper h3 {
  font-size:18px;
  margin-top:20px;
}

.install-wrapper p {
  line-height:1.7;
  margin-bottom:15px;
}

.install-wrapper ul {
  padding-left:20px;
}

.install-wrapper ul li {
  margin-bottom:10px;
}

/* Buttons */
.install-btn,
.install-btn:visited,
.install-btn:active,
a.install-btn,
button.install-btn {
  display:inline-block;
  margin-top:15px;
  padding:14px 22px;
  border-radius:6px;
  text-decoration:none !important;
  font-weight:bold;
  transition:0.3s;
  background:#1ebe5d !important;
  color:#ffffff !important;
  border:none !important;
}

.install-btn:hover {
  background:#18a94f !important;
  color:#ffffff !important;
}

/* Links */
.install-links a {
  color:#1ebe5d;
  font-weight:600;
  text-decoration:none;
}

.install-links a:hover {
  text-decoration:underline;
}

/* Mobile */
@media (max-width:768px) {
  .install-wrapper h1 {
    font-size:26px;
  }
}

/* ---- refund-policy ---- */
.refund-wrapper {
  background:#eef4ff;
  padding:40px 20px;
  font-family: Arial, sans-serif;
  color:#000;
}

.refund-container {
  max-width:900px;
  margin:auto;
}

.refund-card {
  background:#ffffff;
  padding:30px;
  border-radius:10px;
  box-shadow:0 4px 15px rgba(0,0,0,0.08);
  margin-bottom:25px;
}

.refund-wrapper h1 {
  font-size:32px;
  margin-bottom:15px;
}

.refund-wrapper h2 {
  font-size:22px;
  margin-top:20px;
}

.refund-wrapper p, .refund-wrapper ul {
  line-height:1.7;
  margin-bottom:15px;
}

.refund-wrapper ul {
  padding-left:20px;
}

.refund-wrapper ul li {
  margin-bottom:10px;
}

/* Buttons */
.refund-btn,
.refund-btn:visited,
.refund-btn:active,
a.refund-btn,
button.refund-btn {
  display:inline-block;
  margin-top:15px;
  padding:14px 22px;
  border-radius:6px;
  text-decoration:none !important;
  font-weight:bold;
  transition:0.3s;
  background:#1ebe5d !important;
  color:#ffffff !important;
  border:none !important;
}

.refund-btn:hover {
  background:#18a94f !important;
  color:#ffffff !important;
}

.refund-links a {
  color:#1ebe5d;
  font-weight:600;
  text-decoration:none;
}

.refund-links a:hover {
  text-decoration:underline;
}

@media (max-width:768px) {
  .refund-wrapper h1 {
    font-size:26px;
  }
}

/* ---- privacy-policy ---- */
.privacy-wrapper {
  background:#eef4ff;
  padding:40px 20px;
  font-family: Arial, sans-serif;
  color:#000;
}

.privacy-container {
  max-width:900px;
  margin:auto;
}

.privacy-card {
  background:#ffffff;
  padding:30px;
  border-radius:10px;
  box-shadow:0 4px 15px rgba(0,0,0,0.08);
  margin-bottom:25px;
}

.privacy-wrapper h1 {
  font-size:32px;
  margin-bottom:15px;
}

.privacy-wrapper h2 {
  font-size:22px;
  margin-top:20px;
}

.privacy-wrapper p, .privacy-wrapper ul {
  line-height:1.7;
  margin-bottom:15px;
}

.privacy-wrapper ul {
  padding-left:20px;
}

.privacy-wrapper ul li {
  margin-bottom:10px;
}

/* Buttons */
.privacy-btn,
.privacy-btn:visited,
.privacy-btn:active,
a.privacy-btn,
button.privacy-btn {
  display:inline-block;
  margin-top:15px;
  padding:14px 22px;
  border-radius:6px;
  text-decoration:none !important;
  font-weight:bold;
  transition:0.3s;
  background:#1ebe5d !important;
  color:#ffffff !important;
  border:none !important;
}

.privacy-btn:hover {
  background:#18a94f !important;
  color:#ffffff !important;
}

.privacy-links a {
  color:#1ebe5d;
  font-weight:600;
  text-decoration:none;
}

.privacy-links a:hover {
  text-decoration:underline;
}

@media (max-width:768px) {
  .privacy-wrapper h1 {
    font-size:26px;
  }
}

/* ---- iptv-reseller ---- */
.ipvr-page{
    --bg:#f3f8ff;
    --bg-2:#ffffff;
    --bg-3:#eaf2ff;
    --accent:#1ebe5d;
    --accent-2:#2563eb;
    --text-hi:#000000;
    --text-mid:#43485a;
    --text-dim:#6b7280;
    --line:rgba(0,0,0,0.10);
    --radius:8px;
  }
  .ipvr-page *{box-sizing:border-box;}
  .ipvr-page{
    background:var(--bg);
    color:var(--text-hi);
    font-family:'Segoe UI', Arial, sans-serif;
    line-height:1.6;
    padding:48px 0 0;
  }
  .ipvr-page .wrap{max-width:1120px; margin:0 auto; padding:0 24px;}
  .ipvr-page a{color:inherit;}
  .ipvr-page h1,.ipvr-page h2,.ipvr-page h3{
    font-weight:700; line-height:1.2; margin:0 0 14px; color:var(--text-hi);
  }
  .ipvr-page .eyebrow{
    font-size:12px; letter-spacing:0.12em; text-transform:uppercase;
    color:var(--accent-2); font-weight:700; margin-bottom:10px;
  }
  .ipvr-page section{padding:52px 0;}
  .ipvr-page svg{flex-shrink:0;}

  .ipvr-page .hero{text-align:center; padding:56px 0 44px; border-bottom:1px solid var(--line);}
  .ipvr-page .hero h1{font-size:clamp(28px,4vw,44px); max-width:18ch; margin:0 auto 18px;}
  .ipvr-page .hero p{color:var(--text-mid); max-width:62ch; margin:0 auto 28px; font-size:16px;}
  .ipvr-page .btn{
    display:inline-flex; align-items:center; gap:8px;
    background:var(--accent); color:#fff; font-weight:700; font-size:15px;
    padding:14px 28px; border-radius:var(--radius); text-decoration:none;
  }
  .ipvr-page .btn:hover{opacity:0.9;}
  .ipvr-page .btn-outline{
    display:inline-flex; align-items:center; gap:8px;
    border:1px solid var(--line); color:var(--text-hi); font-size:14px;
    padding:12px 24px; border-radius:var(--radius); text-decoration:none; margin-left:10px;
  }

  .ipvr-page .trust-strip{
    display:flex; flex-wrap:wrap; gap:26px; justify-content:center;
    padding:20px 0; border-bottom:1px solid var(--line);
    font-size:13.5px; color:var(--text-mid);
  }
  .ipvr-page .trust-strip span{display:flex; align-items:center; gap:8px;}
  .ipvr-page .trust-strip svg{color:var(--accent-2);}
  .ipvr-page .trust-strip b{color:var(--text-hi);}

  .ipvr-page .seo-copy p{color:var(--text-mid); font-size:15px; max-width:78ch; margin-bottom:14px;}

  .ipvr-page .usage-table{
    width:100%; border-collapse:collapse; background:var(--bg-2);
    border:1px solid var(--line); border-radius:var(--radius); overflow:hidden;
  }
  .ipvr-page .usage-table th{
    background:var(--bg-3); text-align:left; font-size:12px; text-transform:uppercase;
    letter-spacing:0.06em; color:var(--text-mid); padding:14px 18px;
  }
  .ipvr-page .usage-table td{padding:14px 18px; border-top:1px solid var(--line); font-size:14.5px;}
  .ipvr-page .usage-table td.credit{color:var(--accent-2); font-weight:700;}

  .ipvr-page .plans{display:grid; grid-template-columns:repeat(5,1fr); gap:16px; align-items:start;}
  @media (max-width:980px){ .ipvr-page .plans{grid-template-columns:repeat(2,1fr);} }
  @media (max-width:560px){ .ipvr-page .plans{grid-template-columns:1fr;} }
  .ipvr-page .plan-card{
    background:var(--bg-2); border:1px solid var(--line); border-radius:var(--radius);
    padding:26px 20px; text-align:left; display:flex; flex-direction:column; height:100%;
  }
  .ipvr-page .plan-card.popular{border-color:var(--accent); box-shadow:0 0 0 1px var(--accent);}
  .ipvr-page .plan-badge{
    font-size:10.5px; font-weight:700; text-transform:uppercase;
    color:var(--accent); letter-spacing:0.06em; margin-bottom:10px; text-align:center;
  }
  .ipvr-page .plan-credits{font-size:19px; font-weight:700; margin-bottom:6px; text-align:center;}
  .ipvr-page .plan-price{font-size:26px; font-weight:800; color:var(--accent-2); margin:8px 0 18px; text-align:center;}
  .ipvr-page .plan-features{list-style:none; margin:0 0 20px; padding:0; flex-grow:1;}
  .ipvr-page .plan-features li{
    display:flex; align-items:flex-start; gap:8px; font-size:13px; color:var(--text-mid);
    padding:6px 0; border-top:1px solid var(--line);
  }
  .ipvr-page .plan-features li:first-child{border-top:none;}
  .ipvr-page .plan-features li svg{color:var(--accent); margin-top:2px;}
  .ipvr-page .plan-features li.sub-reseller{color:var(--text-hi); font-weight:600;}
  .ipvr-page .plan-features li.sub-reseller svg{color:var(--accent-2);}
  .ipvr-page .plan-card .btn{width:100%; justify-content:center;}

  .ipvr-page .benefits{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
  @media (max-width:760px){ .ipvr-page .benefits{grid-template-columns:1fr;} }
  .ipvr-page .benefit{background:var(--bg-2); border:1px solid var(--line); border-radius:var(--radius); padding:22px;}
  .ipvr-page .benefit .ico{
    width:44px; height:44px; border-radius:50%; background:var(--bg-3);
    display:flex; align-items:center; justify-content:center; margin-bottom:14px; color:var(--accent-2);
  }
  .ipvr-page .benefit h3{font-size:16px; margin-bottom:8px;}
  .ipvr-page .benefit p{color:var(--text-mid); font-size:14px; margin:0;}

  .ipvr-page .payment-methods{display:grid; grid-template-columns:repeat(3,1fr); gap:18px;}
  @media (max-width:760px){ .ipvr-page .payment-methods{grid-template-columns:1fr;} }
  .ipvr-page .payment-card{
    background:var(--bg-2); border:1px solid var(--line); border-radius:var(--radius);
    padding:24px; text-align:center;
  }
  .ipvr-page .payment-card .ico{color:var(--accent); margin-bottom:12px; display:flex; justify-content:center;}
  .ipvr-page .payment-card h3{font-size:15.5px; margin-bottom:6px;}
  .ipvr-page .payment-card p{color:var(--text-mid); font-size:13.5px; margin:0;}
  .ipvr-page .payment-note{
    margin-top:20px; text-align:center; font-size:13.5px; color:var(--text-mid);
    background:var(--bg-3); border-radius:var(--radius); padding:14px 18px;
  }
  .ipvr-page .payment-note b{color:var(--accent-2);}

  .ipvr-page .faq-item{border-bottom:1px solid var(--line); padding:18px 0;}
  .ipvr-page .faq-item h3{font-size:16px; margin-bottom:8px;}
  .ipvr-page .faq-item p{color:var(--text-mid); font-size:14.5px; margin:0;}

  .ipvr-page .cta-band{
    text-align:center; background:var(--bg-2); border:1px solid var(--line);
    border-radius:var(--radius); padding:46px 24px;
  }
  .ipvr-page .cta-band h2{font-size:26px; margin-bottom:12px;}
  .ipvr-page .cta-band p{color:var(--text-mid); margin-bottom:24px;}

  .ipvr-page .calc-box{
    background:var(--bg-2); border:1px solid var(--line); border-radius:var(--radius);
    padding:32px; display:grid; grid-template-columns:1fr 1fr; gap:32px;
  }
  @media (max-width:760px){ .ipvr-page .calc-box{grid-template-columns:1fr; padding:20px;} }
  .ipvr-page .calc-field{margin-bottom:18px;}
  .ipvr-page .calc-field label{display:block; font-size:13px; font-weight:700; margin-bottom:6px; color:var(--text-hi);}
  .ipvr-page .calc-field select, .ipvr-page .calc-field input{
    width:100% !important; padding:12px 14px !important; border:1px solid var(--line) !important;
    border-radius:var(--radius) !important; background:var(--bg) !important; color:var(--text-hi) !important;
    font-size:14.5px !important; font-family:inherit !important; line-height:1.5 !important;
    height:auto !important; min-height:46px !important; box-sizing:border-box !important;
    -webkit-appearance:none; appearance:none; margin:0 !important;
  }
  .ipvr-page .calc-results{background:var(--bg-3); border-radius:var(--radius); padding:24px;}
  .ipvr-page .calc-row{display:flex; justify-content:space-between; align-items:center; gap:10px; padding:10px 0; border-bottom:1px solid var(--line); font-size:14px; flex-wrap:wrap;}
  .ipvr-page .calc-row span{min-width:0; overflow-wrap:break-word;}
  .ipvr-page .calc-row .val{white-space:nowrap;}
  @media (max-width:480px){
    .ipvr-page .calc-row{flex-direction:column; align-items:flex-start; gap:4px;}
    .ipvr-page .calc-row .val{white-space:normal;}
    .ipvr-page .calc-row.profit .val{font-size:18px;}
  }
  .ipvr-page .calc-row:last-child{border-bottom:none;}
  .ipvr-page .calc-row .val{font-weight:700;}
  .ipvr-page .calc-row.profit .val{color:var(--accent); font-size:20px;}
  .ipvr-page .calc-row.price .val{color:var(--accent-2);}
  .ipvr-page .calc-note{font-size:12.5px; color:var(--text-dim); margin-top:14px;}