/* SliderTV - Design DNA: sverigeiptvnordic.com | Colors: #005aa8 blue, #ffd54f gold, #ffffff white */
:root {
  --sl-bg:#ffffff; --sl-nav-bg:#ffffff; --sl-primary:#005aa8;
  --sl-accent:#ffd54f; --sl-accent-hover:#ffcc00; --sl-text:#242424;
  --sl-text-muted:#777777; --sl-border:#e5e7eb; --sl-footer-bg:#0a0a0a;
  --sl-card-bg:#005aa8; --sl-red:#e84e48; --sl-alt:#fbbc34;
  --sl-radius:16px; --sl-shadow:0 6px 15px rgba(0,0,0,0.2);
  --sl-font:Inter,Arial,Helvetica,sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sl-font);color:var(--sl-text);background:var(--sl-bg);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
.container{max-width:1200px;margin:0 auto;padding:0 20px}

/* NAV */
.sl-nav{background:var(--sl-nav-bg);position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,0.08);padding:0 20px}
.sl-nav .container{display:flex;align-items:center;justify-content:space-between;height:70px}
.sl-nav .logo{font-size:1.6rem;font-weight:700;color:var(--sl-text);text-decoration:none}
.sl-nav .logo span{color:var(--sl-accent)}
.sl-nav-links{display:flex;gap:24px;align-items:center}
.sl-nav-links a{font-size:.9rem;font-weight:600;color:var(--sl-text);text-transform:uppercase;transition:color .3s;letter-spacing:.5px}
.sl-nav-links a:hover{color:var(--sl-primary)}
.sl-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:5px}
.sl-hamburger span{width:26px;height:3px;background:var(--sl-text);border-radius:2px;transition:.3s}

/* BUTTONS */
.sl-btn{display:inline-block;padding:14px 32px;border-radius:8px;font-weight:700;font-size:1rem;text-align:center;cursor:pointer;border:none;transition:all .3s;text-decoration:none}
.sl-btn-primary{background:var(--sl-accent);color:var(--sl-primary)}
.sl-btn-primary:hover{background:var(--sl-accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,213,79,0.4)}
.sl-btn-blue{background:var(--sl-primary);color:#fff}
.sl-btn-blue:hover{background:#004a8c;transform:translateY(-2px)}
.sl-btn-outline{background:transparent;color:var(--sl-primary);border:2px solid var(--sl-primary)}
.sl-btn-outline:hover{background:var(--sl-primary);color:#fff}

/* HERO */
.sl-hero{padding:60px 0;background:linear-gradient(135deg,#f0f7ff 0%,#fff 60%)}
.sl-hero .container{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.sl-hero h1{font-size:2.8rem;font-weight:800;line-height:1.15;margin-bottom:16px;color:var(--sl-primary)}
.sl-hero p{font-size:1.15rem;color:var(--sl-text-muted);margin-bottom:28px;max-width:500px}
.sl-hero-img img{border-radius:var(--sl-radius);width:100%}

/* INFO BOXES */
.sl-info-section{padding:60px 0;background:#f9fafb}
.sl-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.sl-info-box{background:#fff;border-radius:var(--sl-radius);padding:30px;text-align:center;box-shadow:0 2px 12px rgba(0,0,0,0.06);transition:transform .3s,box-shadow .3s}
.sl-info-box:hover{transform:translateY(-4px);box-shadow:var(--sl-shadow)}
.sl-info-box img{width:60px;height:60px;margin:0 auto 16px}
.sl-info-box h3{font-size:1.15rem;margin-bottom:8px}
.sl-info-box p{color:var(--sl-text-muted);font-size:.95rem}

/* STREAM SECTION */
.sl-stream-section{padding:60px 0;text-align:center;background:var(--sl-bg)}
.sl-stream-section h2{font-size:2rem;margin-bottom:12px;color:var(--sl-primary)}
.sl-stream-section p{font-size:1.05rem;color:var(--sl-text-muted);max-width:650px;margin:0 auto}

/* WHY CHOOSE */
.sl-why-section{padding:80px 0}
.sl-why-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.sl-why-img img{border-radius:var(--sl-radius);width:100%}
.sl-why-content h2{font-size:2.2rem;margin-bottom:16px;color:var(--sl-text)}
.sl-why-content h2 u{text-decoration:none;color:var(--sl-primary);border-bottom:3px solid var(--sl-accent)}
.sl-why-content>p{color:var(--sl-text-muted);margin-bottom:24px;line-height:1.7}
.sl-feature-item{display:flex;gap:14px;margin-bottom:20px}
.sl-feature-icon{font-size:1.6rem;flex-shrink:0;width:40px;text-align:center}
.sl-feature-item h4{font-size:1.05rem;margin-bottom:4px}
.sl-feature-item p{color:var(--sl-text-muted);font-size:.92rem}

/* TRUST BADGES */
.sl-trust-section{padding:40px 0;background:#f0f7ff}
.sl-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.sl-trust-item{padding:24px 12px;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.04)}
.sl-trust-item img{width:48px;height:48px;margin:0 auto 10px}
.sl-trust-item h4{font-size:.9rem;text-transform:uppercase;font-weight:700;margin-bottom:4px}
.sl-trust-item p{color:var(--sl-text-muted);font-size:.82rem}

/* PRICING */
.sl-pricing-section{padding:80px 0;background:var(--sl-bg)}
.sl-pricing-header{text-align:center;margin-bottom:40px}
.sl-pricing-header .subtitle{font-size:1rem;color:var(--sl-accent-hover);font-weight:600;margin-bottom:8px}
.sl-pricing-header h2{font-size:2.2rem;color:var(--sl-text)}
.sl-pricing-header h2 u{text-decoration:none;color:var(--sl-primary);border-bottom:3px solid var(--sl-accent)}
.sl-pricing-header p{color:var(--sl-text-muted);margin-top:8px}
.sl-pricing-grid{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}
.sl-plan-card{background:var(--sl-card-bg);color:#fff;border-radius:var(--sl-radius);width:280px;padding:28px 20px;text-align:center;box-shadow:var(--sl-shadow);transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}
.sl-plan-card::before{content:"";position:absolute;top:-40%;left:-30%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.15) 0%,transparent 70%);transform:rotate(45deg)}
.sl-plan-card:hover{transform:scale(1.05);box-shadow:0 10px 25px rgba(0,0,0,0.3)}
.sl-plan-card.popular{border:3px solid var(--sl-accent)}
.sl-plan-badge{position:absolute;top:12px;right:-4px;background:var(--sl-accent-hover);color:var(--sl-primary);font-size:.7rem;font-weight:800;padding:4px 12px;border-radius:4px;transform:rotate(-3deg);box-shadow:0 4px 8px rgba(0,0,0,0.2);z-index:2}
.sl-plan-card h3{font-size:1.3rem;font-weight:700;color:var(--sl-accent);margin-bottom:8px;position:relative;z-index:1}
.sl-plan-price{font-size:2.4rem;font-weight:800;margin:8px 0;position:relative;z-index:1;text-shadow:1px 1px 6px rgba(255,255,255,0.3)}
.sl-plan-card ul{text-align:left;margin:16px 0;position:relative;z-index:1}
.sl-plan-card ul li{margin-bottom:8px;font-size:.88rem;line-height:1.5;padding-left:20px;position:relative}
.sl-plan-card ul li::before{content:"\2713";position:absolute;left:0;color:var(--sl-accent);font-weight:700}
.sl-plan-card .sl-btn{position:relative;z-index:1;width:100%;margin-top:12px}

/* CINEMATIC */
.sl-cinematic-section{padding:80px 0;background:var(--sl-primary);color:#fff;text-align:center;position:relative;overflow:hidden}
.sl-cinematic-section::before,.sl-cinematic-section::after{content:"";position:absolute;width:100%;height:60px;background:var(--sl-bg)}
.sl-cinematic-section::before{top:0;clip-path:polygon(0 0,100% 0,100% 100%,0 0)}
.sl-cinematic-section::after{bottom:0;clip-path:polygon(0 100%,100% 0,100% 100%)}
.sl-cinematic-section h2{font-size:2rem;margin-bottom:12px;position:relative;z-index:1}
.sl-cinematic-section p{max-width:600px;margin:0 auto 24px;opacity:.9;position:relative;z-index:1}
.sl-cinematic-img{position:relative;z-index:1}
.sl-cinematic-img img{border-radius:var(--sl-radius);margin:0 auto;max-width:700px}

/* CHANNEL LOGOS */
.sl-channels-section{padding:50px 0;background:#f9fafb}
.sl-logo-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;align-items:center}
.sl-logo-grid img{width:80px;height:50px;object-fit:contain;filter:grayscale(40%);transition:filter .3s}
.sl-logo-grid img:hover{filter:grayscale(0%)}

/* FEATURES GRID */
.sl-features-section{padding:70px 0}
.sl-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.sl-feature-card{background:#fff;border-radius:12px;padding:24px;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,0.05);transition:transform .3s}
.sl-feature-card:hover{transform:translateY(-3px)}
.sl-feature-card img{width:50px;height:50px;margin:0 auto 12px}
.sl-feature-card h4{font-size:1rem;margin-bottom:6px}
.sl-feature-card p{font-size:.88rem;color:var(--sl-text-muted)}

/* TESTIMONIALS */
.sl-testimonials-section{padding:70px 0;background:#f0f7ff}
.sl-testimonials-section h2{text-align:center;font-size:2rem;margin-bottom:12px}
.sl-testimonials-section>.container>p{text-align:center;color:var(--sl-text-muted);margin-bottom:32px;max-width:600px;margin-left:auto;margin-right:auto}
.sl-testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.sl-testimonial-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 10px rgba(0,0,0,0.05)}
.sl-testimonial-card p{font-style:italic;color:var(--sl-text-muted);margin-bottom:12px;font-size:.95rem}
.sl-testimonial-card strong{color:var(--sl-primary)}

/* FAQ */
.sl-faq-section{padding:70px 0}
.sl-faq-section h2{text-align:center;font-size:2rem;margin-bottom:12px}
.sl-faq-section>.container>p{text-align:center;color:var(--sl-text-muted);margin-bottom:32px}
.sl-faq-list{max-width:800px;margin:0 auto}
.sl-faq-item{border:1px solid var(--sl-border);border-radius:10px;margin-bottom:12px;overflow:hidden}
.sl-faq-q{padding:18px 20px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:#f9fafb;transition:background .2s}
.sl-faq-q:hover{background:#f0f7ff}
.sl-faq-q::after{content:"+";font-size:1.3rem;color:var(--sl-primary);font-weight:700}
.sl-faq-item.active .sl-faq-q::after{content:"\2212"}
.sl-faq-a{display:none;padding:0 20px 18px;color:var(--sl-text-muted);line-height:1.7}
.sl-faq-item.active .sl-faq-a{display:block}

/* CTA */
.sl-cta-section{padding:60px 0;background:linear-gradient(135deg,var(--sl-primary),#003d75);color:#fff;text-align:center}
.sl-cta-section h2{font-size:2rem;margin-bottom:12px}
.sl-cta-section p{margin-bottom:24px;opacity:.9}

/* FOOTER */
.sl-footer{background:var(--sl-footer-bg);color:#ccc;padding:50px 0 20px}
.sl-footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:30px}
.sl-footer h4{color:#fff;font-size:1rem;margin-bottom:14px;text-transform:uppercase}
.sl-footer a{color:#aaa;font-size:.9rem;transition:color .3s;display:block;margin-bottom:8px}
.sl-footer a:hover{color:var(--sl-accent)}
.sl-footer p{font-size:.85rem;color:#888}
.sl-footer-bottom{border-top:1px solid #222;padding-top:20px;text-align:center;font-size:.82rem;color:#666}
.sl-footer .sl-address{font-size:.85rem;line-height:1.6;color:#999}

/* FORMS */
.sl-form{max-width:500px}
.sl-form label{display:block;font-weight:600;margin-bottom:6px;font-size:.9rem;color:var(--sl-text)}
.sl-form input,.sl-form select,.sl-form textarea{width:100%;padding:12px 14px;border:1px solid var(--sl-border);border-radius:8px;font-size:1rem;font-family:var(--sl-font);margin-bottom:16px;transition:border-color .3s;min-height:44px}
.sl-form input:focus,.sl-form select:focus,.sl-form textarea:focus{outline:none;border-color:var(--sl-primary);box-shadow:0 0 0 3px rgba(0,90,168,0.1)}
.sl-form textarea{min-height:100px;resize:vertical}
.sl-form .sl-btn{width:100%;padding:14px;font-size:1.05rem}
.sl-form .form-note{text-align:center;font-size:.82rem;color:var(--sl-text-muted);margin-top:10px}
.sl-form .honeypot{position:absolute;left:-9999px}
.form-message{padding:12px 16px;border-radius:8px;margin-top:12px;font-size:.9rem;text-align:center}
.form-message--success{background:#d4edda;color:#155724}
.form-message--error{background:#f8d7da;color:#721c24}

/* INNER PAGE HERO */
.sl-page-hero{background:linear-gradient(135deg,var(--sl-primary),#003d75);color:#fff;padding:50px 0;text-align:center}
.sl-page-hero h1{font-size:2.2rem;margin-bottom:8px}
.sl-page-hero p{opacity:.9;font-size:1.05rem}
.sl-breadcrumb{margin-top:10px;font-size:.85rem;opacity:.7}
.sl-breadcrumb a{color:var(--sl-accent)}

/* CONTENT SECTION */
.sl-content-section{padding:60px 0}
.sl-content-section h2{font-size:1.6rem;margin-bottom:16px;color:var(--sl-primary)}
.sl-content-section h3{font-size:1.25rem;margin:20px 0 10px}
.sl-content-section p{margin-bottom:14px;color:var(--sl-text-muted);line-height:1.7}
.sl-content-section ul{margin:12px 0 16px 20px}
.sl-content-section ul li{color:var(--sl-text-muted);margin-bottom:6px;padding-left:16px;position:relative;list-style:disc}
.sl-content-section table{width:100%;border-collapse:collapse;margin:16px 0}
.sl-content-section table th,.sl-content-section table td{padding:10px 14px;border:1px solid var(--sl-border);text-align:left;font-size:.92rem}
.sl-content-section table th{background:#f0f7ff;font-weight:700;color:var(--sl-primary)}

/* CHANNELS PAGE */
.sl-channels-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.sl-channel-cat{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 10px rgba(0,0,0,0.05)}
.sl-channel-cat h3{color:var(--sl-primary);margin-bottom:8px}
.sl-channel-cat p{color:var(--sl-text-muted);font-size:.9rem}

/* SETUP GUIDE */
.sl-setup-step{background:#f9fafb;border-radius:12px;padding:24px;margin-bottom:20px;border-left:4px solid var(--sl-primary)}
.sl-setup-step h3{color:var(--sl-primary);margin-bottom:8px}

/* CHECKOUT */
.sl-checkout-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.sl-order-summary{background:#f0f7ff;border-radius:var(--sl-radius);padding:28px}
.sl-order-summary h3{color:var(--sl-primary);margin-bottom:16px}
.sl-order-summary ul li{padding:8px 0;border-bottom:1px solid var(--sl-border);font-size:.92rem;color:var(--sl-text-muted)}
.sl-order-summary ul li:last-child{border:none}

/* RESELLER TIERS */
.sl-tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:24px 0}
.sl-tier-card{background:#f9fafb;border-radius:12px;padding:24px;text-align:center;border:2px solid transparent;transition:border-color .3s}
.sl-tier-card:hover{border-color:var(--sl-primary)}
.sl-tier-card h3{color:var(--sl-primary);margin-bottom:8px}
.sl-tier-card .discount{font-size:2rem;font-weight:800;color:var(--sl-accent-hover)}

/* RESPONSIVE */
@media(max-width:1024px){
  .sl-pricing-grid{flex-wrap:wrap}
  .sl-plan-card{width:45%}
  .sl-features-grid{grid-template-columns:repeat(2,1fr)}
  .sl-footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .sl-nav-links{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;flex-direction:column;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,0.1);z-index:999}
  .sl-nav-links.active{display:flex}
  .sl-hamburger{display:flex}
  .sl-hero .container{grid-template-columns:1fr;text-align:center}
  .sl-hero h1{font-size:2rem}
  .sl-hero p{margin-left:auto;margin-right:auto}
  .sl-info-grid{grid-template-columns:1fr}
  .sl-why-grid{grid-template-columns:1fr}
  .sl-trust-grid{grid-template-columns:repeat(2,1fr)}
  .sl-plan-card{width:100%}
  .sl-testimonial-grid{grid-template-columns:1fr}
  .sl-channels-grid{grid-template-columns:1fr}
  .sl-features-grid{grid-template-columns:1fr}
  .sl-footer-grid{grid-template-columns:1fr}
  .sl-checkout-grid{grid-template-columns:1fr}
  .sl-tier-grid{grid-template-columns:1fr}
  .sl-page-hero h1{font-size:1.7rem}
}