:root{
    --eq-brand-blue:#0095FF;
    --eq-brand-black:#001D32;
    --eq-card-bg:rgba(245,245,245,0.9);
    --eq-card-border:rgba(0,0,0,0.05);
    --radius-outer:40px;
    --radius-inner:40px;
    --eq-gap-xl:34px;
    --gap-lg:20px;
    --wrap-max:1600px;
}

.eq-container {
    background: url(/iv-pages/ru/videonablyudenie-dlya-prodazhi-sim-kart/equipment/img/background.png) center / 100% 100% no-repeat;
}

.eq-bundle{
    margin:clamp(32px,6vw,80px) auto;
    padding: 80px 0;
    max-width:var(--wrap-max);
    width:min(90%, 1600px);
    display:flex;
    flex-direction:column;
    align-items: center;
    gap:var(--eq-gap-xl);
    font-family:"Nexa","Golos Text",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
    color:#000;
    padding-bottom: 0;
}

.eq-bundle__head{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
    padding-right:54px;
    max-width:1195px;
}
.eq-bundle__title{
    margin:0;
    max-width:790px;
    font-weight:800;
    color:var(--eq-brand-black);
    line-height:1.06;
    font-size:clamp(32px,5vw,64px);
}
.eq-btn-grad{
    --pad-x:30px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:12px var(--pad-x);
    min-height:56px;
    width:auto;
    max-width:100%;
    border-radius:10px;
    border:1px solid hsl(0 0% 100% / .3);
    background: radial-gradient(100% 97.7% at .22% 50%, #13CE66 0%, #008CEF 100%);
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
    font:700 17px/32px "Golos Text",system-ui,sans-serif;
    white-space:nowrap;
}

.eq-bundle__cards{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:20px;
}

.eq-card{
    position:relative;
    isolation:isolate;
    border:1px solid var(--eq-card-border);
    background:var(--eq-card-bg);
    border-radius:var(--radius-outer);
    height:520px;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    text-decoration:none;
    transition:transform .2s ease, box-shadow .2s ease;
    backdrop-filter:blur(46.25px);
    cursor: pointer;
}
.eq-card:hover {
    outline: 5px solid #0095FF;
    outline-offset: 0;
    background-color: white;
}

.eq-card__media{
    padding:10px 14px 0;
}
.eq-card__media-inner{
    height: 258px;
    border:1px solid var(--eq-card-border);
    background:#fff;
    border-radius:var(--radius-inner);
    display:flex;
    align-items:center;
    justify-content:center;
}
.eq-card__media img{
    max-width:100%;
    max-height:100%;
    object-fit:contain;
    display:block;
}

.eq-card__body{
    margin-top:32px;
    padding:0 22px 22px;
    display:flex;
    flex-direction:column;
    gap:12px;
}
.eq-card__title{
    margin:0;
    color:var(--eq-brand-blue);
    text-transform:uppercase;
    font-weight:800;
    font-size:clamp(18px,2vw,24px);
    line-height:1.5;
}
.eq-card__text{
    margin:0;
    font-weight:400;
    font-size:clamp(16px,1.3vw,20px);
    line-height:1.5;
}

@media (max-width: 1200px){
    .eq-bundle__cards{grid-template-columns:repeat(2,1fr)}
}

@media (max-width: 900px) {
    .eq-container {
        background: url(/iv-pages/ru/videonablyudenie-dlya-prodazhi-sim-kart/equipment/img/mobileBackground.png) center / 100% 100% no-repeat;
    }

    .eq-bundle__head {
        padding: 0;
    }

    .eq-card__body {
        margin-top: 18px;
    }

    .eq-btn-grad {
        width: 100%;
        height: 56px;
        font-size: 17px;
        margin-left: 0;
        margin-top: 20px;
    }
}

@media (max-width: 640px){
    .eq-bundle__cards{grid-template-columns:1fr}
}

@media (max-width: 630px) {
    .eq-card {
        height: auto;
        border-radius: 20px;
    }

    .eq-card__media-inner {
        height: 188px;
        border-radius: 20px;
    }
}