/********************************************************************
 MTWOLF PREMIUM NAVBAR
********************************************************************/

:root{

    --mtw-green:#9BC53D;
    --mtw-green2:#7EA52F;

    --mtw-bg:rgba(9,11,13,.62);
    --mtw-bg-solid:#090b0d;

    --mtw-border:rgba(255,255,255,.08);

    --mtw-text:#f7f7f7;
    --mtw-text2:#b7bcc5;

}

/********************************************************************/

.site-header{

    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:5000;

}

/********************************************************************/

.site-header .navbar{

    background:var(--mtw-bg)!important;

    backdrop-filter:blur(24px);
    -webkit-backdrop-filter:blur(24px);

    border-bottom:1px solid rgba(255,255,255,.05);

    transition:.45s;

    padding:18px 0;

}

/********************************************************************
 po scrollovani
********************************************************************/

.site-header.scrolled .navbar{

    background:rgba(8,9,11,.88)!important;

    padding:10px 0;

    box-shadow:

            0 15px 60px rgba(0,0,0,.35);

}

/********************************************************************/

.navbar>.container{

    max-width:1500px;

}

/********************************************************************
 LOGO
********************************************************************/

.navbar-brand{

    transition:.4s;

}

.navbar-brand img{


    width:auto;

    transition:.4s;

    filter:

            drop-shadow(0 0 18px rgba(155,197,61,.18));

}

.site-header.scrolled .navbar-brand img{

    height:100px;

}

/********************************************************************
 MENU
********************************************************************/

.navbar-nav{

    gap:8px;

}

.navbar-nav .nav-link{

    position:relative;

    color:#f5f5f5!important;

    font-size:15px;

    font-weight:500;

    letter-spacing:.08em;

    text-transform:uppercase;

    padding:

            14px

            20px!important;

    border-radius:30px;

    transition:.35s;

}

/********************************************************************/

.navbar-nav .nav-link::before{

    content:"";

    position:absolute;

    left:18px;
    right:18px;
    bottom:10px;

    height:2px;

    background:linear-gradient(
            90deg,
            transparent,
            var(--mtw-green),
            transparent
    );

    transform:scaleX(0);

    transition:.35s;

    opacity:.9;

}

/********************************************************************/

.navbar-nav .nav-link:hover{

    color:white!important;

    background:

            rgba(255,255,255,.05);

}

.navbar-nav .nav-link:hover::before{

    transform:scaleX(1);

}

/********************************************************************
 ACTIVE
********************************************************************/

.navbar-nav .active2 .nav-link,

.navbar-nav .nav-link.active{

    color:#fff!important;

    background:

            linear-gradient(
                    135deg,
                    rgba(155,197,61,.15),
                    rgba(255,255,255,.03)
            );

}

.navbar-nav .active2 .nav-link::before,

.navbar-nav .nav-link.active::before{

    transform:scaleX(1);

}

/********************************************************************
 CTA BUTTON
********************************************************************/

.navbar .btn-primary{

    margin-left:28px;

    border:none;

    border-radius:40px;

    padding:

            14px
            30px;

    font-size:14px;

    font-weight:700;

    letter-spacing:.08em;

    text-transform:uppercase;

    background:

            linear-gradient(
                    135deg,
                    var(--mtw-green),
                    var(--mtw-green2)
            );

    color:#111;

    transition:.4s;

    box-shadow:

            0 12px 35px rgba(155,197,61,.28);

}

.navbar .btn-primary:hover{

    transform:

            translateY(-2px);

    box-shadow:

            0 20px 45px rgba(155,197,61,.45);

}

/********************************************************************
 MOBILE BUTTON
********************************************************************/

.navbar-toggler{

    border:none;

    box-shadow:none!important;

}

.navbar-toggler-icon{

    filter:invert(1);

}

/********************************************************************
 MOBILE MENU
********************************************************************/

@media(max-width:991px){

    .navbar-collapse{

        margin-top:20px;

        border-radius:26px;

        padding:25px;

        background:

                rgba(17,20,23,.95);

        backdrop-filter:blur(25px);

    }

    .navbar-nav{

        gap:0;

    }

    .navbar-nav .nav-link{

        padding:18px!important;

        border-radius:18px;

    }

    .navbar .btn-primary{

        width:100%;

        margin:

                25px 0 0;

    }

}

/********************************************************************
 GLOW
********************************************************************/

.site-header::after{

    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:-1px;

    height:1px;

    background:

            linear-gradient(
                    90deg,
                    transparent,
                    rgba(155,197,61,.45),
                    transparent
            );

    opacity:.5;

}

/********************************************************************
 MTWOLF GLOBAL DESIGN SYSTEM
********************************************************************/

:root {
    --mtw-bg: #050606;
    --mtw-bg-soft: #090b0d;
    --mtw-panel: rgba(255,255,255,.045);
    --mtw-panel-strong: rgba(255,255,255,.075);
    --mtw-border: rgba(255,255,255,.09);

    --mtw-green: #94b61f;
    --mtw-green-light: #b6df33;
    --mtw-green-dark: #6f8f19;

    --mtw-text: #ffffff;
    --mtw-text-soft: rgba(255,255,255,.72);
    --mtw-text-muted: rgba(255,255,255,.48);

    --mtw-radius-lg: 36px;
    --mtw-radius-md: 26px;
    --mtw-radius-sm: 18px;

    --mtw-shadow: 0 40px 120px rgba(0,0,0,.48);
    --mtw-glow: 0 0 70px rgba(148,182,31,.22);

    --mtw-container: 1540px;
}

/********************************************************************
 BASE
********************************************************************/

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    background:
            radial-gradient(circle at 10% 8%, rgba(148,182,31,.16), transparent 32%),
            radial-gradient(circle at 90% 28%, rgba(148,182,31,.10), transparent 34%),
            radial-gradient(circle at 50% 78%, rgba(255,255,255,.045), transparent 34%),
            linear-gradient(180deg, #030404 0%, #090b0d 42%, #050606 100%);
    background-attachment: fixed;
    color: var(--mtw-text);
    font-family: Inter, Manrope, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-weight: 400;
    overflow-x: hidden;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -2;
    background-image:
            linear-gradient(rgba(255,255,255,.032) 1px, transparent 1px),
            linear-gradient(90deg, rgba(255,255,255,.032) 1px, transparent 1px);
    background-size: 72px 72px;
    mask-image: linear-gradient(180deg, transparent 0%, #000 14%, #000 82%, transparent 100%);
    pointer-events: none;
}

body::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    background:
            radial-gradient(circle at 12% 22%, rgba(148,182,31,.18), transparent 24%),
            radial-gradient(circle at 86% 62%, rgba(148,182,31,.12), transparent 28%);
    filter: blur(70px);
    opacity: .9;
    pointer-events: none;
}

.site-main {
    position: relative;
    background: transparent;
}

/********************************************************************
 GLOBAL SECTION SYSTEM
********************************************************************/

.mtw-section,
.mtw-routes-premium,
.mtw-pricing-section,
.mtw-bikes-section,
.mtw-riders-section,
.mtw-contact-section {
    position: relative;
    background: transparent !important;
    color: var(--mtw-text);
    overflow: hidden;
}

.mtw-section {
    padding: 110px 0;
}

.mtw-container {
    width: min(var(--mtw-container), calc(100vw - 44px));
    margin-inline: auto;
}

/********************************************************************
 SECTION HEADINGS
********************************************************************/

.mtw-section-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, .55fr);
    gap: 44px;
    align-items: end;
    margin-bottom: 54px;
}

.mtw-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    color: var(--mtw-green-light);
    font-size: 12px;
    letter-spacing: .22em;
    text-transform: uppercase;
    font-weight: 700;
}

.mtw-kicker::before {
    content: "";
    width: 34px;
    height: 2px;
    background: linear-gradient(90deg, var(--mtw-green), transparent);
}

.mtw-section-title {
    margin: 0;
    max-width: 980px;
    color: var(--mtw-text);
    font-size: clamp(2.5rem, 5.2vw, 6.2rem);
    line-height: .94;
    letter-spacing: -0.055em;
    font-weight: 760;
}

.mtw-section-lead {
    margin: 0;
    color: var(--mtw-text-soft);
    font-size: clamp(1rem, 1.2vw, 1.16rem);
    line-height: 1.75;
}

/********************************************************************
 CARDS
********************************************************************/

.mtw-glass-card {
    position: relative;
    background:
            radial-gradient(circle at 30% 0%, rgba(148,182,31,.13), transparent 42%),
            linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.025));
    border: 1px solid var(--mtw-border);
    border-radius: var(--mtw-radius-lg);
    box-shadow: var(--mtw-shadow);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    overflow: hidden;
}

.mtw-glass-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255,255,255,.08), transparent 45%);
    pointer-events: none;
}

.mtw-hover-lift {
    transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.mtw-hover-lift:hover {
    transform: translateY(-10px);
    border-color: rgba(148,182,31,.34);
    box-shadow: 0 50px 130px rgba(0,0,0,.55), 0 0 55px rgba(148,182,31,.16);
}

/********************************************************************
 BUTTONS
********************************************************************/

.btn-primary,
.mtw-btn-primary {
    border: 0 !important;
    border-radius: 999px;
    padding: 14px 28px;
    background: linear-gradient(135deg, var(--mtw-green-light), var(--mtw-green)) !important;
    color: #081006 !important;
    font-weight: 760;
    letter-spacing: .02em;
    box-shadow: 0 18px 46px rgba(148,182,31,.28), inset 0 1px 0 rgba(255,255,255,.42);
    transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
}

.btn-primary:hover,
.mtw-btn-primary:hover {
    transform: translateY(-3px);
    filter: brightness(1.05);
    box-shadow: 0 28px 70px rgba(148,182,31,.38), inset 0 1px 0 rgba(255,255,255,.45);
}

.mtw-btn-ghost {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 50px;
    padding: 0 24px;
    border-radius: 999px;
    border: 1px solid var(--mtw-border);
    color: var(--mtw-text);
    background: rgba(255,255,255,.045);
    text-decoration: none;
    font-weight: 650;
    transition: background .25s ease, transform .25s ease, color .25s ease;
}

.mtw-btn-ghost:hover {
    color: var(--mtw-green-light);
    background: rgba(255,255,255,.075);
    transform: translateY(-2px);
}

/********************************************************************
 REMOVE PER-SECTION BACKGROUND CONFLICTS
********************************************************************/

.mtw-routes-premium {
    padding-top: 110px;
    padding-bottom: 120px;
    background: transparent !important;
}

.mtw-routes-premium::before {
    display: none !important;
}

.mtw-routes-bg-orb,
.mtw-pricing-orb,
.mtw-pricing-section::before {
    display: none !important;
}

.mtw-pricing-section {
    padding: 110px 0;
    background: transparent !important;
}

/********************************************************************
 UNIFIED SWIPER / PAGINATION
********************************************************************/

.swiper-pagination-bullet {
    background: rgba(255,255,255,.28);
    opacity: 1;
}

.swiper-pagination-bullet-active {
    background: var(--mtw-green);
    box-shadow: 0 0 24px rgba(148,182,31,.68);
}

/********************************************************************
 FORMS
********************************************************************/

input,
textarea,
select,
.form-control {
    background: rgba(255,255,255,.055) !important;
    border: 1px solid var(--mtw-border) !important;
    color: var(--mtw-text) !important;
    border-radius: 18px !important;
    min-height: 52px;
    box-shadow: none !important;
}

input::placeholder,
textarea::placeholder {
    color: rgba(255,255,255,.38) !important;
}

input:focus,
textarea:focus,
select:focus,
.form-control:focus {
    border-color: rgba(148,182,31,.48) !important;
    box-shadow: 0 0 0 4px rgba(148,182,31,.12) !important;
}

/********************************************************************
 IMAGES
********************************************************************/

img {
    max-width: 100%;
}

.mtw-photo-card {
    position: relative;
    display: block;
    border-radius: var(--mtw-radius-md);
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.14);
    box-shadow: 0 24px 70px rgba(0,0,0,.42);
}

.mtw-photo-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .7s ease, filter .7s ease;
}

.mtw-photo-card:hover img {
    transform: scale(1.08);
    filter: saturate(1.1) contrast(1.05);
}

/********************************************************************
 BOOTSTRAP OVERRIDES
********************************************************************/

.container {
    max-width: 1540px;
}

.text-muted {
    color: var(--mtw-text-muted) !important;
}

.bg-white,
.bg-light {
    background: transparent !important;
}

.card {
    background: var(--mtw-panel);
    border: 1px solid var(--mtw-border);
    color: var(--mtw-text);
    border-radius: var(--mtw-radius-md);
}

/********************************************************************
 RESPONSIVE
********************************************************************/

@media (max-width: 1199px) {
    .mtw-section-head {
        grid-template-columns: 1fr;
        gap: 24px;
    }
}

@media (max-width: 767px) {
    .mtw-section,
    .mtw-routes-premium,
    .mtw-pricing-section {
        padding-top: 76px;
        padding-bottom: 76px;
    }

    .mtw-container {
        width: calc(100vw - 28px);
    }

    .mtw-section-title {
        font-size: clamp(2.3rem, 13vw, 4rem);
    }
}

/* ==========================================================
   MTWOLF LOGO ONLY TUNING
   menu farby ostávajú pôvodné
   ========================================================== */

.site-header {
    --mtw-logo-large: 250px;
    --mtw-logo-small: 100px;
    --mtw-logo-mobile: 92px;
    --mtw-logo-mobile-small: 56px;
}

/* navbar nerozťahujeme podľa loga */
.site-header .navbar {
    min-height: 78px;
}

/* logo vyberieme z bežného toku, aby mohlo prečnievať */
.mtw-logo-brand {
    position: relative;
    z-index: 1040;
    padding: 0 !important;
    margin: 0;
    min-width: 230px;
    height: 58px;
}

/* samotné logo */
.mtw-nav-logo {
    position: absolute;
    left: 0;
    top: -24px;
    height: var(--mtw-logo-large);
    width: auto !important;
    max-width: none !important;
    max-height: none !important;
    display: block;
    filter:
            drop-shadow(0 16px 24px rgba(0, 0, 0, .20))
            drop-shadow(0 2px 0 rgba(255, 255, 255, .25));
    transform-origin: top left;
    transition:
            height .32s cubic-bezier(.22, .8, .22, 1),
            top .32s cubic-bezier(.22, .8, .22, 1),
            filter .32s ease,
            transform .32s ease;
}

/* hover len jemne, bez zmeny menu */
.mtw-logo-brand:hover .mtw-nav-logo {
    transform: translateY(-1px);
    filter:
            drop-shadow(0 20px 30px rgba(0, 0, 0, .24))
            drop-shadow(0 2px 0 rgba(255, 255, 255, .25));
}

/* aby menu nezačínalo pod veľkým logom */
.site-header .navbar-collapse {
    padding-left: 130px;
    transition: padding-left .32s cubic-bezier(.22, .8, .22, 1);
}

/* stav po scrollnutí */
body.mtw-nav-scrolled .mtw-nav-logo {
    height: var(--mtw-logo-small);
    top: -8px;
    filter:
            drop-shadow(0 8px 14px rgba(0, 0, 0, .16))
            drop-shadow(0 1px 0 rgba(255, 255, 255, .25));
}

body.mtw-nav-scrolled .site-header .navbar-collapse {
    padding-left: 70px;
}

/* ak máš site-main odsadený podľa fixed navbaru, nechaj len reálnu výšku menu */
.site-main {
    padding-top: 78px;
}

/* ==========================================================
   LOGO LOADER - zobrazí sa iba raz za session
   ========================================================== */

.mtw-logo-loader {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: none;
    align-items: center;
    justify-content: center;
    background:
            radial-gradient(circle at 50% 45%, rgba(182, 223, 51, .14), transparent 32%),
            linear-gradient(135deg, #101417 0%, #171f22 55%, #0e1214 100%);
    pointer-events: none;
}

.mtw-logo-loader.is-visible {
    display: flex;
}

.mtw-logo-loader-inner {
    position: relative;
    animation: mtwLoaderLogoIntro .95s cubic-bezier(.18, .82, .22, 1) forwards;
}

.mtw-logo-loader-inner::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 360px;
    height: 210px;
    transform: translate(-50%, -50%);
    border-radius: 999px;
    background: radial-gradient(circle, rgba(182, 223, 51, .28), rgba(182, 223, 51, .08) 48%, transparent 72%);
    filter: blur(22px);
    opacity: .9;
}

.mtw-logo-loader img {
    position: relative;
    z-index: 2;
    width: min(520px, 76vw);
    height: auto;
    display: block;
    filter:
            drop-shadow(0 30px 48px rgba(0, 0, 0, .34))
            drop-shadow(0 2px 0 rgba(255, 255, 255, .18));
}

.mtw-logo-loader.is-hiding {
    animation: mtwLoaderFadeOut .38s ease forwards;
}

@keyframes mtwLoaderLogoIntro {
    0% {
        opacity: 0;
        transform: scale(.78) translateY(18px);
    }

    42% {
        opacity: 1;
        transform: scale(1.04) translateY(0);
    }

    100% {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

@keyframes mtwLoaderFadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        visibility: hidden;
    }
}

/* tablet */
@media (max-width: 1199px) {
    .site-header {
        --mtw-logo-large: 128px;
        --mtw-logo-small: 70px;
    }

    .mtw-logo-brand {
        min-width: 200px;
    }

    .site-header .navbar-collapse {
        padding-left: 110px;
    }

    body.mtw-nav-scrolled .site-header .navbar-collapse {
        padding-left: 62px;
    }
}

/* mobil */
@media (max-width: 991px) {
    .site-header .navbar {
        min-height: 72px;
    }

    .mtw-logo-brand {
        min-width: 170px;
        height: 54px;
    }

    .mtw-nav-logo {
        height: var(--mtw-logo-mobile);
        top: -15px;
    }

    body.mtw-nav-scrolled .mtw-nav-logo {
        height: var(--mtw-logo-mobile-small);
        top: 0;
    }

    .site-header .navbar-collapse,
    body.mtw-nav-scrolled .site-header .navbar-collapse {
        padding-left: 0;
    }

    .site-main {
        padding-top: 72px;
    }

    .mtw-logo-loader img {
        width: min(420px, 82vw);
    }
}

/* malý mobil */
@media (max-width: 575px) {
    .site-header {
        --mtw-logo-mobile: 78px;
        --mtw-logo-mobile-small: 50px;
    }

    .mtw-logo-brand {
        min-width: 142px;
    }

    .mtw-nav-logo {
        top: -8px;
    }

    body.mtw-nav-scrolled .mtw-nav-logo {
        top: 2px;
    }

    .mtw-logo-loader img {
        width: min(340px, 84vw);
    }
}

/* rešpektuj reduced motion */
@media (prefers-reduced-motion: reduce) {
    .mtw-logo-loader,
    .mtw-logo-loader-inner,
    .mtw-nav-logo {
        animation: none !important;
        transition: none !important;
    }
}


/* logo v menu sa pri prvom loaderi objaví až po animácii */
body.mtw-loader-running .mtw-nav-logo {
    opacity: 0;
}

.mtw-nav-logo {
    opacity: 1;
    transition:
            opacity .22s ease,
            height .32s cubic-bezier(.22, .8, .22, 1),
            top .32s cubic-bezier(.22, .8, .22, 1),
            filter .32s ease,
            transform .32s ease;
}

/* loader počas odkladania do menu */
.mtw-logo-loader.is-docking {
    background: transparent;
    transition: background .35s ease;
}

.mtw-logo-loader.is-docking .mtw-logo-loader-inner {
    animation: none;
    transition:
            transform .58s cubic-bezier(.18, .86, .25, 1),
            opacity .28s ease;
    will-change: transform, opacity;
}

.mtw-logo-loader.is-docking .mtw-logo-loader-inner::before {
    opacity: 0;
    transition: opacity .24s ease;
}

.mtw-logo-loader.is-docking img {
    transition:
            width .58s cubic-bezier(.18, .86, .25, 1),
            filter .58s ease;
}

/* finálne skrytie overlayu */
.mtw-logo-loader.is-hidden {
    display: none;
}

/********************************************************************
 MTWOLF BIKES HELMET INFO
********************************************************************/

.mtw-bikes-helmet-card {
    position: relative;
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 28px;
    align-items: stretch;
    margin: 18px 0 48px;
    padding: 28px;
    border-radius: 34px;
    overflow: hidden;
    background:
            radial-gradient(circle at 13% 18%, rgba(182,223,51,.22), transparent 32%),
            radial-gradient(circle at 92% 0%, rgba(255,255,255,.08), transparent 28%),
            linear-gradient(145deg, rgba(255,255,255,.085), rgba(255,255,255,.028));
    border: 1px solid rgba(255,255,255,.11);
    box-shadow:
            0 34px 100px rgba(0,0,0,.32),
            inset 0 1px 0 rgba(255,255,255,.08);
}

.mtw-bikes-helmet-card::before {
    content: "";
    position: absolute;
    right: -80px;
    top: -80px;
    width: 220px;
    height: 220px;
    border-radius: 999px;
    background: rgba(182,223,51,.10);
    pointer-events: none;
}

.mtw-bikes-helmet-card::after {
    content: "";
    position: absolute;
    left: 48px;
    bottom: -70px;
    width: 180px;
    height: 180px;
    border-radius: 999px;
    background: rgba(255,255,255,.045);
    pointer-events: none;
}

.mtw-bikes-helmet-visual {
    position: relative;
    z-index: 2;
    min-height: 220px;
    display: grid;
    place-items: center;
    border-radius: 28px;
    background:
            radial-gradient(circle at 50% 40%, rgba(182,223,51,.32), transparent 42%),
            linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.032));
    border: 1px solid rgba(255,255,255,.10);
}

.mtw-bikes-helmet-icon {
    width: 118px;
    height: 118px;
    display: grid;
    place-items: center;
    border-radius: 34px;
    color: #091006;
    background: linear-gradient(135deg, #b6df33, #94b61f);
    box-shadow:
            0 26px 70px rgba(148,182,31,.36),
            inset 0 1px 0 rgba(255,255,255,.42);
    font-size: 58px;
    transform: rotate(-4deg);
}

.mtw-bikes-helmet-content {
    position: relative;
    z-index: 2;
    min-width: 0;
    align-self: center;
}

.mtw-bikes-helmet-kicker {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 13px;
    margin-bottom: 14px;
    border-radius: 999px;
    color: #091006;
    background: linear-gradient(135deg, #b6df33, #94b61f);
    box-shadow: 0 14px 34px rgba(148,182,31,.24);
    font-size: 11px;
    line-height: 1;
    letter-spacing: .14em;
    text-transform: uppercase;
    font-weight: 860;
}

.mtw-bikes-helmet-content h3 {
    margin: 0;
    max-width: 820px;
    color: #fff;
    font-size: clamp(2rem, 3.1vw, 4rem);
    line-height: .96;
    letter-spacing: -.065em;
    font-weight: 760;
}

.mtw-bikes-helmet-content p {
    max-width: 900px;
    margin: 18px 0 0;
    color: rgba(255,255,255,.70);
    line-height: 1.7;
    font-size: 1.02rem;
}

.mtw-bikes-helmet-content p strong {
    color: #fff;
    font-weight: 840;
}

.mtw-bikes-helmet-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 24px;
}

.mtw-bikes-helmet-grid div {
    min-height: 112px;
    padding: 17px;
    border-radius: 22px;
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.085);
}

.mtw-bikes-helmet-grid small {
    display: block;
    color: rgba(255,255,255,.46);
    text-transform: uppercase;
    letter-spacing: .12em;
    font-size: 10px;
    line-height: 1.35;
    font-weight: 760;
}

.mtw-bikes-helmet-grid strong {
    display: block;
    margin-top: 10px;
    color: #b6df33;
    font-size: 1.16rem;
    line-height: 1.2;
    font-weight: 820;
}

.mtw-bikes-helmet-grid span {
    display: block;
    margin-top: 7px;
    color: rgba(255,255,255,.62);
    font-size: .92rem;
    line-height: 1.45;
}

.mtw-bikes-helmet-note {
    display: grid;
    grid-template-columns:unset;
    gap: 13px;
    align-items: flex-start;
    margin-top: 18px;
    padding: 15px;
    border-radius: 22px;
    color: rgba(255,255,255,.74);
    background: rgba(182,223,51,.09);
    border: 1px solid rgba(182,223,51,.18);
    line-height: 1.55;
    font-size: .95rem;
}

.mtw-bikes-helmet-note i {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    color: #091006;
    background: linear-gradient(135deg, #b6df33, #94b61f);
    box-shadow: 0 14px 34px rgba(148,182,31,.20);
}

@media (max-width: 1199px) {
    .mtw-bikes-helmet-card {
        grid-template-columns: 180px minmax(0, 1fr);
        gap: 22px;
    }

    .mtw-bikes-helmet-icon {
        width: 98px;
        height: 98px;
        font-size: 48px;
    }

    .mtw-bikes-helmet-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .mtw-bikes-helmet-card {
        grid-template-columns: 1fr;
        margin: 8px 0 34px;
        padding: 22px;
        border-radius: 28px;
    }

    .mtw-bikes-helmet-visual {
        min-height: 150px;
        border-radius: 24px;
    }

    .mtw-bikes-helmet-icon {
        width: 86px;
        height: 86px;
        border-radius: 28px;
        font-size: 42px;
    }

    .mtw-bikes-helmet-content h3 {
        font-size: 2rem;
        line-height: 1.02;
    }

    .mtw-bikes-helmet-content p {
        font-size: .98rem;
    }

    .mtw-bikes-helmet-note {
        grid-template-columns: 1fr;
    }
}


/********************************************************************
 MTWOLF PARTNERS SECTION
********************************************************************/

.mtw-partners-section {
    position: relative;
    padding: 90px 0 105px;
    color: var(--mtw-text, #fff);
    overflow: hidden;
}

.mtw-partners-section::before {
    content: "";
    position: absolute;
    right: -180px;
    top: 60px;
    width: 440px;
    height: 440px;
    border-radius: 999px;
    background: rgba(182,223,51,.10);
    filter: blur(70px);
    pointer-events: none;
}

.mtw-partners-section::after {
    content: "";
    position: absolute;
    left: -160px;
    bottom: 10px;
    width: 360px;
    height: 360px;
    border-radius: 999px;
    background: rgba(255,255,255,.045);
    filter: blur(70px);
    pointer-events: none;
}

.mtw-partners-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-top: 38px;
}

.mtw-partner-card {
    position: relative;
    min-height: 310px;
    display: flex;
    flex-direction: column;
    padding: 24px;
    border-radius: 30px;
    overflow: hidden;
    text-decoration: none;
    color: #fff;
    background:
            radial-gradient(circle at 20% 0%, rgba(182,223,51,.14), transparent 42%),
            linear-gradient(145deg, rgba(255,255,255,.080), rgba(255,255,255,.026));
    border: 1px solid rgba(255,255,255,.10);
    box-shadow:
            0 28px 80px rgba(0,0,0,.28),
            inset 0 1px 0 rgba(255,255,255,.07);
    transition:
            transform .26s ease,
            border-color .26s ease,
            box-shadow .26s ease,
            background .26s ease;
}

.mtw-partner-card::before {
    content: "";
    position: absolute;
    right: -58px;
    top: -58px;
    width: 150px;
    height: 150px;
    border-radius: 999px;
    background: rgba(182,223,51,.10);
    pointer-events: none;
    transition: transform .35s ease, opacity .35s ease;
}

.mtw-partner-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255,255,255,.08), transparent 48%);
    pointer-events: none;
    opacity: .7;
}

.mtw-partner-card:hover {
    color: #fff;
    text-decoration: none;
    transform: translateY(-7px);
    border-color: rgba(182,223,51,.30);
    box-shadow:
            0 40px 110px rgba(0,0,0,.40),
            0 0 46px rgba(148,182,31,.10),
            inset 0 1px 0 rgba(255,255,255,.10);
}

.mtw-partner-card:hover::before {
    transform: scale(1.18);
    opacity: 1;
}

.mtw-partner-card-main {
    grid-column: span 2;
    background:
            radial-gradient(circle at 18% 10%, rgba(182,223,51,.24), transparent 34%),
            radial-gradient(circle at 88% 0%, rgba(255,255,255,.09), transparent 30%),
            linear-gradient(145deg, rgba(182,223,51,.13), rgba(255,255,255,.035));
    border-color: rgba(182,223,51,.24);
}

.mtw-partner-icon {
    position: relative;
    z-index: 2;
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    margin-bottom: 22px;
    border-radius: 20px;
    color: #091006;
    background: linear-gradient(135deg, #b6df33, #94b61f);
    box-shadow:
            0 18px 44px rgba(148,182,31,.28),
            inset 0 1px 0 rgba(255,255,255,.42);
    font-size: 25px;
}

.mtw-partner-content {
    position: relative;
    z-index: 2;
}

.mtw-partner-content span {
    display: block;
    color: #b6df33;
    font-size: 11px;
    line-height: 1;
    letter-spacing: .15em;
    text-transform: uppercase;
    font-weight: 820;
    margin-bottom: 12px;
}

.mtw-partner-content h3 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.55rem, 2.2vw, 2.6rem);
    line-height: .98;
    letter-spacing: -.055em;
    font-weight: 780;
}

.mtw-partner-content p {
    margin: 15px 0 0;
    color: rgba(255,255,255,.66);
    font-size: .96rem;
    line-height: 1.65;
}

.mtw-partner-card-main .mtw-partner-content p {
    max-width: 680px;
}

.mtw-partner-arrow {
    position: relative;
    z-index: 2;
    margin-top: auto;
    padding-top: 24px;
    color: rgba(255,255,255,.48);
    transition: color .22s ease, transform .22s ease;
}

.mtw-partner-card:hover .mtw-partner-arrow {
    color: #b6df33;
    transform: translateX(4px) translateY(-2px);
}

@media (max-width: 1199px) {
    .mtw-partners-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mtw-partner-card-main {
        grid-column: span 2;
    }
}

@media (max-width: 767px) {
    .mtw-partners-section {
        padding: 70px 0 82px;
    }

    .mtw-partners-grid {
        grid-template-columns: 1fr;
        gap: 14px;
        margin-top: 28px;
    }

    .mtw-partner-card,
    .mtw-partner-card-main {
        grid-column: auto;
        min-height: auto;
        border-radius: 26px;
        padding: 22px;
    }

    .mtw-partner-icon {
        width: 52px;
        height: 52px;
        border-radius: 18px;
        font-size: 22px;
        margin-bottom: 18px;
    }
}

.mtw-partner-logo-wrap {
    position: relative;
    z-index: 2;
    width: 118px;
    height: 76px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
    padding: 12px 14px;
    border-radius: 22px;
    background:
            radial-gradient(circle at 50% 18%, rgba(182,223,51,.18), transparent 44%),
            linear-gradient(145deg, rgba(255,255,255,.10), rgba(255,255,255,.035));
    border: 1px solid rgba(255,255,255,.11);
    box-shadow:
            0 18px 44px rgba(0,0,0,.20),
            inset 0 1px 0 rgba(255,255,255,.08);
}

.mtw-partner-logo {
    display: block;
    max-width: 100%;
    max-height: 52px;
    width: auto;
    height: auto;
    object-fit: contain;
    filter:
            drop-shadow(0 10px 18px rgba(0,0,0,.22));
}

.mtw-partner-logo-wrap i {
    display: none;
    width: 48px;
    height: 48px;
    place-items: center;
    border-radius: 17px;
    color: #091006;
    background: linear-gradient(135deg, #b6df33, #94b61f);
    box-shadow:
            0 18px 44px rgba(148,182,31,.26),
            inset 0 1px 0 rgba(255,255,255,.42);
    font-size: 22px;
}

.mtw-partner-logo-wrap.is-logo-missing i {
    display: grid;
}

.mtw-partner-logo-wrap.is-logo-missing {
    width: 58px;
    height: 58px;
    padding: 0;
    border-radius: 20px;
}

/* Leader Fox má favicon malé, preto ho trochu podržíme opticky */
.mtw-partner-card-main .mtw-partner-logo-wrap {
    width: 150px;
    height: 82px;
}

.mtw-partner-card-main .mtw-partner-logo {
    max-height: 58px;
}

@media (max-width: 767px) {
    .mtw-partner-logo-wrap {
        width: 108px;
        height: 70px;
        border-radius: 20px;
        margin-bottom: 18px;
    }

    .mtw-partner-logo {
        max-height: 48px;
    }

    .mtw-partner-card-main .mtw-partner-logo-wrap {
        width: 132px;
        height: 76px;
    }
}