/* Start:/local/templates/mystore/template_styles.css?179319214646025*/
@font-face {
    font-family: "vkFont";
    src: url(/local/templates/mystore/assets/fonts/vk-font.woff2) format("woff2");
    font-display: swap;
    font-weight: 400;
}

*{box-sizing:border-box}

/* Запрет выделения и меню ссылок на телефоне */
a, a * {
    -webkit-user-select: none !important;
    user-select: none !important;
    -webkit-touch-callout: none !important;
    -webkit-user-drag: none !important;
}


body{margin:0;font-family:"vkFont",arial,system-ui,sans-serif;color:#222; background-color: #fff;}

.element-detail{
    background-color: #f2f3f5;
}


.mobile-header{
	--header-height:56px;
	position:fixed;
	z-index:101;
	top:0;
	left:0;
	width:100%;
	background:#fff
}

.mobile-header__inner{
	display:grid;
	grid-template-areas:"logo right menu";
	grid-template-columns:1fr 1fr max-content;
	align-items:center;
	width:100%;
	height:56px;
	padding:8px 20px;
	max-width: 767px;
	margin: 0 auto;
}

.mobile-header__logo{
	grid-area:logo;
	display:flex;
	align-items:center;
	width:max-content
}

.mobile-header__logo img{
	display:block;
	width:112px;
	height:28px
}

.mobile-header__right{
	grid-area:right;
	display:flex;
	align-items:center;
	justify-content:flex-end;
	width:100%;
	gap:12px
}

.mobile-header__search,
.mobile-header__menu-button{
	display:flex;
	align-items:center;
	justify-content:center;
	width:40px;
	height:40px;
	padding:10px;
	border:0;
	border-radius:12px;
	background:#ebedf0;
	color:#222;
	cursor:pointer
}

.mobile-header__search svg,
.mobile-header__menu-button svg{
	width:20px;
	height:20px
}

.mobile-header__download{
	display:flex;
	align-items:center;
	justify-content:center;
	height:40px;
	padding:10px 16px;
	border-radius:12px;
	background:#ebedf0;
	color:#222;
	font-size:14px;
	font-weight:500;
	line-height:20px;
	text-decoration:none;
	white-space:nowrap
}

.mobile-header__download.is-active{
	background:#0077ff;
	color:#fff;
}

.mobile-header__menu-button{
	grid-area:menu;
	margin-left:12px
}

.mobile-header__menu-close{
	display:none
}

.mobile-header.menu-open .mobile-header__menu-open{
	display:none
}

.mobile-header.menu-open .mobile-header__menu-close{
	display:block
}

/* MENU */

.mobile-menu{
	display:none;
	position:fixed;
	top:56px;
	right:0;
	bottom:0;
	flex-direction:column;
	width:100vw;
	background:#fff;
	overflow-y:auto
}

.mobile-header.menu-open .mobile-menu{
	display:flex;
	animation:mobileMenuOpen .2s linear
}

.mobile-menu__items{
	display:flex;
	flex-direction:column;
	margin-top:16px;
	padding:0 12px
}

.mobile-menu__link{
	display:flex;
	align-items:center;
	padding:12px 8px;
	border-radius:12px;
	color:#222;
	font-size:16px;
	font-weight:400;
	line-height:24px;
	text-decoration:none;
	transition:background-color .2s ease
}

.mobile-menu__link:hover{
	background:#f7f7f7
}

.mobile-menu__link img{
	flex-shrink:0;
	width:24px;
	height:24px;
	margin-right:12px
}

/* LANGUAGE */

.mobile-menu__language{
	margin:8px 20px 0;
	padding:20px 0;
	border-top:1px solid #ebedf0
}

.mobile-menu__language-button{
	display:flex;
	align-items:center;
	padding:0;
	border:0;
	background:none;
	color:#222;
	font-size:16px;
	line-height:24px;
	cursor:pointer
}

.mobile-menu__language-button>svg:first-child{
	width:24px;
	height:24px;
	margin-right:12px
}

.mobile-menu__language-arrow{
	margin-left:10px
}

body.menu-open{
	overflow:hidden
}

@keyframes mobileMenuOpen{
	from{transform:translateX(100%)}
	to{transform:translateX(0)}
}

.footer-mobile{
	padding:32px 20px;
	background:#f2f3f5;
	color:#222;
}

.footer-mobile *{
	box-sizing:border-box;
}

.footer-mobile__top{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
}

.footer-mobile__logo{
	display:block;
	width:128px;
	height:32px;
}

.footer-mobile__language{
	display:flex;
	align-items:center;
	margin-top:24px;
	padding:0;
	border:0;
	background:none;
	color:#222;
	font:inherit;
	cursor:pointer;
	gap:8px;
}

.footer-mobile__language span{
	font-size:14px;
	font-weight:500;
	line-height:20px;
}

.footer-mobile__language-arrow{
	width:20px;
	height:20px;
}

.footer-mobile__sections{
	margin-top:32px;
}

.footer-accordion{
	overflow:hidden;
}

.footer-accordion__head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:100%;
	margin:0 0 12px;
	padding:0;
	border:0;
	background:none;
	color:#222;
	font:inherit;
	text-align:left;
	cursor:pointer;
}

.footer-accordion__head span{
	font-size:14px;
	font-weight:500;
	line-height:18px;
}

.footer-accordion__head svg{
	flex:none;
	width:24px;
	height:24px;
	transition:transform .2s linear;
}

.footer-accordion__body{
	display:flex;
	overflow:hidden;
	flex-direction:column;
	max-height:0;
	margin-bottom:0;
	transition:max-height .3s ease,margin-bottom .3s ease;
}

.footer-accordion.active .footer-accordion__body{
	max-height:1000px;
	margin-bottom:24px;
}

.footer-accordion.active .footer-accordion__head svg{
	transform:rotate(180deg);
}

.footer-accordion__body a{
	color:#6d7885;
	font-size:14px;
	font-weight:500;
	line-height:18px;
	text-decoration:none;
	overflow-wrap:anywhere;
}

.footer-accordion__body a:not(:last-child){
	margin-bottom:12px;
}

.footer-mobile__socials{
	display:flex;
	align-items:center;
	margin-top:32px;
}

.footer-mobile__socials a{
	display:block;
	flex:none;
	width:28px;
	height:28px;
}

.footer-mobile__socials a:not(:last-child){
	margin-right:16px;
}

.footer-mobile__socials img{
	display:block;
	width:100%;
	height:100%;
}

.footer-mobile__buttons{
	display:flex;
	flex-direction:column;
	margin-top:24px;
}

.footer-mobile__buttons button{
	position:relative;
	padding:10px 16px;
	width:100%;
	border:0;
	border-radius:12px;
	background:#e1e3e6;
	color:#222;
	font-size:14px;
	font-weight:500;
	line-height:20px;
	text-align:center;
	white-space:nowrap;
	cursor:pointer;
}

.footer-mobile__buttons button+button{
	margin-top:8px;
}

.footer-mobile__copyright{
	margin-top:24px;
	color:#6d7885;
	font-size:14px;
	font-weight:400;
	line-height:20px;
	text-wrap:balance;
}

.footer-mobile__copyright a{
	color:#6d7885;
	text-decoration:none;
}


.language-switcher{
	margin-top:24px;
}

.language-switcher__container{
	display:inline-block;
	position:relative;
}

.language-switcher__button{
	display:flex;
	align-items:center;
	margin:0;
	padding:0;
	border:0;
	background:transparent;
	font-family:"VK Sans Display",Roboto,Arial,sans-serif;
	cursor:pointer;
}

.language-switcher__button svg{
	flex:none;
	color:#6d7885;
	transition:color .3s ease;
}

.language-switcher__text{
	margin:0 0 0 4px;
	min-width:32px;
	color:#6d7885;
	font-size:16px;
	font-weight:500;
	line-height:24px;
}

.language-switcher__chevron{
	width:24px;
	height:24px;
	transform:rotate(180deg);
	transition:transform .25s ease;
}

.language-switcher__button:hover .language-switcher__text,
.language-switcher__button:hover svg{
	color:#99a2ad;
}

.language-switcher.open .language-switcher__text,
.language-switcher.open .language-switcher__button svg{
	color:#99a2ad;
}

.language-switcher.open .language-switcher__chevron{
	transform:rotate(360deg);
}

.language-switcher__dropdown{
	display:none;
	position:absolute;
	z-index:20;
	top:40px;
	left:0;
	padding:4px;
	width:120px;
	border-radius:8px;
	box-shadow:0 4px 16px rgba(0,0,0,.08);
	background:#fff;
}

.language-switcher.open .language-switcher__dropdown{
	display:block;
}

.language-switcher__option{
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:100%;
	padding:4px 8px;
	border:0;
	border-radius:8px;
	background:transparent;
	color:#6d7885;
	font-family:"VK Sans Display",Roboto,Arial,sans-serif;
	font-size:16px;
	font-weight:500;
	line-height:24px;
	text-align:left;
	cursor:pointer;
	transition:background-color .15s ease;
}

.language-switcher__option+.language-switcher__option{
	margin-top:8px;
}

.language-switcher__option:hover{
	background:#f7f7f7;
}



.app-search{
	display:none;
	position:relative;
	flex-direction:column;
	width:100%;
	border-radius:16px;
	background:#ebedf0;
	gap:4px;
}

.app-search *{
	box-sizing:border-box;
}

.app-search__top{
	display:flex;
	gap:4px;
}

.app-search__back{
	display:none;
	align-items:center;
	justify-content:center;
	flex:none;
	margin-right:8px;
	padding:0;
	border:0;
	background:none;
	color:#0077ff;
	cursor:pointer;
}

.app-search__field{
	display:flex;
	align-items:center;
	padding:4px 4px 4px 16px;
	width:100%;
	min-width:0;
	min-height:48px;
	border-radius:16px;
	background:#ebedf0;
}

.app-search__search-icon{
	flex:none;
	margin-right:8px;
	width:24px;
	height:24px;
	color:#222;
}

.app-search__input{
	overflow:hidden;
	flex:1;
	min-width:0;
	height:40px;
	padding:0;
	border:0;
	outline:0;
	background:transparent;
	color:#222;
	font-size:16px;
	font-weight:400;
	line-height:24px;
	white-space:nowrap;
	text-overflow:ellipsis;
	caret-color:#0077ff;
}

.app-search__input::placeholder{
	color:#6d7885;
	opacity:1;
}

.app-search__submit{
	display:flex;
	align-items:center;
	justify-content:center;
	flex:none;
	padding:10px 16px;
	border:0;
	border-radius:12px;
	background:#0077ff;
	color:#fff;
	font-size:14px;
	font-weight:500;
	line-height:20px;
	cursor:pointer;
}

.app-search__results{
	display:none;
	overflow-y:auto;
	flex:1;
	min-height:0;
	background:#fff;
}

.app-search__results-inner{
	padding:12px 20px 32px;
}

.app-search__popular-title{
	display:flex;
	align-items:center;
	padding:8px 0;
	color:#222;
	font-size:16px;
	font-weight:500;
	line-height:24px;
	gap:4px;
}

.app-search__popular-title svg{
	color:#f05c44;
}

.app-search__result{
	display:flex;
	position:relative;
	align-items:center;
	width:100%;
	min-height:44px;
	padding:10px 0;
	border:0;
	background:transparent;
	color:#222;
	font-size:16px;
	font-weight:400;
	line-height:24px;
	text-align:left;
	cursor:pointer;
}

.app-search__result::before{
	content:"";
	flex:none;
	width:24px;
	height:24px;
	margin-right:12px;
	background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.75 3.5C6.74594 3.5 3.5 6.74594 3.5 10.75C3.5 14.7541 6.74594 18 10.75 18C12.4277 18 13.9722 17.4302 15.2007 16.4735L19.4636 20.7364C19.8151 21.0879 20.3849 21.0879 20.7364 20.7364C21.0878 20.3849 21.0878 19.8151 20.7364 19.4636L16.4735 15.2007C17.4302 13.9722 18 12.4277 18 10.75C18 6.74594 14.7541 3.5 10.75 3.5ZM10.75 5.3C7.74005 5.3 5.3 7.74005 5.3 10.75C5.3 13.76 7.74005 16.2 10.75 16.2C13.76 16.2 16.2 13.76 16.2 10.75C16.2 7.74005 13.76 5.3 10.75 5.3Z' fill='%2399a2ad'/%3E%3C/svg%3E") center/24px no-repeat;
}

.app-search.is-focused{
	position:fixed;
	z-index:2147483644;
	top:56px;
	left:0;
	width:100vw;
	height:calc(100dvh - 56px);
	padding-top:4px;
	border-radius:0;
	background:#fff;
	gap:0;
	display:flex;
}

.app-search.is-focused .app-search__top{
	padding:0 20px;
}

.app-search.is-focused .app-search__back{
	display:flex;
}

.app-search.is-focused .app-search__field{
	background:#f2f3f5;
}

.app-search.is-focused .app-search__search-icon{
	display:none;
}

.app-search.is-focused .app-search__results{
	display:block;
}

body.search-open{
	overflow:hidden;
}



.intro-mobile{
	--side:20px;
	--gap:12px;
	display:flex;
	flex-direction:column;
	width:100%;
	margin-top:56px;
	padding:16px 0 32px;
	color:#222;
	font-family:Arial,sans-serif;
	gap:0;
}

.intro-mobile *{
	box-sizing:border-box;
}

.intro-mobile__left{
	margin:0;
	padding:0 var(--side);
	width:100%;
}

.intro-mobile__title{
	margin:0;
	width:100%;
	color:#222;
	font-size:28px;
	font-weight:600;
	font-style:normal;
	line-height:34px;
	white-space:pre-line;
}

.intro-mobile__subtitle{
	margin-top:12px;
	color:#222;
	font-size:16px;
	font-weight:400;
	line-height:24px;
	white-space:pre-line;
    margin-bottom: 32px;
}

/* SEARCH */
/* SEARCH */

.intro-search-trigger{
	margin-top:32px;
	width:100%;
}

.intro-search-trigger .app-search__field{
	display:flex;
	align-items:center;
	padding:4px 4px 4px 16px;
	width:100%;
	min-width:0;
	min-height:48px;
	border-radius:16px;
	background:#ebedf0;
	transition:background-color .2s linear;
}

.intro-search-trigger .app-search__search-icon{
	display:block;
	flex:none;
	width:24px;
	height:24px;
	margin-right:8px;
	color:#222;
}

.intro-search-trigger__input{
	overflow:hidden;
	flex:1;
	min-width:0;
	height:40px;
	padding:0;
	border:0;
	outline:0;
	background:transparent;
	color:#222;
	font-family:inherit;
	font-size:16px;
	font-weight:400;
	line-height:24px;
	white-space:nowrap;
	text-overflow:ellipsis;
	caret-color:#0077ff;
}

.intro-search-trigger__input::placeholder{
	color:#6d7885;
	opacity:1;
}

.intro-search-trigger__submit{
	display:flex;
	align-items:center;
	justify-content:center;
	flex:none;
	height:40px;
	padding:10px 16px;
	border:0;
	border-radius:12px;
	outline:0;
	background:#0077ff;
	color:#fff;
	font-family:inherit;
	font-size:14px;
	font-weight:500;
	line-height:20px;
	cursor:pointer;
}

/* ADVANTAGES */

.intro-advantages{
	display:flex;
	overflow-x:auto;
	margin:16px calc(var(--side) * -1) 0;
	padding:0 var(--side);
	width:100vw;
	gap:12px;
	scrollbar-width:none;
	-webkit-overflow-scrolling:touch;
}

.intro-advantages::-webkit-scrollbar{
	display:none;
}

.intro-advantages__item{
	display:flex;
	flex:0 0 214px;
	align-items:center;
	min-width:214px;
	padding:8px 12px;
	border-radius:12px;
	color:#222;
	font-size:14px;
	font-weight:500;
	line-height:20px;
	white-space:pre-line;
	gap:8px;
}

.intro-advantages__item img{
	flex:none;
	width:36px;
	height:36px;
	object-fit:contain;
}

/* SELECTIONS */

.intro-selections{
	display:flex;
	align-items:center;
	justify-content:center;
	margin-top:32px;
	width:100%;
}

.intro-selections__scroll{
	display:flex;
	position:relative;
	overflow-x:auto;
	overflow-y:hidden;
	width:100%;
	padding:0 var(--side);
	gap:12px;
	overscroll-behavior-x:contain;
	scrollbar-width:none;
	scroll-snap-type:x mandatory;
	scroll-snap-stop:always;
	-webkit-overflow-scrolling:touch;
}

.intro-selections__scroll::-webkit-scrollbar{
	display:none;
}

.intro-selections__slide{
	display:flex;
	flex:none;
	align-items:center;
	overflow:hidden;
	width:calc(2 * (100vw - 20px - 24px) / 5);
	height:auto;
	border-radius:16px;
	aspect-ratio:147 / 184;
	scroll-snap-align: center;
	scroll-snap-stop:always;
	max-width: 250px;
}

.intro-selections__card{
	display:flex;
	width:100%;
	height:100%;
	padding:12px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	color:#fff;
	text-decoration:none;
}

.intro-selections__card span{
	overflow:hidden;
	margin-top:auto;
	color:#fff;
	font-size:16px;
	font-weight:500;
	font-style:normal;
	line-height:24px;
	white-space:pre-line;
	text-overflow:ellipsis;
}


.popular-mobile{
	--side:20px;
	--gap:12px;
	width:100%;
	padding:0 0 24px;
	color:#222;
}

.popular-mobile *{
	box-sizing:border-box;
}

.popular-mobile__head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:8px;
	padding:0 var(--side);
}

.popular-mobile__title{
	margin:0;
	font-size:20px;
	font-weight:500;
	font-style:normal;
	line-height:28px;
}

.popular-mobile__more{
	display:flex;
	align-items:center;
	color:#0077ff;
	font-size:14px;
	font-weight:500;
	line-height:20px;
	text-decoration:none;
	gap:4px;
}

.popular-mobile__more svg{
	flex:none;
	width:16px;
	height:16px;
}

/* HORIZONTAL SCROLLER */

.popular-mobile__scroll{
	display:flex;
	position:relative;
	overflow-x:auto;
	overflow-y:hidden;
	width:100%;
	padding:0 var(--side);
	gap:12px;
	overscroll-behavior-x:contain;
	scrollbar-width:none;
	scroll-snap-type:x mandatory;
	scroll-snap-stop:always;
	-webkit-overflow-scrolling:touch;
}

.popular-mobile__scroll::-webkit-scrollbar{
	display:none;
}

.popular-mobile__column{
	display:flex;
	flex:none;
	flex-direction:column;
	width:calc(2 * (100vw - 20px - 12px) / 3);
	max-width:334px;
	scroll-snap-align: center;
	scroll-snap-stop:always;
}

/* APP */

.popular-app{
	display:grid;
	position:relative;
	grid-template-columns:min-content minmax(0,1fr);
	align-items:center;
	width:100%;
	padding:8px 16px 8px 0;
	color:#222;
	text-decoration:none;
}

.popular-app::before{
	content:"";
	position:absolute;
	z-index:0;
	top:0;
	right:-8px;
	bottom:0;
	left:-8px;
	border-radius:20px;
	background:#f7f7f7;
	opacity:0;
	transition:opacity .25s ease-in-out;
}

.popular-app:active::before{
	opacity:1;
}

.popular-app__logo{
	position:relative;
	z-index:1;
	overflow:hidden;
	flex-shrink:0;
	width:62px;
	height:62px;
	border:1px solid #e1e3e6;
	border-radius:18.5px;
}

.popular-app__logo img{
	display:block;
	width:100%;
	height:100%;
	object-fit:contain;
}

.popular-app__info{
	display:flex;
	position:relative;
	z-index:1;
	overflow:hidden;
	flex-direction:column;
	min-width:0;
	margin-left:12px;
}

.popular-app__name{
	overflow:hidden;
	width:100%;
	color:#222;
	font-size:16px;
	font-weight:500;
	font-style:normal;
	line-height:24px;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.popular-app__category{
	overflow:hidden;
	width:100%;
	margin:0;
	color:#222;
	font-size:14px;
	font-weight:400;
	line-height:20px;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.popular-app__rating{
	display:flex;
	align-items:center;
	color:#6d7885;
}

.popular-app__rating svg{
	flex:none;
	width:16px;
	height:16px;
	margin-right:4px;
}

.popular-app__rating span{
	font-size:14px;
	font-weight:400;
	line-height:20px;
}

@media(max-width:479px){
	.popular-mobile__column{
		width:calc(100vw - 40px);
		max-width:none;
	}
}


.social-mobile{
	--side:20px;
	width:100%;
	padding:0 0 24px;
	color:#222;
	font-family:Arial,sans-serif;
}

.social-mobile *{
	box-sizing:border-box;
}

.social-mobile__head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:8px;
	padding:0 var(--side);
}

.social-mobile__head h2{
	margin:0;
	font-size:20px;
	font-weight:500;
	line-height:28px;
}

.social-mobile__more{
	display:flex;
	align-items:center;
	color:#0077ff;
	font-size:14px;
	font-weight:500;
	line-height:20px;
	text-decoration:none;
	gap:4px;
}

.social-mobile__more svg{
	width:16px;
	height:16px;
	flex:none;
}

.social-mobile__scroll{
	display:flex;
	overflow-x:auto;
	overflow-y:hidden;
	width:100%;
	padding:0 var(--side);
	gap:12px;
	overscroll-behavior-x:contain;
	scrollbar-width:none;
	scroll-snap-type:x mandatory;
	scroll-snap-stop:always;
	-webkit-overflow-scrolling:touch;
}

.social-mobile__scroll::-webkit-scrollbar{
	display:none;
}

.social-app{
	display:flex;
	position:relative;
	flex:0 0 calc(2 * (100vw - 20px - 36px) / 7);
	flex-direction:column;
	padding:8px 0;
	color:#222;
	text-decoration:none;
	gap:12px;
	scroll-snap-align:center;
	scroll-snap-stop:always;
	max-width: 100px;
}

.social-app::before{
	content:"";
	position:absolute;
	z-index:0;
	top:0;
	right:-8px;
	bottom:0;
	left:-8px;
	border-radius:20px;
	background:#f7f7f7;
	opacity:0;
	transition:opacity .25s ease-in-out;
}

.social-app:active::before{
	opacity:1;
}

.social-app img{
	position:relative;
	z-index:1;
	display:block;
	width:100%;
	border:1px solid #e1e3e6;
	border-radius:25%;
	background:#e1e3e6;
	aspect-ratio:1/1;
	object-fit:cover;
}

.social-app span{
	display:-webkit-box;
	position:relative;
	z-index:1;
	overflow:hidden;
	margin:0;
	color:#222;
	font-size:16px;
	font-weight:500;
	line-height:20px;
	text-align:center;
	word-break:break-word;
	text-overflow:ellipsis;
	-webkit-line-clamp:2;
	line-clamp:2;
	-webkit-box-orient:vertical;
}

@media(min-width:480px) and (max-width:719px){
	.social-app{
		flex-basis:calc(2 * (100vw - 20px - 48px) / 9);
	}
}



.categories-mobile{
	--side:20px;
	width:100%;
	padding:0 var(--side) 32px;
	color:#222;
	font-family:Arial,sans-serif;
}

.categories-mobile *{
	box-sizing:border-box;
}

.categories-mobile__head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:8px;
}

.categories-mobile__head h2{
	margin:0;
	font-size:20px;
	font-weight:500;
	line-height:28px;
}

.categories-mobile__more{
	display:flex;
	align-items:center;
	color:#0077ff;
	font-size:14px;
	font-weight:500;
	line-height:20px;
	text-decoration:none;
	gap:4px;
}

.categories-mobile__more svg{
	flex:none;
	width:16px;
	height:16px;
}

.categories-mobile__scroll{
	overflow-x:auto;
	overflow-y:hidden;
	margin:0 calc(var(--side) * -1);
	padding:0 var(--side);
	width:calc(100% + var(--side) * 2);
	scrollbar-width:none;
	overscroll-behavior-x:contain;
	-webkit-overflow-scrolling:touch;
}

.categories-mobile__scroll::-webkit-scrollbar{
	display:none;
}

.categories-mobile__row{
	display:flex;
	width:max-content;
	gap:12px;
	scroll-snap-type:x mandatory;
}

.categories-mobile__row:first-child{
	margin-bottom:12px;
}

.category-pill{
	display:flex;
	flex:none;
	align-items:center;
	height:36px;
	padding:8px 16px 8px 12px;
	border-radius:999px;
	background:#ebedf0;
	color:#222;
	font-size:14px;
	font-weight:500;
	line-height:20px;
	white-space:nowrap;
	text-decoration:none;
	gap:8px;
	scroll-snap-align:center;
}

.category-pill:active{
	background:#f7f7f7;
}

.category-icon{
	flex:none;
	width:28px;
	height:28px;
	object-fit:contain;
}

.category-icon--blue{
	filter:brightness(0) saturate(100%) invert(39%) sepia(78%) saturate(5642%) hue-rotate(203deg) brightness(105%) contrast(104%);
}

.category-icon--green{
	filter:brightness(0) saturate(100%) invert(57%) sepia(54%) saturate(497%) hue-rotate(71deg) brightness(94%) contrast(90%);
}

.category-icon--orange{
	filter:brightness(0) saturate(100%) invert(76%) sepia(76%) saturate(3938%) hue-rotate(0deg) brightness(104%) contrast(103%);
}

.category-icon--orange-fire{
	filter:brightness(0) saturate(100%) invert(56%) sepia(33%) saturate(6153%) hue-rotate(333deg) brightness(96%) contrast(97%);
}

.category-icon--purple{
	filter:brightness(0) saturate(100%) invert(53%) sepia(72%) saturate(5559%) hue-rotate(231deg) brightness(93%) contrast(94%);
}

.category-icon--violet{
	filter:brightness(0) saturate(100%) invert(21%) sepia(76%) saturate(4217%) hue-rotate(265deg) brightness(78%) contrast(89%);
}

.category-icon--pink{
	filter:brightness(0) saturate(100%) invert(36%) sepia(95%) saturate(2405%) hue-rotate(296deg) brightness(93%) contrast(88%);
}



.games-month{
	--side:20px;
	width:100%;
	padding:0 0 24px;
	color:#222;
	font-family:Arial,sans-serif;
}

.games-month *{
	box-sizing:border-box;
}

.games-month__head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:8px;
	padding:0 var(--side);
}

.games-month__head h2{
	margin:0;
	font-size:20px;
	font-weight:500;
	line-height:28px;
}

.games-month__more{
	display:flex;
	align-items:center;
	color:#0077ff;
	font-size:14px;
	font-weight:500;
	line-height:20px;
	text-decoration:none;
	gap:4px;
}

.games-month__more svg{
	width:16px;
	height:16px;
	flex:none;
}

.games-month__scroll{
	display:flex;
	overflow-x:auto;
	overflow-y:hidden;
	width:100%;
	padding:0 var(--side);
	gap:12px;
	overscroll-behavior-x:contain;
	scrollbar-width:none;
	scroll-snap-type:x mandatory;
	-webkit-overflow-scrolling:touch;
}

.games-month__scroll::-webkit-scrollbar{
	display:none;
}

.games-month__column{
	display:flex;
	flex:0 0 calc(100vw - 40px);
	flex-direction:column;
	scroll-snap-align:center;
	scroll-snap-stop:always;
	max-width:98%;
}

.game-app{
	display:grid;
	position:relative;
	grid-template-columns:62px minmax(0,1fr);
	align-items:center;
	width:100%;
	padding:8px 16px 8px 0;
	color:#222;
	text-decoration:none;
}

.game-app::before{
	content:"";
	position:absolute;
	inset:0 -8px;
	border-radius:20px;
	background:#f7f7f7;
	opacity:0;
	transition:opacity .2s;
}

.game-app:active::before{
	opacity:1;
}

.game-app__logo{
	position:relative;
	z-index:1;
	display:block;
	width:62px;
	height:62px;
	border:1px solid #e1e3e6;
	border-radius:18.5px;
	object-fit:cover;
}

.game-app__info{
	display:flex;
	position:relative;
	z-index:1;
	overflow:hidden;
	flex-direction:column;
	min-width:0;
	margin-left:12px;
}

.game-app__name{
	overflow:hidden;
	color:#222;
	font-size:16px;
	font-weight:500;
	line-height:24px;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.game-app__category{
	overflow:hidden;
	color:#222;
	font-size:14px;
	font-weight:400;
	line-height:20px;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.game-app__rating{
	display:flex;
	align-items:center;
	color:#6d7885;
	font-size:14px;
	line-height:20px;
	gap:4px;
}

.game-app__rating svg{
	width:14px;
	height:13px;
	flex:none;
}

.game-app__rating>span:first-child:not(:last-child){
	font-size:14px;
	line-height:14px;
}

@media(min-width:480px) and (max-width:719px){
	.games-month__column{
		flex-basis:calc(2 * (100vw - 20px - 12px) / 3);
	}
}



.offline-games{
	--side:20px;
	--gap:12px;
	--column-width:calc((100vw - 40px - 36px)/4);
	width:100%;
	padding:0 0 24px;
	color:#222;
	font-family:Arial,sans-serif;
}

.offline-games *{
	box-sizing:border-box;
}

.offline-games__head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:8px;
	padding:0 var(--side);
}

.offline-games__head h2{
	margin:0;
	font-size:20px;
	font-weight:500;
	line-height:28px;
}

.offline-games__more{
	display:flex;
	align-items:center;
	color:#0077ff;
	font-size:14px;
	font-weight:500;
	line-height:20px;
	text-decoration:none;
	gap:4px;
}

.offline-games__more svg{
	flex:none;
	width:16px;
	height:16px;
}

/* SCROLL */

.offline-games__scroll{
	display:flex;
	overflow-x:auto;
	overflow-y:hidden;
	width:100%;
	padding:0 var(--side);
	gap:12px;
	scrollbar-width:none;
	scroll-snap-type:x mandatory;
	scroll-snap-stop:always;
	overscroll-behavior-x:contain;
	-webkit-overflow-scrolling:touch;
}

.offline-games__scroll::-webkit-scrollbar{
	display:none;
}

/* CARD */

.offline-game{
	display:grid;
	position:relative;
	flex:0 0 calc(2 * (100vw - 20px - 12px) / 3);
	grid-template-columns:62px minmax(0,1fr);
	max-width:334px;
	padding:8px 16px 8px 0;
	color:#222;
	text-decoration:none;
	scroll-snap-align:center;
	scroll-snap-stop:always;
}

.offline-game::before{
	content:"";
	position:absolute;
	z-index:0;
	inset:0 -8px;
	border-radius:20px;
	background:#f7f7f7;
	opacity:0;
	transition:opacity .2s;
}

.offline-game:active::before{
	opacity:1;
}

/* TOP */

.offline-game__top{
	display:contents;
}

.offline-game__logo{
	position:relative;
	z-index:1;
	display:block;
	grid-column:1;
	width:62px;
	height:62px;
	border:1px solid #e1e3e6;
	border-radius:18.5px;
	object-fit:cover;
}

.offline-game__info{
	display:flex;
	position:relative;
	z-index:1;
	overflow:hidden;
	grid-column:2;
	flex-direction:column;
	min-width:0;
	margin-left:12px;
}

.offline-game__name{
	overflow:hidden;
	color:#222;
	font-size:16px;
	font-weight:500;
	line-height:24px;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.offline-game__category{
	overflow:hidden;
	color:#222;
	font-size:14px;
	font-weight:400;
	line-height:20px;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.offline-game__rating{
	display:flex;
	align-items:center;
	color:#6d7885;
	font-size:14px;
	line-height:20px;
	gap:4px;
}

.offline-game__rating svg{
	flex:none;
	width:14px;
	height:13px;
}

/* SCREENSHOTS */

.offline-game__screens{
	display:grid;
	position:relative;
	z-index:1;
	grid-template-columns:repeat(3,1fr);
	grid-column:1/span 2;
	margin-top:12px;
	margin-right:-16px;
	gap:12px;
}

.offline-game__screens img{
	display:block;
	width:100%;
	height:auto;
	border-radius:12px;
	aspect-ratio:9/16;
	object-fit:cover;
}

.offline-game__screens--landscape{
	grid-template-columns:1fr;
}

.offline-game__screens--landscape img{
	aspect-ratio:16/9;
}

/* SMALL MOBILE */

@media(max-width:479px){
	.offline-game{
		flex-basis:calc(var(--column-width)*4 + 36px);
		max-width:none;
	}
}




.kiosk-title{
	display:flex;
	flex-direction:column;
}

.kiosk-title__subtitle{
	color:#6d7885;
	font-size:14px;
	font-weight:400;
	line-height:20px;
}

.kiosk-scroll{
	display:flex;
	width:max-content;
	gap:12px;
}

.kiosk-card{
	display:block;
	flex:none;
	width:calc(2 * (100vw - 20px - 24px) / 5);
	color:#222;
	text-decoration:none;
	scroll-snap-align:center;
	scroll-snap-stop:always;
	max-width:120px;
}

.kiosk-card__image{
	overflow:hidden;
	width:100%;
	border-radius:20px;
}

.kiosk-card__image img{
	display:block;
	width:100%;
	aspect-ratio:1/1;
	object-fit:cover;
	transition:transform .2s linear;
}

.kiosk-card__title{
	overflow:hidden;
	margin-top:8px;
	font-size:16px;
	font-weight:500;
	line-height:24px;
	white-space:nowrap;
	text-overflow:ellipsis;
}

@media(min-width:480px) and (max-width:719px){
	.kiosk-card{
		width:calc(2 * (100vw - 20px - 36px) / 7);
	}
}


.blog-scroll{
	display:flex;
	width:max-content;
	gap:12px;
}

.blog-card{
	display:flex;
	flex:0 0 calc(2 * (100vw - 20px - 12px) / 3);
	flex-direction:column;
	max-width:334px;
	color:#222;
	text-decoration:none;
	scroll-snap-align:center;
	scroll-snap-stop:always;
}

.blog-card__image{
	overflow:hidden;
	width:100%;
	border-radius:16px;
}

.blog-card__image img{
	display:block;
	width:100%;
	height:auto;
	aspect-ratio:16/9;
	object-fit:cover;
	transition:transform .2s linear;
}

.blog-card h3{
	margin:16px 0 0;
	color:#222;
	font-size:16px;
	font-weight:500;
	line-height:24px;
}

@media(max-width:479px){
	.blog-card{
		flex-basis:calc(100vw - 40px);
		max-width:none;
	}
}




.seo-tags__head{
	margin-bottom:16px;
}

.seo-tags__rows{
	display:flex;
	flex-direction:column;
	width:max-content;
}

.seo-tags__row{
	display:flex;
	width:max-content;
	gap:8px;
}

.seo-tags__row+.seo-tags__row{
	margin-top:12px;
}

.seo-tag{
	display:flex;
	flex:none;
	align-items:center;
	width:max-content;
	padding:8px 16px;
	border-radius:999px;
	background:#f7f7f7;
	color:#222;
	font-size:14px;
	font-weight:500;
	line-height:20px;
	white-space:nowrap;
	text-decoration:none;
	scroll-snap-align:center;
	transition:background-color .2s linear;
}

.seo-tag:active{
	background:#ebedf0;
}




.instructions{
	--side:20px;
	--gap:12px;
	--columns:4;
	--column-width:calc((100vw - var(--side) * 2 - var(--gap) * (var(--columns) - 1)) / var(--columns));
	width:100%;
	padding:0 var(--side) 32px;
	color:#222;
}

.instructions *{
	box-sizing:border-box;
}

.instructions__title{
	margin:0;
	font-size:20px;
	font-weight:500;
	line-height:28px;
}

.instructions__viewport{
	overflow:visible;
	margin-right:calc(var(--side) * -1);
	margin-left:calc(var(--side) * -1);
	width:100vw;
}

.instructions__scroll{
	display:flex;
	overflow-x:auto;
	overflow-y:hidden;
	padding:16px var(--side) 0;
	gap:var(--gap);
	scrollbar-width:none;
	scroll-snap-type:x mandatory;
	scroll-snap-stop:always;
	overscroll-behavior-x:contain;
	-webkit-overflow-scrolling:touch;
}

.instructions__scroll::-webkit-scrollbar{
	display:none;
}

.instruction-card{
	display:block;
	position:relative;
	flex:none;
	width:calc(var(--column-width) * 4 + var(--gap) * 3);
	padding:16px 16px 4px;
	border-radius:20px;
	color:#fff;
	text-decoration:none;
	scroll-snap-align:center;
	scroll-snap-stop:always;
}

.instruction-card::after{
	content:"";
	position:absolute;
	z-index:1;
	inset:0;
	background:rgba(255,255,255,.16);
	opacity:0;
	transition:opacity .2s linear;
	pointer-events:none;
}

.instruction-card:active::after{
	opacity:1;
}

.instruction-card--android{
	background:#0077ff;
}

.instruction-card--car{
	background:#792ec0;
}

.instruction-card--tv{
	background:#e03fab;
}

.instruction-card__icon{
	position:absolute;
	z-index:2;
	top:-12px;
	right:-8px;
	width:80px;
	height:80px;
	aspect-ratio:1/1;
	object-fit:contain;
}

.instruction-card__title{
	position:relative;
	z-index:2;
	margin:0;
	padding-right:64px;
	color:#fff;
	font-size:16px;
	font-weight:500;
	line-height:20px;
}

.instruction-card__description{
	display:inline-flex;
	position:relative;
	z-index:2;
	margin-top:2px;
	padding-right:54px;
	color:#fff;
	opacity:.8;
	font-size:14px;
	font-weight:400;
	line-height:20px;
	white-space:pre-line;
}

.instruction-card__link{
	display:flex;
	position:relative;
	z-index:2;
	align-items:center;
	margin-top:2px;
	padding:12px 0;
	color:#fff;
	font-size:14px;
	font-weight:500;
	line-height:20px;
	gap:4px;
}

.instruction-card__link svg{
	flex:none;
	width:16px;
	height:16px;
}

@media(min-width:480px) and (max-width:719px){
	.instruction-card{
		--x-screen:100vw;
		--n-visible:1;
		--s-gap:12px;
		--top:calc(2 * (var(--x-screen) - var(--n-visible) * var(--s-gap)));
		--bottom:calc(2 * var(--n-visible) + 1);
		width:calc(var(--top) / var(--bottom));
	}
}

.fixed-download{
	display:flex;
	position:fixed;
	z-index:100;
	left:50%;
	bottom:calc(env(safe-area-inset-bottom,0px) + 12px);
	align-items:center;
	padding:12px;
	width:calc(100vw - 16px);
	max-width:400px;
	border-radius:20px;
	box-shadow:0 4px 16px rgba(34,34,34,.24);
	background:#0077ff;
	transform:translateX(-50%);
}

.fixed-download__image{
	display:block;
	flex:none;
	margin-right:12px;
	width:48px;
	height:48px;
	border:1px solid #e1e3e6;
	border-radius:12px;
	background:#e1e3e6;
	object-fit:cover;
}

.fixed-download__content{
	flex:1;
	min-width:0;
	margin-right:12px;
}

.fixed-download__title{
	color:#fff;
	font-size:16px;
	font-weight:500;
	line-height:20px;
}

.fixed-download__button{
	display:flex;
	align-items:center;
	justify-content:center;
	flex:none;
	padding:10px 16px;
	border-radius:12px;
	background:#fff;
	color:#0077ff;
	font-size:14px;
	font-weight:500;
	line-height:20px;
	text-decoration:none;
}

.element_inner, .footer_inner, .mobile-header__inner, .mobile-menu_inner, .container_inner, .mobile-apps{
	max-width: 767px;
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
}


/* popup */

.apple-install-popup {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 2147483646;
    align-items: center;
    justify-content: center;
    padding: 16px;
    color: #222
}

.apple-install-popup.is-open {
    display: flex
}

.apple-install-popup * {
    box-sizing: border-box
}

.apple-install-popup__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .55)
}

.apple-install-popup__window {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 420px;
    max-height: calc(100dvh - 32px);
    overflow-y: auto;
    border-radius: 24px;
    background: #fff;
    padding: 20px;
    box-shadow: 0 16px 50px rgba(0, 0, 0, .15);
    scrollbar-width: none
}

.apple-install-popup__window::-webkit-scrollbar {
    display: none
}

.apple-install-popup__close {
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 50%;
    background: #ebedf0;
    color: #6d7885;
    cursor: pointer
}

.apple-install-popup__close svg {
    width: 18px;
    height: 18px
}

.apple-install-guide[hidden],
.apple-install-loading[hidden] {
    display: none !important
}

.apple-install-video {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 28px 0 24px;
    padding: 12px;
    background: #f2f3f5;
    border-radius: 16px;
    color: #222;
    text-decoration: none
}

.apple-install-video__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: #fff;
    color: #0077ff
}

.apple-install-video__icon svg {
    width: 26px;
    height: 26px
}

.apple-install-video__text {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 4px;
    min-width: 0
}

.apple-install-video__text strong {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.apple-install-video__text small {
    font-size: 12px;
    color: #6d7885;
    line-height: 16px
}

.apple-install-arrow {
    font-size: 27px;
    font-weight: 300;
    color: #99a2ad
}

.apple-install-guide__hero {
    text-align: center
}

.apple-install-guide__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    margin: 0 auto 16px;
    border-radius: 20px;
    background: #eaf3ff;
    color: #0077ff
}

.apple-install-guide__icon svg {
    width: 36px;
    height: 36px
}

.apple-install-guide__hero h2 {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px
}

.apple-install-guide__hero p {
    margin: 12px 0 24px;
    color: #6d7885;
    font-size: 14px;
    line-height: 21px
}

.apple-install-benefits {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 12px
}

.apple-install-benefit {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    min-width: 0;
    padding: 14px;
    border-radius: 16px;
    background: #f2f3f5
}

.apple-install-benefit svg {
    width: 24px;
    height: 24px;
    color: #0077ff
}

.apple-install-benefit strong {
    font-size: 13px;
    font-weight: 500;
    line-height: 18px
}

.apple-install-benefit span {
    font-size: 12px;
    color: #6d7885;
    line-height: 17px
}

.apple-install-instruction {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 12px;
    padding: 14px;
    border: 0;
    border-radius: 14px;
    background: #f2f3f5;
    color: #222;
    text-align: left;
    font-size: 14px;
    cursor: pointer
}

.apple-install-instruction__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    flex: none;
    border-radius: 50%;
    background: #0077ff;
    color: #fff;
    font-weight: 600;
    font-size: 14px
}

.apple-install-instruction>span:nth-child(2) {
    flex: 1
}

.apple-install-guide__actions {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 24px
}

.apple-install-primary,
.apple-install-secondary {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    width: 100%;
    padding: 12px 16px;
    border: 0;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer
}

.apple-install-primary {
    background: #0077ff;
    color: #fff
}

.apple-install-secondary {
    background: #ebedf0;
    color: #222
}

.apple-install-loading {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 70px 0 45px
}

.apple-install-spinner {
    width: 52px;
    height: 52px;
    margin-bottom: 24px;
    border: 4px solid #eaf3ff;
    border-top-color: #0077ff;
    border-radius: 50%;
    animation: appleSpin .75s linear infinite
}

.apple-install-loading h2 {
    margin: 0 0 10px;
    font-size: 21px;
    font-weight: 600;
    line-height: 28px
}

.apple-install-loading p {
    margin: 0;
    color: #6d7885;
    font-size: 14px;
    line-height: 20px
}

.apple-install-loading__track {
    overflow: hidden;
    width: 75%;
    height: 5px;
    margin-top: 28px;
    border-radius: 10px;
    background: #ebedf0
}

.apple-install-loading__track span {
    display: block;
    width: 35%;
    height: 100%;
    background: #0077ff;
    border-radius: 10px;
    animation: appleProgress 2.5s ease-in-out forwards
}

@keyframes appleSpin {
    to {
        transform: rotate(360deg)
    }
}

@keyframes appleProgress {
    from {
        width: 0
    }

    to {
        width: 100%
    }
}

body.apple-install-lock {
    overflow: hidden
}

.apple-install-player[hidden] {
    display: none !important
}
.apple-install-player {
    padding-top: 0
}
.apple-install-player__back {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    padding: 0;
    border: 0;
    background: none;
    color: #0077ff;
    font-size: 14px;
    cursor: pointer
}
.apple-install-player__back span {
    font-size: 28px;
    line-height: 18px
}
.apple-install-player video {
    display: block;
    width: 100%;
    max-height: 65dvh;
    border-radius: 14px;
    background: #000
}






.apple-install-ready[hidden],
.apple-install-steps[hidden] {
    display: none !important
}




.apple-install-ready[hidden] {
    display: none !important
}
.apple-install-ready {
    padding-top: 22px;
    color: #20242c
}
.apple-ready-header {
    text-align: center;
    margin-bottom: 28px
}
.apple-ready-header__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 68px;
    height: 68px;
    margin: 0 auto 16px;
    border-radius: 23px;
    background: linear-gradient(145deg,#e3f5ed,#c8efda);
    color: #16a46a
}
.apple-ready-header__icon svg {
    width: 36px;
    height: 36px
}
.apple-ready-header h2 {
    margin: 0 0 8px;
    font-size: 26px;
    font-weight: 700;
    letter-spacing: -.6px
}
.apple-ready-header p {
    max-width: 270px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 21px;
    color: #858d9b
}
.apple-ready-section-title {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
    font-size: 13px;
    font-weight: 600;
    color: #7b8493
}
.apple-ready-section-title__line {
    flex: 1;
    height: 1px;
    background: #edf0f4
}
.apple-ready-credentials {
    overflow: hidden;
    border: 1px solid #edf0f4;
    border-radius: 18px;
    background: #fafbfd
}
.apple-ready-field {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 17px 14px
}
.apple-ready-field+.apple-ready-field {
    border-top: 1px solid #edf0f4
}
.apple-ready-field__icon {
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 13px;
    background: #eaf2ff;
    color: #347bf5
}
.apple-ready-field__icon svg {
    width: 22px;
    height: 22px
}
.apple-ready-field__info {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
    gap: 5px
}
.apple-ready-field__info span {
    font-size: 12px;
    color: #8992a1
}
.apple-ready-field__info strong {
    font-size: 14px;
    font-weight: 600;
    overflow-wrap: anywhere
}
.apple-ready-copy {
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid #e8edf5;
    border-radius: 12px;
    background: #fff;
    color: #347bf5;
    cursor: pointer
}
.apple-ready-copy svg {
    width: 19px;
    height: 19px
}
.apple-ready-timecard {
    margin-top: 18px;
    padding: 20px;
    border: 1px solid #deebff;
    border-radius: 20px;
    background: linear-gradient(145deg,#f2f7ff,#e8f1ff)
}
.apple-ready-timecard__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px
}
.apple-ready-timecard__label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 600;
    color: #4574b8
}
.apple-ready-timecard__label svg {
    width: 18px;
    height: 18px
}
.apple-ready-timecard__badge {
    padding: 5px 9px;
    border-radius: 20px;
    background: #d8ecdf;
    color: #27814a;
    font-size: 11px;
    font-weight: 600
}
.apple-ready-timecard__value {
    margin: 16px 0;
    font-size: 48px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -1px;
    color: #2665ce;
    font-variant-numeric: tabular-nums
}
.apple-ready-timecard__track {
    overflow: hidden;
    height: 7px;
    border-radius: 10px;
    background: #d8e5fa
}
.apple-ready-timecard__track span {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: #347bf5;
    transition: width 1s linear
}
.apple-ready-timecard p {
    margin: 12px 0 0;
    color: #7c90af;
    font-size: 12px;
    line-height: 18px
}
.apple-ready-status {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-top: 18px;
    padding: 17px;
    border: 1px solid #edf0f4;
    border-radius: 18px;
    background: #fff
}
.apple-ready-status__icon {
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 13px;
    background: #eff5ff
}
.apple-ready-spinner {
    width: 22px;
    height: 22px;
    border: 3px solid #d8e4f7;
    border-top-color: #347bf5;
    border-radius: 50%;
    animation: appleSpin .8s linear infinite
}
.apple-ready-status strong {
    display: block;
    margin: 1px 0 5px;
    font-size: 14px;
    font-weight: 600
}
.apple-ready-status p {
    margin: 0;
    color: #8992a1;
    font-size: 12px;
    line-height: 19px
}
.apple-ready-notice {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 16px;
    padding: 16px;
    border-radius: 16px;
    background: #fff8e8
}
.apple-ready-notice>svg {
    flex: none;
    width: 21px;
    height: 21px;
    color: #b78327
}
.apple-ready-notice strong {
    display: block;
    margin-bottom: 5px;
    color: #996a24;
    font-size: 13px
}
.apple-ready-notice p {
    margin: 0;
    color: #a08254;
    font-size: 12px;
    line-height: 19px
}
.apple-ready-close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 48px;
    margin-top: 22px;
    padding: 12px 16px;
    border: 0;
    border-radius: 14px;
    background: #f1f3f6;
    color: #454f5e;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer
}



.apple-install-steps[hidden] {
    display: none !important
}
.apple-install-steps {
    padding-top: 15px
}
.apple-install-steps .apple-install-video {
    margin: 25px 0
}
.apple-install-steps h2 {
    margin: 0 0 10px;
    font-size: 22px;
    font-weight: 600
}
.apple-install-steps__desc {
    margin: 0 0 24px;
    color: #6d7885;
    font-size: 14px;
    line-height: 21px
}
.apple-install-step {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 16px 0;
    border-bottom: 1px solid #edf0f5
}
.apple-install-step>span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #eaf2ff;
    color: #0077ff;
    font-weight: 600
}
.apple-install-step p {
    margin: 5px 0 0;
    font-size: 14px;
    line-height: 21px
}
/* End */
/* /local/templates/mystore/template_styles.css?179319214646025 */