/* =======================================================
   1. ПРЯЧЕМ ВСЕ МОБИЛЬНЫЕ ЭЛЕМЕНТЫ НА ДЕСКТОПЕ ПО УМОЛЧАНИЮ
   ======================================================= */
.select-nav--mobile,
.tel-block--mobile,
.compare-block--mobile,
.favorites-block--mobile,
.cart-block--mobile,
.search--mobile,
.burger--mobile,
.header-extra-items--mobile,
.mob-nav--mobile {
  display: none !important;
}
/* Прячем десктопное меню страниц из верхней полосы шапки */
.uk-navbar-transparent:not(.navbar-menu-desktop) #mob-page-block {
  display: none !important;
}
/* =======================================================
   2. МОБИЛЬНЫЙ РЕЖИМ (ЭКРАНЫ <= 768px)
   ======================================================= */
@media screen and (max-width: 768px) {
  /* Прячем десктопные элементы и дефолтный бургер */
  .select-nav--desktop,
  .tel-block--desktop,
  .compare-block--desktop,
  .favorites-block--desktop,
  .cart-block--desktop,
  .search--desktop,
  .burger--default,
  .navbar-menu-desktop,
  .mob-nav--desktop,
  .uk-navbar-nav .uk-flex-left,
  .uk-text-justify {
    display: none !important;
  }

  /* Отображаем мобильные элементы */
  .select-nav--mobile,
  .tel-block--mobile,
  .compare-block--mobile,
  .favorites-block--mobile,
  .cart-block--mobile,
  .search--mobile,
  .burger--mobile,
  .header-extra-items--mobile,
  .mob-nav--mobile {
    display: block !important;
  }

  .cart-block--mobile .mg-desktop-cart {
    display: block !important;
  }

  /* Фиксация высоты слайдера */
  .m-p-slider-wrapper,
  .m-p-slider-wrapper .bx-wrapper,
  .m-p-slider-wrapper .bx-viewport,
  .m-p-slider-wrapper .m-p-slider-contain-v2,
  .m-p-slider-wrapper .m-p-slide-unit {
    height: 100vh !important;
    height: 100dvh !important;
    max-height: 100vh !important;
    max-height: 100dvh !important;
  }

  .m-p-slider-wrapper .uk-hidden\@m,
  .m-p-slider-wrapper .uk-visible\@m,
  .m-p-slider-wrapper .m-p-slide-unit a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
  }

  .m-p-slider-wrapper .m-p-slide-unit img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  .m-p-slider-wrapper .bx-wrapper .bx-pager {
    position: absolute !important;
    bottom: 20px !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 10 !important;
  }

  .m-p-slider-wrapper .bx-wrapper .bx-controls-direction a {
    z-index: 10 !important;
  }

  .uk-navbar {
    display: flex;
    align-items: center;
    margin-bottom: 0;
  }

  .slider-index {
    position: absolute !important;
    z-index: 10;
    width: 100%;
  }

  .select-nav--mobile {
    min-width: unset;
  }

  .menu-block-top .compare-icon,
  .menu-block-top .mg-desktop-cart .cart,
  .menu-block-top .mg-desktop-cart .cart-img {
    color: #000;
  }

  .uk-navbar-center:not(:only-child) {
    position: relative;
    top: unset;
    left: unset;
    transform: unset;
    width: max-content;
    box-sizing: border-box;
    z-index: 990;
  }

  .mob-li {
    width: 100%;
    position: relative;
  }

  /* Стили мобильного бургера */
  .burger--mobile {
    cursor: pointer;
    display: inline-block !important;
    position: relative;
    border: none;
    background: transparent;
    width: 40px;
    height: 26px;
    min-height: 26px !important;
    text-decoration: none;
  }

  .burger--mobile::before,
  .burger--mobile::after {
    content: '';
    left: 0;
    position: absolute;
    display: block;
    width: 100%;
    height: 4px;
    border-radius: 10px;
    background: #fff;
  }

  .burger--mobile::before {
    top: 0;
    box-shadow: 0 11px 0 #fff;
    transition: box-shadow .3s .15s, top .3s .15s, transform .3s;
  }

  .burger--mobile::after {
    bottom: 0;
    transition: bottom .3s .15s, transform .3s;
  }

  .burger--mobile.uk-open::before,
  .burger--mobile.is-active::before {
    top: 11px;
    transform: rotate(45deg);
    box-shadow: 0 6px 0 rgba(0, 0, 0, 0);
    transition: box-shadow .15s, top .3s, transform .3s .15s;
    background-color: #000 !important;
  }

  .burger--mobile.uk-open::after,
  .burger--mobile.is-active::after {
    bottom: 11px;
    transform: rotate(-45deg);
    transition: bottom .3s, transform .3s .15s;
    background-color: #000 !important;
  }

  .uk-sticky:has(.burger--mobile.uk-open) .favourite svg,
  .uk-sticky:has(.burger--mobile.uk-open) .search-mob.uk-search-icon svg {
    color: #000 !important;
    fill: #000 !important;
  }

  .uk-sticky:has(.burger--mobile.uk-open) .uk-logo svg {
    filter: invert(1);
  }

  .uk-sticky:has(.burger--mobile.uk-open) {
    background-color: #fff !important;
  }

  .uk-navbar-nav.mob-nav,
  .uk-navbar-center.mob-nav {
    height: 26px;
  }

  .search-mob.uk-icon.uk-search-icon {
    padding: 0;
    width: 30px;
    margin-right: 10px;
  }

  .search-mob.uk-icon.uk-search-icon svg {
    width: 30px;
    height: 30px;
  }

  .search-text {
    display: none;
  }

  .uk-logo svg {
    width: 60px !important;
  }

  #mob-page-menu {
    top: 29px !important;
    width: 100vw !important;
    right: -15px !important;
    overflow: hidden;
    box-sizing: border-box;
  }
}



.uk-pagination>.uk-active>* {
    color: var(--main-color);
}


@font-face {
	font-family: 'LifeIsStrangeRU';
	src: url('../fonts/LifeIsStrangeRU.eot');
	src: local('☺'), url('../fonts/LifeIsStrangeRU.woff') format('woff'), url('../fonts/LifeIsStrangeRU.ttf') format('truetype'), url('../fonts/LifeIsStrangeRU.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.life-is-strange {
    font-family: 'LifeIsStrangeRU', monospace;
}

/* стихи в онлайн материалах */

.poetry {
	border: none; 
	font: 1.1rem/1.8 Consolas, monaco, monospace;
}

@media screen and (max-width:640px)  {
	.poetry {
		border: none; 
		font: 0.8rem/1.4  Consolas, monaco, monospace;
		margin: 0;
		padding: 0;
	}    
	.poetry b {
		font-weight: 600;
	}
}
.comments [name="comment"] {
  padding: 20px 40px 20px 40px;
}

.subscription {
	display: flex;
	justify-content: center;
}

.subscription__label{
	width: 864px;
}

input.order-checkbox.uk-radio.subscription__checkbox {
	border-color: #33b7b7;
	min-width: 18px;
	width: 20px;
	height: 20px;
}