/*!
Theme Name: Bassline Group
Theme URI: 
Author: Bassline Group
Author URI:  https://basslinegroup.ru/
Description: 
Version: 1.0.0
Tested up to: 8.0
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: basslinegroup.ru
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

.contacts__right {

}

.contacts__social {
    margin: -15px 0;
}


.contacts__social ul {
    display: flex; 
    /* flex-direction: column; */
    align-items: center;
    column-gap: clamp(1.563rem, 1.04vw, 3.625rem);
    /* column-gap: 12px; */
}

.contacts__social li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: clamp(2.25rem, 1.88vw, 3.313rem);
    height: clamp(2.25rem, 1.88vw, 3.313rem);
    border: 1px solid rgba(255, 255, 255, 0.3);
    transition: border-color .3s ease;
}

.contacts__social li a svg {
    width: clamp(1rem, 0.83vw, 1.438rem);
    height: auto;
}

.contacts__social li a svg path {
    transition: fill .3s ease, fill-opacity .3s ease;
}

@media (hover: hover) {
    .contacts__social li a:hover {
        border-color: var(--orange); 
    }

    .contacts__social li a:hover svg path {
        fill: var(--orange);
        fill-opacity: 1;
    }
}

.contacts__social li a:active {
    border-color: var(--orange); 
}

.contacts__social li a:active svg path {
    fill: var(--orange);
    fill-opacity: 1;
}

.menu .contacts__social {
    margin-top: -10px;
    margin-bottom: clamp(1.5rem, 1.04vw, 2.75rem);
}

.technical__text span {
    color: var(--orange);
}

.cat-page {
    height: auto !important;
}

.cat-page .catalog__container {
    /* padding-bottom: 0 !important; */
}

.catalog__wrapper {
    max-width: 100% !important;
    width: 100% !important;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 20px;
}

.category-item { 
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    max-height: 100%;
}

.category-only-sub {
    height: auto !important;
}

.category-only-sub__wrapper {
    max-width: 100% !important;
    width: 100% !important;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 20px;
}

.category-prod__products .swiper-wrapper {
    width: 100%;
    max-width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    row-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
}

.product-list-item {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    opacity: 1 !important;
}

.category-services__products .swiper-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 24px;
    height: auto;
}

.services-list-item {
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}



body:not(.page-template-home-page) .category-goals {
    height: auto;
}

body:not(.page-template-home-page) .category-goals .category-goals-cat {
    min-height: auto;
    aspect-ratio: 1 / 1;
}

body:not(.page-template-home-page) .category-goals__wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    row-gap: clamp(1.125rem, 1.25vw, 2.188rem);
    /* height: auto !important; */
}

.single-product .contacts__social,
.single-services .contacts__social {
    margin-top: 0;
    margin-bottom: 0;
}

.single-services .contacts__social {
    margin-bottom: 40px;
}

.single-product .contacts__social ul,
.single-services .contacts__social ul {
    column-gap: 12px;
}

.single-services .prices {
    margin-bottom: 30px !important;
}

/* .single-services .contacts__social ul a {
    border-color: var(--white);
} */

@media (max-width: 1300px){
    .category-goals .category-goals-cat.first {
        aspect-ratio: 2 / 1 !important;
    }   
}

@media (max-width: 1100px){
    .contacts__social {
        margin: -5px 0;
    }

    .menu .contacts__social {
        margin-top: -5px;
        margin-bottom: clamp(1.5rem, 1.04vw, 2.75rem);
    }

    .contacts__social ul {
        column-gap: 15px;
    }
}

@media (max-width: 768px){
    .category-goals .category-goals-cat.first {
        aspect-ratio: 1 / 1 !important;
    }   
}