.cs9952{

margin: 80px 0;
}

        .cs9482 {
        }

        .cs2051 {
            text-align: left;
            -webkit-text-fill-color: transparent;
            background: linear-gradient(154deg, #ff6b00 21.09%, #ff3700 62.54%, red 87.86%);
            -webkit-background-clip: text;
            margin-bottom: 22px;
            font-size: 24px;
        }


@media (max-width: 1023px) {
    .cs2051 {
            font-size: 16px;
    }
}



        .cs3934 {
            margin-bottom: 34px;
            font-size: clamp(24px, 6vw, 32px);
            font-weight: bold;
            text-transform: uppercase;
            max-width: 600px;
        }

        .cs5271 {
            font-size: 16px;
            color: #9a41fe;
            border: 2px dashed #9a41fe;
            padding: 10px 20px;
            border-radius: 16px;
            display: inline-block;
            margin-bottom: 40px;
        }

        .cs7350 {
            font-size: 16px;
            color: var(--color-border-dark);
            margin-bottom: 30px;
        }

        .cs1836 {
            display: flex;
            gap: 40px;
            margin-bottom: 40px;
            max-width: 850px;
        }




        .cs9487 {
            background-color: #fff;
            border-radius: 24px;
            padding: 20px;
            width: calc(50% - 10px);
            position: relative;
            box-shadow: 0 0 20px rgba(36, 36, 36, .1);
        }

        .cs9487::before {
            content: "Акция до 30 ноября";
            color: #fff;
            background: linear-gradient(154deg, #ff6b00 21.09%, #ff3700 62.54%, red 87.86%);
            border-radius: 100px;
            padding: 4px 12px;
            position: absolute;
            top: -10px;
            left: 10px;
            font-size: 14px;
            display:none;
        }

        .cs9267 {
        position: absolute;
        right: 16px;
        bottom: 16px;
        display: flex;
        }


        .cs9267 svg {
        position: absolute;
        right: 0px;
        top: -48px;
        display: flex;
        }


.cs3681 {width: 132px;height: 132px;max-width: 100%;-o-object-fit: cover;object-fit: cover;}




        .cs9274 {
            font-size: 18px;
            color: #444;
            margin-bottom: 10px;
            margin-top: 10px;
            max-width: 228px;
        }

        .cs5198 {
            font-size: 22px;
            font-weight: bold;
            color: #000;
            margin-bottom: 5px;
        }

        .cs6742 {
            font-size: 16px;
            text-decoration: line-through;
            color: var(--color-border-dark);
        }

        .cs8429 {
            display: inline-block;
            background: linear-gradient(154deg, #ff6b00 21.09%, #ff3700 62.54%, red 87.86%);
            color: #fff;
            padding: 12px 30px;
            border-radius: 50px;
            text-decoration: none;
            transition: background-color 0.3s;
            font-size: 18px;
        }

   

        .cs7163 {
            position: absolute;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            touch-action: pan-y;
            -ms-touch-action: pan-y;
            max-width: 100%;
            -o-object-fit: contain;
            object-fit: contain;
            transform: translateX(26%);
            z-index: -1;
        }




@media (max-width: 1023px) {

.cs9952 {
    margin: 40px 0;
}
    
        .cs1836 {
            flex-direction: column;
        }


        .cs9487 {
            width: 100%;
        }


.cs7163 {display: none;}


.cs3681 {
    width: 100px;
    height: 100px;
}
    
    
}