/* Подключение локальных шрифтов Roboto */
:root {
    --main-color: #1E1E1E;
    --bg-color:##f5f7fa;
    --blue-color: #000817;
    --acent-color: #2AA6A4;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Light.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

body {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    color: var(--main-color);
    background-color: #f5f7fa !important;
}
.contact-card {
    background: white;
    padding: 35px;
    border-radius: 22px;
}
html {
    height: 100%;
}
/* ======== Header ========*/
header {
   padding: 25px 0;
    position: relative;
    z-index: 100;
}



.header-nav-panel{
    padding: 15px 35px;
}
.contact-inner__item {
    text-align: end;
}
.header-navigation__logo img {
    width: 205px;
}
.contact-card_title {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    margin: 25px 0;
}
.contact-card_title span {
    display: block;
    font-weight: normal !important;
    text-transform: uppercase;
}
.wrap-contact {
    display: flex;
    justify-content: space-between;
}
.contact-card-logo {
    text-align: center;
}
.contact-card-logo img {
    width: 200px;
    margin: 0 auto;
}
.header-calc_btn a {
    display: flex;
    align-items: center;
    gap: 25px;
    border: 1px solid white;
    border-radius: 12px;
    padding: 15px 16px;
    font-weight: bold;
    color: white;
    text-decoration: none;
    will-change: transform;
    transition: all 0.3s ease;
}

.header-calc_btn a:hover {
    color: white;
    background: var(--acent-color);
    text-decoration: none;
    border: 1px solid var(--acent-color);
}

.header-logo-main {
    position: relative;
    z-index: 100;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.header-calc_btn a img {
    transition: transform 0.4s ease;
}

.header-calc_btn a:hover img {
    transform: translateX(6px) rotate(5deg);
}
.header-video-inner {
    position: relative;
    overflow: hidden; /* важно — скрываем лишнее видео */
    border-radius: 36px;
    margin: 25px;
	padding-bottom: 35px;
}

/* Видео как фон */
.header-video-inner .main-video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover; /* делает его фоновым */
    transform: translate(-50%, -50%);
    z-index: 0;
}

/* Если внутри секции нужен контент — поверх видео */
.header-video-inner .content {
    position: relative;
    z-index: 1;
}
.header-logo-main {
    padding: 70px 0 35px;
}
.header-logo-main img {
    width: 700px;
}
.header-logo-main span {
    display: block;
    font-size: 30px;
    color: white;
    margin: 25px 0;
    font-weight: normal;

}
.header-logo-main {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.header-logo-main__title {
    font-size: 40px;
    font-weight: bold;
    color: white;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.3;
}


.header-video-inner::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45); /* степень затемнения */
    z-index: 1;
}


.header-navigation {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box;
    align-items: center;
    justify-content: space-between;
}


.header-navigation__adres-item {
    position: relative;
    line-height: 1.3;
    padding-left: 25px;
    margin-bottom: 5px;
    color: white;
}
.header-navigation__adres-item::after {
    content: '';
    background: url('data:image/svg+xml,<svg width="14" height="19" viewBox="0 0 14 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.67969 0C2.99628 0 0 2.92781 0 6.483C0 7.74754 0.379518 8.97262 1.09747 10.025L6.67969 18.3387L12.2619 10.025C12.9799 8.97265 13.3594 7.74758 13.3594 6.483C13.3594 2.92781 10.3631 0 6.67969 0ZM6.67969 9.70659C4.83799 9.70659 3.33984 8.2606 3.33984 6.483C3.33984 4.7054 4.83799 3.22359 6.67969 3.22359C8.52139 3.22359 10.0195 4.7054 10.0195 6.483C10.0195 8.2606 8.52139 9.70659 6.67969 9.70659Z" fill="%23EE3F58"/></svg>') no-repeat center / contain;
    width: 15px;
    height: 18px;
    position: absolute;
    top: 5px;
    left: 0;
}
.header-navigation__adres-link button {
    text-decoration: underline;
    font-size: 14px;
    background: none;
    padding: 0;
    border: none;
    margin-left: 25px;
    transition: all .3s;
}
.header-navigation__adres-link button:hover {
    color: var(--acent-color);
    cursor: pointer;
}

.header-navigation__phone span {
    display: block;
    font-size: 14px;
    opacity: .45;
    color: white;
}
.header-navigation__phone {
    text-align: right;
}
.header-navigation__phone a {
    color: white;
    font-size: 25px;
    padding-left: 30px;
    position: relative;
    font-weight: 700;
    transition: all .3s;
    text-decoration: none;
}
.contact-info {
    width: 100%;
    background: white;
    border-radius: 22px;
    padding: 25px;
}
.contact-info__item-phone {
    text-align: right;
}
.contact-info__item-phone span {
    display: block;
    font-size: 18px;
    text-transform: uppercase;
    opacity: .45;
}

.contact-info__item-phone a {
        color: #1e1e1e;
    font-size: 25px;
    padding-left: 30px;
    position: relative;
    font-weight: 700;
    transition: all .3s;
    text-decoration: none;
}


.uk-card  img {
    width: 70px;
    height: 70px;
    margin-bottom: 15px;
}
.contact-info__item {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    justify-content: space-between;
}
.contact-info__item-name {
    min-width: 60%;
    width: 60%;
      line-height: 1.3;
       font-size: 22px;
}
.contact-info__title {
    font-size: 25px;
    font-weight: bold;
  
    margin-bottom: 25px;
    text-transform: uppercase;
}
.header-navigation__phone a:hover {
    color: var(--acent-color);
    text-decoration: none;
}
.header-navigation__phone a::after {
    content: '';
    width: 15px;
    height: 15px;
    background:url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.5628 11.2542L13.3278 9.11421C12.5296 8.34992 11.1726 8.65566 10.8533 9.64922C10.6139 10.3371 9.81565 10.7193 9.09725 10.5664C7.50081 10.1842 5.34561 8.19706 4.9465 6.59204C4.70704 5.90414 5.18597 5.13985 5.90437 4.91059C6.94206 4.60487 7.26134 3.30557 6.46312 2.54128L4.2281 0.401255C3.58953 -0.133752 2.63166 -0.133752 2.07291 0.401255L0.556286 1.85341C-0.960334 3.382 0.71593 7.43276 4.46757 11.0249C8.21921 14.6171 12.4498 16.2986 14.0462 14.77L15.5628 13.3178C16.1216 12.7064 16.1216 11.7892 15.5628 11.2542Z" fill="%23EE3F58"/></svg>') no-repeat center / cover;
    position: absolute;
    left: 2px;
    top: 5px;
}
.contact-inner__item-phone {
    display: flex;
    flex-direction: column;
    align-items: end;
}
.contact-inner__item-name {
    display: block;
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 15px;
    opacity: .65;
}

.contact-inner__item-mail a {
    color: #1e1e1e;
    font-size: 18px;
    text-decoration: underline;
}
.contact-inner__item-phone a {
    color: #1e1e1e;
    font-size: 25px;
    padding-left: 30px;
    position: relative;
    font-weight: 700;
    transition: all .3s;
    display: inherit;
    text-decoration: none;
}

.contact-inner__item-phone a::after {
    content: '';
    width: 15px;
    height: 15px;
    background:url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.5628 11.2542L13.3278 9.11421C12.5296 8.34992 11.1726 8.65566 10.8533 9.64922C10.6139 10.3371 9.81565 10.7193 9.09725 10.5664C7.50081 10.1842 5.34561 8.19706 4.9465 6.59204C4.70704 5.90414 5.18597 5.13985 5.90437 4.91059C6.94206 4.60487 7.26134 3.30557 6.46312 2.54128L4.2281 0.401255C3.58953 -0.133752 2.63166 -0.133752 2.07291 0.401255L0.556286 1.85341C-0.960334 3.382 0.71593 7.43276 4.46757 11.0249C8.21921 14.6171 12.4498 16.2986 14.0462 14.77L15.5628 13.3178C16.1216 12.7064 16.1216 11.7892 15.5628 11.2542Z" fill="%23EE3F58"/></svg>') no-repeat center / cover;
    position: absolute;
    left: 2px;
    top: 12px;
}

.page-contact-btn .btn {
    display: block;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
}
.contact-info__item-phone a::after {
    content: '';
    width: 18px;
    height: 18px;
    background:url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.5628 11.2542L13.3278 9.11421C12.5296 8.34992 11.1726 8.65566 10.8533 9.64922C10.6139 10.3371 9.81565 10.7193 9.09725 10.5664C7.50081 10.1842 5.34561 8.19706 4.9465 6.59204C4.70704 5.90414 5.18597 5.13985 5.90437 4.91059C6.94206 4.60487 7.26134 3.30557 6.46312 2.54128L4.2281 0.401255C3.58953 -0.133752 2.63166 -0.133752 2.07291 0.401255L0.556286 1.85341C-0.960334 3.382 0.71593 7.43276 4.46757 11.0249C8.21921 14.6171 12.4498 16.2986 14.0462 14.77L15.5628 13.3178C16.1216 12.7064 16.1216 11.7892 15.5628 11.2542Z" fill="%23EE3F58"/></svg>') no-repeat center / cover;
    position: absolute;
    left: 2px;
    top: 5px;
}
.header-navigation__menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 18px;
    display: flex;
}

.header-navigation__menu ul li a {
    color: white;
    text-transform: uppercase;
    transition: all .3s;
    font-weight: 700;
    text-decoration: none;
}

.header-navigation__menu ul li a:hover {
    text-decoration: none;
    color: var(--acent-color);
}


/* Кнопка */
.contact-floating {
    position: fixed;
    bottom: 50px;
    right: 30px;
    z-index: 9999;
}

.product-single-price {
    font-size: 45px;
    font-weight: bold;
    line-height: 1.2;
}

/* Круглая кнопка */
.contact-floating .contact-main-btn {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #25d366;
    border: none;
    cursor: pointer;
    display: flex;

    justify-content: center;
    align-items: center;
    box-shadow: 0 10px 25px rgba(0,0,0,0.25);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.phone-anim {
    width: 28px;
    height: 28px;
    animation: phone-ring 1s ease-in-out infinite;
    transform-origin: 50% 50%;
}

@keyframes phone-ring {
    0%   { transform: rotate(0deg); }
    15%  { transform: rotate(-15deg); }
    30%  { transform: rotate(15deg); }
    45%  { transform: rotate(-10deg); }
    60%  { transform: rotate(10deg); }
    75%  { transform: rotate(-5deg); }
    100% { transform: rotate(0deg); }
}
.contact-floating .contact-main-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 28px rgba(0,0,0,0.30);
}

/* Ссылки */
.contact-links a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    background: #ffffff;
    border-radius: 12px;
    margin-bottom: 10px;
    font-size: 16px;
    color: #222;
    text-decoration: none;
    box-shadow: 0 6px 18px rgba(0,0,0,0.15);

    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.30s ease, transform 0.30s ease;
}

/* Анимация задержки по очереди */
.contact-links.uk-open a:nth-child(1) { transition-delay: 0.05s; }
.contact-links.uk-open a:nth-child(2) { transition-delay: 0.13s; }
.contact-links.uk-open a:nth-child(3) { transition-delay: 0.20s; }

/* Видимые фон и движение */
.contact-links.uk-open a {
    opacity: 1;
    transform: translateY(0);
}

/* При наведении */
.contact-links a:hover {
    background: #1e87f0;
    color: #fff;
}

/* Брендовые цвета */
.contact-links a.whatsapp:hover { background: #25d366; }
.contact-links a.telegram:hover { background: #0088cc; }
.contact-links a.instagram:hover { background: #c13584; }
.contact-links a.phone:hover    { background: #333; }
.contact-links a.max:hover {
    background: #9B50DB;
}
.contact-links a.max svg {
    width: 20px;
}
/* Иконки */
.contact-icon {
    width: 22px;
    height: 22px;
    display: inline-block;
}

.contact-links a:hover svg path {
    color: white;
    fill: white !important;
}
.uk-offcanvas-bar {
    padding-top: 10%;
}
.uk-offcanvas-bar svg path,
.footer svg path{
    color: white !important;
    fill: white !important;
}
.uk-offcanvas-bar .logo {
    text-align: center;
}
.uk-offcanvas-bar img {
    width: 250px;
}
.mobile-btn-menu button {
    background: var(--acent-color);
    color: white;
    border-radius: 12px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1;
    padding: 15px 15px 15px 45px;
    position: relative;
    transition: all .3s;
    border: none;
    outline: none;
    box-shadow: none;
}
.mobile-btn-menu button:hover {
    cursor: pointer;
    outline: none;
}
.mobile-btn-menu button::after {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    top: 14px;
    left: 15px;
    background: url('data:image/svg+xml,<svg width="63" height="46" viewBox="0 0 63 46" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 3.25C0 2.38805 0.342409 1.5614 0.951903 0.951903C1.5614 0.342409 2.38805 0 3.25 0H59.5833C60.4453 0 61.2719 0.342409 61.8814 0.951903C62.4909 1.5614 62.8333 2.38805 62.8333 3.25C62.8333 4.11195 62.4909 4.9386 61.8814 5.5481C61.2719 6.15759 60.4453 6.5 59.5833 6.5H3.25C2.38805 6.5 1.5614 6.15759 0.951903 5.5481C0.342409 4.9386 0 4.11195 0 3.25ZM0 22.75C0 21.888 0.342409 21.0614 0.951903 20.4519C1.5614 19.8424 2.38805 19.5 3.25 19.5H59.5833C60.4453 19.5 61.2719 19.8424 61.8814 20.4519C62.4909 21.0614 62.8333 21.888 62.8333 22.75C62.8333 23.612 62.4909 24.4386 61.8814 25.0481C61.2719 25.6576 60.4453 26 59.5833 26H3.25C2.38805 26 1.5614 25.6576 0.951903 25.0481C0.342409 24.4386 0 23.612 0 22.75ZM0 42.25C0 41.388 0.342409 40.5614 0.951903 39.9519C1.5614 39.3424 2.38805 39 3.25 39H59.5833C60.4453 39 61.2719 39.3424 61.8814 39.9519C62.4909 40.5614 62.8333 41.388 62.8333 42.25C62.8333 43.112 62.4909 43.9386 61.8814 44.5481C61.2719 45.1576 60.4453 45.5 59.5833 45.5H3.25C2.38805 45.5 1.5614 45.1576 0.951903 44.5481C0.342409 43.9386 0 43.112 0 42.25Z" fill="white"/></svg>') no-repeat center / contain;
}


.uk-offcanvas-bar {
    background: var(--blue-color);
    color: white;
}

.mobile-wrap-menu nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.mobile-wrap-menu {
    margin-top: 45px;
}
.mobile-wrap-menu nav ul li a {
    display: block;
    width: 100%;
    padding: 5px 0;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 22px;
    text-decoration: none;
}
.service-item__content-btn {
    margin-top: 25px;
    display: block;
}
.service-item__content-btn a {
    text-decoration: none;
    color: white;
}

.service-item__content-btn a:hover {
    background: transparent;
}
.uk-offcanvas-overlay::before {
    background: rgba(0,0,0,.7);
}
.mobile-wrap-menu nav ul li a:hover {
    text-decoration: none;
}

.uk-offcanvas-bar .header-calc_btn a {
    color: white;
    border: 1px solid white;
    text-align: center;
    display: block;
    box-sizing: border-box;
}


.uk-offcanvas-bar .header-navigation__phone {
  text-align: left;
    color: white;
}

.uk-offcanvas-bar .header-navigation__phone a {
    color: white;
}

.uk-offcanvas-bar .header-navigation__phone {
}
.uk-offcanvas-bar .header-navigation__phone a::after {
    background:url('data:image/svg+xml,<svg width="38" height="37" viewBox="0 0 38 37" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M36.934 26.7087L31.6298 21.63C29.7354 19.8161 26.515 20.5418 25.7573 22.8997C25.189 24.5322 23.2947 25.4391 21.5897 25.0763C17.801 24.1694 12.6863 19.4534 11.7391 15.6443C11.1708 14.0118 12.3074 12.198 14.0123 11.6539C16.475 10.9284 17.2327 7.84484 15.3384 6.031L10.0342 0.952263C8.51872 -0.317421 6.2455 -0.317421 4.91945 0.952263L1.32019 4.39855C-2.27908 8.02622 1.69906 17.6395 10.6025 26.1646C19.506 34.6896 29.546 38.6801 33.3347 35.0524L36.934 31.6061C38.2601 30.155 38.2601 27.9784 36.934 26.7087Z" fill="white"/></svg>') no-repeat center / cover;
}

.uk-drop {
    width: 200px;
}
.product-item {
    background: white;
    border-radius: 22px;
    display: block;
}
.product-bg {
    width: 100%;
    height: 350px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.product-info-bottom {
    padding: 25px;
    text-align: left;
}

.product-item .product-item__title {
    color: #1e1e1e;
    font-weight: bold;
    font-size: 18px;
    text-decoration: none !important;
    text-transform: uppercase;
}
.product-item,
.product-item:hover,
.product-item .product-item__title:hover {
    text-decoration: none;
}
.uk-subnav-pill > .uk-active > a {
    background-color: var(--acent-color);
    border-radius: 12px;
}
.uk-subnav-pill > * > :first-child {
    padding: 5px 15px;
    background: 0 0;
    color: #1e1e1e;
    text-decoration: none;
    font-size: 25px;
    border-radius: 12px;
}

.slider-category {
    position: relative;
    z-index: 100;
}
.product-category {
    color: #1e1e1e;
}
.slider_cat-item {
  text-decoration: none;
  background: white;
  padding: 5px;
  border-radius: 22px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.item-company-page {
    padding-bottom: 70px;
}
.product-item .product-item__price {
    font-size: 30px;
    font-weight: bold;
    color: #1e1e1e;
    margin-bottom: 0;
}
.slider_cat-item__price {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 14px;
    background: red;
    padding: 2px 5px;
    border-radius: 6px;
    color: white;
       transform-origin: top center;
    animation: price-swing 2s ease-in-out infinite;
}
@keyframes price-swing {
    0%   { transform: rotate(0deg); }
    20%  { transform: rotate(6deg); }
    40%  { transform: rotate(-6deg); }
    60%  { transform: rotate(4deg); }
    80%  { transform: rotate(-4deg); }
    100% { transform: rotate(0deg); }
}
.slider_cat-item__title {
    font-weight: bold;
    font-size: 18px;
    text-decoration: none;
    color: #1e1e1e;
    transition: all .3s;
    text-transform: uppercase;
    text-align: center;
    padding: 15px 0;
}

.slider_cat-item__img {
  width: 180px;
  height: 180px;

  background-size: contain;
}
.slider_cat-item:hover {
    text-decoration: none;
}
.slider_cat-item:hover .slider_cat-item__title {
    color: var(--acent-color);
    text-decoration: none;
}
.header-content {
    display: flex;
    gap: 35px;
    justify-content: space-between;
}
.header-content-left {
    background: #1e1e1e;
    color: white;
    border-radius: 22px;
    padding: 70px 70px 35px;
    width: 55vw;
    overflow: hidden;
}
.product-bg-wrap {
    position: relative;
    width: 100%;
    padding-top: 320px;
    overflow: hidden;
}

.product-bg {
    position: absolute;
    inset: 0;
    background-size: contain;
    background-position: center;
    transition: opacity 0.4s ease, transform 0.4s ease;
}


.product-item:hover .product-bg--second {
    opacity: 1;
}
.product-wprap {
    padding-top: 40px;
}
.header-content-right {
    width: 32vw;
    overflow: hidden;
    border-radius: 22px;
    position: relative;
    background: none;
}
.header-content-right video {
    width: auto;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    border: none;
    object-fit: cover;
    border-radius: 22px;
    -webkit-border-radius: 22px;
    -moz-border-radius: 22px;
    -ms-border-radius: 22px;
    -o-border-radius: 22px;
    overflow: hidden;
}
.header-content-left::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: url("../img/maks.svg") no-repeat center / cover;
}

.header-content-wrap {
    position: relative;
    z-index: 2;
}
#changing-word {
    display: block !important;
}
.header-content-left__title span {
    display: block;
    
}
.header-content-left__title  .subrirle {
    font-size: 35px;
    margin-top: 15px;
}
.header-content-left__title h1 {
    color: white;
    font-size: 50px;
    margin: 0;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
}
.header-content-left__text {
    margin: 55px  0 55px;
    display: block;
    font-size: 18px;
    width: 80%;
}

.typewriter {
    display: inline-block;
    white-space: nowrap;
    border-right: 4px solid white;
    padding-right: 5px;
    animation: blink 0.7s infinite;
}

.header-content-left-btn button {
    padding: 25px 150px 25px 100px;
    background: var(--acent-color);
    border-radius: 22px;
    color: white;
    border: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 22px;
    cursor: pointer;
    position: relative;
}
.header-content-left-btn button::after {
    content: "";
    width: 60px;
    background: url('data:image/svg+xml,<svg width="512" height="248" viewBox="0 0 512 248" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M506.134 109.843L506.116 109.824L401.612 5.82394C393.783 -1.96706 381.12 -1.93807 373.327 5.89193C365.534 13.7219 365.565 26.3839 373.394 34.1759L443.558 104H20C8.954 104 0 112.954 0 124C0 135.046 8.954 144 20 144H443.557L373.395 213.824C365.566 221.616 365.536 234.279 373.328 242.108C381.121 249.939 393.785 249.966 401.613 242.176L506.117 138.176L506.135 138.157C513.968 130.339 513.943 117.635 506.134 109.843Z" fill="black"/></svg>') #fff no-repeat center / 30px;
    position: absolute;
    border-radius: 50%;
    right: 15px;
    top: 7px;
    height: 60px;
    animation: leftRight 2s infinite ease-in-out;
}

@keyframes leftRight {
    0%   { transform: translateX(0); }
    50%  { transform: translateX(10px); -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); }
    100% { transform: translateX(0); }
}

@keyframes blink {
    0%, 100% { border-color: transparent; }
    50% { border-color: #fff; }
}
.header-content__botom {
    margin-top: 75px;
    gap: 55px;
    display: flex;
}

.header-content__botom-item {
    display: flex;
    gap: 5px;
    border-right: 2px solid white;
    padding-right: 35px;
    flex-direction: column;
}
.header-content__botom-item__number {
    font-weight: bold;
    line-height: 1.2;
    font-size: 20px;
    margin-bottom: 10px;
    display: block;
}

.header-content__botom-item__text {
    font-size: 16px;
    line-height: 1.2;
}

.header-content-right {
    overflow: hidden;
}



.marquee-wrapper {
    width: 100%;
    margin: 35px 0;
    overflow: hidden;
    background: var(--acent-color);
    padding: 10px 0;
    color: white;
}

.marquee {
    display: inline-flex;
    gap: 24px;
    white-space: nowrap;
    will-change: transform;
    animation: marquee-scroll 35s linear infinite; /* БЕЗ пауз */
}

/* Один блок акции */
.marquee-item {
    flex-shrink: 0;
    padding: 6px 14px;
    border-radius: 8px;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700;

}


/* Ключевая фишка — сдвиг ровно на половину (2 набора подряд) */
@keyframes marquee-scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}


.uk-modal-dialog {
    width: 400px;
    border-radius: 22px;
}


input[type="text"],
 input[type="tel"]{
    width: 100%;
    background-color: #e3e3e3;
    color: rgba(102, 102, 102, 1);
    border: none;
    border-radius: 22px;
    font-size: 16px;
    padding: 25px 15px;
    box-sizing: border-box;
    outline: none;
    transition: box-shadow 0.3s ease;
    margin-bottom: 20px;
}

input[type="submit"]{
    width: 100%;
    background-color:var(--acent-color);
    color: white;
    font-weight: bold;
    border: none;
    border-radius: 22px;
    font-size: 16px;
    padding: 20px 15px;
    text-transform: uppercase;
    box-sizing: border-box;
    outline: none;
    transition: box-shadow 0.3s ease;
    margin-bottom: 15px;
    cursor: pointer;
}
input[type="submit"]:hover {
    cursor: pointer;
}
.uk-modal-dialog {
    position: relative;
}
.uk-modal-dialog p {
    margin: 0;
    padding: 0;
}

.modal-title {
    font-size: 35px;
    font-weight: 700;


}

.uk-modal-dialog .politick {
    font-size: 12px;
    line-height: 1.2;
    opacity: .75;
}
.wpcf7-spinner {
    display: none;
}


.section-descr {
    font-size: 30px;
}
.section-title {
    position: relative;
}
.section-title h2 {
    font-size: 60px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-transform: uppercase;
}
.section-title span {
    font-size: 25px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.57);
    font-weight: 100;
}


.product .section-title {
    margin-bottom: 70px;
}
.slick-track {
    display: flex;
    gap: 25px;
}
.slick-list {
    overflow: hidden;
}

.logo-slider__item img {
    border-radius: 22px;
    filter: grayscale(1);
}

.service-items,
.service-page{
    margin-top: 35px;
}

.form-inner {
    padding: 35px 35px;
    background: #1e1e1e;
    color: white;
    border-radius: 22px;
    position: relative;
    z-index: 10;
    position: sticky;
    top: 10px;
}
.form-inner::after {
    content: '';
    width: 50px;
    height: 50px;
    transform: rotate(45deg);
    background: #1e1e1e;
    position: absolute;
    right: -25px;
    top: 70px;
    z-index: -1;
}
.form-inner h3 {
    text-align: center;
    font-weight: 700;
    color: white;
    font-size: 30px;
    line-height: 1.3;
    margin-bottom: 25px;
}
.form-inner .politick {
    font-size: 14px;
    color: white;
    opacity: .55;
}

.service-item {
    position: relative;
    height: 450px;
    border-radius: 22px;
    overflow: hidden;
    padding: 35px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: end;
}
.service-item__content {
    position: relative;
    z-index: 10;
}

.service-item__content__title  {
    font-size: 30px;
    font-weight: 700;
    padding-left: 35px;
    border-left: 2px solid white;
    color: white;
    width: 100%;
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 35px;
}

.fade-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70%;
    border-radius: none;
    background: #000724;
    background: linear-gradient(0deg,rgba(0, 7, 36, 0.8) 0%, rgba(0, 0, 0, 0) 100%);pointer-events: none;
    box-sizing: border-box;
}
.product-item__btn .btn {
    display: block;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
}
.btn {
    background-color: var(--acent-color);
    color: white;
    font-weight: bold;
    border-radius: 22px;
    font-size: 16px;
    padding: 20px 35px;
    text-transform: uppercase;
    box-sizing: border-box;
    outline: none;
    margin-bottom: 15px;
    cursor: pointer;
    transition: all .3s;
    border: 1px solid var(--acent-color);
}
.btn-line  {
    background-color: transparent;
    color: #1e1e1e;
    font-weight: bold;
    border-radius: 22px;
    font-size: 16px;
    padding: 20px 35px;
    text-transform: uppercase;
    box-sizing: border-box;
    outline: none;
    margin-bottom: 15px;
    cursor: pointer;
    transition: all .3s;
    display: block;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid var(--acent-color);
}
.content-left {
    padding: 25px;
    background: white;
    border-radius: 22px;
}

.uk-heading-bullet::before {

  border-left: calc(5px + .1em) solid #fe6a03;
}

.single-post img {
    border-radius: 12px;
}
.recent-title {
    color: var(--main-color);
    margin-bottom: 5px;
    display: block;
    transition: all .3s;
}

.uk-heading-bullet {
    font-weight: 700;
}

.recent-title:hover {
    color: var(--acent-color);
    text-decoration: none;
}
.single-post-content h2 {
    margin: 25px 0;
    font-size: 24px;
    font-weight: 700;
}
.single-post-content h3 {
    margin: 0 15px;
    font-size: 18px;
    font-weight: 700;
}
.btn-line:hover {
    background: var(--acent-color);
    color: white;
    text-decoration: none;
}
.service-item .service-item__content-btn {
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
    height: 0;
}

.service-item:hover .service-item__content-btn {
    opacity: 1;
    visibility: visible;
    height: 60px;

}
.service-item {
    position: relative;
    overflow: hidden;
}

/* Картинка, которую подставит UIkit */
.service-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
    transform-origin: center center;
}

/* При наведении: зум + лёгкий сдвиг (параллакс) */
.service-item:hover img {
    transform: scale(1.15) translateY(-10px);
}

.sales {
    position: absolute;
    right: 50px;
    top: 0;
    background: var(--acent-color);
    color: white;
    padding: 25px 10px;
    border-radius:  0 0 22px 22px;
    display: flex;
    gap: 15px;
    font-size: 14px;
    align-items: center;
}
.sales__title {
    text-transform: uppercase;
    line-height: 1.2;
    font-weight: 700;
}

.sales__amount {
    font-size: 35px;
    font-weight: bold;
    line-height: 1;
}















.footer-content span {
    display: block;
    text-transform: uppercase;
}



.cookie-banner {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background: var(--acent-color);
    color: #fff;
    font-size: 14px;
    padding: 12px 16px;
    box-sizing: border-box;
}

.cookie-banner__inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.cookie-banner__text {
    flex: 1 1 auto;
}

.cookie-banner__button {
    flex: 0 0 auto;
    border: none;
    padding: 8px 18px;
    cursor: pointer;
    border-radius: 4px;
    background: var(--blue-color);
    font-size: 14px;
    font-weight: 600;
    color: white;
}

.cookie-banner__button:hover {
    opacity: 0.9;
}

@media (max-width: 600px) {
    .cookie-banner__inner {
        flex-direction: column;
        align-items: flex-start;
    }
    .cookie-banner__button {
        width: 100%;
        text-align: center;
    }
}


.сity-title {
    font-weight: bold;
    font-size: 18px;
}
.city-select span {
    text-decoration: underline;
}

.сity-list a {
    font-size: 35px;
    color: var(--main-color);
    font-weight: bold;
    text-decoration: underline;
}

.city-btn {
    text-align: center;
    background: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    font-size: 16px;
    display: block;
    text-decoration: underline;
    border: none;
    color: var(--acent-color);
    width: 100%;
    box-sizing: border-box;
}
.hotel-text {
    margin-top: 35px;
}
/* Карточки одинаковой высоты */
  .adv-card{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;

    /* убираем тень и делаем аккуратный вид */
    box-shadow: none;
    background: #fff;
    border-radius: 12px;
  }

  /* Шапка: иконка + заголовок */
  .adv-head{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
  }

  .adv-icon{
    flex: 0 0 auto;
    opacity: 0.85;
  }

  .adv-title{
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
    color: #1e1e1e;
  }

  .adv-desc{
    font-size: 15px;
    line-height: 1.5;
    color: #333;
    margin-top: auto; /* чтобы карточки выглядели ровнее */
  }

  @media (max-width: 768px){
    .adv-title{ font-size: 17px; }
  }


.contact-box {
    background: var(--acent-color);
    color: white;
    position: relative;
    padding-top: 100px;
    padding-bottom: 120px;
    margin: 35px;
    border-radius: 22px;
}
.hotel-img img {
    border-radius: 22px;
}
.contact-box .btn {
    background: white;
    color: #000;
     border: 1px solid #fff !important; 
}
.contact-box .btn:hover {
    border: 1px solid #fff !important;
}
.contact-rom-inner__title,
.contact-form-call__title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
}

.contact-rom-inner__sale {
    font-weight: 100;
    text-transform: none;
    font-size: 20px;
    margin: 25px 0;
}

.wrap-contact .btn:hover {
    color: white;
    background: transparent;
    border: 1px solid var(--acent-color);
}

.contact-form__phone a {
    position: relative;
    font-size: 30px;
    font-weight: 700;
    color: white;
    padding-left: 45px;
}
.uk-subnav {
    margin: 25px 0;
}
.contact-form__phone a::after {
    content: '';
    width: 25px;
    height: 25px;
    background: url('data:image/svg+xml,<svg width="28" height="27" viewBox="0 0 28 27" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M26.622 19.2516L22.7987 15.5909C21.4333 14.2835 19.112 14.8065 18.5658 16.5061C18.1562 17.6828 16.7908 18.3365 15.5619 18.0749C12.831 17.4212 9.14426 14.022 8.46154 11.2764C8.05191 10.0997 8.87117 8.79228 10.1001 8.40011C11.8752 7.87715 12.4213 5.65455 11.0559 4.34714L7.23264 0.68639C6.14028 -0.228797 4.50175 -0.228797 3.54594 0.68639L0.951589 3.17047C-1.64276 5.78529 1.22468 12.7146 7.64227 18.8594C14.0599 25.0042 21.2967 27.8806 24.0276 25.2657L26.622 22.7816C27.5778 21.7357 27.5778 20.1668 26.622 19.2516Z" fill="white"/></svg>') no-repeat center / cover;
    position: absolute;
    left: 0;
    top: 10px;
}

.man {
    position: absolute;
    bottom: -120px;
    left: 50%;
    transform: translate(-50%, 0);
}

.man img {
    width: 370px;
}

footer {
   padding-bottom: 35px;
}

.step-item-small {
    display: flex;
    align-items: center;
    gap: 25px;
}
.step-item-small__number {
    line-height: 1;
    font-size: 150px;
    opacity: .10;
    font-weight: 700;
}
.product-page {
    padding-bottom: 35px;
}
.product-page .section-title {
    margin-bottom: 70px;
}

.step-item-small__descr {
    display: flex;
    flex-direction: column;
    gap: 15px;
    border-radius: 22px;
    padding: 25px;
    background: white;
}

.step-item-small__descr__text {
    line-height: 1.3;
    opacity: .7;
}
.step-item-small__descr__title {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.3;
}
.items-step {
    margin-top: 35px;
}
.step-big .step-big__text {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.step-item-small__descr__link button {
    color: var(--acent-color);
    text-transform: uppercase;
    text-decoration: underline;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
}
.step-big .step-item-small__number {
    position: absolute;
    right: 15px;
    bottom: 15px;
}
.step-big__text {
    width: 60%;
}

.step-basik {
    width: 100%;
    height: 770px;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative; /* важно для абсолютных элементов */
}

/* Общий стиль */
.myach,
.krug {
    position: absolute;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

/* --- Мяч — круговое плавание --- */
.myach {
    right: 17%;
    top: 50%;
    animation-name: swim-ball;
    animation-duration: 12s;
}

/* Траектория мяча */
@keyframes swim-ball {
    0%   { transform: translate(0, 0); }
    25%  { transform: translate(40px, -30px); }
    50%  { transform: translate(0px, -60px); }
    75%  { transform: translate(-40px, -30px); }
    100% { transform: translate(0, 0); }
}

/* --- Круг — чуть другая амплитуда --- */
.krug {
    left: 17%;
    top: 30%;
    animation-name: swim-ring;
    animation-duration: 14s;
}

/* Траектория круга */
@keyframes swim-ring {
    0% {
        transform: translate(0, 0);
    }
    20% {
        transform: translate(-30px, 25px);
    }
    50% {
        transform: translate(0px, 50px);
    }
    80% {
        transform: translate(30px, 25px);
    }
    100% {
        transform: translate(0, 0);
    }
}


.allert {
    background: var(--acent-color);
    padding: 35px 0;
    color: white;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    font-size: 30px;
}

.contact-info__text {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}
.item-compan {
    padding-top: 70px;
}
.item-company-box {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: white;
  border-radius: 20px;
  flex-flow: column;
  height: 100%;
  padding: 30px;
  display: flex;
}
.item-company-box-orange {
    background: #fe6a03;
    justify-content: center;
    text-align: center;
}
.item-company-box-orange__title {
    font-size: 30px;
    font-weight: bold;
    color: white;
    text-transform: uppercase;
    line-height: 1.2;
}
.item-company-box-orange .header-content-left-btn button {
    background: white;
    color: #1e1e1e;
}
.item-company-box__number {
    line-height: 1;
    font-size: 50px;
    font-weight: bold;
    color: #fe6a03;
}
.item-company {
    padding-top: 70px;
}
.item-company-box__title {
    font-size: 25px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 25px;
}
.item-company-box__descr {
    opacity: .6;
}
.gallery-item {
    display: block;
    width: 100%;
    position: relative;
    border-radius: 22px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}
.gallery-item img {
    border-radius: 22px;
}
.read-all-wrap {
    display: block;
    width: 100%;
    text-align: center;
}
.read-all {
    display: block;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    box-sizing: border-box;
    cursor: pointer;
    padding: 25px;
    border-radius: 22px;
    background: transparent;
    color: var(--main-color);
    border: 1px solid var(--acent-color);
    transition: all .3s;
}

.read-all:hover {
    color: white;
    background: var(--acent-color);
}
.seo-section {
    padding-bottom: 100px;
}
.seo-text {
    position: relative;
    z-index: 100;
    padding: 25px;
    background: white;
    border-radius: 22px;
}
.seo-text h2,
.seo-text h3 {
    font-weight: 700;
    margin: 25px 0;
}
.section-title p {
    font-size: 22px;
    text-transform: uppercase;
    opacity: .75;
}
.oborudovanie-slider {
    margin-top: 70px;
}
.oborudovanie-slider-item {
    width: 100%;
    height: 500px;
    border-radius: 22px;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
}

.oborudovanie-slider-item__title {
    position: absolute;
    left: 50%;
    bottom: 40px; /* или сколько нужно */
    transform: translateX(-50%);
    text-align: center;
    text-transform: uppercase;
     color: white;
    padding: 15px 25px;
    border-radius: 22px;
    border: 1px solid white;
    font-size: 22px;
}
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    background: linear-gradient(
            180deg,
            rgba(0, 18, 53, 0.1) 0%,
            rgba(0, 7, 36, 0.7) 100%
    );
    border-radius: 22px;
    transition: transform 0.4s ease, opacity 0.4s ease;
}


.contact-btn {
    margin-top: 25px;
}
.contacts-box .header-navigation__phone {
    text-align: left;
}
.contact-btn .btn {
    display: block;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
}
.title-sub {
    display: block;
    width: 100%;
    text-transform: uppercase;
    color: var(--main-color);
    opacity: .55;
    margin: 15px 0;
}
.contacts-logo {
    text-align: center;
    margin-bottom: 25px;
}

.page-id-40 .mobile-logo {
    display: none !important;
}
.contacts-box {
    background: white;
    padding: 25px;
    border-radius: 22px;
}


.page-title h1 {
    font-size: 40px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    line-height: 1.2;
    text-transform: uppercase;
}
.current_page_item a {
    text-decoration: underline;
}
.breadcrumb ul,
.breadcrumb p {
    margin: 0;
    padding: 0;
    font-size: 14px;
    padding-bottom: 15px;
}

.breadcrumb a {
    color: var(--acent-color);
    text-decoration: underline;
}

.page-contact {
    padding-bottom: 100px;
}


.product-item {
border: 1px solid #efefef;
    position: relative;
    background: white;
    border-radius: 12px;
}

.product-item span {
    position: absolute;
    right: 25px;
    top: 25px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 5px 15px;
    border-radius: 6px;
    background: orange;
}
.product-item__img {
    width: 100%;
    font-weight: 700;
    border-radius: 12px;
    height: 280px;
    margin-bottom: 25px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    object-fit: cover;
}



.product-item__price {
    margin: 10px 0 25px;
    font-size: 22px;
    font-weight: bold;
}


iframe {
    border-radius: 22px;
}


.footer-items img {
    width: 250px;
    margin-bottom: 35px;
}
 
.footer {
    padding: 35px;
    position: relative;
    background: #1e1e1e;
    color: white;
    border-radius: 22px;
    margin-bottom: 25px;
}

.footer .contact-inner__item-name,
.footer .contact-inner__item-phone a {
    color: white;
}


.footer .header-navigation__adres-item br {
    display: none;
}

.footer .header-navigation__adres-item {
    font-size: 22px;
    margin-bottom: 25px;
}

.news-item-big {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 22px;
    display: block;
    height: 700px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.news-item-smalls {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 22px;
    height: 250px;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.news-item-content {
    position: absolute;
    left: 25px;
    bottom: 40px;
    z-index: 10;
}
.news-item-big .news-item-big__title {
    color: white;
    font-size: 25px;
    text-transform: uppercase;
    width: 80%;
    font-weight: 700;
    margin-bottom: 25px;
}
.news-item-big .news-item-big__descr {
    color: white;
    font-size: 16px;
    width: 60%;
    opacity: .75;
    line-height: 1.2;
}

.news-item-small .news-item-big__title {
    margin: 15px 15px;
    color: #1e1e1e;
    display: block;
    font-weight: 700;
    font-size: 18px;
    text-decoration: none;
}

.news-item-smalls {
    background: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.items-contaner {
    margin-top: 70px;
}

.header-page-wrap .header-navigation__adres-item,
.header-page-wrap .header-navigation__menu ul li a,
.header-page-wrap  .header-calc_btn a,
.header-page-wrap .header-navigation__phone a,
.header-page-wrap  .header-navigation__phone span {
    color: var(--main-color);
}
.header-page-wrap .header-navigation__menu ul li a:hover {
    color: var(--acent-color);
}
.product-list {
    padding-bottom: 70px;
}
.header-page-wrap  .header-nav-panel-wrapper  {
    background: white;
    padding: 5px;
    border-radius: 22px;
}

.header-page .page-title {
    margin: 25px 0 35px;
}
.header-page-wrap  .header-calc_btn a {
    color: var(--main-color);
    border: 1px solid white;
}
.header-page-wrap  .header-calc_btn a:hover {
    border: 1px solid var(--acent-color);
    color: white;
}

.product-info-content {
    padding: 25px;
    background: white;
    border-radius: 22px;
}

.product-category {
    text-transform: uppercase;
    opacity: .45;
}

.product-info-content h1 {
    font-size: 45px;
    margin: 5px 0 25px;
    padding: 0;
    line-height: 1.2;
    font-weight: bold;
}
.product-info-btn {
    margin-top: 35px;
    position: relative;
    width: 100%;
}
.product-info-card {
    background: white;
    padding: 25px;
    border-radius: 22px;
}

.product-info-card h3 {
    color: var(--main-color);
    font-weight: bold;
    margin: 0;
    font-size: 18px;
    margin-bottom: 15px;
}
.product-info-btn .btn {
    display: block;
    width: 100%;
    text-decoration: none;
    box-sizing: border-box;
    text-align: center;
}

.product-info-btn .btn:hover {
    color: var(--main-color);
    background: transparent !important;
    border: 1px solid var(--acent-color);
}
.partner {
    display: flex;
    align-items: center;
    background: #1e1e1e;
    padding: 25px;
    border-radius: 22px;
    gap:35px;
    color: white;
    position: relative;
}

.partner ::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background: url("../img/maks.svg") no-repeat center / cover;
}

.partner-content__name {
    font-size: 40px;
}
.partner-img {
    width:150px;
    min-width: 150px;
}

.partner-content__phone a {
position: relative;
  font-size: 30px;
  font-weight: 700;
  color: white;
  padding-left: 45px;
  z-index: 100;
  text-decoration: none;
}
.partner-content__phone a::after {
  content: '';
  width: 25px;
  height: 25px;
  background: url('data:image/svg+xml,<svg width="28" height="27" viewBox="0 0 28 27" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M26.622 19.2516L22.7987 15.5909C21.4333 14.2835 19.112 14.8065 18.5658 16.5061C18.1562 17.6828 16.7908 18.3365 15.5619 18.0749C12.831 17.4212 9.14426 14.022 8.46154 11.2764C8.05191 10.0997 8.87117 8.79228 10.1001 8.40011C11.8752 7.87715 12.4213 5.65455 11.0559 4.34714L7.23264 0.68639C6.14028 -0.228797 4.50175 -0.228797 3.54594 0.68639L0.951589 3.17047C-1.64276 5.78529 1.22468 12.7146 7.64227 18.8594C14.0599 25.0042 21.2967 27.8806 24.0276 25.2657L26.622 22.7816C27.5778 21.7357 27.5778 20.1668 26.622 19.2516Z" fill="white"/></svg>') no-repeat center / cover;
  position: absolute;
  left: 0;
  top: 10px;
}
.partner-content__title {
    font-weight: bold;
    margin-bottom: 15px;
    font-size: 22px;
}
.footer-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer-menu ul li a {
    color: white;
    text-decoration: none;
    display: block;
    font-weight: bold;
    font-size: 22px;
    transition: all .3s;
}
.footer-menu ul li a:hover {
    color: var(--acent-color);
}
.link-catalog {
    margin-top: 25px;
}
.link-catalog a {
    font-weight: bold;

    color: var(--main-color);
    padding: 10px 0 10px 35px;
    text-decoration: underline;
    background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><path d="M0 0H24V24H0V0Z" fill="%23262626"/></mask><g mask="url(%23mask0)"><path d="M19 12V19H5V12H3V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V12H19ZM13 12.67L15.59 10.09L17 11.5L12 16.5L7 11.5L8.41 10.09L11 12.67V3H13V12.67Z" fill="%23262626"/></g></svg>') no-repeat left center / 25px;
}
.link-catalog a:hover {
    text-decoration: none;
}
.uk-accordion .uk-accordion-title {
    text-decoration: none;
    font-weight: bold;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}
.uk-accordion li {
    padding: 0 !important;
    margin: 0 !important;
    border-top: 2px solid #eaf3ff;
    border-bottom: 2px solid transparent;
    transition: all .3s;
}
.uk-accordion-content {
    margin: 0 0 25px;
}
.uk-accordion li:hover {
    border-top: 2px solid #ffc33e;
    border-bottom: 2px solid #ffc33e;
}
.slick-list {
    overflow: hidden;
}
.slick-track {
    display: flex;
    gap: 10px;
}
.slider-item div {
    width: 100%;
    height: 500px;
    display: block;
    border-radius: 36px;
    background-size: contain;
}



.slick-prev {
    position: absolute;
    left: -20px;
    transform: scale(-1);
    width: 60px;
    height: 60px;
    min-width: 60px;
    font-size: 0;
    bottom: 40%;
    z-index: 100;
    border: none;
    border-radius: 12px;
    background: url('data:image/svg+xml,<svg width="18" height="31" viewBox="0 0 18 31" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.2771 14.115L3.8248 0.489161C3.51367 0.173758 3.09833 0 2.65547 0C2.2126 0 1.79726 0.173758 1.48613 0.489161L0.495458 1.49238C-0.149178 2.14609 -0.149178 3.20855 0.495458 3.86126L11.7917 15.3034L0.482924 26.7582C0.171788 27.0736 0 27.4941 0 27.9424C0 28.3913 0.171788 28.8117 0.482924 29.1274L1.47359 30.1303C1.78497 30.4457 2.20007 30.6195 2.64293 30.6195C3.0858 30.6195 3.50113 30.4457 3.81227 30.1303L17.2771 16.4921C17.589 16.1757 17.7603 15.7532 17.7593 15.3042C17.7603 14.8533 17.589 14.4311 17.2771 14.115Z" fill="black"/></svg>') var(--acent-color) no-repeat center / 20px;
}
/* Контейнер точек */
.slick-dots {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}

/* li */
.slick-dots li {
    margin: 0;
    padding: 0;
}

/* Кнопки */
.slick-dots li button {
    font-size: 0;              /* скрываем цифры */
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: none;
    background: #ccc;
    cursor: pointer;
    padding: 0;
    transition: background 0.3s, transform 0.3s;
}

/* Активная точка */
.slick-dots li.slick-active button {
    background: #000;
    transform: scale(1.2);
}

/* Hover */
.slick-dots li button:hover {
    background: #666;
}

.slick-next {
    position: absolute;
    right: -20px;
    width: 60px;
    height: 60px;
    min-width: 60px;
    font-size: 0;
    border: none;
    bottom: 40%;
    border-radius: 12px;
    background: url('data:image/svg+xml,<svg width="18" height="31" viewBox="0 0 18 31" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.2771 14.115L3.8248 0.489161C3.51367 0.173758 3.09833 0 2.65547 0C2.2126 0 1.79726 0.173758 1.48613 0.489161L0.495458 1.49238C-0.149178 2.14609 -0.149178 3.20855 0.495458 3.86126L11.7917 15.3034L0.482924 26.7582C0.171788 27.0736 0 27.4941 0 27.9424C0 28.3913 0.171788 28.8117 0.482924 29.1274L1.47359 30.1303C1.78497 30.4457 2.20007 30.6195 2.64293 30.6195C3.0858 30.6195 3.50113 30.4457 3.81227 30.1303L17.2771 16.4921C17.589 16.1757 17.7603 15.7532 17.7593 15.3042C17.7603 14.8533 17.589 14.4311 17.2771 14.115Z" fill="black"/></svg>') var(--acent-color) no-repeat center / 20px;
}

.slick-next,
.slick-prev {
    cursor: pointer;
}

.slider-item a {
    display: block;
}
.related-posts .section-title {
    margin-bottom: 35px;
}

.fillial-card {
    padding: 35px;
    border-radius: 22px;
    background: #fcf8d8;
}

.btn-wrap {
    margin-top: 35px;
}

.btn-wrap .btn {
    text-decoration: none;
}
.btn-wrap .btn:hover {
    color: white;
    background: transparent;
}
.qr-wrap {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}
.qr-wrap img {
    width: 200px;
    margin-bottom: 25px;
}
.btn-wrap-logo .btn {
    display: block;
    width: 100%;
    text-align: center;
}

.btn-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.btn-menu ul li a {
    background-color: transparent;
    display: block;
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    padding: 20px 35px;
    text-transform: uppercase;
    box-sizing: border-box;
    outline: none;
    margin-bottom: 15px;
    cursor: pointer;
    transition: all .3s;
    border: 1px solid var(--acent-color);
    text-decoration: none;
    color: var(--main-color);
    border-radius: 999px;
}

.btn-menu ul li a:hover {
    background: var(--acent-color);
    color: white;
}
.btn-wrap-logo .btn:hover {
    color: #1e1e1e !important;
}

.content {
    padding: 25px;
    background: white;
    border-radius: 22px;
}

.content h2 {
    margin: 22px 0;
    font-size: 22px;
}

.politik a{
    color: var(--acent-color);
    display: block;
    margin-bottom: 5px;
}



.header-nav-panel-wrapper__white .header-navigation__adres-item,
.header-nav-panel-wrapper__white .header-navigation__menu ul li a,
.header-nav-panel-wrapper__white  .header-calc_btn a,
.header-nav-panel-wrapper__white  .header-navigation__phone a,
.header-nav-panel-wrapper__white .header-navigation__phone span  {
    color: white;
}


.page-black .header-nav-panel-wrapper__white .header-navigation__adres-item,
.page-black .header-nav-panel-wrapper__white .header-navigation__menu ul li a,
.page-black .header-nav-panel-wrapper__white  .header-calc_btn a,
.page-black .header-nav-panel-wrapper__white  .header-navigation__phone a,
.page-black .header-nav-panel-wrapper__white .header-navigation__phone span  {
    color: #1e1e1e;
}
.page-black .header-nav-panel-wrapper__white  {
    background: white;
    border-radius: 22px;
}

.travelline {
    margin: 35px 0;
}

/* ======== MEDIA ========*/



@media (max-width: 1599px) {
    .header-navigation__adres-item {
        font-size: 14px;
    }

}
@media (max-width: 1440px) {
    .header-content-left {
        padding: 50px;
    }
    .partner {
        display: flex;
        flex-direction: column;
    }
    .partner-img {
        width: 200px;
        min-width: 200px;
    }
    .step-item-small__number {
        font-size: 80px;
    }
    .krug {
        width: 120px;
    }
    .myach {
        width: 80px;
    }
    .step-basik {
        width: 100%;
        height: 600px;
    }
    .header-content-right {
        width: 38vw;
    }
    .form-inner h3 {
        font-size: 25px;
    }
    .header-content-left__text {
        margin: 35px 0;
        font-size: 16px;
        width: 90%;
    }
    .header-content {
        display: flex;
        gap: 15px;
        justify-content: space-between;
    }
    .form-inner .politick {
        font-size: 12px;
        line-height: 1.1;
    }
    .form-inner::after {
        content: '';
        width: 30px;
        height: 30px;
        transform: rotate(45deg);
        background: var(--blue-color);
        position: absolute;
        right: -15px;
        top: 70px;
        z-index: -1;
    }
    .service-item {
        height: 350px;
    }
    .form-inner {
        padding: 25px 15px;
    }
    .service-item__content__title {
        font-size: 25px;
        line-height: 1.3;
    }
    .header-content-left__title h1 {
        font-size: 40px;
    }
    .header-logo-main img {
        width: 320px;
    }
    .header-navigation__phone a {
        font-size: 18px;
    }
    .header-navigation__logo img {
        width: 160px;
    }

    .section-title h2 {
        font-size: 45px;
    }
    .section-title span {
        font-size: 18px;
    }

    .product .section-title {
        margin-bottom: 35px;
    }
}
@media (max-width: 1199px) {
    .header-navigation__logo img {
        width: 200px;
    }

    .man {
        position: absolute;
        right: 100px;
        bottom: -120px;
        transform: translate(0%, 0);
        left: auto;
    }
    .mobile-number {
        position: absolute;
        right: 15px;
        bottom: 15px;
    }
    .items-contaner {
        margin-top: 35px;
    }
    .section-title h2 {
        font-size: 35px;
        line-height: 1.2;
        margin: 0 0 5px;
    }
    .step-item-small__number {
        font-size: 45px;
    }
    .step-item-small__descr__title {
        font-size: 18px;
    }
    .step-big__text {
        width: 80%;
    }
    .step-item-small {
        gap: 15px;
    }
    .wrap-contact {
        display: flex;
        flex-direction: column;
    }
    .man {
        position: absolute;
        right: 100px;
        bottom: -120px;
    }
    .copityght {
        text-align: left;
    }
    .footer::before {
        height: 50px;
        top: -50px;
    }
    .header-content {
        flex-direction: column;
    }
    .header-content-left {
        width: 100%;
        box-sizing: border-box;
    }
    .header-content-right video {
        width: 100%;
    }
    .header-content-right {
        width: 100%;
        height: 480px;
    }
    .header-navigation__phone a {
        font-size: 22px;
    }
}

@media (max-width: 959px) {
    .header-navigation__logo img {
        width: 180px;
    }
    .header-logo-main img {
        width: 320px;
    }
    .header-logo-main__title {
        font-size: 35px;
    }
    .item-company-box-orange__title {
        font-size: 25px;
    }
    .item-company-box-orange .header-content-left-btn button {
        background: white;
        color: #1e1e1e;
        padding: 25px 55px 25px 15px;
        display: block;
        width: 100%;
        font-size: 18px;
    }
    .item-company-box__number {
        font-size: 35px;
    }
    .header-logo-main {
        padding: 70px 0 140px;
    }
    .sales {
        padding: 15px 14px;
    }
    .sales__amount {
        font-size: 24px;
    }
    .footer-items svg {
        width: 300px;
        margin-bottom: 5px;
    }
    .news-item-big {
        height: 500px;
    }
    .service-items {
       margin-top: 35px;
    }
    .small-item {

        display: flex;
        gap: 35px;
    }
    .oborudovanie-slider {
        margin-top: 35px;
    }
    .step-basik {
        display: none !important;
    }
    .man {
        right: 0;
    }
    .oborudovanie-slider-item {
        height: 450px;
    }
    .contact-rom-inner__title, .contact-form-call__title {
        font-size: 30px;
    }
    .contact-form-call {
        margin-top: 35px;
    }
    .marquee {
        gap: 16px;
        animation-duration: 15s; /* помедленнее */
    }
    .service-item {
        height: 450px;
        padding: 25px;
    }
    .service-item__content__title {
        font-size: 25px;
        line-height: 1.3;
        margin-bottom: 15px;
        padding-left: 12px;
    }
    .uk-subnav-pill > * > :first-child {
        padding: 5px 10px;
        font-size: 18px;

    }
    .uk-subnav-pill > .uk-active > a {
        border-radius: 6px;
    }
    .service-item .service-item__content-btn {
        opacity: 1;
        visibility: visible;
        transition: all 0.4s ease;
        height: auto;
    }
    .service-item .btn {
        font-size: 14px;
        padding: 15px 5px;
        box-sizing: border-box;
        outline: none;
        cursor: pointer;
        display: block;
        width: 100%;
        text-align: center;
    }
    .service-item__content {
        width: 100%;
    }
    .fade-bg {
        height: 90%;
        background: linear-gradient(0deg,rgba(0, 7, 36, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
    }
    .mobile-btn-menu {
        margin-top: 15px;
    }
    .section-descr {
  font-size: 22px;
}

.hotel [class*=uk-child-width]>* {
    box-sizing: border-box;
    width: 50%;
}

}
/* На мобилке можно просто замедлить, но движение остаётся непрерывным */
@media (max-width: 768px) {
    .marquee {
        gap: 16px;
        animation-duration: 35s; /* чуть медленнее, но без остановок */
    }

    .mobile-logo {
        display: block;
        width: 100%;
        text-align: center;
    }
       .mobile-logo img {
        width: 250px;
       }
  .hotel-wr     .service-item {
        height: 150px;
        padding: 15px;
        border-radius: 12px;
    }
    .product-single-price {
        font-size: 35px;
    }
.hotel [class*=uk-child-width]>* {
    box-sizing: border-box;
    width: 100%;
}

    .item-company-page {
    padding-bottom: 35px;
}
.contact-info__item {
    flex-direction: column;
    align-items: start;
}
.contact-info {
    margin-top: 25px;
}
.contact-info__item-name {
    min-width: 100%;
    width: 100%;
    line-height: 1.3;
    font-size: 22px;
    margin-bottom: 15px;
}
.info-cart iframe {
    height: 300px;
}
header {
    padding: 25px 0 0;
}
.contact-info__item-name  br {
    display: none;
}
.contact-info__item-phone {
    text-align: left;
}
.section-descr {
    font-size: 18px;
}
.section-descr br {
    display: none;
}
    .header-content-left__title  .subrirle {
    font-size: 18px;
    margin-top: 15px;
}
    .header-content-left__title  .subrirle br {
        display: none;
    }
    .contact-box {
        margin: 15px;
    }
    .content h2 {
        margin: 22px 0;
        font-size: 18px;
    }
     .page-contact iframe {
         height: 250px;
     }
    .page-contact {
        padding-bottom: 35px;
    }
    .contact-rom-inner__sale {
        font-weight: 100;
        font-size: 18px;
        margin: 25px 0;
    }
    .product-info-content h1 {
        font-size: 22px;
    }
    .product-category {
        font-size: 14px;
    }
    .link-catalog {
        display: block;
        width: 100%;
        background: white;
        padding: 20px;
        border-radius: 22px;
    }
    .link-catalog a {
        text-decoration: none;
    }
    .slider-item .uk-background-cover {
        height: 250px;
        background-size: contain;
    }

    .partner-img {
        width: 200px;
        min-width: 200px;
    }
    .partner-content__title {
        font-size: 18px;
    }
    .slick-prev, .slick-next {
        height: 50px;
        width: 50px;
        min-width: 50px;
        border-radius: 12px;
        bottom: -10px;
    }
    .slick-next {
        right: 0;
    }
    .slick-prev {
        right: 60px;
    }
    .header-page .page-title {
        margin: 25px 0 5px;
    }
    .uk-accordion .uk-accordion-title {
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-size: 16px;
    }
.product-info-card .uk-text-small span {
    display: block;
}
    .header-page .mobile-btn-menu,
    .header-page .mobile-btn-menu__button{
        width: 100%;
    }
    .header-page header {
        padding: 0;
    }
    .uk-subnav-pill > * > :first-child {
        font-size: 18px;
    }
    .oborudovanie-slider .slick-track {
        gap: 0;
    }
    .footer .footer-items {
        text-align: center;
    }
    .header-video-inner {
        margin: 15px;
    }
    .page-title h1 {
        font-size: 30px;
    }
  .header-logo-main span {
    margin: 25px 0;
    line-height: 1.3;
    font-size: 18px;
    font-weight: 100;
    text-align: center;
}
    .header-logo-main__title {
        font-size: 18px;
        margin: 25px 10px 0;
    }
    .header-logo-main {
        padding: 35px 0 70px;
    }
    .header-navigation {
        justify-content: space-between;
    }
    .oborudovanie-slider-item {
        margin: 0 15px;
    }
    .sales {
        right: 25px;
    }
    .step-big__text {
        width: 100%;
    }
    .section-title p {
        font-size: 16px;
        text-transform: none;
    }
    .allert {
        font-size: 16px;
    }
    .allert br {
        display: none;
    }
    .step-item-small__descr__title br {
        display: none;
    }
    .step-item-small__descr__text {
        width: 83%;
    }
    .sales__title {
        font-size: 14px;
    }
    .sales__amount {
        font-size: 30px;
    }


    .service-item__content__title {
        font-size: 22px;
    }
    .section-title span {
        font-size: 16px;
    }

    .marquee-item {
        font-size: 14px;
        padding: 5px 10px;
    }
    .modal-title {
        font-size: 25px;
    }
    .modal-subtitle {
        margin-bottom: 25px;
    }
    .contact-inner__item {
        text-align: start;
    }
    .contact-inner__item-phone {
        align-items: start;
    }
    .qr-wrap {
        margin: 0 15px;
    }
    .btn-menu ul li a {
        padding: 20px 5px;
    }
      .header-navigation {
        display: flex !important; 
        justify-content: center !important;
    }

}
@media (max-width: 739px) {
    .header-content-left__title h1 {
        font-size: 35px;
    }
    .item-company-box__title {
        font-size: 22px;
    }
    .item-company-box__title br {
        display: none;
    }
    .news-item-big .news-item-big__title {
        font-size: 18px;
        width: 90%;
        margin-bottom: 0;
    }
    .service-item {
        height: 350px;
        padding: 15px;
    }
    .news-item-big .news-item-big__descr {
        display: none;
    }
    .small-item {
        display: block;
    }
    .news-item-big {
        height: 350px;
    }
    .contact-form__phone a {
        font-size: 25px;
    }
    .contact-form__phone a::after {
        width: 20px;
        height: 20px;
        top: 8px;
    }
    .man {
        position: relative;
        margin: 0 auto;
        width: 250px;
        bottom: -50px;
    }
    .contact-box {
        padding-top: 35px;
        padding-bottom: 50px;
    }
    .contact-form-inner .btn {
        display: block;
        width: 100%;
        text-align: center;
        box-sizing: border-box;
    }

    .section-title h2 {
        font-size: 35px;
    }
}
@media (max-width: 639px) {
    .header-nav-panel {
        padding: 15px;
    }
    .header-navigation {
        justify-content: end;
    }
    .step-basik {
        width: 85%;
        margin: 0 auto;
        height: 500px;
    }
    .footer svg {
        width: 200px;
    }
    .footer .header-navigation__adres-item {
        font-size: 16px;
    }
    .footer iframe {
        height: 200px;
    }
    .footer-content span {
        opacity: .65;
    }
    .footer .header-navigation__adres-item span {
        display: block;
    }
    .items-step {
        margin-top: 35px;
    }
    .gallery-item {
        border-radius: 12px;
    }
    .section-title h2 {
        font-size: 30px;
    }
    .section-title::before {
        top: 15px;
    }
    .header-content-left {
        padding: 25px;
    }
    .header-content-left__title h1 {
        font-size: 22px;
    }
    .header-content-left__text {
        margin: 35px 0 35px;
        display: block;
        font-size: 15px;
        width: 100%;
    }
    .header-content-left-btn button {
        padding: 25px;
        background: var(--acent-color);
        border-radius: 22px;
        color: white;
        border: none;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 16px;
        cursor: pointer;
        position: relative;
        display: block;
        width: 100%;
        box-sizing: border-box;
        text-align: left;
    }
    .header-content__botom {
       display: none;
    }
    .header-content-right {
        width: 100%;
        height: 350px;
    }
    .step-basik  {
        display: block !important;
    }
    .krug {
        width: 95px;
    }
    .myach {
        width: 60px;
    }
    .step-item-small__descr {
        width: 100%;
    }
}


@media (max-width: 400px) {
    .mobile-btn-menu button {
        font-size: 20px;
        padding: 20px 10px 20px 45px;
    }
    .step-basik {
        width: 100%;
    }
    .mobile-btn-menu button::after {
        left: 10px;
        top: 20px;
    }
    .header-navigation__logo img {
        width: 200px;
    }
    .header-content-left-btn button::after {
        content: "";
        width: 35px;
        background: url('data:image/svg+xml,<svg width="512" height="248" viewBox="0 0 512 248" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M506.134 109.843L506.116 109.824L401.612 5.82394C393.783 -1.96706 381.12 -1.93807 373.327 5.89193C365.534 13.7219 365.565 26.3839 373.394 34.1759L443.558 104H20C8.954 104 0 112.954 0 124C0 135.046 8.954 144 20 144H443.557L373.395 213.824C365.566 221.616 365.536 234.279 373.328 242.108C381.121 249.939 393.785 249.966 401.613 242.176L506.117 138.176L506.135 138.157C513.968 130.339 513.943 117.635 506.134 109.843Z" fill="black"/></svg>') #fff no-repeat center / 20px;
        position: absolute;
        border-radius: 50%;
        right: 15px;
        top: 18px;
        height: 35px;
        animation: leftRight 2s infinite ease-in-out;
    }
}


@media (max-width: 340px) {
    .contact-rom-inner__title, .contact-form-call__title {
        font-size: 25px;
    }
    .header-content-left-btn button {
        font-size: 16px;
    }
    .btn-wrap .btn {
        font-size: 14px;
    }
    .contact-inner__item-phone a {
        font-size: 22px;
    }
    .btn-menu ul li a {
        font-size: 14px;
    }
}



/* по умолчанию ничего не прячем (для десктопа/планшета) */
.products-list .product-more-item {
    display: block;
}

/* на мобильных (до 640px) прячем товары с классом .product-more-item */
@media (max-width: 639px) {
    .products-list:not(.products-list--show-all) .product-more-item {
        display: none;
    }

    .products-show-more-wrap {
        display: flex;
        justify-content: center;
        margin-top: 20px;
    }
}

/* на экранах >=640px кнопку не показываем вообще */
@media (min-width: 640px) {
    .products-show-more-wrap {
        display: none !important;
    }
}

/* когда нажали "Показать ещё" на мобиле — показываем всё и убираем кнопку */
@media (max-width: 639px) {
    .products-list.products-list--show-all .product-more-item {
        display: block;
    }

    .products-list.products-list--show-all .products-show-more-wrap {
        display: none;
    }
}


.page-404-wrapper {
    position: relative;
    min-height: 70vh;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

/* Белая карточка */
.page-404__inner {
    background: #fff;
    padding: 50px 40px;
    border-radius: 18px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.06);
    position: relative;
    z-index: 2;
    text-align: center;
}

/* 404 */
.page-404__code {
    font-size: 96px;
    font-weight: 800;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.page-404__tile {
    width: 70px;
    height: 70px;
    margin: 0 10px;
    display: inline-block;
    border-radius: 8px;
    background: linear-gradient(135deg, #c49a6c, #f1d2a6);
    box-shadow: 0 8px 18px rgba(0,0,0,0.25);
    transform: rotate(-7deg);
}

/* Заголовок + текст */
.page-404__title {
    font-size: 26px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.page-404__text {
    font-size: 16px;
    color: #555;
    margin-bottom: 28px;
}

/* Кнопка */
.btn {
    border-radius: 999px;
    padding: 20px 25px;
    font-weight: 600;
}

/* UIkit button override soft-tweak */
.uk-button-primary {
    background: var(--acent-color);
    border: none;
}

.uk-button-primary:hover {
    background: var(--acent-color);
    transform: translateY(-2px);
    box-shadow: 0 10px 22px rgba(0,0,0,0.15);
}

/* Фон-плитка */
.page-404__bg-grid {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    gap: 6px;
    opacity: 0.15;
    padding: 40px;
    pointer-events: none;
}

.page-404__bg-tile {
    background: #d5d5d5;
    border-radius: 5px;
}

/* Адаптив */
@media (max-width: 767px) {
    .page-404__inner {
        padding: 28px 20px;
    }
    .page-404__code {
        font-size: 70px;
    }
    .page-404__tile {
        width: 52px;
        height: 52px;
    }
}