:root{
  --svk-green:#8bb829;
  --svk-green2:#a9d84a;
  --svk-blue:#b8def1;
  --svk-dark:#4f4f4d;
  --svk-ink:#27313a;
  --svk-muted:#65717d;
  --svk-card:#ffffff;
  --svk-soft:#f4f8fb;
  --svk-red:#b80000;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;font-family:Arial, Helvetica, sans-serif;color:var(--svk-ink);background:linear-gradient(180deg,#f8fbfd 0,#fff 420px);font-size:20px;line-height:1.55;overflow-x:hidden}
a{color:#b01849;text-decoration:underline;text-underline-offset:3px}.container{max-width:1120px}.glass-nav{background:rgba(255,255,255,.94);backdrop-filter:blur(12px);box-shadow:0 8px 26px rgba(31,43,54,.08)}.navbar-brand{font-weight:800;letter-spacing:.2px;color:var(--svk-dark)}.nav-link{color:#111!important;font-weight:500;border-radius:999px;padding:.45rem .85rem!important}.nav-link:hover{background:#e7f4fb;color:#0b5f7d!important}.hero-modern{padding:110px 0 44px;background:radial-gradient(circle at 82% 0%,rgba(169,216,74,.28),transparent 34%),linear-gradient(135deg,#4f4f4d 0%,#3f403e 100%);color:white;position:relative;overflow:hidden}.hero-modern:after{content:"";position:absolute;inset:auto 0 0;height:20px;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(255,255,255,0));box-shadow:0 0 32px rgba(0,0,0,.34)}.hero-modern h1{font-size:clamp(2.4rem,5vw,4.8rem);font-weight:300;color:#bfe4ff;margin:.1rem 0 1rem;letter-spacing:.5px}.eyebrow{font-size:clamp(1.08rem,2.1vw,1.7rem);color:rgba(255,255,255,.84);margin-bottom:.35rem}.hero-icons-wrap{max-width:920px;opacity:.95}.hero-icons{width:100%;height:auto;filter:drop-shadow(0 8px 12px rgba(0,0,0,.2))}.btn-login{background:var(--svk-green);border:1px solid rgba(255,255,255,.85);color:white!important;font-weight:800;border-radius:9px;padding:.72rem 1.2rem;box-shadow:0 10px 24px rgba(0,0,0,.18);text-decoration:none}.btn-login:hover{background:#7ba31f;color:white}.store-row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.store-row img{height:31px;width:auto}.page-section{padding:70px 0;border-bottom:1px solid #e9eef2}.page-section:nth-of-type(even){background:var(--svk-soft)}.page-section .container{position:relative}.section-title,.page-section h2{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;color:#33404a;margin-bottom:1.6rem}.page-section h3{font-size:1.2rem;font-weight:800;margin-top:1.4rem;color:#3a454d}.index-top{background:white;border-left:6px solid var(--svk-green);box-shadow:0 12px 34px rgba(42,67,80,.08);border-radius:22px;padding:26px;margin-bottom:38px}.index-top h2{font-size:1.1rem;color:var(--svk-red);margin-bottom:1rem}.potek{width:100%;height:auto;border-radius:22px;background:white;box-shadow:0 14px 35px rgba(42,67,80,.1);padding:10px}.index-side,.side-card{background:white;border-radius:22px;padding:24px;box-shadow:0 14px 35px rgba(42,67,80,.1)}.side-title,.green-title{background:var(--svk-green2);border-radius:8px;padding:.58rem 1rem;text-align:center;color:#27313a;font-weight:700;margin-bottom:1rem}.video-thumb{width:100%;border-radius:12px;border:8px solid #111}.dark-btn{display:block;background:#444;color:#f4f15a;text-align:center;border-radius:7px;padding:.85rem 1rem;margin-top:1rem;font-weight:800;text-decoration:none}.index-ref{font-size:.8rem;margin-top:1.5rem}.features .card,.feature-card{height:100%;border:0;border-radius:22px;box-shadow:0 14px 35px rgba(42,67,80,.09);padding:24px;background:white}.feature-icon{height:58px;object-fit:contain;margin:0 auto 1rem;display:block}.feature-title{background:var(--svk-green2);border-radius:8px;text-align:center;padding:.55rem;font-weight:700;margin-bottom:1rem}.provider-card{background:white;border-radius:22px;padding:28px;height:100%;box-shadow:0 14px 35px rgba(42,67,80,.08)}.provider-logo{max-height:58px;max-width:220px;object-fit:contain;margin-bottom:18px}.alert-red{color:var(--svk-red);font-weight:800;font-size:1.05rem}.info-list{background:white;border-radius:22px;padding:24px;box-shadow:0 14px 35px rgba(42,67,80,.08)}.support-card{background:white;border-radius:22px;padding:28px;height:100%;box-shadow:0 14px 35px rgba(42,67,80,.08)}.video-frame{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:22px;box-shadow:0 18px 45px rgba(0,0,0,.22);background:#000}.main-narrow{max-width:960px;margin:auto}.manual .manual-header{background:#4e940b;color:#fff;border-radius:8px;padding:1.1rem 1.25rem;font-size:1.25rem;font-weight:800}.manual h2,.manual .blue-head{background:#108df2;color:#fff;border-radius:8px;padding:.6rem 1rem;font-size:1.25rem;margin:1.5rem 0 1rem}.manual-section{background:white;border-radius:22px;padding:28px;box-shadow:0 14px 35px rgba(42,67,80,.08)}.longtext{background:white;border-radius:22px;padding:32px;box-shadow:0 14px 35px rgba(42,67,80,.08)}.site-footer{background:var(--svk-blue);padding:38px 0;color:#163040}.site-footer a{color:#778893}.social-icons img{width:44px;height:44px;margin-left:10px}.badges img{height:31px;width:auto;margin-right:10px}.main,.hero,.topnav,.footer{display:contents} /* neutralize imported old wrappers if present */
/* compatibility with previous generated markup */
.container-svk{max-width:1120px;margin:0 auto}.row>.index-side{align-self:flex-start}.benefit-icon{height:58px;display:block;margin:0 auto 1rem}.benefit-title{background:var(--svk-green2);border-radius:8px;text-align:center;padding:.55rem;font-weight:700;margin-bottom:1rem}.benefit-col{background:white;border-radius:22px;padding:24px;box-shadow:0 14px 35px rgba(42,67,80,.09);height:100%}.page-section .row{row-gap:1.5rem}.page-section img{max-width:100%;height:auto}.navodila-title{background:#4e940b!important;color:#fff!important;border-radius:8px;padding:1.1rem 1.25rem!important;font-size:1.25rem!important}.navodila h2,.navodila .blue-title{background:#108df2!important;color:#fff!important;border-radius:8px;padding:.6rem 1rem!important;font-size:1.2rem!important}.text-danger{color:var(--svk-red)!important}
@media (max-width:991px){.hero-modern{padding-top:92px}.navbar-collapse{padding-top:12px}.nav-link{padding:.7rem .9rem!important}.page-section{padding:52px 0}.hero-modern h1{font-size:2.7rem}.index-side{margin-top:24px}.social-icons{text-align:left!important}.social-icons img{margin-left:0;margin-right:10px}}
@media (max-width:575px){body{font-size:15px}.hero-modern{padding:84px 0 34px}.hero-modern h1{font-size:2.25rem}.eyebrow{font-size:1rem}.store-row img{height:28px}.page-section{padding:42px 0}.index-top,.index-side,.provider-card,.support-card,.longtext{padding:20px;border-radius:18px}.section-title,.page-section h2{font-size:1.65rem}.btn-login{width:100%;text-align:center}.social-icons img{width:40px;height:40px}}

/* Prednosti section: širše in manj stisnjeno */
.prednosti-section .container{max-width:1180px}
.prednosti-section .section-title{max-width:none;margin-left:10px}
.prednosti-section .feature-grid{max-width:none}
.prednosti-section .feature-grid>[class*="col-"]{display:flex}
.prednosti-section .feature-card{width:100%;min-height:255px;padding:30px 32px;border-radius:24px}
.prednosti-section .feature-card .ico{height:58px;width:auto;object-fit:contain;margin-bottom:1.1rem;display:block}
.prednosti-section .feature-card h3{margin-top:.25rem;margin-bottom:.8rem;line-height:1.18}
.prednosti-section .feature-card ul{margin-bottom:0;padding-left:1.25rem}
@media (min-width:1200px){.prednosti-section .container{max-width:1260px}.prednosti-section .feature-card{padding:32px 36px}}
@media (max-width:991px){.prednosti-section .feature-card{min-height:auto}.prednosti-section .section-title{margin-left:0}}


/* Final desktop width + header requested fixes */
@media (min-width: 1200px){
  .container{max-width:1600px;}
  .prednosti-section .container{max-width:1600px;}
}
.hero-modern{padding:104px 0 42px;}
.hero-modern .row{align-items:flex-start!important;}
.hero-modern h1{
  font-size:clamp(2.35rem,4vw,4.2rem);
  line-height:1.05;
  white-space:nowrap;
  margin:0 0 .55rem;
}
.hero-modern .eyebrow{
  margin:0 0 1.25rem;
  max-width:1120px;
}
.hero-icons-wrap{max-width:980px;}
.btn-login{white-space:nowrap;}
.index-side .text-danger{color:inherit!important;}
.index-ref{display:none!important;}
@media (max-width:991px){
  .hero-modern h1{white-space:normal;}
}
@media (min-width: 1400px){
  .page-section .container{max-width:1600px;}
}






.manual-section {
    background: #f3f8fb;
    padding: 90px 0;
}

.wide-container {
    max-width: 1600px;
}

.manual-hero {
    margin-bottom: 30px;
}

.manual-hero h2 {
    font-size: clamp(2.2rem, 3vw, 4rem);
    font-weight: 800;
    color: #26384a;
    margin: 0;
}

.manual-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 42px;
    background: #ffffff;
    padding: 16px;
    border-radius: 22px;
    box-shadow: 0 18px 45px rgba(20, 40, 60, 0.08);
}

.manual-tabs a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #eef8dc;
    color: #26384a;
    text-decoration: none;
    font-weight: 800;
    padding: 13px 22px;
    border-radius: 999px;
    transition: .2s ease;
}

.manual-tabs a:hover {
    background: #a8d845;
    color: #111;
    transform: translateY(-2px);
}

.manual-card {
    background: #ffffff;
    border-radius: 28px;
    padding: clamp(24px, 3vw, 48px);
    margin-bottom: 42px;
    box-shadow: 0 18px 45px rgba(20, 40, 60, 0.09);
    border-top: 6px solid #a8d845;
}

.manual-card-title {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 32px;
}

.manual-card-title span {
    width: 54px;
    height: 54px;
    min-width: 54px;
    border-radius: 50%;
    background: #a8d845;
    color: #1b2b38;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.55rem;
    font-weight: 900;
}

.manual-card-title h3 {
    margin: 0;
    font-size: clamp(1.5rem, 2vw, 2.4rem);
    font-weight: 800;
    color: #26384a;
}

.manual-split {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(320px, .85fr);
    gap: clamp(24px, 3vw, 55px);
    align-items: center;
    margin-bottom: 30px;
}

.manual-split.reverse {
    grid-template-columns: minmax(320px, .85fr) minmax(0, 1.45fr);
}

.manual-split.reverse .manual-text {
    order: 2;
}

.manual-split.reverse .manual-video,
.manual-split.reverse .manual-video-grid {
    order: 1;
}

.manual-text.full {
    max-width: 1100px;
}

.manual-card p,
.manual-card li {
    font-size: 1.08rem;
    line-height: 1.75;
    color: #182838;
}

.manual-card a {
    color: #b00035;
    text-decoration-thickness: 1px;
}

.manual-card ul {
    margin-bottom: 28px;
}

.subsection-title {
    background: #eef8dc;
    border-left: 5px solid #a8d845;
    color: #26384a;
    font-size: 1.25rem;
    font-weight: 800;
    padding: 14px 18px;
    border-radius: 12px;
    margin: 40px 0 22px;
}

.video-box {
    overflow: hidden;
    border-radius: 18px;
    background: #000;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.18);
}

.video-box iframe {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    border: 0;
}

.manual-video-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
}

@media (min-width: 1200px) {
    .manual-video {
        max-width: 520px;
    }

    .manual-split.reverse .manual-video {
        justify-self: start;
    }

    .manual-split:not(.reverse) .manual-video {
        justify-self: end;
    }
}

@media (max-width: 991px) {
    .manual-section {
        padding: 60px 0;
    }

    .manual-tabs {
        gap: 8px;
    }

    .manual-tabs a {
        width: 100%;
    }

    .manual-split,
    .manual-split.reverse {
        grid-template-columns: 1fr;
    }

    .manual-split.reverse .manual-text,
    .manual-split.reverse .manual-video,
    .manual-split.reverse .manual-video-grid {
        order: initial;
    }

    .manual-video {
        max-width: 100%;
    }
}

@media (max-width: 575px) {
    .manual-card {
        border-radius: 20px;
    }

    .manual-card-title {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .manual-card-title span {
        width: 46px;
        height: 46px;
        min-width: 46px;
        font-size: 1.3rem;
    }
}




.video-section {
    padding: 90px 0;
    background: #fff;
}

.video-content {
    max-width: 1200px;
    margin: 0 auto;
}

.sporttv-video {
    width: 100%;
    max-width: 1100px;
    margin: 30px auto 0;
    border-radius: 22px;
    overflow: hidden;
    background: #000;
    box-shadow: 0 18px 45px rgba(20, 40, 60, 0.18);
}

.sporttv-video iframe {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    border: 0;
}

@media (max-width: 768px) {
    .video-section {
        padding: 60px 0;
    }

    .sporttv-video {
        max-width: 100%;
        border-radius: 14px;
    }
}





.store-badge {
    background: #000;
    border-radius: 3px;
    padding: 2px 6px;
}

.store-badge img {
    height: 24px;
}