.holostyak, .holostyak *{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
	font-feature-settings: 'liga' off, 'clig' off;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #FFF;
}
.holostyak {
    background-color: #000000;
    overflow: hidden;
}
.holostyak img{
    display: block;
}

.holostyak-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(21.11vw, 337.76px);
    height: min(4.44vw, 71.04px);
    border-radius: min(0.69vw, 11.04px);
    background: #fff;
    color: #000 !important;
    font-size: min(1.39vw, 22.24px);
    font-weight: 600;
    line-height: 120%;
    transition: 300ms all;
}
.holostyak-btn:hover{
    background-color: #c4c4c4 !important;
    color: #000000 !important;
}
.holostyak-btn--red{
    background: #F62E2E;
    color: #FFF !important;
}
.holostyak-btn--red:hover{
    background-color: #fff;
    color: #000000 !important;
}


/* Header */
.ua-header{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}
.ua-header-wrapper{
    width: min(88.889vw, 1422.2px);
    margin: 0 auto;
    padding-top: min(1.597vw, 25.6px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.ua-logo{
    width: min(6.944vw, 111.1px);
    height: auto;
}
.ua-header-link{
    margin-top: min(0.764vw, 12.2px);
    color: rgba(255, 255, 255, 0.50) !important;
    font-size: min(1.111vw, 17.8px);
    font-weight: 450;
    line-height: 120%;
    text-decoration: underline;
    text-underline-offset: min(0.208vw, 3.3px);
    transition: 300ms all;
}
.ua-header-link:hover{
    color: #FFF !important;
}



/* Index */

.holostyak-index{
    position: relative;
    height: min(44.653vw, 714.4px);
    padding-top: min(10.833vw, 173.3px);
}
.holostyak-index-bg{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    /* width: 100%; */
    width: min(100vw, 1600px);
    height: min(53.333vw, 853.3px);
    object-fit: cover;
    object-position: center top;
    pointer-events: none;
    user-select: none;
    z-index: 0;
}
.holostyak-index-stb{
    position: absolute;
    top: min(3.056vw, 48.9px);
    left: calc(50% + min(40.694vw, 651.1px));
    width: min(6.25vw, 100px);
    height: min(6.25vw, 100px);
    z-index: 1;
    pointer-events: none;
    user-select: none;
}
.holostyak-index-wrapper{
    position: relative;
    z-index: 1;
    width: min(88.889vw, 1422.2px);
    margin: 0 auto;
}
.holostyak-index-img{
    width: min(32.5vw, 520px);
    margin-bottom: min(1.944vw, 31.1px);
}
.holostyak-index-date{
    font-size: min(1.389vw, 22.2px);
    font-weight: 600;
    line-height: 120%;
    text-transform: uppercase;
}
.holostyak-index-row{
    display: flex;
    align-items: center;
    gap: min(1.389vw, 22.2px);
    margin-bottom: min(2.361vw, 37.8px);
}
.holostyak-index-time{
    font-size: min(5vw, 80px);
    font-weight: 500;
    line-height: 100%;
}
.holostyak-index-divider{
    display: block;
    width: min(0.069vw, 1.1px);
    height: min(3.472vw, 55.6px);
    background-color: rgba(255, 255, 255, 0.50);
}
.holostyak-index-text{
    font-size: min(1.667vw, 26.7px);
    font-weight: 500;
    line-height: 120%;
}
.holostyak-index .holostyak-btn{
    width: min(23.19vw, 371.11px);
    height: min(4.444vw, 71.1px);
    border-radius: min(0.556vw, 8.9px);
    background: #FF1B40;
    font-size: min(1.389vw, 22.2px);
    font-weight: 600;
}
.holostyak-index .holostyak-btn:hover{
    background: #FFF;
}
.holostyak-index-btn sup{
    font-size: 50%;
    line-height: 0;
    vertical-align: super;
    color: inherit;
}

.holostyak-timer-title{
    margin-top: min(1.806vw, 28.9px);
    font-size: min(1.111vw, 17.8px);
    font-weight: 500;
    line-height: 120%;
}
.holostyak-timer{
    display: flex;
    gap: min(1.076vw, 17.2px);
    margin-top: min(0.833vw, 13.3px);
}
.holostyak-timer-item{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.holostyak-timer-value{
    font-size: min(1.528vw, 24.4px);
    font-weight: 500;
    line-height: 120%;
}
.holostyak-timer-label{
    margin-top: min(0.139vw, 2.2px);
    font-size: min(0.972vw, 15.6px);
    font-weight: 450;
    line-height: 120%;
}
.holostyak-timer-sep{
    align-self: center;
    opacity: 0.3;
    color: #FFF;
    text-align: center;
    font-size: min(1.667vw, 26.7px);
    font-style: normal;
    font-weight: 450;
    line-height: 120%;
}


/* subs */
.holostyak-subs {
    position: relative;
    z-index: 3;
    padding-top: min(3.13vw, 50.00px);
    padding-bottom: min(5.07vw, 81.11px);
    width: min(100vw, 1600px);
    margin: 0 auto;
}
.holostyak-subs:before{
    content: '';
    position: absolute;
    top: min(55.56vw, 888.89px);
    left: calc(50% - min(34.72vw, 555.56px));
    width: min(84.22vw, 1347.49px);
    height: min(32.78vw, 524.48px);
    transform: rotate(-48.62deg) scaleX(-1) translateX(-50%);
    border-radius: 100%;
    opacity: 0.8;
    background: radial-gradient(140.93% 183.47% at 109.53% 23.81%, hsl(346deg 100% 66.0898% / 0.5) 0%, hsl(353deg 81.4511% 51.0677% / 0.5) 78.47%);
    filter: blur(min(27.78vw, 444.44px));
    z-index: 1;
    pointer-events: none;
    user-select: none;
}
.holostyak-heading {
    text-align: center;
    font-size: min(3.33vw, 53.33px);
    font-weight: 500;
    line-height: 110%;
}
.ua-subs-cards {
	display: flex;
	justify-content: center;
	column-gap: min(1.389vw, 22.2px);
	margin-top: min(2.5vw, 40px);
}
.ua-subs-item {
	position: relative;
	width: min(23.13vw, 370.00px);
	padding: min(3.61vw, 57.76px) 0 min(3.89vw, 62.24px) min(1.67vw, 26.72px);
    border-radius: min(0.69vw, 11.11px);        
    background: radial-gradient(144.66% 131.4% at 100% 0%, rgba(0, 0, 0, 0.01) 31.13%, rgba(0, 0, 0, 0.10) 100%), radial-gradient(144.66% 131.4% at 100% 0%, rgba(255, 78, 78, 0.03) 31.13%, rgba(255, 78, 78, 0.30) 100%), linear-gradient(299deg, rgba(20, 20, 20, 0.00) 29.77%, #141414 99.03%), linear-gradient(180deg, rgba(0, 0, 0, 0.00) -29.15%, rgba(0, 0, 0, 0.00) -7.51%, #000 91.73%), linear-gradient(0deg, #1A1A1A 0%, #1A1A1A 100%), rgba(0, 0, 0, 0.80);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.ua-subs-item::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: left / auto 100% no-repeat url(//s1.vcdn.biz/static/221724621/black-card-bg.svg);
}
.ua-subs-item.top-sales::before {
	background: left / auto 100% no-repeat url(//s5.vcdn.biz/static/240837241/ua-gradient-holostyak.webp);
    border-radius: min(0.69vw, 11.11px) 0 min(0.69vw, 11.11px) 0;
}
.ua-subs-item * {
	position: relative;
	z-index: 3;
}
.ua-subs-item-roses1,
.ua-subs-item-roses2{
    position: absolute;
    z-index: 5;
    pointer-events: none;
    user-select: none;
}
.ua-subs-item-roses1 {
    top: max(-1.67vw, -26.67px);
    right: max(-1.46vw, -23.33px);
    width: min(7.57vw, 121.11px);
    height: auto;
}
.ua-subs-item-roses2 {
    bottom: max(-1.18vw, -18.89px);
    left: max(-0.97vw, -15.56px);
    width: min(6.84vw, 109.44px);
    height: auto;
}

.ua-subs-card-label{
    border-radius: min(0.14vw, 2.24px); 
    backdrop-filter: blur(min(0.35vw, 5.6px));
    height: min(1.67vw, 26.72px);
    display: flex;
    align-items: center;
    gap: min(0.28vw, 4.48px);
    padding: 0 min(0.56vw, 8.96px);
    text-transform: uppercase;
    width: fit-content;
    font-size: min(0.83vw, 13.28px);
    font-weight: 600;
    line-height: normal;
    margin-bottom: min(0.83vw, 13.28px);
}
.lang-label{
    background: rgba(241, 241, 241, 0.12);
    color: #FFFBFB;
}
.top-label{
    background: #F1F1F1;
    color: #000;
}
.sub-lang-icon{
    display: block;
    width: min(0.97vw, 15.52px);
    height: min(0.97vw, 15.52px);
}
.ua-subs-item-name {
	font-size: min(1.944vw, 31.1px);
	font-weight: 500;
	line-height: 120%;
}
.ua-subs-item-num {
	display: flex;
	column-gap: min(1.67vw, 26.72px);
	max-width: min(18.056vw, 288.9px);
    flex-wrap: wrap;
    row-gap: min(1.11vw, 17.76px);
	height: min(7.22vw, 115.52px);
    margin-top: min(1.11vw, 17.76px);
}
.ua-subs-item-num div {
	display: flex;
	flex-direction: column;
	row-gap: min(0.069vw, 1.1px);
}
.ua-subs-item-num div:nth-child(3){
	margin-top: 0;
}
.ua-subs-item-num div span:first-child {
	font-size: min(1.667vw, 26.7px);
	font-weight: 500;
	line-height: 110%;
	letter-spacing: max(-0.031vw, -0.5px);
}
.ua-subs-item-num div span:last-child {
	font-size: min(1.111vw, 17.8px);
	font-weight: 450;
	line-height: 110%;
}
.ua-subs-item-text {
	font-size: min(1.111vw, 17.8px);
	font-weight: 450;
	line-height: 120%;
	opacity: 0.8;
	margin-top: min(1.111vw, 17.8px);
    letter-spacing: min(0.01vw, 0.16px);
}
.ua-subs-item-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: min(16.81vw, 268.96px);
}
.ua-sub-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    height: min(3.33vw, 53.28px);
    background: #FFF;
    color: #000 !important;
    font-size: min(1.111vw, 17.8px);
    font-weight: 600;
    border-radius: min(0.694vw, 11.1px);
    line-height: 120%;
    transition: .35s;
	width: 100%;
	margin-top: min(1.74vw,27.84px);
}
.ua-sub-btn:hover{
    background-color: #c4c4c4;
}
.ua-subs-item-price {
	display: flex;
    align-items: center;
	column-gap: min(0.417vw, 6.7px);
	margin-top: min(2.667vw, 10px);
}
.ua-subs-item-price>span:first-child{ 
	font-size: min(1.25vw, 20px);
	font-weight: 450;
	letter-spacing: min(0.033vw, 0.5px);
}
.ua-subs-item-price>span:nth-child(1) {
	line-height: normal;
	align-self: end;
	padding-bottom: min(0.278vw, 4.4px);
}
.ua-subs-item-price>span:nth-child(2) {
    font-size: min(4.44vw, 71.04px);
    font-weight: 500;
    line-height: 110%;
}
.ua-subs-item-price div{
    display: flex;
    flex-direction: column;
}
.ua-subs-item-price div span:nth-child(1){
    font-size: min(1.11vw, 17.76px);
    font-weight: 600;
    line-height: normal;
    letter-spacing: min(0.04vw, 0.64px);
}
.ua-subs-item-price div span:nth-child(2){
    color: rgba(255, 255, 255, 0.50);
    font-size: min(1.11vw, 17.76px);
    font-weight: 450;
    line-height: normal;
    letter-spacing: min(0.04vw, 0.64px);
}
.ua-subs-item-link {
	color: #fff !important;
	text-align: center;
	font-size: min(1.111vw, 17.8px);
	font-weight: 500;
	line-height: 120%;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
	opacity: .8;
	transition: .35s;
	margin-top: min(0.347vw, 5.6px);
}
.ua-subs-item-link:hover {
	opacity: 1;
}
.animated-tiles-wrap{
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}


/* Animated tiles */
.ua-subs-item:hover .animated-tiles div {
	animation-play-state: running;
}
.animated-tiles.paused div {
	animation-play-state: paused;
}
.animated-tiles {
	position: absolute;
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
	top: 0;
	right: max(-3.06vw, -48.96px);
	z-index: 1;
}
.animated-tiles * {
	user-select: none;
	-webkit-user-drag: none;
	pointer-events: none;
}
.animated-tiles div {
    display: flex;
	flex-direction: column;
    width: max-content;
    -webkit-animation: anim-running-tiles 60s linear infinite;
    animation: anim-running-tiles 60s linear infinite;
}
.animated-tiles img {
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
	width: min(16.042vw, 256.7px);
    height: auto;
    object-fit: cover;
}
.animated-tiles img:not(:first-child) {
    margin-top: min(0.208vw, 3.3px);
}
@-webkit-keyframes anim-running-tiles {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}
@keyframes anim-running-tiles {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}



/* Series */
.holostyak-series{
    position: relative;
    z-index: 3;
    width: min(100vw, 1600px);
    margin: 0 auto;
    padding-top: min(3.889vw, 62.2px);
}
.holostyak-container{
    width: min(88.889vw, 1422.2px);
    margin: 0 auto;
}
.holostyak-series-descr{
    margin-top: min(0.833vw, 13.3px);
    font-size: min(1.667vw, 26.7px);
    font-weight: 450;
    line-height: 120%;
    text-align: center;
}
.holostyak-series-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: min(3.333vw, 53.3px);
}
.holostyak-series-title{
    font-size: min(1.806vw, 28.9px);
    font-weight: 500;
    line-height: 130.769%;
}
.holostyak-series-nav{
    display: flex;
    align-items: center;
    width: min(5.972vw, 95.6px);
    height: min(2.361vw, 37.8px);
    border: min(0.139vw, 2.2px) solid #4D4D4D;
    border-radius: min(0.347vw, 5.6px);
}
.holostyak-series-prev,
.holostyak-series-next{
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    height: 100%;
    cursor: pointer;
}
.holostyak-series-next{
    border-left: min(0.139vw, 2.2px) solid #4D4D4D;
}
.holostyak-series-prev svg,
.holostyak-series-next svg{
    width: min(0.625vw, 10px);
    height: min(0.972vw, 15.6px);
}
.holostyak-series-prev.swiper-button-disabled,
.holostyak-series-next.swiper-button-disabled{
    cursor: default;
}
.holostyak-series-prev.swiper-button-disabled path,
.holostyak-series-next.swiper-button-disabled path{
    fill: #4D4D4D;
}
.series-slider{
    margin: min(2.222vw, 35.6px) max(-5.556vw, -88.9px) 0;
    padding: 0 min(5.556vw, 88.9px);
}
.series-slider .swiper-slide{
    display: flex;
    flex-direction: column;
    width: min(20.833vw, 333.3px);
    text-decoration: none;
}
.series-slider-img{
    width: 100%;
    aspect-ratio: 300 / 172;
    object-fit: cover;
    border-radius: min(0.694vw, 11.1px);
}
.series-slide-title{
    margin-top: min(0.556vw, 8.9px);
    font-size: min(1.111vw, 17.8px);
    font-weight: 500;
    line-height: 125%;
}


/* Survey */
.holostyak-survey{
    position: relative;
    z-index: 3;
    width: min(100vw, 1600px);
    margin: 0 auto;
    padding-top: min(6.667vw, 106.7px);
    padding-bottom: min(11.111vw, 177.8px);
}
.holostyak-survey-card{
    position: relative;
    width: min(93.889vw, 1502.2px);
    height: min(25.694vw, 411.1px);
    margin: 0 auto;
    padding: min(3.333vw, 53.3px) min(4.444vw, 71.1px);
    border-radius: min(3.333vw, 53.3px);
    background: linear-gradient(0deg, #4A1C1C 0%, hsl(345.2308deg 68.3674% 27.2004%) 100%);
}
.holostyak-survey-img{
    position: absolute;
    right: min(6.806vw, 108.9px);
    bottom: 0;
    width: min(39.931vw, 638.9px);
    height: min(31.597vw, 505.6px);
    pointer-events: none;
}
.holostyak-survey-content{
    position: relative;
}
.holostyak-survey-title{
    font-size: min(3.333vw, 53.3px);
    font-weight: 500;
    line-height: 110%;
}
.holostyak-survey-descr{
    margin-top: min(1.389vw, 22.2px);
    font-size: min(1.389vw, 22.2px);
    font-weight: 450;
    line-height: 120%;
}
.holostyak-survey-btn{
    width: min(26.389vw, 422.2px);
    height: min(4.444vw, 71.1px);
    margin-top: min(2.5vw, 40px);
    text-decoration: none;
}


/* holostyak-content */
.holostyak-content{
    padding-top: min(4.72vw, 75.56px);
    padding-bottom: min(5.69vw, 91.11px);
    position: relative;
    width: min(100vw, 1600px);
    margin: 0 auto;
}
.holostyak-content-bg{
    position: absolute;
    top: max(-10.63vw, -170.00px);
    left: 0;
    width: 100%;
    height: auto;
    pointer-events: none;
    user-select: none;
    z-index: 2;
}
.holostyak-content .holostyak-heading,
.holostyak-content .holostyak-descr,
.holostyak-content .holostyak-btn,
.holostyak-content .include-logos-moving,
.holostyak-content .show-slider{
    position: relative;
    z-index: 3;
}
.holostyak-content .holostyak-descr {
    text-align: center;
    margin-top: min(1.18vw, 18.89px);
    opacity: 0.8;
    font-size: min(1.67vw, 26.67px);
    font-weight: 400;
    line-height: 120%;
}
.holostyak-content .holostyak-btn {
    margin: min(2.78vw, 44.44px) auto 0 auto;
    width: min(22.92vw, 366.67px);
    height: min(3.89vw, 62.22px); 
    font-size: min(1.25vw, 20.00px);
    font-weight: 600;
    line-height: 120%;
}
.include-logos-moving {
    display: flex;
    align-items: center;
    gap: min(2.50vw, 40.00px);
    margin-top: min(2.29vw, 36.67px);
    overflow: hidden;
}
.include-logos-moving img {
    height: min(6.25vw, 100.00px);
    width: auto;
    -webkit-animation: anim-running-string1 30s linear infinite;
    animation: anim-running-string1 30s linear infinite;
}


@-webkit-keyframes anim-running-string1 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
    }
}
@keyframes anim-running-string1 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}
.show-slider-wrap {
    width: 100%;
    overflow: hidden;
}
.show-slider {
    margin-top: min(1.25vw, 20.00px);
    padding: 0 min(2.22vw, 35.56px);
}
.show-slider-slide {
    display: flex;
    flex-direction: column;
    width: min(18.75vw, 300.00px);
}
.show-slider-img {
    display: block;
    width: min(18.75vw, 300.00px);
    height: min(10.56vw, 168.89px);
    border-radius: min(0.83vw, 13.33px);
}
.show-slider-heading {
    margin-top: min(0.83vw, 13.33px);
    font-size: min(1.11vw, 17.78px);
    font-weight: 500;
    line-height: 125%;
}
.show-slider-season {
    margin-top: min(0.42vw, 6.67px);
    color: #999;
    font-size: min(0.92vw, 14.76px);
    font-weight: 500;
    line-height: 116%;
}
.show-slider-label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 0 min(0.42vw, 6.67px);
    height: min(1.39vw, 22.22px);
    border-radius: min(0.28vw, 4.44px);
    background: #3C6;
    color: #001230;
    font-size: min(0.90vw, 14.44px);
    font-weight: 600;
    line-height: 120%;
    text-transform: uppercase;
    margin-top: min(0.42vw, 6.67px);
}




/* Devices */

.welcome-devices{
    position: relative;
    z-index: 1;
    padding: min(4.44vw, 71.11px) 0 min(10.83vw, 173.33px) 0;
}
.welcome-devices .welcome-container{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.welcome-devices .holostyak-heading{
    letter-spacing: max(-0.03vw, -0.56px);
}

.welcome-devices-img{
    display: block;
    width: min(68.403vw, 1094.448px);
    height: auto;
    margin-left: min(0.833vw, 13.328px);
    margin-top: min(3.125vw, 50px);
}

.welcome-devices:before{
    content: '';
    z-index: -1;
    position: absolute;
    width: min(94.72vw, 1515.56px);
    height: min(105.28vw, 1684.44px);
    transform: translateX(-50%);
    border-radius: 100%;
    background: top left/cover no-repeat url(//s2.vcdn.biz/static/240842071/holostyak-devices-bg.png);
    top: max(-39.93vw, -638.89px);
    left: calc(50% - min(6.94vw, 111.11px));
    pointer-events: none;
    user-select: none;
    opacity: 0.8;
}

.welcome-devices-heading{
    text-align: center;
}
.welcome-devices-descr{
    margin-top: min(1.39vw, 22.22px);
    text-align: center;
    font-size: min(1.67vw, 26.67px);
    font-weight: 450;
    line-height: 140%;
    letter-spacing: min(0.01vw, 0.17px);
}
.welcome-devices-types{
    display: block;
    width: min(44.583vw, 713.328px);
    height: min(2.083vw, 33.328px);
    margin: min(3.125vw, 50px) auto 0 auto;
}





/* DT */

.ua-discount{
    padding-top: min(4.44vw, 71.11px);
    padding-bottom: min(4.65vw, 74.44px);
    position: relative;
}
.ua-discount:before{
    content:'';
    position: absolute;
    width: min(95.17vw, 1522.72px);
    height: min(79.24vw, 1267.84px);
    border-radius: min(95.17vw, 1522.72px);
    background: radial-gradient(140.93% 183.47% at 109.53% 23.81%, hsl(346deg 100% 66.0898% / 0.2) 0%, hsl(353deg 81.4511% 51.0677% / 0.2) 78.47%);
    filter: blur(min(15.99vw, 255.84px));
    top: min(23.54vw, 376.64px);
    left: calc(50% + min(6.94vw, 111.04px));
    transform: translateX(-50%);
}
.ua-discount:after {
    content:'';
    position: absolute;
    width: min(84.1vw, 1345.6px);
    height: min(70.03vw, 1120.48px);
    border-radius: min(84.1vw, 1345.6px);
    background: #000;
    filter: blur(min(7.2vw, 115.2px));
    top: min(41.74vw, 667.84px);
    left: calc(50% - min(15.42vw, 246.72px));
    transform: translateX(-50%);
}
.ua-discount-wrapper{
    position: relative;
    z-index: 10;
}
.ua-discount .holostyak-heading{
    letter-spacing: 0;
    line-height: 120%;
}
.discount-card-wrapper{
    margin: min(1.67vw, 26.72px) auto 0 auto;
    perspective: 1000px;
    width: min(37.92vw, 606.72px);
    height: min(21.88vw, 350.08px);
}
.discount-card{
    transition: 200ms all;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: min(37.92vw, 606.72px);
    height: min(21.88vw, 350.08px);
    border-radius: min(1.39vw, 22.24px);
    background: top left/contain no-repeat url(//s7.vcdn.biz/static/240841941/discount_banner.webp);
    box-shadow: 2.1px 2.1px 2.1px 0 rgba(255, 255, 255, 0.25) inset, -2.1px -2.1px 2.1px 0 rgba(0, 0, 0, 0.25) inset, 0 226.8px 63px 0 rgba(0, 0, 0, 0.00), 0 144.9px 57.75px 0 rgba(0, 0, 0, 0.02), 0 81.9px 49.35px 0 rgba(0, 0, 0, 0.08), 0 36.75px 36.75px 0 rgba(0, 0, 0, 0.13), 0 9.45px 19.95px 0 rgba(0, 0, 0, 0.15);
}
.discount-card-value{
    font-size: min(11.39vw, 182.24px);
    font-weight: 600;
    line-height: 100%;
}
.ua-discount-btn{
    margin-top: min(0.9vw, 14.4px);
    width: min(18.68vw, 298.88px);
    height: min(3.89vw, 62.24px);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: min(0.56vw, 8.8px);
    background: #FFF;
    color: #000 !important;
    font-size: min(1.25vw, 19.8px);
    font-weight: 600;
    line-height: 120%;
    transition: 300ms all;
}
.ua-discount-btn:hover{
    background-color: #c4c4c4 !important;
}
.ua-discount-ligals{
    margin: min(2.78vw, 44.48px) auto 0;
    text-align: center;
    width: min(58.75vw, 940px);
}
.ua-discount-ligals p{
    font-size: min(0.69vw, 11.11px);
    font-weight: 400;
    line-height: 140%;
    opacity: 0.7;
}
.ua-discount-ligals p:not(:last-child){
    margin-bottom: min(1.04vw, 16.67px);
}