/*** ------- HEADER ------- ***/

header > div, .main-nav {
    padding: 0 15px;
}

header .header-phone-block a[href^="tel:"]:hover {
    color: #4768A9;
}

header .header-phones {
    align-items: center;
}

header .header-menu a {
    margin: 4px 0 0 0;
}

    header .header-menu a svg {
        margin: 0;
        max-width: 24px;
        max-height: 24px;
    }

        header .header-menu a svg path {
            stroke: none;
            fill: #263238;
            transition: fill 0.3s ease-in-out;
        }

        header .header-menu a:hover svg path {
            stroke: none;
            fill: #C62828;
        }


/*** ------- HERO SLIDER ------- ***/


.hero-slider .hero-slider-media {
    margin-right: -30px;
    width: calc(70% + 30px);
}

.hero-slider .hero-slider-notes {
    background: rgba(255,255,255,0.75);

    height: auto;

    transition: background 0.3s ease-in-out;

    right: 0;
    bottom: 0;
    position: absolute;
    z-index: 10;
}
.hero-slider .hero-slider-notes:hover {
    background: rgba(255,255,255,1);
}


/*** ------- BESTSELLERS ------- ***/


.product-card-cover {
    padding: 0 20px;
}


/*** ------- CATEGORIES LIST ------- ***/


.categories-block .category-item {
    width: calc((100% - 15px) / 2);
}


/*** ------- SINGLE PRODUCT ------- ***/


.product-breadcrumbs {
    padding: 20px 15px;
}

.product-single {
    padding: 30px 15px 50px;
    gap: 40px;
}

.product-gallery-thumbs .product-thumb {
    width: 65px;
    min-width: 65px;
    max-width: 65px;
    height: 65px;
}


/*** ------- ARCHIVE ------- ***/


.archive-layout {
    gap: 30px;
}

.archive-sidebar {
    width: 200px;
}


/*** ------- FOOTER ------- ***/


footer {
    padding: 30px 15px;
}