:root {
    --grey: #f5f5f5;
    --grey_middle: #e9e9e9;
    --grey_dark: #999999;
    --orange: #e31e24;
    --success: #32d234;
    --orange_light: #f9eae6;
    --black: #242424;
    --white: #fff;
    --pad_s: .5rem;
    --pad_m: 1rem;
    --pad_l: 1.5rem;
    --pad_xl: 2rem;
    --bord_r_s: .5rem;
    --bord_r_m: 1rem;
    --bord_r_l: 1.5rem;
    --bord_r_xl: 2rem;
    --bord_r_xxl: 3rem;
}
* {
    box-sizing: border-box;
}
body {
    color: var(--black);
}
h1 {
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 1.3;
}
.wrapper {
    overflow-x: hidden;
}
.uk-offcanvas-container .wrapper {
    height: 100vh;
    overflow: hidden;
}
.uk-checkbox, .uk-radio {
    width: 1.5rem;
    height: 1.5rem;
    border: 1px solid var(--grey_middle);
    border-radius: var(--bord_r_s);
}
.uk-checkbox:focus,
.uk-radio:focus {
    background-color:transparent;
    outline:0;
    border-color: var(--orange);
}
.uk-checkbox:checked:focus,
.uk-checkbox:indeterminate:focus,
.uk-radio:checked:focus {
    background-color: var(--orange);
}
.uk-checkbox:checked, .uk-checkbox:indeterminate, .uk-radio:checked {
    background-color: var(--orange);
    border-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
}
.uk-input:focus,
.uk-select:focus,
.uk-textarea:focus {
    outline: 0;
    background-color: var(--white);
    color: var(--grey);
    border-color: var(--orange);
}
.uk-input {
    height: 3rem;
    padding: 0 var(--pad_l);
    border-radius: var(--bord_r_m);
}
.uk-textarea {
    padding: var(--pad_m);
    border-radius: var(--bord_r_m);
}
.uk-dropdown {
    color: var(--black);
}
.top_nav {
    padding: .5rem 0;
    background: var(--grey);
    border-bottom: 1px solid var(--white);
}
.top_nav.uk-sticky-fixed {
    background: rgba(245, 245, 245, .3);
    backdrop-filter: blur(15px);
    border-bottom: 1px solid transparent;
}
.top_nav ul {
    display: flex;
    list-style: none;
    padding-left: 0;
    font-size: .75rem;
    gap: .25rem;
}
.top_nav ul li {
    display: flex;
    align-items: center;
    gap: .25rem;
}
.top_nav ul li:first-child {
    display: flex;
    align-items: center;
}
.top_nav ul li:first-child, .top_nav ul li:last-child {
    width: calc((100% - 3.5rem) / 2);
}
.top_nav ul li:last-child {
    justify-content: flex-end;
}
.city_button {
    border: 0;
    background: transparent;
    display: flex;
    align-items: center;
    gap: .25rem;
}
.city_selector.uk-drop {
    padding: var(--pad_m);
    border-radius: var(--bord_r_m);
    background: var(--white);
    box-shadow: 0 4px 20px rgba(36, 36, 36, .1);
    width: fit-content;
}
.top_nav ul li svg {
    max-width: 2rem;
    flex-shrink: 0;
    width: 100%;
    fill: var(--black);
}
.city_button span {
    width: 1rem;
    flex-shrink: 0;
}
.top_nav ul li a {
    display: flex;
    align-items: center;
}
.working_time svg {
    max-width: 2rem;
    flex-shrink: 0;
    width: 100%;
}
.uk-logo img {
    max-width: 3rem;
    width: 100%;
}
.top_consult {
    padding: .5rem 1rem;
    border-radius: 999px;
    background: var(--white);
    border: 0;
}
.top_nav ul li .social {
    display: flex;
    gap: .25rem;
    align-items: center;
}
.top_nav ul li .social a svg {
    fill: var(--grey_dark);
    max-width: 2.5rem;
    width: 100%;
}
.top_nav ul li .social a {
    display: flex;
    align-items: center;
    justify-content: center;
}
.top_nav ul li .social a.max svg {
    width: 77.5%;
}
.top_nav ul li .social a:hover svg, .top_nav ul li .social a:focus svg, .top_nav ul li .social a:active svg {
    fill: var(--orange);
}
.top_nav ul li .user_cart {
    display: flex;
    gap: .25rem;
}
.top_nav ul li .user_cart a {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: var(--white);
    width: 2rem;
    height: 2rem;
    padding: 0;
    position: relative;
}
.top_nav ul li .user_cart a svg {
    max-width: 1.25rem;
    width: 100%;
}
.top_nav ul li .user_cart a span {
    position: absolute;
    top: -.75rem;
    right: -.75rem;
    background: var(--black);
    color: var(--white);
    width: 1.5rem;
    height: 1.5rem;
    font-size: .5rem;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.top_nav ul li .contact_phone {
    font-size: 1rem;
}
.top_nav ul li .contact_phone.f_small {
    font-size: .875rem;
    padding: 0 .25rem;
}
.top_nav ul li > a {
    padding: 0 1rem;
    color: var(--black);
}
.d_none {
    display: none!important;
}
.uk-input:focus,
.uk-select:focus,
.uk-textarea:focus {
    outline: 0;
    color: var(--black);
    border-color: var(--orange)
}

/* Хедер */
header {
    background: var(--grey);
    border-bottom: 1px solid var(--white);
}
.header_container {
    display: flex;
    gap: 1rem;
    padding: 1rem 0;
    font-size: 1rem;
}
.header_container form {
    position: relative;
}
.header_container input[type="search"] {
    border: 1px solid var(--grey_dark);
    background: var(--white);
    padding: .5rem 3rem .5rem 1rem;
    border-radius: 999px;
    font-size: 1rem;
}
.header_container input[type="search"]:focus {
  background-color: var(--white);
  border-color: var(--orange);
}
.header_container form span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 2.5rem;
    position: absolute;
    top: 0;
    right: 0;
}
.header_container form span svg {
    fill: var(--black);
    width: 1.5rem;
    height: 1.5rem;
}
.header_container .category .menu_scroll {
    display: flex;
    gap: .5rem;
}
.header_container .category a {
    background: var(--white);
    padding: .75rem 1.25rem;
    border-radius: 999px;
    line-height: 1;
    color: var(--black);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.header_container .category a:hover, .header_container .category a:focus, .header_container .category a:active {
    color: var(--white);
    background: var(--orange);
    text-decoration: none;
}
.uk-offcanvas-overlay::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(10px);
    opacity: 0;
    transition: opacity .15s linear;
}
button.top_consult:hover, button.top_consult:focus, button.top_consult:active {
    cursor: pointer;
    background: var(--orange);
    color: var(--white);
}
.top_nav ul li .user_cart a:hover, .top_nav ul li .user_cart a:focus, .top_nav ul li .user_cart a:active {
    background: var(--orange);
    color: var(--white);
}
.top_nav ul li .user_cart a:hover svg, .top_nav ul li .user_cart a:focus svg, .top_nav ul li .user_cart a:active svg {
    fill: var(--white);
}

/* HERO */
.hero {
    background: var(--grey);
    padding: 2.5rem 0;
}
.hero_item {
    border-radius: var(--bord_r_xxl);
    background-color: var(--white);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
    height: 100%;
}
.hero_item_inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    padding: var(--pad_xl);
    min-height: 12rem;
    height: 100%;
    position: relative;
    z-index: 1;
    color: var(--black);
}
.hero_item_back_img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}
.hero_title {
    font-size: 1.5rem;
    font-weight: 500;
}
.hero_item h1, .hero_item p {
    margin: 0;
}
.hero_item p {
    font-size: 1.25em;
}
.hero_item p span {
    color: var(--orange);
}
.hero_button {
    display: inline-flex;
    border: 0;
    background: none;
}
.hero_button:hover, .hero_button:focus, .hero_button:active {
    cursor: pointer;
}
.hero_button .text {
    line-height: 1;
    font-size: 1rem;
    padding: 1rem 1.5rem;
    border-radius: 999px;
    color: var(--white);
    background: var(--black);
    border: 1px solid var(--black);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .35s ease-in-out;
    transition-delay: .1s;
}
.hero_button .arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    background: var(--black);
    width: calc(3rem + 2px);
    aspect-ratio: 1 / 1;
    border-radius: 999px;
    border: 1px solid var(--black);
    transform: translateX(-5px) rotate(-30deg);
    transition: .35s ease-in-out;
    transition-delay: .1s;
    flex-shrink: 0;
}
.hero_button:hover {
    text-decoration: none;
}
.hero_button:hover .text {
    background: var(--orange);
    border: 1px solid var(--orange);
    transition: .2s ease-in-out;
}
.hero_button:hover .arrow {
    background: var(--orange);
    border: 1px solid var(--orange);
    transform: translateX(-1px) rotate(0deg);
    transition: .2s ease-in-out;
}
.hero_button.primary .text, .hero_button.primary.side .text {
    background: var(--orange);
    border: 1px solid var(--orange);
}
.hero_button.primary .arrow, .hero_button.primary.side .arrow {
    background: var(--orange);
    border: 1px solid var(--orange);
}
.hero_button.primary:hover .text {
    background: var(--black);
    border: 1px solid var(--black);
}
.hero_button.primary:hover .arrow {
    background: var(--black);
    border: 1px solid var(--black);
}
.hero_button.primary.side:hover .text {
    background: var(--white);
    color: var(--black);
    border: 1px solid var(--white);
}
.hero_button.primary.side:hover .arrow {
    background: var(--white);
    color: var(--black);
    border: 1px solid var(--white);
}
.hero_item_inner .hero_button {
    margin-top: auto;
}
.hello_img {
    position: absolute;
    width: 75%;
    opacity: .25;
    top: 25%;
    left: 50%;
    transition: .4s ease-in-out;
}
.hero_item:hover .hello_img {
    top: 10%;
    left: 25%;
    width: 90%;
    transition: .4s ease-in-out;
}
.hero_subtitle {
    margin-top: auto;
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
}
.hero_subtitle .arrow {
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: 1px solid var(--white);
    transform: rotate(-30deg);
    transition: .35s ease-in-out;
    transition-delay: .1s;
    flex-shrink: 0;
}
.hero_subtitle .arrow.dealer {
    border-color: var(--black);
}
a.hero_item_inner:hover {
    text-decoration: none;
    color: var(--orange);
}
a.hero_item_inner:hover .arrow {
    transform: rotate(0deg);
    transition: .2s ease-in-out;
}
a.hero_item_inner:hover .arrow.dealer {
    border-color: var(--orange);
}
.hero_item.styled .hero_subtitle {
    color: var(--white);
}
.hero_item.styled .hero_title {
    color: var(--white);
}
.hero_slider {
    height: 100%;
    position: relative;
}
.slider_inner_container {
    height: 100%;
}
.slider_item {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
    height: 100%;
    padding: var(--pad_xl);
}
.slider_item_bkg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, var(--black) 0%, transparent 100%);
    z-index: 0;
}
.slider_item_content {
    position: relative;
    z-index: 1;
    height: 100%;
    color: var(--white);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1rem;
}
.slider_item_title {
    font-size: 2rem;
    font-weight: 600;
    max-width: 80%;
}
.hero_slider_nav {
    position: absolute;
    width: 100%;
    min-height: 1rem;
    bottom: .5rem;
    left: 0;
    z-index: 2;
}
.hero_slider_nav a[aria-selected="false"] {
    color: var(--white);
    background-color: var(--white);
    border-color: 3px solid var(--white);
}
.hero_slider_nav a[aria-selected="true"] {
    color: var(--white);
    background-color: var(--orange);
    border-color: 3px solid var(--white);
}
.hero_slider_nav.uk-dotnav > * > * {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(102,102,102,.4);
}
.hero_slider a[uk-slider-item], .uk-lightbox a[uk-lightbox-item] {
    width: 2rem;
    height: 2rem;
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .1);
    backdrop-filter: blur(2px);
}
.hero_slider a[uk-slider-item]:hover, .uk-lightbox a[uk-lightbox-item]:hover .hero_slider a[uk-slider-item]:focus, .uk-lightbox a[uk-lightbox-item]:focus .hero_slider a[uk-slider-item]:active, .uk-lightbox a[uk-lightbox-item]:active {
    border: 1px solid rgba(255, 255, 255, .5);
    background: rgba(255, 255, 255, .2);
}

/* Поиск по сайту */

.search_top {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1.5rem;
}
.search_top h2.uk-modal-title {
    font-size: 1.5rem;
    margin: 0;
    font-weight: 600;
}
.search_results ul {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    list-style: none;
    padding-left: 0;
}
.search_item {
    color: var(--black);
    display: flex;
    align-items: center;
    gap: .25rem;
}
.search_item:hover {
    color: var(--orange);
    text-decoration: none;
}
.search_item_img {
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--bord_r_s);
    overflow: hidden;
    position: relative;
    background: var(--grey);
}
.search_empty a {
    color: var(--orange);
}
.search_empty a:hover, .search_empty a:focus, .search_empty a:active {
    text-decoration: underline;
}

/* Слайдер навигационный */

.menu_scroll_container {
    overflow: hidden;
    width: 100%;
}
.menu_scroll {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: none;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    user-select: none;
}
.menu_scroll::-webkit-scrollbar {
    height: 4px;
}
.menu_scroll::-webkit-scrollbar-thumb {
    background: #bbb;
    border-radius: 2px;
}

/* Бренды */

.brands {
    background: var(--grey);
    padding-bottom: 2.5rem;
}
.brands .section_title {
    display: flex;
    height: 100%;
    align-items: center;
}
.brands .section_title h2 {
    margin: 0;
    font-weight: 600;
}
.brand_item, .brand_item a {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-shrink: 0;
    color: var(--black);
    background: var(--white);
    border-radius: var(--bord_r_m);
}
.brand_item a {
    padding: var(--pad_m);
}
.brand_item a:hover, .brand_item a:focus, .brand_item a:active {
    color: var(--orange);
    text-decoration: none;
}
.brand_item img {
    max-height: 5rem;
}
.brands_slider .uk-slider-items:not(.uk-grid) {
    gap: 1rem;
}
.brands_slider a[uk-slider-item] {
    width: 2rem;
    height: 2rem;
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .1);
    backdrop-filter: blur(2px);
}
.brands_slider a[uk-slider-item]:hover, .brands_slider a[uk-slider-item]:focus, .brands_slider a[uk-slider-item]:active {
    border: 1px solid #fff;
    background: rgba(227, 30, 36, .6);
}

/* О нас */

.about {
    padding: 2.5rem 0;
}
.about_image {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    max-width: 80%;
    height: 100%;
    padding: var(--pad_xl);
    border-radius: var(--bord_r_xl);
}
.about_image .rotator {
    position: absolute;
    top: 1.5rem;
    right: -4rem;
    width: 10rem;
    height: 10rem;
    border-radius: 999px;
    background: var(--white);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    animation-name: rotator;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-play-state: running;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
}
.about_image .rotator:hover {
    animation-play-state: paused;
}
.about_image .expirience {
    position: absolute;
    color: var(--white);
    bottom: 1.5rem;
    right: -4rem;
    width: 14rem;
    padding: var(--pad_l);
    border-radius: var(--bord_r_l);
    overflow: hidden;
}
.about_image .expirience .expirience_bck {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(227, 30, 36, .8);
    backdrop-filter: blur(5px);
}
.about_image .expirience p {
    position: relative;
    z-index: 1;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    line-height: 1;
}
.about_image .expirience p span {
    display: block;
    width: 100%;
    font-size: 3rem;
    font-weight: 900;
}
.about_text {
    padding: 3rem 0;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}
.about_text h2 {
    font-size: 3rem;
    font-weight: 700;
    margin: 0;
}
.about_text .about_text_main {
    background: var(--grey);
    padding: var(--pad_l);
    border-radius: var(--bord_r_l);
}
.about_text .about_text_main p {
    margin: 0;
    padding: 1rem 0;
    text-align: justify;
}

/* Услуги */

.services {
    padding: 2.5rem 0;
    background: var(--grey);
}
.services_title {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}
.services_title h2 {
    text-transform: uppercase;
    font-size: 1.25rem;
    font-weight: 900;
    color: var(--orange);
    margin: 0;
}
.services_title p {
    font-size: 3rem;
    font-weight: 700;
    margin: 0;
    line-height: 1.15;
}
.services_block {
    display: flex;
    flex-direction: column;
    gap: 15px;
    height: 100%;
}
.services_block .services_item {
    flex-grow: 1;
}
.services_item a {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    width: 100%;
    height: 100%;
    padding: var(--pad_s);
    border-radius: var(--bord_r_m);
    color: var(--black);
    overflow: hidden;
    position: relative;
    min-height: 15rem;
}
.services_item a .service_bkg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, transparent 0%, var(--orange) 100%);
    z-index: 0;
    opacity: 0;
    transition: opacity .3s ease;
}
.services_item a:hover .service_bkg {
    opacity: 1;
    transition: opacity .3s ease;
}
.services_item a .service_desc {
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    width: calc(100% - 2 * var(--pad_s));
    z-index: 1;
    background: var(--white);
    bottom: var(--pad_s);
    left: var(--pad_s);
    padding: var(--pad_m);
    border-radius: var(--bord_r_s);
    transform: translateY(150%);
    transition: transform .3s ease;
}
.services_item a:hover .service_desc {
    transform: translateY(0%);
    transition: transform .3s ease;
}
.services_item a .service_desc span {
    font-size: .875rem;
}
.services_item a .service_desc p {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 900;
    line-height: 1.1;
}
.services_button a {
    display: block;
    background: var(--orange);
    color: var(--white);
    padding: var(--pad_m) var(--pad_l);
    border-radius: var(--bord_r_m);
    text-align: center;
    transition: .2s ease-in-out;
}
.services_button a:hover, .services_button a:focus, .services_button a:active {
    text-decoration: none;
    background: var(--black);
    transition: .2s ease-in-out;
}

/* Контакты */

.contacts {
    padding: 2.5rem;
}
.contacts h2 {
    text-transform: uppercase;
    font-size: 1.25rem;
    font-weight: 900;
    color: var(--orange);
    margin: 0;
}
.contact_block {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.contact_info {
    background: var(--grey);
    border-radius: var(--bord_r_xl);
    padding: var(--pad_xl);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.contact_info h3 {
    font-weight: 700;
    font-size: 1.5rem;
    margin: 0;
}
.contact_subtitle p {
    margin: 0;
}
.contact_info ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}
.contact_info ul li {
    display: flex;
    gap: 1rem;
}
.contact_info ul li:hover .contact_icon {
    background: var(--orange);
}
.contact_info ul li:hover .contact_icon svg {
    fill: var(--white);
}
.contact_info ul li .contact_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    flex-basis: 4rem;
    width: 4rem;
    height: 4rem;
    border-radius: 999px;
    background: var(--orange_light);
}
.contact_info ul li .contact_icon svg {
    width: 2rem;
    fill: var(--orange);
}
.contact_info ul li .contact_link {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: .5rem;
    line-height: 1.25;
}
.contact_info ul li .contact_link a {
    color: var(--black);
}
.contact_info ul li .contact_link span {
    display: block;
    font-weight: 700;
}
.contact_info ul li .contact_link > div {
    display: flex;
    flex-direction: column;
}
.contact_map {
    height: 100%;
    background-image: url(../img/mars_map.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: var(--bord_r_xl);
    position: relative;
    overflow: hidden;
}
.social_link {
    display: flex;
    gap: .5rem;
}
.social_link a {
    padding: 1rem;
    border-radius: 999px;
    background: var(--white);
    line-height: 1;
}
.social_link a svg {
    fill: var(--black);
    width: 1.5rem;
}
.social_link a:hover {
    background: var(--orange);
}
.social_link a:hover svg {
    fill: var(--white);
}

/* Футер */

footer {
    background: var(--grey);
    padding: 2.5rem 0;
}
footer.inner_footer {
    background: var(--white);
}
.footer_block {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.footer_block .footer_logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 4rem;
}
.footer_block .footer_desc p {
    margin: 0;
}
.footer_block .footer_desc span {
    color: var(--orange);
    white-space: nowrap;
}
.footer_block .footer_desc p:last-child {
    font-weight: 700;
}
.footer_block h3 {
    margin: 0;
    font-weight: 700;
}
.footer_block ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer_block ul li a {
    display: flex;
    padding: .125rem 0;
    color: var(--black);
}
.footer_block ul li a.footer_link {
    gap: 1rem;
    align-items: center;
}
.footer_block ul li a.footer_link span {
    width: 1.5rem;
    flex-shrink: 0;
}
.footer_block ul li a.footer_link .footer_address {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
}
.footer_block ul li a.footer_link svg {
    width: 100%;
}
.footer_block ul li a.footer_link:hover svg {
    fill: var(--orange);
}

/* Копирайт */

.copyright_inner {
    padding-top: 1rem;
    border-top: 1px solid var(--grey_dark);
    font-size: .75rem;
    display: flex;
    justify-content: space-between;
}
.copyright_inner ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
}
.copyright_inner ul li {
    position: relative;
}
.copyright_inner ul li::after {
    content: "|";
    position: relative;
    top: 0;
    right: -.5rem;
    height: 100%;
    width: .5rem;
}
.copyright_inner ul li:last-child:after {
    content: "";
}
.copyright_inner ul li a {
    color: var(--black);
}
.copyright_inner ul li a:hover {
    color: var(--orange);
}

/* Основной контент */

main {
    min-height: 70vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.section_page_title {
    margin-bottom: 2.5rem;
    position: relative;
}
.brand_page_title {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 1rem;
    margin: 2.5rem 0;
}
.brand_page_title img {
    max-height: 4rem;
}
.section_page_title h1 {
    font-weight: 700;
    font-size: 2.5rem;
}
.brand_page_title h1 {
    line-height: 1;
    margin: 0;
}
.section_page_title p {
    margin: 0;
}
.uk-modal-body {
    border-radius: var(--bord_r_xl);
    overflow: hidden;
}
.uk-button {
    line-height: 1;
  font-size: 1rem;
  padding: 1rem 1.5rem;
  border-radius: var(--bord_r_m);
  color: var(--white);
  background: var(--black);
  border: 1px solid var(--black);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .35s ease-in-out;
    transition-delay: 0s;
  transition-delay: .1s;
}
.uk-button:hover, .uk-button:focus, .uk-button:active {
    background: var(--orange);
}
.modal_politics_link {
    color: var(--black);
    text-decoration: underline;
}
.modal_politics_link:hover, .modal_politics_link:focus, .modal_politics_link:active {
    color: var(--orange);
}

/* Меню */

.side_company {
    display: flex;
    gap: 1rem;
    align-items: center;
    color: var(--white);
}
.side_company img {
    width: 4rem;
    height: 4rem;
}
.side_company .side_logo {
    flex-shrink: 0;
    flex-basis: 4rem;
}
.side_catalog_container h3, .side_menu_container h3 {
    margin-bottom: 1rem;
    margin-top: 0;
}
.side_catalog_container h3 a, .side_menu_container h3 a, .side_contact_container h3 a {
    color: #e4464b;
}
.side_catalog_container > ul {
    list-style: none;
    padding: 0;
    margin: 1rem 0;
}
.side_catalog_container > ul > li {
    font-weight: 200;
}
.side_catalog_container > ul ul {
    list-style: none;
}
.side_catalog_container .parent {
    font-weight: 500;
}
.side_contact_container > ul {
    list-style: none;
    padding: 0;
    margin: 1rem 0;
}
.messanger {
    margin: .5rem 0;
}
.messanger_icon {
    display: inline-flex;
    max-width: 2rem;
    align-items: center;
    justify-content: center;
}
.messanger_icon svg {
    width: 100%;
    fill: var(--white);
}

/* Услуги */

.service_page {
    background: var(--white);
}
.service_card, .mail_send {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    background: var(--white);
    border-radius: var(--bord_r_xl);
    padding: var(--pad_m);
    color: var(--black);
    transition: transform .3s ease, box-shadow .4s ease;
}
.mail_send {
    box-shadow: 0px 4px 15px rgba(36, 36, 36, .1);
}

.service_card:hover {
    text-decoration: none;
    color: var(--black);
    transform: translateY(-5px);
    transition: transform .3s ease, box-shadow .4s ease;
    box-shadow: 0px 4px 15px rgba(36, 36, 36, .1);
}
.service_img {
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--bord_r_m);
    position: relative;
    overflow: hidden;
} 
.service_img img {
    max-height: 100%;
    max-width: fit-content;
}
.service_arrow {
    position: absolute;
    bottom: -4rem;
    right: 1rem;
    transition: .5s ease-in-out;
}
.service_card:hover .service_arrow {
    bottom: 1rem;
    transition: .5s ease-in-out;
}
.service_card .service_text {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding-bottom: 1rem;
}
.service_card .service_text p {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 700;
    transition: .2s ease;
}
.service_card:hover  .service_text p {
    color: var(--orange);
    transition: .2s ease;
}
.service_card .service_text span {
    text-align: justify;
}
.section_page_title_content {
    position: relative;
    z-index: 1;
}
.service_item_slider {
    border-radius: var(--bord_r_xl);
    position: relative;
    overflow: hidden;
}
.service_item_img {
    width: 100%;
}
.service_items_buttons {
    display: flex;
    gap: .5rem;
    margin: 2.5rem 0;
}
.service_item_subtitle {
    font-size: 1.25rem;
    margin-bottom: 1rem;
}
.service_name {
    font-size: 1.25rem;    
}
.service_name span {
    color: var(--orange);
}
.service_item_text {
    margin-top: 1rem;
    color: var(--grey_dark);
}
.services_more {
    padding: 2.5rem 0;
    background: var(--grey);
    margin-bottom: 2.5rem;
}
.service_more_slider.uk-slider-container {
    overflow: initial;
    overflow-x: clip;
}
.service_more_slider .uk-slider-items:not(.uk-grid) {
    gap: 1rem;
}
.service_more_slider a[uk-slider-item] {
    width: 2rem;
    height: 2rem;
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .1);
    backdrop-filter: blur(2px);
}
.service_more_slider a[uk-slider-item]:hover, .service_more_slider a[uk-slider-item]:focus, .service_more_slider a[uk-slider-item]:active {
    border: 1px solid #fff;
    background: rgba(227, 30, 36, .6);
}
.service_slider_item, .brand_slider_item {
    color: var(--black);
    background: var(--white);
    border-radius: var(--bord_r_m);
    padding: var(--pad_m);
    transition: transform .3s ease, box-shadow .4s ease;
}
.service_slider_item > a, .brand_slider_item > a {
    display: flex;
    align-items: center;
    gap: 1rem;
    height: 100%;
    width: 100%;
    flex-shrink: 0;
    color: var(--black);
}
.service_slider_item:hover, .brand_slider_item:hover {
    transform: translateY(-2px);
    transition: transform .3s ease, box-shadow .4s ease;
    box-shadow: 0px 4px 15px rgba(36, 36, 36, .1);
}
.service_slider_item:hover > a, .service_slider_item:focus > a, .service_slider_item:active > a, .brand_slider_item:hover > a, .brand_slider_item:focus > a, .brand_slider_item:active > a {
    color: var(--orange);
    text-decoration: none;
}
.service_slider_item > a > img, .brand_slider_item > a > img {
  max-height: 4rem;
  border-radius: var(--bord_r_s);
}
.service_slider_item > a > div, .brand_slider_item > a > div {
    max-width: 200px;
}

/* Каталог */

.catalog {
    background: var(--white);
    padding-top: 2.5rem;
}
.catalog_item a {
    display: flex;
    gap: .75rem;
    padding: var(--pad_m);
    align-items: center;
    color: var(--black);
    background: var(--grey);
    border-radius: var(--bord_r_xxl);
    border: 2px solid var(--grey);
}
.catalog_item a:hover {
    text-decoration: none;
    background: var(--white);
    color: var(--black);
    border: 2px solid var(--orange);
}
.catalog_item a .catalog_slider_img_container {
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-basis: 4rem;
    border-radius: 999px;
    background: var(--white);
}
.catalog_item a .catalog_slider_img_container {
    max-width: 100%;
    max-height: 100%;
}
.catalog_sort {
    border-top: 1px solid var(--grey);
    padding: 2.5rem 0;
}
.catalog_sort_inner {
    display: flex;
    gap: 2.5rem;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.filter_items, .sort_items, .send_items {
    display: flex;
    gap: 1rem;
    align-items: center;
    border-radius: var(--bord_r_s);
    background: #f7f7f7;
    padding: .5rem;
    border-radius: var(--bord_r_l);
}

.price-slider {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.slider {
    width: 100%;
}
.range-input {
    position: relative;
}
.range-input input {
    position: absolute;
    width: 100%;
    height: 5px;
    background: none;
    top: -5px;
    pointer-events: none;
    cursor: pointer;
    -webkit-appearance: none;
    margin: 2px;
}
input[type="range"]::-webkit-slider-thumb {
    height: 1rem;
    width: 1rem;
    border-radius: 999px;
    background: #555;
    pointer-events: auto;
    -webkit-appearance: none;
}

.sort_items {
    padding-right: 1rem;
}
.filter_items {
    padding-left: 1rem;
}
.sort_items input {
    background: var(--white);
}
.filter_items button {
    background: var(--white);
}
.catalog_sort_button, .catalog_filter_button {
    font-size: 1rem;
    background: var(--white);
    border: 1px solid var(--grey);
    padding: .75rem 1.25rem;
    border-radius: var(--bord_r_s);
}
.catalog_sort_selector {
    background: var(--white);
    padding: var(--pad_m);
    border-radius: var(--bord_r_m);
}
.catalog_sort_selector a {
    display: flex;
    align-items: center;
    padding: .25rem .5rem;
    color: var(--black);
    border-radius: var(--bord_r_s);
}
.catalog_sort_selector a:hover, .catalog_sort_selector a:focus, .catalog_sort_selector a:active {
    background: var(--grey);
    text-decoration: none;
}
.catalog_sort_selector a:last-child {
    margin-bottom: 0;
}
.catalog_filter_items {
    display: flex;
    gap: .5rem;
}
.button_dropdown {
    height: auto;
    padding: .75rem 1.25rem;
    font-size: 1rem;
    vertical-align: middle;
    display: inline-block;
    border-radius: var(--bord_r_m);
    background: transparent;
    border: 1px solid var(--grey_middle);
}
.button_dropdown span {
    transition: .2s linear;
}
.button_dropdown[aria-expanded="true"] span {
    transform: rotate(180deg);
    transition: .2s linear;
}
.button_dropdown[aria-expanded="true"] {
    cursor: pointer;
    color: var(--orange);
    transition: .2s linear;
}
.dropdown_container {
    border-radius: var(--bord_r_m);
}
.filter_items button.button_submit {
    border: 1px solid var(--black);
    background: var(--black);
    color: var(--white);
}
.filter_items button.button_submit:hover, .filter_items button.button_submit:active, .filter_items button.button_submit:focus {
    border: 1px solid var(--orange);
    background: var(--orange);
    color: var(--white);
}
.filter_inner {
    display: flex;
    flex-direction: column;
    gap: .25rem;
}
.label_none {
    background: var(--black);
    border-radius: var(--bord_r_s);
}
.label_success {
    background: var(--success);
    border-radius: var(--bord_r_s);
}
.uk-input, .uk-select:not([multiple]):not([size]) {
    height: auto;
    padding: .75rem 2.5rem .75rem 1.25rem;
    vertical-align: middle;
    display: inline-block;
    border-radius: var(--bord_r_m);
    color: var(--black);
}
.sort_item {
    display: flex;
}
.uk-select#sort {
    width: auto;
}
.catalog_main {
    padding-bottom: 2.5rem;
}
.catalog_seo {
    padding-bottom: 2.5rem;
    font-size: .875rem;
    color: var(--grey_dark);
}
.card_catalog {
    transition: transform .3s ease, box-shadow .4s ease;
    border-radius: var(--bord_r_xl);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.card_catalog:hover {
    transform: translateY(-2px);
    transition: transform .3s ease, box-shadow .4s ease;
    box-shadow: 0px 4px 15px rgba(36, 36, 36, .1);
}
.card_centered_img {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 0;
}
.card_desc {
    padding: var(--pad_l);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    flex-grow: 1;
}
.card_desc  > .card_title {
    margin: 0;
    font-size: 1.25rem;
}
.card_desc > p {
    margin: 0;
}
.card_title > a {
    color: var(--black);
}
.card_title > a:hover, .card_title > a:focus, .card_title > a:active {
    color: var(--orange);
    text-decoration: none;
}
.card_title > p {
    font-size: .935rem;
    color: var(--black);
}
.card_desc > .price {
    font-size: 1.75rem;
    font-weight: 700;
}
.card_desc > .cart_block {
    margin-top: auto;
}
.card_button {
    line-height: 1;
    font-size: 1rem;
    padding: 1rem 1.5rem;
    border-radius: var(--bord_r_m);
    color: var(--white);
    background: var(--black);
    border: 1px solid var(--black);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .35s ease-in-out;
    transition-delay: .1s;
    margin-top: auto;
}
.card_button:hover, .card_button:focus, .card_button:active {
    cursor: pointer;
    background: var(--orange);
    border: 1px solid var(--orange);
}
.card_button.disabled {
    cursor: not-allowed;
    background: var(--grey_dark);
    border: 1px solid var(--grey_dark);
}
.card_button.disabled:hover, .card_button.disabled:focus, .card_button.disabled:active {
    cursor: not-allowed;
    background: var(--grey_dark);
    border: 1px solid var(--grey_dark);
}
.card_actions {
    display: flex;
    align-items: center;
    gap: .5rem;
}
.card_quantity {
    display: flex;
    width: 3rem;
    height: 3rem;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
}
.card_button.remove {
    line-height: 1;
    font-size: 1rem;
    padding: 1rem 1.5rem;
    border-radius: var(--bord_r_m);
    color: var(--black);
    background: transparent;
    border: 1px solid var(--black);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .35s ease-in-out;
    transition-delay: .1s;
}
.category_description {
    margin-bottom: 2.5rem   ;
}
.cart-qty .card_actions {
    gap: .25rem;
}
.cart-qty .card_button {
    line-height: 1;
    width: 2.5rem;
    height: 2.5rem;
    font-size: .75rem;
    padding: .75rem 1rem;
    border: 1px solid var(--black);
    margin-top: 0;
}
.cart-qty .card_quantity {
    display: flex;
    width: 2.5rem;
    height: 2.5rem;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
}
.cart-qty .card_button:hover, .cart-qty .card_button:focus, .cart-qty .card_button:active {
    cursor: pointer;
    background: var(--orange);
    border: 1px solid var(--orange);
}

/* Карточка товара */

.product {
    background: var(--white);
    padding: 2.5rem 0;
}
.product_image {
    border-radius: var(--bord_r_l);
    overflow: hidden;
}
.product_image  .uk-slide-active  {
    border-radius: var(--bord_r_l);
}
.slider_border {
    border: 1px solid var(--grey_middle);
    overflow: hidden;
    border-radius: var(--bord_r_l);
}
.thumb_flex .uk-thumbnav {
    justify-content: center;
}
.uk-lightbox {
    background: rgba(36, 36, 36, 0.85);
    backdrop-filter: blur(10px);
}
.uk-lightbox .uk-lightbox-thumbnav-vertical :where(img, video) {
  max-width: 50px;
}
.uk-lightbox .uk-thumbnav > li[uk-lightbox-item] {
    max-height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: var(--bord_r_s);
    background: var(--grey);
}
.product_lightbox .uk-thumbnav {
    gap: 15px;
}
.product_lightbox .uk-thumbnav > * {
  padding-left: 0;
}
.uk-lightbox .product_thums {
    margin-bottom: 1rem;
}
.preview {
    aspect-ratio: 1 / 1;
    border-radius: var(--bord_r_m);
    overflow: hidden;
    border: 2px solid var(--white);
    background: var(--white);
    max-height: 3.5rem;
}
.preview img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: 100%;
    max-height: 100%;
}
.product_info {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}
.product_info h4 {
    margin: 0;
    font-weight: 500;
}
.product_info .uk-list {
    margin: 0;
    padding: var(--pad_l);
    border-radius: var(--bord_r_m);
    background: var(--grey);
}
.uk-list > li > span {
    font-weight: 600;
}
.product_price {
    font-size: 2rem;
    font-weight: 700;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.product_price .old-price {
    display: inline-block;
    font-size: 1.75rem;
    color: var(--grey_dark);
    position: relative;
}
.product_price .old-price::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    top: 50%;
    left: 0;
    background: var(--black);
    transform: rotate(-15deg);
}
.product_price .old-price + .price {
    color: var(--orange);
}
.price_info {
    color: var(--grey_dark);
}
.delivery_info {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding: var(--pad_l);
    border-radius: var(--bord_r_m);
    border: 1px solid var(--grey_middle);
}
.delivery_info p {
    margin: 0;
}
.product .uk-tab > * {
    flex: none;
    padding-left: .5rem;
    position: relative;
}
.product .uk-tab::before {
    border-bottom: 0;
}
.product .uk-tab > * > a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--pad_s) var(--pad_m);
    color: var(--grey_dark);
    background: var(--grey_middle);
    border-radius: var(--bord_r_s);
    border-bottom: 0;
    font-size: .875rem;
    text-transform: uppercase;
    transition: all .1s ease-in-out;
}
.product .uk-tab > .uk-active > a {
    color: var(--white);
    padding: var(--pad_s) var(--pad_m);
    background: var(--grey_dark);
}
.product_brand {
    display: flex;
    gap: .75rem;
    align-items: center;
    margin-top: .5rem;
    color: var(--black);
}
.product_brand:hover, .product_brand:active, .product_brand:focus {
    color: var(--orange);
    text-decoration: none;
}
.product_brand img {
    flex-basis: 4rem;
    max-width: 5rem;
}
.uk-tab {
    margin-left: -10px;
    gap: .25rem;
}
.product_video {
    border-radius: var(--bord_r_m);
    overflow: hidden;
    margin-bottom: 1rem;
}

/* Корзина */

.cart {
    padding: 2.5rem 0;
}
.cart_empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 2rem;
}
.cart_empty p {
    width: 100%;
    text-align: center;
    border: 1px solid var(--grey_middle);
    border-radius: var(--bord_r_m);
    padding: var(--pad_l);
}
.cart_table .cart_table_inner {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}
.cart_table .cart_table_inner.empty {
    display: none;
}
.cart_table .cart_table_inner a {
    color: var(--black);
}
.cart_table .table_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
    border-bottom: 1px solid var(--grey_middle);
    padding: var(--pad_m);
    font-weight: 500;
}
.cart_table .table_title .table_title_div:nth-child(1) {
    flex-grow: 1;
    flex-shrink: 1;
}
.cart_table .table_title .table_title_div:nth-child(2) {
    flex-basis: 8rem;
    flex-shrink: 0;
}
.cart_table .table_title .table_title_div:nth-child(3) {
    flex-basis: 8rem;
    flex-shrink: 0;
}
.cart_table .table_title .table_title_div:nth-child(4) {
    flex-basis: 8.5rem;
    flex-shrink: 0;
    padding-left: var(--pad_s);
}
.cart_table .table_title .table_title_div:nth-child(5) {
    flex-basis: 2rem;
    flex-shrink: 0;
}
.cart_table .table_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .5rem;
    border-bottom: 1px solid var(--grey_middle);
    padding: var(--pad_m);
}
.cart_table .table_row .table_div:nth-child(1) {
    width: 5rem;
    border-radius: var(--bord_r_m);
    background: var(--grey);
    overflow: hidden;
    flex-shrink: 0;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.cart_table .cart_img {
    max-width: 5rem;
}
.cart_table .table_row .table_div:nth-child(2) {
    flex-grow: 1;
    flex-shrink: 1;
}
.cart_table .table_row .table_div:nth-child(3) {
    flex-basis: 8rem;
    flex-shrink: 0;
}
.cart_table .table_row .table_div:nth-child(4) {
    flex-basis: 8rem;
    flex-shrink: 0;
}
.cart_table .table_row .table_div:nth-child(5) {
    flex-basis: 8.5rem;
    flex-shrink: 0;
    padding-left: var(--pad_s);
}
.cart_table .cart_quantity {
    width: 100px;
    padding: .75rem 1.25rem .75rem 1.25rem;
}
.cart_table .cart_delete {
    width: 2rem;
    height: 2rem;
    border: 1px solid var(--grey_dark);
    color: var(--black);
    border-radius: 999px;
    background: transparent;
    transition: all .1s ease-in-out;
}
.cart_table .cart_delete:hover {
    cursor: pointer;
    color: var(--white);
    background: var(--orange);
    transition: all .1s ease-in-out;
    border: 1px solid var(--orange);
}
.cart_buttons {
    display: flex;
    gap: .75rem;
}
.cart_buttons a:hover, .cart_buttons a:focus, .cart_buttons a:active {
    color: var(--white);
    text-decoration: none;
}
.cart_buttons a.continue {
    background: transparent;
    color: var(--black);
}
.cart_buttons a.continue:hover, .cart_buttons a.continue:focus, .cart_buttons a.continue:active {
    border: 1px solid var(--orange);
    color: var(--orange)
}
.cart_price {
    font-weight: 600;
}
.subtotal {
    font-weight: 700;
    font-size: 1.125rem;
}
.total {
    font-size: 1.5rem;
    margin: 2rem 0;
}
.total span {
    font-weight: 700;
    white-space: nowrap;
}

/* Подтверждение */

.checkout {
    padding: 2.5rem 0;
    background: var(--grey);
}
.checkout_form .uk-tab::before {
    border-bottom: 0;
}
.checkout_form .uk-tab > * > a {
    display: flex;
    align-items: center;
    column-gap: .25em;
    justify-content: center;
    border-radius: var(--bord_r_m);
    padding: var(--pad_s) var(--pad_m);
    color: var(--black);
    border: 1px solid var(--grey_dark);
    font-size: .875rem;
    text-transform: uppercase;
    transition: color .1s ease-in-out;
}
.checkout_form .uk-tab > .uk-active > a {
  color: var(--white);
  border-color: var(--orange);
  background: var(--orange);
}
.checkout_label span {
    color: var(--orange);
}
.fl_switcher, .ul_switcher {
    padding: var(--pad_l);
    background: var(--white);
    border-radius: var(--bord_r_l);
}
.form_title {
    font-size: 1.25rem;
    margin: 1rem 0;
}
.form_title span {
    color: var(--orange);
}
.delivery_radio label {
    padding: var(--pad_m);
    border-radius: var(--bord_r_m);
    border: 1px solid var(--grey_middle);
    display: flex;
    flex-direction: column;
    height: 100%;
}
.delivery_radio h3 {
    font-size: 1.125rem;
    margin: .5rem 0 .25rem 0;
}
.delivery_radio .delivery_price {
    font-size: .875rem;
    color: var(--grey_dark);
}
.invalid-feedback {
    font-size: .75rem;
    color: var(--orange);
    line-height: 1.15rem;
}
.card_button.submit {
    background: var(--orange);
    border-color: var(--orange);
}
.card_button.submit:focus, .card_button.submit:hover, .card_button.active {
    background: var(--black);
}
.checkout_submit {
    margin-top: 1rem;
}
.checkout_summary {
    position: sticky;
    top: 100px;
    margin-bottom: 20px!important;
    padding: var(--pad_l);
    background: var(--white);
    border-radius: var(--bord_r_l);
}
.checkout_summary .summary_row {
    margin: 1rem 0;
    display: flex;
    flex-wrap: wrap;
}
.checkout_summary .summary_total {
    font-weight: 700;
    font-size: 1.125rem;
}
.checkout_politics {
    margin: 1rem 0;
}
.success {
    background: var(--white);
    padding-top: 2.5rem;
    min-height: 100%;
}
.success .section_page_title {
    text-align: center;
}
.form-message {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--pad_s) 0;
    margin: var(--pad_m) 0; 
    border-radius: var(--bord_r_s);
}
.form-message.success {
    color: var(--white);
    background: var(--success);
}
.form-message.error {
    background: var(--orange);
    color: var(--orange_light);
    padding-top: var(--pad_s);
}

/* Ошибка */

.error {
    background: var(--white);
    padding-top: 2.5rem;
    min-height: 100%;
}
.error .section_page_title {
    text-align: center;
}
.error .section_page_title h1 {
    font-size: 4rem;
}
.field-error {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--orange_light);
    color: var(--orange);
    border-radius: var(--bord_r_s);
    padding: var(--pad_s) 0;
    margin-top: var(--pad_s);
}
.checkout_errors {
    margin-bottom: var(--pad_m);
}
.checkout_error {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--pad_s) 0;
    margin: var(--pad_m) 0; 
    border-radius: var(--bord_r_s);
    background: var(--orange);
    color: var(--orange_light);
    padding-top: var(--pad_s);
}

/* Контакты */

.contacts {
    padding: 2.5rem 0;
}
.contacts_data {
    padding: var(--pad_l);
    background: var(--grey);
    border-radius: var(--bord_r_l);
}
.contacts_data ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.contacts_data ul li .contact_link {
    display: flex;
    gap: .5rem;
    align-items: center;
    color: var(--black);
}
.contacts_data ul li .contact_link span {
    flex-basis: 2rem;
}
.contacts_data ul li .contact_link span svg {
    fill: var(--black);
}

/* О нас */

.about_block {
    margin-bottom: 2rem;
}
.about_block h2 {
    font-size: 1.5rem;
    color: var(--black);
    font-weight: 400;
    text-transform: none;
}

/* Политика */
.politics, .licenses {
    text-align: justify;
}
.politics a, .licenses a {
    color: var(--orange);
}
.politics a:hover, .politics a:focus, .politics a:active, .licenses a:hover, .licenses a:focus, .licenses a:active {
    text-decoration: underline;
    color: var(--black);
}

/* Куки */

#cookieConsent {
    position: fixed;
    bottom: 1rem;
    left: 50%;
    width: 80vw;
    transform: translateX(-50%);
    background: rgba(255, 255, 255, .8);
    backdrop-filter: blur(10px);
    border-radius: var(--bord_r_xxl);
    padding: 15px;
    text-align: center;
    z-index: 1000;
}
.hidden {
    display: none;
}

/* Модальные окна */

.uk-modal {
    background: rgba(36, 36, 36, 0.5);
    backdrop-filter: blur(10px);
}
.uk-modal-container .uk-modal-dialog {
    width: 640px;
    border-radius: var(--bord_r_xl);
}
.uk-open>.uk-modal-dialog {
    border-radius: var(--bord_r_xl);
}
.uk-modal-body {
    border-radius: var(--bord_r_xl);
    padding: var(--pad_xl);
}
.uk-modal-footer {
    display: none;
}
h2.uk-modal-title {
    font-size: 2rem;
    margin: 0;
    font-weight: 600;
}
[class*="uk-modal-close-"] {
    position: absolute;
    z-index: 1010;
    top: var(--pad_l);
    right: var(--pad_l);
    padding: .5rem;
}


@keyframes rotator {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* Медиа запросы */

@media (min-height: 745px) {
    .uk-offcanvas-bar {
        display: flex;
        align-items: center;
    }
}
@media (min-height: 900px) {
    .side_company {
        font-size: 1.75rem;
    }
    .side_company .side_logo {
        flex-shrink: 0;
        flex-basis: 6rem;
    }
    .side_company .side_logo img {
        width: 6rem;
        height: 6rem;
    }
    .side_catalog_container h3, .side_menu_container h3, .side_contact_container h3 {
        font-size: 2rem;
    }
    .side_catalog_container > ul a, .side_contact_container > ul > li, .side_contact_container > ul a {
        font-size: 1.25rem;
    }
    .side_contact_button .text {
        font-size: 1.25rem;
    }
}

@media (min-width: 640px) {
    .uk-offcanvas-bar {
        left: -80vw;
        width: 80vw;
        padding: 30px 30px;
    }
}

@media (max-width: 992px) {
    .copyright_inner ul {
        flex-wrap: wrap;
    }
}

@media (max-width: 875px) {
    .copyright_inner {
        flex-direction: column;
        gap: .5rem;
    }
    .catalog_sort_inner {
        gap: 1rem;
    }
    .filter_items {
        flex-wrap: wrap;
    }
    .sort_items {
        width: 100%;
    }
}

@media (max-width: 750px) {
    .cart_table .table_row {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .cart_table .table_row .table_div:nth-child(2) {
        flex-grow: 1;
        flex-shrink: 1;
        width: calc(100% - 5.5rem);
    }
    .cart_table .table_row .table_div:nth-child(3) {
        text-align: left;
    }
    .copyright_inner ul {  
        flex-direction: column;
        gap: .5rem;
    }
    .section_page_title h1 {
        font-size: 2rem;
    }
    .cart_table .table_title {
        display: none;
    }
}
@media (max-width: 639px) {
    .about_image {
        min-height: 80vh;
        left: 10%;
    }
    .about_image .expirience {
        position: absolute;
        color: var(--white);
        bottom: 1.5rem;
        left: -10%;
        right: auto;
        width: 14rem;
        padding: var(--pad_l);
        border-radius: var(--bord_r_l);
        overflow: hidden;
    }
    .side_company {
        align-items: flex-start;
    }
    .contact_map {
        height: 20rem;
        position: relative;
        overflow: hidden;
    }
    .uk-breadcrumb > :last-child > a:not([href]), .uk-breadcrumb > :last-child > span {
        white-space: nowrap;
    }
    .uk-modal-body {
        border-radius: var(--bord_r_l);
        padding: var(--pad_l);
    }
}
@media (max-width: 525px) {
    .cart_table .table_row .table_div:nth-child(3) {
        flex-basis: 100%;
        flex-shrink: 0;
    }
    .cart_table .table_row .table_div:nth-child(5) {
        flex-shrink: 0;
        flex-basis: auto;
        padding-left: var(--pad_s);
        flex-grow: 1;
    }
    .cart_table .table_row {
        padding: var(--pad_m) 0;
    }
}
@media (max-width: 450px) {
    .hero {
        background: var(--grey);
        padding: 1.5rem 0;
    }
    .top_nav ul li:first-child {
        width: 3.25rem;
    }
    .top_nav ul li:nth-child(2) {
        width: 5rem;
    }
    .top_nav ul li:last-child {
        width: calc(100% - 8.25rem);
        padding-right: .5rem;
    }
    .slider_item_title {
        line-height: 1.25;
    }
    .hero_item p {
        line-height: 1.25;
    }
    .slider_item_content {
        gap: 1.5rem;
    }
    .about_text {
        padding: 0;
    }
    .about_text h2 {
        font-size: 2rem;
        font-weight: 700;
        margin: 0;
    }
    .services_title p {
        font-size: 2.5rem;
        width: 85%;
    }
    .about {
        padding-bottom: 1.5rem;
    }
    .contacts {
        padding: 2rem 0;
    }
    .header_container {
        flex-direction: column;
    }
    .header_container form.uk-search-navbar {
        position: relative;
        width: 100%;
    }
    .services_more {
        padding: 1.5rem 0;
        background: var(--grey);
    }
    .catalog_sort {
        border-top: 1px solid var(--grey);
        padding: 1.5rem 0;
    }
    .service_slider_item {
        padding: var(--pad_s);
    }
    .uk-lightbox .uk-thumbnav > li[uk-lightbox-item] {
        max-height: 3rem;
        max-width: 3rem;
    }
}