@font-face {
    font-family: 'Proxima Nova';
    src: url('/wp-content/themes/xray-union/fonts/ProximaNova-Regular.eot');
    src: local('Proxima Nova Regular'), local('ProximaNova-Regular'),
    url('/wp-content/themes/xray-union/fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
    url('/wp-content/themes/xray-union/fonts/ProximaNova-Regular.woff') format('woff'),
    url('/wp-content/themes/xray-union/fonts/ProximaNova-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Proxima Nova';
    src: url('/wp-content/themes/xray-union/fonts/ProximaNova-Semibold.eot');
    src: local('Proxima Nova Semibold'), local('ProximaNova-Semibold'),
    url('/wp-content/themes/xray-union/fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),
    url('/wp-content/themes/xray-union/fonts/ProximaNova-Semibold.woff') format('woff'),
    url('/wp-content/themes/xray-union/fonts/ProximaNova-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

/* ========== CSS VARIABLES ========== */
:root {
    --bg: #101010;
    --bg-card: #352E2A;
    /*#352E2A;*/
    --bg-card-alt: #352E2A;
    --orange: #e8621c;
    --orange-hover: #ff7a35;
    --white: #f5f5f5;
    --gray: #C6C6C6;
    --gray-dark: #2a2a2a;
    --radius: 0.75rem;
    --radius-lg: 1.25rem;
    --radius-pill: 3.125rem;
    --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);

    font-size: 16px; /* 1rem = 16px base */
}

/* ========== RESET ========== */
*, *::before, *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Proxima Nova', sans-serif;
    background: var(--bg);
    color: var(--white);
    line-height: 1.6;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
}

a {
    color: inherit;
    text-decoration: none;
}

ul {
    list-style: none;
}

img {
    display: block;
    max-width: 100%;
}

.video-overlay {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 1000;
    margin-top: -5.5cqw;
}

/* ========== LAYOUT ========== */
.container {
    width: 100%;
    /*max-width: 100%; !* 87.5rem; 1400px *!*/
    margin: 0 auto;
    padding: 0 2rem;
    container-type: inline-size;
    max-width: 1920px;
}

/* ========== HEADER ========== */
.header {
    padding: 3cqw 0;
    position: relative;
    z-index: 100;
}

.header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

/* — Nav (left) — */
.nav {
    display: flex;
    align-items: center;
    background: var(--bg-card-alt);
    backdrop-filter: blur(0.625rem);
    border-radius: var(--radius-pill);
    padding: 1cqw 1cqw;
    gap: 1cqw;
}

.nav__link {
    padding: 0 1cqw;
    font-size: 1.2cqw;
    color: var(--gray);
    transition: color var(--transition);
    white-space: nowrap;
}

.nav__link:hover {
    color: var(--white);
}

.nav__link--cta {
    background: var(--orange);
    color: var(--white);
    border-radius: var(--radius-pill);
    padding: 0.5rem 1.25rem;
    transition: background var(--transition);
}

.nav__link--cta:hover {
    background: var(--orange-hover);
    color: var(--white);
}

/* — Logo (center) — */
.logo-pc {
    position: absolute;
    left: calc(50vw - 8cqw);
    top: 1.2cqw;
    width: 16cqw;
    text-align: center;
}

.logo__img {
    max-width: 6cqw;
    margin: auto;
}

.logo-pc small {
    font-size: 1.3cqw;
    line-height: 1.2 !important;
    display: block;
    margin: 1cqw 0;
    font-weight: 600;
    color: var(--gray);
}

.logo-pc small span {
    color: var(--orange);
}

/* — Right actions — */
.header__actions {
    display: flex;
    align-items: center;
    gap: 1cqw;
}

.lang-btn {
    display: flex;
    align-items: center;
    gap: 0.5cqw;
    background: var(--bg-card-alt);
    backdrop-filter: blur(0.625rem);
    border: none;
    color: var(--white);
    font-size: 1.2cqw;
    padding: 0.75cqw 1cqw;
    border-radius: var(--radius-pill);
    cursor: pointer;
    transition: background var(--transition);
    line-height: unset;
}

.lang-btn:hover {
    background: rgba(255, 255, 255, 0.12);
}

.lang-btn svg {
    width: 1.5cqw;
    height: 1.5cqw;
}

.price-btn, #catalogMoreBtn {
    display: inline-flex;
    align-items: center;
    gap: 0.5cqw;
    background: transparent;
    border: 0.0625rem solid var(--orange);
    color: var(--orange);
    font-family: inherit;
    font-size: 1.2cqw;
    padding: 0.75cqw 2cqw;
    border-radius: var(--radius-pill);
    cursor: pointer;
    transition: background var(--transition), color var(--transition);
    white-space: nowrap;
    text-decoration: none;
}

.price-btn:hover {
    background: var(--orange);
    color: var(--white);
}

/* — Burger — */
.burger {
    display: none;
    flex-direction: column;
    gap: 0.3125rem;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    z-index: 200;
}

.burger span {
    display: block;
    width: 1.625rem;
    height: 0.125rem;
    background: var(--white);
    border-radius: 0.125rem;
    transition: transform var(--transition), opacity var(--transition);
}

.burger.active span:nth-child(1) {
    transform: rotate(45deg) translate(0.3125rem, 0.3125rem);
}

.burger.active span:nth-child(2) {
    opacity: 0;
}

.burger.active span:nth-child(3) {
    transform: rotate(-45deg) translate(0.3125rem, -0.3125rem);
}

/* ========== HERO ========== */
#videoStatic {
    position: relative;
}

#videoStatic video {
    width: 100%;
    /*padding: 1cqw 0;*/
}

.video-controls {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0;
    background: #dac6c626;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 99px;
    transition: opacity 0.25s ease;
    z-index: 10;
    bottom: 20px;
}

.video-controls button {
    background: transparent;
    border: 0;
    padding: .5cqw;
}

.video-controls button svg {
    width: 1.5cqw;
    height: 1.5cqw;
}

.video-overlay video {
    border-radius: 16px;
    object-fit: contain;
    display: block;
    width: 100%;
    height: 100%;
}

#videoContainer {
    position: relative;
}

/*.video-container:hover .video-controls,*/
/*.video-controls:focus-within {*/
/*    opacity: 1;*/
/*}*/

.hero {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}

.hero__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 3rem;
    padding: 3cqw 0;
}

.hero__content {
    max-width: 36vw;
}

.hero__title {
    font-size: 3.5cqw;
    line-height: 1.2;
    margin-bottom: 1cqw;
}

.hero__title span {
    color: var(--orange);
    display: block;
}

.hero__desc {
    color: var(--white);
    line-height: 1.45;
    font-size: 1.5cqw;
    max-width: 23cqw;
}

/* — Category links (right side) — */
.hero__categories {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.5cqw;
}

.cat-link {
    font-size: 1.8cqw;
    color: var(--white);
    border-bottom: 0.125rem dotted rgba(255, 255, 255, 0.5);
    margin: 0.2cqw 0;
    transition: color var(--transition), border-color var(--transition);
    text-decoration: dashed !important;
    line-height: 1.4;
}

.cat-link:hover {
    color: var(--orange);
    border-color: var(--orange);
}

/* ========== BOTTOM SECTION ========== */
.bottom {
    padding: 3rem 0 3rem;
}

.bottom__header {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-bottom: 1cqw;
    width: 35cqw;
    justify-content: space-between;
}

.bottom__label {
    font-size: 1.2cqw;
    color: var(--white);
}

.slider-arrows {
    display: flex;
    gap: 0.5rem;
}

.slider-arrow {
    width: 3cqw;
    height: 3cqw;
    border-radius: 50%;
    border: 0.0625rem solid rgba(255, 255, 255, 0.2);
    background: transparent;
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: border-color var(--transition), background var(--transition);
    font-size: 1.2cqw;
}

.slider-arrow:hover {
    border-color: var(--orange);
    background: rgba(232, 98, 28, 0.1);
}

.bottom__grid {
    display: flex;
    justify-content: space-between;
    padding-bottom: 3cqw;
}

/* — Product slider area — */
.products-slider {
    min-width: 0;
    overflow: hidden;
    width: 35cqw;
}

.product-card__info h3, .product-card__info li {
    white-space: nowrap;
}

.products-track {
    display: flex;
    gap: 1.25rem;
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    height: 100%;
}

/* — Product Card — */
.product-card {
    flex: 0 0 100%;
    display: flex;
    align-items: center;
    gap: 1.5rem;
    background: var(--bg-card);
    border: 0.0625rem solid rgba(255, 255, 255, 0.08);
    border-radius: var(--radius-lg);
    padding: 1.25rem 1.5rem;
    transition: border-color var(--transition);
}

.product-card:hover {
    border-color: rgba(232, 98, 28, 0.3);
}

.product-card__img {
    width: 12cqw;
    height: 11cqw;
    border-radius: var(--radius);
    background: #111;
    object-fit: cover;
    object-position: right;
}

.product-card__info {
    flex: 1;
    min-width: 0;
}

.product-card__name {
    font-size: 1.4cqw;
    margin-bottom: 0.5cqw;
}

.products-slider .product-card ul {
    display: flex;
    flex-direction: column;
    gap: 0.3125rem;
}

.products-slider .product-card li {
    font-size: 1.2cqw;
    color: var(--white);
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
}

.products-slider .product-card li::before {
    content: '•';
    color: var(--orange);
    font-size: 0.75rem;
}

/* — About card — */
.about-card {
    width: 25cqw;
    flex-shrink: 0;
    background: var(--bg-card);
    border: 0.0625rem solid rgba(255, 255, 255, 0.08);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1rem;
    transition: border-color var(--transition);
}

.about-card:hover {
    border-color: rgba(232, 98, 28, 0.3);
}

.about-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0.35cqw;
}

.avatars {
    display: flex;
}

.avatars__img {
    width: 2.5cqw;
    height: 2.5cqw;
    border-radius: 50%;
    border: 0.125rem solid var(--bg-card);
    object-fit: cover;
}

.avatars__img + .avatars__img {
    margin-left: -0.625rem;
}

.about-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--orange);
    font-size: 1.2cqw;
    transition: color var(--transition);
}

.about-link:hover {
    color: var(--orange-hover);
}

.about-link__arrow {
    width: 2.25cqw;
    height: 2.25cqw;
    background: var(--orange);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    transition: background var(--transition);
}

.about-link:hover .about-link__arrow {
    background: var(--orange-hover);
}

.about-card__text {
    font-size: 1.2cqw;
    color: var(--white);
    line-height: 1.4;
}

/* ========== MOBILE OVERLAY NAV ========== */
.mobile-nav {
    position: fixed;
    inset: 0;
    background: #10101096;
    backdrop-filter: blur(1rem);
    z-index: 11111150;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 1.5rem;
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--transition);
    top: 90px;
    height: calc(100% - 90px);
    padding-top: 15%;
}

.mobile-nav.open {
    opacity: 1;
    pointer-events: auto;
}

.mobile-nav a {
    font-size: 2rem;
    transition: color var(--transition);
}

.mobile-nav a:hover {
    color: var(--orange);
}

.mobile-nav .nav__link--cta {
    font-size: 1.25rem;
    padding: 0.75rem 2rem;
    margin-top: 0.5rem;
}

.price-btn > span {
    display: flex;
    align-items: center;
}

.price-btn > span svg {
    width: 1.2cqw;
}

.price-btn > span svg path {
    fill: var(--orange);
}

.price-btn:hover > span svg path {
    fill: var(--white);
}

.slider-arrow svg {
    width: 1.2cqw;
}

.about-link__arrow svg {
    width: 1cqw;
}

/* ========== LANG SWITCHER ========== */
.lang-switcher {
    position: relative;
}

.lang-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    margin-top: 0.5cqw;
    background: var(--bg-card);
    border: 0.0625rem solid rgba(255, 255, 255, 0.12);
    border-radius: var(--radius-pill);
    min-width: 100%;
    z-index: 200;
}

.lang-dropdown.open {
    display: block;
}

.lang-dropdown li {
    list-style: none;
}

.lang-dropdown a {
    display: block;
    padding: 0.7cqw 1cqw;
    font-size: 1.2cqw;
    color: var(--gray);
    text-transform: uppercase;
    white-space: nowrap;
    text-align: center;
    transition: color var(--transition), background var(--transition);
}

.lang-dropdown a:hover {
    color: var(--white);
    background: rgba(255, 255, 255, 0.06);
}

p#breadcrumbs {
    padding: .5cqw 0;
    font-size: 1cqw;
}


table tr:first-child td {
    border-top: 0 !important;
    font-size: 1.6cqw;
}

table tr:last-child td {
    border-bottom: 0 !important;
}

table tr:nth-child(2n) {
    background: #ffffff17;
}

table td {
    padding: 1cqw !important;
    border: none !important;
    font-size: 1cqw;
}

a.price-btn.filled {
    margin: auto;
    background: var(--orange);
    color: var(--white);
}

.price-btn.filled > span svg path {
    fill: var(--white);
}

a.price-btn.filled:hover > span svg path {
    fill: var(--orange);
}

a.price-btn.filled:hover {
    background: transparent;
    color: var(--orange);
}

/* ========== MAP ========== */

.custom-map-pin {
    background: none !important;
    border: none !important;
}

/* ========== CONTACTS GRID ========== */
.contacts-grid {
    display: flex;
    align-items: flex-start;
    gap: 5rem;
    padding: 1cqw 0 4cqw;
    max-width: 700px;
}

.contacts-grid__col h3 {
    font-size: 1.8cqw;
    margin-bottom: 0.5cqw;
    color: var(--orange);
}

.contacts-grid__col p {
    font-size: 1.2cqw;
    color: var(--white);
    line-height: 1.6;
}

.contacts-grid__col a {
    color: var(--white);
    text-decoration: none;
    transition: var(--transition);
}

.contacts-grid__col a:hover {
    color: var(--orange);
}

/* ========== ANIMATIONS ========== */
/*@keyframes fadeUp {*/
/*    from {*/
/*        opacity: 0;*/
/*        transform: translateY(1.25rem);*/
/*    }*/
/*    to {*/
/*        opacity: 1;*/
/*        transform: translateY(0);*/
/*    }*/
/*}*/

/*.fade-up {*/
/*    animation: fadeUp 0.7s ease forwards;*/
/*    opacity: 0;*/
/*}*/

/*.fade-up--d1 {*/
/*    animation-delay: 0.1s;*/
/*}*/

/*.fade-up--d2 {*/
/*    animation-delay: 0.25s;*/
/*}*/

/*.fade-up--d3 {*/
/*    animation-delay: 0.4s;*/
/*}*/

/*.fade-up--d4 {*/
/*    animation-delay: 0.55s;*/
/*}*/

/*.fade-up--d5 {*/
/*    animation-delay: 0.7s;*/
/*}*/

.logo-mobile {
    display: none;
}

/* ========== RESPONSIVE ========== */

.full-width-slider {
    background: var(--bg);
    padding: 1cqw 0 3cqw;
}

.full-width-slider img {
    object-fit: cover;
    object-position: center;
    max-height: 70vh;
    width: 100%;
}

.full-width-slider .slider-arrows {
    text-align: center;
    justify-content: center;
    margin: 1.8cqw 0;
}

.slider_content h2 {
    margin: 1.5cqw 0 0;
}

.slider_content h2 strong {
    color: var(--orange);;
}

.slider_content p, .photo-gallery-section .full-width-slider p {
    max-width: 50%;
    margin: 0 0 0.8cqw 0;
    font-size: 1.2cqw;
}

.slider_content p strong, .photo-gallery-section .full-width-slider p strong {
    font-size: 1.6cqw;
}

.main-slider {
    margin: 3cqw 0;
    border-radius: 2cqw;
    overflow: hidden;
}

.main-text-content {
    background: var(--bg);
    padding: 0 20cqw 3cqw;
}

.main-text-content h2 {
    font-size: 3.5cqw;
    margin: 1cqw 0;
}

.main-text-content h3 {
    font-size: 3cqw;
    margin: 3cqw 0 1cqw;
}

.main-text-content ul {
    list-style: disc;
    padding: 0 2cqw;
}

.main-text-content p, .main-text-content li {
    font-size: 2cqw;
    margin: 1cqw 0;
}

.main-text-content li {
    margin: 0.5cqw 0;
}

footer {
    background: #000;
    padding: 5cqw 0 2cqw;
    border-top: 1px solid var(--orange);
}

.footer_content {
    display: flex;
    justify-content: space-between;
}

footer .col {
    width: 24%;
}

footer .col:first-child {
    width: 14%;
}

footer .col:nth-child(2) {
    width: 34%;
}

footer .contact_line {
    padding: 0 0 1.6cqw;
}

footer .contact_line small {
    font-size: 1cqw;
}

footer .contact_line p {
    font-size: 1.2cqw;
    max-width: 88%;
}

.col.logo a {
    display: flex;
    /*justify-content: center;*/
    padding: 0 2cqw;
}

.top_sales_nav_menu h4 {
    font-size: 1.6cqw;
}

.top_sales_nav_menu a {
    font-size: 1.2cqw;
    padding: 0.75cqw 0 0;
    display: block;
}

.col.main_nav_menu a {
    font-size: 1.4cqw;
    display: block;
    padding: 0 0 .75cqw;
}

.footer_outro {
    padding: 4cqw 0 0;
    display: flex;
    gap: .5cqw;
    flex-direction: column;
    font-size: 1cqw;
}

.price-btn.filled {
    background: var(--orange);
    color: var(--white);
}

.cta_banner .price-btn.filled {
    padding: 1cqw 2.5cqw;
}

.cta_banner .price-btn.filled:hover, #catalogMoreBtn.price-btn:hover {
    background: transparent;
    color: var(--orange);
}

.cta_banner .price-btn.filled:hover svg path, #catalogMoreBtn.price-btn:hover svg path {
    fill: var(--orange);
}

.lngs_mobile {
    display: flex;
    gap: 6cqw;
    margin: 7cqw 0;
}

.lngs_mobile a {
    font-size: 5cqw;
    text-transform: uppercase;
}

.cta.cta-category {
    padding: 1cqw 0 7cqw;
}

.main-text-content.main-text-content-category {
    padding: 6cqw 20cqw 3cqw;
}

h1 {
    line-height: 130%;
}

.catalog_category h1 {
    margin: 2cqw 0 2.5cqw;
}

.catalog__card.links.hero__categories {
    justify-content: center;
    align-items: center;
}

.full-width-slider h2, .photo-gallery-section .full-width-slider h1 {
    font-size: 3cqw;
    color: var(--white);
    font-weight: 600;
    text-align: left;
    width: 100%;
}

.full-width-slider h2 span, .photo-gallery-section .full-width-slider h1 span {
    color: var(--orange);
}

.page_content {
    padding: 3cqw 0;
    max-width: 700px;
}

.page_content h1 {
    padding: 0 0 2cqw;
}

.page_content h1 em {
    color: var(--orange);
    font-style: normal;
}

.photo-gallery-section .full-width-slider h1 {
    margin-bottom: 1cqw;
}

.photo-gallery-section .full-width-slider {
    padding-bottom: 0;
}

@media (max-width: 1050px) {
    .full-width-slider h2, .photo-gallery-section .full-width-slider h1 {
        font-size: 4cqw;
    }

    .products-slider, .bottom__header {
        width: 36cqw;
    }

    .contacts-grid__col p {
        font-size: 2.2cqw;
    }
}

@media (max-width: 768px) {
    .full-width-slider h2, .photo-gallery-section .full-width-slider h1 {
        font-size: 6cqw;
    }

    .catalog_category h1 {
        margin: 3cqw 0 4.5cqw;
    }

    .facts.facts-category {
        padding: 7cqw 0 0;
    }

    .main-text-content.main-text-content-category {
        padding: 9cqw 0cqw 3cqw;
    }

    .cta.cta-category {
        padding: 1cqw 0 12cqw;
    }

    .slider-arrow svg {
        width: 2.2cqw;
    }

    .header {
        padding: 1cqw 0;
    }

    .logo-pc {
        display: none;
    }

    .logo-mobile {
        display: block;
    }

    .lang-switcher {
        display: none;
    }

    .hero__content {
        max-width: 100%;
    }

    .hero__desc {
        font-size: 2.5cqw;
        max-width: 390px;
    }

    .hero__title {
        font-size: 6cqw;
        line-height: 1.2;
        margin-bottom: 2cqw;
    }

    .header__actions {
        display: flex;
        flex-direction: row-reverse;
        width: 100%;
        justify-content: space-between;
    }

    .products-slider, .bottom__header {
        width: 100%;
    }

    .container {
        padding: 0 1.25rem;
    }

    /* Header */
    .nav, .header__actions .lang-btn {
        display: none;
    }

    .burger {
        display: flex;
    }

    .header__actions {
        gap: 0.5rem;
    }

    .price-btn, #catalogMoreBtn {
        font-size: 2.5cqw;
        padding: 0.5rem 1rem;
        gap: 2cqw;
    }

    /* Hero */
    .hero {
        padding: 1rem 0 1.5rem;
    }

    .bottom__label {
        font-size: 2.2cqw;
    }

    .slider-arrow {
        width: 6cqw;
        height: 6cqw;
        font-size: 2.2cqw;
    }

    .hero__inner {
        flex-direction: column;
        gap: 2rem;
        align-items: flex-start;
        padding: 3cqw 0 6cqw;
    }

    .hero__categories {
        align-items: flex-start;
        gap: 0.75rem;
        padding-top: 0;
    }

    .cat-link {
        font-size: 1.125rem;
    }

    /* Bottom */
    .bottom__grid {
        flex-direction: column;
    }

    .about-card {
        width: 100%;
    }

    .product-card__img {
        aspect-ratio: 1;
        max-height: unset;
        width: 25cqw;
        height: 23cqw;
    }

    .products-slider .product-card li {
        font-size: 3.5cqw;
    }

    .product-card__name {
        font-size: 2.4cqw;
        margin-bottom: 1cqw;
    }

    .product-card__spec {
        font-size: 2cqw;
    }

    .products-slider {
        width: 100%;
        padding-bottom: 3cqw;
    }

    .bottom__header {
        margin-bottom: 2cqw;
    }

    .about-card__text {
        font-size: 2.2cqw;
    }

    .avatars__img {
        width: 5cqw;
        height: 5cqw;
    }

    .about-link {
        font-size: 2.4cqw;
        gap: 1.5cqw;
    }

    .about-link__arrow {
        width: 5cqw;
        height: 5cqw;
    }

    .video-controls button svg {
        width: 3cqw;
        height: 3cqw;
    }

    .video-controls {
        padding: 6px 10px 4px;
    }

    .hero__inner {
        /*padding: 10cqw 0;*/
    }

    .header__actions {
        flex-direction: row;
    }

    .contacts-grid__col h3 {
        font-size: 3cqw;
    }

    .contacts-grid__col p {
        font-size: 2.4cqw;
    }

    p#breadcrumbs {
        padding: 3cqw 0 1cqw;
        font-size: 2cqw;
    }

    .price-btn > span svg {
        width: 2.5cqw;
    }

    .slider_content p, .photo-gallery-section .full-width-slider p {
        max-width: 100%;
        font-size: 2.5cqw;
        margin: 2cqw 0 2cqw 0;
    }

    .slider_content p strong, .photo-gallery-section .full-width-slider p strong {
        font-size: 4cqw;
        line-height: 140%;
    }

    .full-width-slider {
        padding: 7cqw 0 7cqw;
    }

    .full-width-slider .slider-arrows {
        margin: 3cqw 0;
    }

    .main-text-content {
        padding: 0 0cqw 3cqw;
    }

    .main-text-content h2 {
        font-size: 4cqw;
        margin: 1cqw 0;
    }

    .main-text-content h3 {
        font-size: 3.5cqw;
        margin: 3.5cqw 0 1cqw;
    }

    .main-text-content p, .main-text-content li {
        font-size: 2.5cqw;
        margin: 1cqw 0;
    }

    .main-text-content li {
        margin: 0.5cqw 0;
    }

    footer {
        padding: 7cqw 0;
    }

    footer .col {
        width: 48% !important;
    }

    .footer_content {
        flex-wrap: wrap;
        gap: 4cqw;
    }

    footer .contact_line small {
        font-size: 2cqw;
    }

    footer .contact_line p {
        font-size: 2.4cqw;
        max-width: 88%;
    }

    .top_sales_nav_menu h4 {
        font-size: 2.8cqw;
    }

    .col.main_nav_menu a {
        font-size: 2.8cqw;
    }

    .top_sales_nav_menu a {
        font-size: 2.2cqw;
        padding: 1.5cqw 0 0;
        display: block;
    }

    .footer_outro {
        font-size: 2cqw;
        flex-direction: revert;
        justify-content: space-between;
        padding: 6cqw 0 0;
    }

    .footer_outro p, .footer_outro a {
        width: 48%;
    }

    .contacts-grid {
        max-width: 100%;
        display: grid;
        gap: 2rem;
        padding: 5cqw 0 10cqw;
    }
}

@media (max-width: 590px) {
    .full-width-slider h2, .photo-gallery-section .full-width-slider h1 {
        font-size: 7cqw;
    }

    .video-controls button svg {
        width: 5cqw;
        height: 5cqw;
    }

    .header {
        padding: 3cqw 0;
    }

    .logo__img {
        max-width: 11cqw;
    }

    .price-btn span.price-btn__text {
        font-size: 4cqw;
    }

    .hero__title {
        font-size: 9cqw;
    }

    .hero__desc {
        font-size: 4.5cqw;
    }

    .cat-link {
        font-size: 5cqw;
    }

    .bottom__header {
        margin-bottom: 4cqw;
    }

    .bottom__label {
        font-size: 4cqw;
    }

    .slider-arrow {
        width: 10cqw;
        height: 10cqw;
        font-size: 3.5cqw;
    }

    .slider-arrow svg {
        width: 3.2cqw;
    }

    .about-link__arrow svg {
        width: 4cqw;
    }

    .product-card__img {
        width: 30%;
    }

    .product-card__name {
        font-size: 4cqw;
    }

    .product-card__spec {
        font-size: 3.2cqw;
        gap: 1.5cqw;
    }

    .products-slider {
        padding-bottom: 6cqw;
    }

    .avatars__img {
        width: 10cqw;
        height: 10cqw;
    }

    .about-link {
        font-size: 4.5cqw;
        gap: 2.5cqw;
    }

    .about-card__text {
        font-size: 4.5cqw;
    }

    .about-link__arrow {
        width: 10cqw;
        height: 10cqw;
    }

    .contacts-grid {
        grid-template-columns: 1fr;
    }

    .contacts-grid__col h3 {
        font-size: 5cqw;
    }

    .contacts-grid__col p {
        font-size: 4.5cqw;
    }

    p#breadcrumbs {
        padding: 4cqw 0 1cqw;
        font-size: 3cqw;
    }

    .slider_content p, .photo-gallery-section .full-width-slider p {
        max-width: 100%;
        font-size: 4.5cqw;
        margin: 3cqw 0 3cqw 0;
    }

    .slider_content p strong, .photo-gallery-section .full-width-slider p strong {
        font-size: 6cqw;
        line-height: 140%;
        margin: 5cqw 0;
    }

    .full-width-slider {
        padding: 7cqw 0 7cqw;
    }

    .full-width-slider .slider-arrows {
        margin: 5cqw 0;
    }

    .main-text-content {
        padding: 3cqw 0cqw 7cqw;
    }

    .main-text-content h2 {
        font-size: 6cqw;
        line-height: 140%;
        margin: 1cqw 0;
    }

    .main-text-content h3 {
        font-size: 5cqw;
        margin: 7cqw 0 2.5cqw;
    }

    .main-text-content p, .main-text-content li {
        font-size: 4.5cqw;
        margin: 2cqw 0;
    }

    .main-text-content li {
        margin: 1cqw 0;
    }

    footer {
        padding: 10cqw 0;
    }

    .footer_content {
        gap: 9cqw;
    }

    footer .col {
        width: 100% !important;
    }

    .col.logo a {
        justify-content: center;
    }

    footer .contact_line small {
        font-size: 4cqw;
    }

    footer .contact_line p {
        font-size: 4.8cqw;
        margin: .5cqw 0 3.5cqw;
    }

    .col.logo img {
        max-width: 20cqw;
        margin: 5cqw 0;
    }

    .top_sales_nav_menu h4, .col.main_nav_menu a {
        font-size: 5cqw;
    }

    .col.main_nav_menu a {
        padding: 0 0 2.5cqw;
    }

    .top_sales_nav_menu a {
        font-size: 4cqw;
        display: block;
    }

    .footer_outro {
        font-size: 4cqw;
        padding: 8cqw 0 4cqw;
    }

    .footer_outro p, .footer_outro a {
        width: auto;
    }

    footer .contact_line:last-child p {
        margin-bottom: 0;
    }

    .main-slider {
        margin: 6cqw 0 3cqw;
    }
}