/*
Version: 1.5 
.
.
.
*/

@import url('https://fonts.googleapis.com/css2?family=Funnel+Sans:ital,wght@0,300..800;1,300..800&family=Geist:wght@100..900&family=Host+Grotesk:ital,wght@0,300..800;1,300..800&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

.reset_variations {
    display: none !important;
}

.price {
    display: none !important;
}

.painted {
    display:none;
}

/* product description margin */

.sinks>div:last-of-type {
    margin-bottom: 50px;
}

@media screen and (max-width: 800px) {
    .sinks>div:last-of-type {
        margin-bottom: 25px;
    }
}

.bathsinks>div {
    margin: 0;
}

.taps>div:last-of-type {
    margin-bottom: 50px;
}

@media screen and (max-width: 800px) {
    .taps>div:last-of-type {
        margin-bottom: 25px;
    }
}

.filters {
    margin: 50px 0;
}

@media screen and (max-width: 800px) {
    .filters {
        margin: 25px 0;
    }
}

.disposers {
    margin: 50px 0;
}

@media screen and (max-width: 800px) {
    .disposers {
        margin: 25px 0;
    }
}

.arm>div:last-of-type {
    margin: 50px 0;
}

@media screen and (max-width: 800px) {
    .arm>div:last-of-type {
        margin: 25px 0;
    }
}

.dry>div:last-of-type {
    margin: 50px 0;
}

@media screen and (max-width: 800px) {
    .dry>div:last-of-type {
        margin: 25px 0;
    }
}

.drypro>div:last-of-type {
    margin: 50px 0;
}

@media screen and (max-width: 800px) {
    .drypro>div:last-of-type {
        margin: 25px 0;
    }
}

.vstraivaemaya-sushka-dlya-posudy>div:last-of-type {
    margin: 50px 0;
}

@media screen and (max-width: 800px) {
    .vstraivaemaya-sushka-dlya-posudy>div:last-of-type {
        margin: 25px 0;
    }
}

.fordisp>div:last-of-type {
    margin: 50px 0;
}

@media screen and (max-width: 800px) {
    .fordisp>div:last-of-type {
        margin: 25px 0;
    }
}

.dlya-smesitelej>div:last-of-type {
    margin: 50px 0;
}

@media screen and (max-width: 800px) {
    .dlya-smesitelej>div:last-of-type {
        margin: 25px 0;
    }
}

.dispensers>div:last-of-type {
    margin: 50px 0;
}

@media screen and (max-width: 800px) {
    .dispensers>div:last-of-type {
        margin: 25px 0;
    }
}

.colanders>div:last-of-type {
    margin: 50px 0;
}

@media screen and (max-width: 800px) {
    .colanders>div:last-of-type {
        margin: 25px 0;
    }
}

.kontejnery>div:last-of-type {
    margin: 50px 0;
}

@media screen and (max-width: 800px) {
    .kontejnery>div:last-of-type {
        margin: 25px 0;
    }
}

.cutboard>div:first-of-type {
    margin-top: 50px;
}

@media screen and (max-width: 800px) {
    .cutboard>div:first-of-type {
        margin-top: 25px;
    }
}

.cutboard>div:last-of-type {
    margin-bottom: 50px;
}

@media screen and (max-width: 800px) {
    .cutboard>div:last-of-type {
        margin-bottom: 25px;
    }
}

.rolls>div:first-of-type {
    margin-top: 50px;
}

@media screen and (max-width: 800px) {
    .rolls>div:first-of-type {
        margin-top: 25px;
    }
}

.rolls>div:last-of-type {
    margin-bottom: 50px;
}

@media screen and (max-width: 800px) {
    .rolls>div:last-of-type {
        margin-bottom: 25px;
    }
}

.omoikiri-home>div:last-of-type {
    margin: 50px 0;
}

@media screen and (max-width: 800px) {
    .omoikiri-home>div:last-of-type {
        margin: 25px 0;
    }
}

/* product description margin */

/* карточка товара стандарт */

.product_card {
    height: auto;
    background-color: var(--secondary-grey);
    padding: 50px;
    overflow: hidden;
}

@media screen and (max-width: 1500px) {
    .product_card {
        height: auto;
    }
}

@media screen and (max-width: 1300px) {
    .product_card {
        height: auto;
    }
}

@media screen and (max-height: 1000px) {
    .product_card {
        height: auto;
    }
}

@media screen and (max-width: 800px) {
    .product_card {
        padding: 25px 0;
    }

    .product_card h1 {
        margin-bottom: 5px;
    }
}

.card_grid {
    max-width: 1920px;
    margin: 0 auto;
    overflow: hidden;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    padding: 0 100px;
    gap: 150px;
}

@media screen and (max-width: 1920px) {
    .card_grid {
        padding: 0 50px;
    }
}

@media screen and (max-width: 1500px) {
    .card_grid {
        padding: 0;
        gap: 50px;
    }
}

@media screen and (max-width: 1300px) {
    .card_grid {
        flex-direction: column;
        gap: 25px;
    }
}

@media screen and (max-width: 800px) {
    .card_grid {
        padding: 0 25px;
    }
}

.card_grid_half {
    float: left;
    display: flex;
    flex-direction: column;
    gap: 50px;
    position: relative;
}

.card_grid_half:last-of-type {
    width: 700px;
    gap: 25px;
    justify-content: space-around;
}

.product_cat-taps .card_grid_half:last-of-type {
    width: 700px;
    gap: 25px;
    justify-content: start;
}

@media screen and (max-width: 1300px) {
    .card_grid_half {
        gap: 25px;
    }

    .product_cat-taps .card_grid_half:last-of-type {
        width: 100%;
    }

    .card_grid_half:last-of-type {
        width: 100%;
    }
}

.bread {
    width: 100%;
}

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

.bread a {
    border-bottom: 1px solid var(--primary-black);
    cursor: pointer;
    font-family: var(--medium-font);
    transition-duration: .3s;
}

.bread a:hover {
    color: var(--hover-link);
    border-bottom: 1px solid var(--hover-link);
    transition-duration: .5s;
}

.prod_image {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    max-height: 100%;
    position: relative;
    overflow: hidden;
    height: 60vh;
    width: 700px;
}

.func {
    display: flex;
    gap: 15px;
    flex-direction: row;
    position: absolute;
    right: 0;
}

.bread .pvd,
.bread .nano {
    padding: 12px 15px 10px 15px;
    border-radius: 20px;
    display: none;
    background-color: var(--primary-black);
    color: #fff;
    font-size: 15px;
}

.prod_image>img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
    max-width: 100%;
    max-height: 100%;
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
}

.prod_image img.hidden {
    opacity: 0;
}

.woocommerce img,
.woocommerce-page img {
	object-fit: cover;
}

@media screen and (max-width: 1550px) {
    .prod_image {
        width: 600px;
    }
}

@media screen and (max-width: 1300px) {
    .prod_image {
        width: 100%;
        height: 500px;
    }

    .prod_image>img {
        width: auto;
    }
}

@media screen and (max-width: 800px) {
    .prod_image {
        height: 270px;
    }
}

.card_colors {
    grid-row: 3;
    grid-column: 2;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.card_colors>span {
    font-family: var(--title-font);
    font-size: 26px;
    text-transform: uppercase;
    text-decoration: underline;
    text-decoration-color: var(--primary-grey);
    text-decoration-thickness: 3px;
    text-underline-offset: 5px;
    padding-bottom: 2px;
}

.variations_form {
    grid-column: 1;
    grid-row: 2;
}

.thwvs-acclabel {
    display: none;
    visibility: hidden;
}

.thwvs-wrapper-ul {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	padding: 5px 0;
}

@media screen and (max-width: 500px) {
    .thwvs-wrapper-ul {
        gap: 10px;
    }
}

.thwvs-image-li img {
	display: block;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	border: 1px solid var(--secondary-grey);
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

@media screen and (max-width: 800px) {
    .thwvs-image-li img {
        width: 30px;
        height: 30px;
    }
}

.thwvs-wrapper-item-li {
	cursor: pointer;
	border: 0;
}

.thwvs-selected img {
	outline: 1px solid var(--primary-grey);
	box-sizing: border-box;
	transition-duration: .01s;
	aspect-ratio: auto !important;
}

.second_image_cont {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

@media screen and (max-width: 1300px) {
    .second_image_cont {
        display: none;
    }
}

/* доп ракурсы мойки */

.second_image {
    width: 100%;
    height: 30vh;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
}

.second_image img {
    max-height: 30vh;
    object-fit: contain;
    display: none;
    opacity: 0;
    transition: opacity 0.3s;
    object-position: center;
}

.second_image img.active {
    display: block;
    opacity: 1;
}

/* доп ракурсы мойки */

/* доп ракурсы смесители */

.second_pics {
    width: 100%;
    height: 50vh;
    display: flex;
    position: relative;
    justify-content: center;
    flex-direction: column;
    gap: 100px;
}

.second_pics img {
    background-color: #f6f6f6;
}

@media screen and (max-height: 1000px) {
    .second_pics {
        height: auto;
        gap: 50px;
    }

    .second_pics img {
        max-width: 60%;
    }
}

/* доп ракурсы смесители */

.card_info {
    grid-column: 1;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.card_title>.sku {
    font-family: var(--light-font);
    font-size: var(--p-big);
}

@media screen and (max-width: 800px) {
    .card_title>.sku {
        font-size: var(--p-mid);
    }
}

.card_actions {
    display: flex;
    gap: 25px;
    align-items: center;
    flex-wrap: wrap;
}

.card_actions>.rrc {
    font-family: 'Lato';
    font-weight: 900;
    background-color: var(--primary-black);
    color: var(--white);
    font-size: 22px;
    padding: 7px 15px 8px 18px;
    display: flex;
    gap: 3px;
    align-items: center;
    border-radius: 35px;
    letter-spacing: .8px;
}

.card_actions>.rrc>img {
    height: 17px;
}

.sale-price {
    display: flex;
    align-items: center;
}

.regular-price {
	font-family: 'Lato';
	font-weight: 400;
	letter-spacing: .8px;
	font-size: 19px;
	color: var(--hover-link);
	padding-right: 5px;
}

#add-to-favorites {
    width: auto;
    background-position: left;
    padding-left: 32px;
    text-align: left;
    font-family: 'GothamProMedium';
    font-size: 13px;
    height: 24px;
    border: none;
    cursor: pointer;
    background-size: 24px;
}

.fav_button .add-to-favorites {
    background: url(/wp-content/themes/twentynineteen/img/default/heart_red.svg) no-repeat center center;
    color: var(--hover-link);
}

.remove-from-favorites {
    background: url(/wp-content/themes/twentynineteen/img/default/heart2.svg) no-repeat center center;
    color: var(--primary-black);
}

.card_actions>.pin>a {
    border-bottom: 1px solid var(--primary-black);
    align-self: center;
}

.pin {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pin img {
    height: 24px;
    object-fit: contain;
}

.pin>a>span {
    display: block;
    font-family: 'GothamProMedium';
    font-size: 13px;
    cursor: pointer;
}

/* карточка товара стандарт */

/* карточка товара фильтр */

.prod_description {
    margin-top: 20px;
    line-height: 1.3em;
}

.prod_description p {
    margin-bottom: 15px;
}

.prod_description ul {
    padding-left: 17px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.prod_description strong {
    font-family: 'GothamProMedium';
    font-size: 14px;
}

.prod_description p strong {
    font-family: 'GothamProMedium';
    font-size: 14px;
}

/* карточка товара фильтр */

/* карточка товара аксессуары */

.product_card_acs {
    height: auto;
}

.product_card_acs>.card_grid>.card_grid_half>.prod_image {
    height: 50vh;
    width: 600px;
}

@media screen and (max-width: 800px) {
    .product_card_acs>.card_grid>.card_grid_half>.prod_image {
        height: 300px;
    }
}

.product_card_acs>.card_grid>.card_grid_half>.prod_image>img {
    top: auto;
    left: auto;
    transform: none;
}

.product_card_acs>.card_grid>.card_grid_half:last-of-type {
    justify-content: flex-start;
}

@media screen and (max-width: 1300px) {
    .product_card_acs .card_grid_half:first-of-type {
        align-items: center;
    }
}

/* карточка товара аксессуары */

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

.attribute_pa_knife_type {
    padding: 5px 10px;
    border: 1px var(--primary-black) solid;
    border-radius: 3px;
    transition-duration: .3s;
    cursor: pointer;
}

.attribute_pa_knife_type:hover {
    transition-duration: .5s;
    border: 1px var(--hover-link) solid;
}

.attribute_pa_knife_type.thwvs-selected {
    transition-duration: .3s;
    border: 1px var(--hover-link) solid;
}

.attribute_pa_knife_type.thwvs-selected:hover {
    color: var(--hover-link);
    transition-duration: .5s;
}

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

/* схема + характеристики */

.add_info {
    max-width: 1920px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    padding: 0 100px;
    justify-content: center;
    gap: 150px;
}

@media screen and (max-width: 1920px) {
    .add_info {
        padding: 0 100px;
        justify-content: baseline;
    }
}

@media screen and (max-width: 1500px) {
    .add_info {
        gap: 50px;
        padding: 0 50px;
    }
}

@media screen and (max-width: 1250px) {
    .add_info {
        flex-direction: column;
        gap: 0;
    }
}

@media screen and (max-width: 800px) {
    .add_info {
        padding: 0 25px;
    }
}

.add_info_tap {
    max-width: 1920px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    padding: 25px 100px;
    justify-content: center;
    gap: 150px;
}

@media screen and (max-width: 1920px) {
    .add_info_tap {
        justify-content: baseline;
    }
}

@media screen and (max-width: 1500px) {
    .add_info_tap {
        gap: 50px;
        padding: 0 50px;
    }
}

@media screen and (max-width: 1250px) {
    .add_info_tap {
        flex-direction: column;
        gap: 0;
    }
}

@media screen and (max-width: 800px) {
    .add_info_tap {
        padding: 0 25px;
    }
}

.add_info_half:first-of-type {
    display: flex;
    flex-basis: 700px;
    flex-grow: 0;
    flex-shrink: 0;
    justify-content: center;
}

@media screen and (max-width: 1550px) {
    .add_info_half:first-of-type {
        flex-basis: 600px;
    }
}

@media screen and (max-width: 1250px) {
    .add_info_half:first-of-type {
        width: 100%;
        max-height: 500px;
        justify-content: center;
    }
}

@media screen and (max-width: 800px) {
    .add_info_half:first-of-type {
        padding: 25px 0;
    }
}

.container {
    border-radius: 10px;
    padding: 30px;
}

.container h3 {
    text-align: center;
}

.chart-container {
    position: relative;
    height: 300px;
    margin: 20px 0;
}

.legend {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
}

.legend-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.legend-color {
    width: 20px;
    height: 20px;
    border-radius: 3px;
}

.loading {
    text-align: center;
    padding: 20px;
    color: #666;
}

.error {
    text-align: center;
    padding: 20px;
    color: #e74c3c;
    background-color: #fde8e8;
    border-radius: 5px;
    margin: 20px 0;
}

@media screen and (max-width: 800px) {
    .container {
        padding: 0;
    }
}

.add_info_half:first-of-type img {
    max-height: 60vh;
}

@media screen and (max-width: 1400px) {
    .add_info_half:first-of-type img {
        max-width: 100%;
    }
}

@media screen and (max-width: 1250px) {
    .add_info_half:first-of-type img {
        object-fit: contain;
    }
}

.add_info_half:last-child {
    width: 700px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 50px 0;
}

.product_cat-taps .add_info_half:last-child {
    width: 700px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 0;
}


@media screen and (max-width: 1250px) {
    .add_info_half:last-child {
        width: 100%;
        padding: 0;
        padding-bottom: 50px;
    }

    .product_cat-taps .add_info_half:last-child {
        width: 100%;
    }
}

.add_info_att {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.add_info_att p {
    line-height: 1.3em;
}

.warning {
    max-width: 600px;
    line-height: 1.3em;
}

.add_info_att>p>strong {
    font-family: 'GothamProMedium';
    font-size: 14px;
}

.line {
    max-width: 500px;
    height: 1px;
    background-color: var(--primary-grey);
}

.vertical {
    width: 1px;
    height: 24px;
    background-color: var(--primary-grey);
}

@media screen and (max-width: 600px) {
    .vertical {
        display: none;
    }
}

.dimensions {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 500px;
}

.dimensions>h3 {
    display: flex;
    align-items: center;
    gap: 10px;
}

.dimensions>h3>img {
    height: 24px;
}

.dimensions_text {
    font-family: 'GothamProLight';
    display: flex;
    gap: 15px;
    font-size: 16px;
    font-weight: 600;
    align-items: flex-end;
}

@media screen and (max-width: 800px) {
    .dimensions_text {
        font-size: 14px;
    }
}

@media screen and (max-width: 600px) {
    .dimensions_text {
        align-items: center;
        justify-content: flex-start;
    }
}

@media screen and (max-width: 600px) {
    .dimensions_text span {
        flex: 0;
    }
}

.bowl {
    font-family: 'GothamProLight';
}

@media screen and (max-width: 600px) {
    .bowl {
        flex: none!important;
    }
}

.bowl_size {
    font-family: 'GothamProMedium';
    font-style: normal;
    font-size: 24px;
    font-weight: 900;
    margin-right: 3px;
}

@media screen and (max-width: 800px) {
    .bowl_size {
        font-size: 20px;
    }
}

@media screen and (max-width: 600px) {
    #base {
        flex-direction: column-reverse;
        gap: 10px;
        align-items: flex-start;
    }
}

/* схема + характеристики */

.desc_info {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

/* блок описание */

.material_block_cont {
    width: 100%;
    background-color: var(--secondary-grey);
}

.material_white {
    width: 100%;
}

.material_block {
    max-width: 1920px;
    display: flex;
    gap: 50px;
    margin: 0 auto;
    padding: 100px;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media screen and (max-width: 1920px) {
    .material_block {
        padding: 50px 100px;
    }
}

@media screen and (max-width: 1500px) {
    .material_block {
        padding: 50px;
    }
}

@media screen and (max-width: 800px) {
    .material_block {
        padding: 50px 25px;
    }
}

.material_item {
    width: calc(50% - 25px);
    display: flex;
    gap: 50px;
    align-items: center;
}

@media screen and (max-width: 1700px) {
    .material_item {
        flex-direction: column;
        align-items: flex-start;
        gap: 25px;
    }
}

@media screen and (max-width: 800px) {
    .material_item {
        width: 100%;
        gap: 25px;
    }
}

.material_item>img {
    width: calc(50% - 25px);
    height: 250px;
    object-fit: cover;
}

@media screen and (max-width: 1700px) {
    .material_item>img {
        width: 400px;
    }
}

.material_item_text {
    width: calc(50% - 25px);
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 0 50px 0 0;
}

@media screen and (max-width: 1700px) {
    .material_item_text {
        width: 600px;
        padding: 0;
    }
}

@media screen and (max-width: 1400px) {
    .material_item_text {
        width: 100%;
    }
}

.material_item_text>p {
    line-height: 1.5em;
    font-size: 13px;
}

.material_item_pvd {
    width: calc(50% - 25px);
    display: flex;
    gap: 50px;
    align-items: center;
}

@media screen and (max-width: 1700px) {
    .material_item_pvd {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media screen and (max-width: 800px) {
    .material_item_pvd {
        width: 100%;
        gap: 25px;
    }
}

.material_item_pvd>img {
    width: calc(50% - 25px);
    height: 250px;
    object-fit: cover;
}

@media screen and (max-width: 1700px) {
    .material_item_pvd>img {
        width: 400px;
    }
}

.material_item_nano {
    width: calc(50% - 25px);
    display: flex;
    gap: 50px;
    align-items: center;
}

@media screen and (max-width: 1700px) {
    .material_item_nano {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media screen and (max-width: 800px) {
    .material_item_nano {
        width: 100%;
        gap: 25px;
    }
}

.material_item_nano>img {
    width: calc(50% - 25px);
    height: 250px;
    object-fit: cover;
}

@media screen and (max-width: 1700px) {
    .material_item_nano>img {
        width: 100%;
    }
}

/* блок описание */

/* блок уход */

.care_cont {
    width: 100%;
    max-width: 1920px;
    padding: 0 100px;
    margin: 0 auto;
}

@media screen and (max-width: 1500px) {
    .care_cont {
        padding: 0 50px;
    }
}

@media screen and (max-width: 800px) {
    .care_cont {
        padding: 0 25px;
    }
}

.care_cont>h2 {
    margin-bottom: 50px;
}

@media screen and (max-width: 800px) {
    .care_cont>h2 {
        margin-bottom: 25px;
    }
}

.care_content {
    display: flex;
    gap: 100px;
    align-items: center;
}

.care_content img {
    max-height: 400px;
}

@media screen and (max-width: 1450px) {
    .care_content img {
        display: none;
    }
}

.care_text {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 700px;
    font-size: 13px;
}

.care_text strong {
    font-family: 'GothamProMedium';
}

.care_text ul {
    padding-left: 17px;
    margin-bottom: 15px;
}

.care_text ul li {
    line-height: 1.5em;
}

.care_text h3 {
    margin: 10px 0 5px 0;
}

.care_text p {
    line-height: 1.5em;
}

/* блок уход */

/* блок рекомендации */

.related_cont {
    width: 100%;
    max-width: 1920px;
    padding: 0 100px;
    margin: 0 auto;
}

@media screen and (max-width: 1500px) {
    .related_cont {
        padding: 0 50px;
    }
}

@media screen and (max-width: 800px) {
    .related_cont {
        padding: 0px 25px;
    }
}

.related_products {
    width: 100%;
    display: flex;
    padding: 50px 0 0 0;
    flex-wrap: wrap;
    row-gap: 50px;
}

@media screen and (max-width: 1100px) {
    .related_products {
        flex-wrap: wrap;
        gap: 25px;
    }
}

@media screen and (max-width: 800px) {
    .related_products {
        gap: 15px;
    }
}

@media screen and (max-width: 650px) {
    .related_products {
        padding: 25px 0;
    }
}

.related_products>li {
    width: 20%;
    list-style: none;
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 1100px) {
    .related_products>li {
        width: calc(50% - 13px);
    }
}

@media screen and (max-width: 800px) {
    .related_products>li {
        width: calc(50% - 8px);
    }
}

.related_products>li>a {
    display: flex;
    flex-direction: column;
    gap: 25px;
    align-items: center;
    justify-content: center;
}

.related_products>li>a>img {
    width: 60%;
}

.related_products>li>a>h2 {
    font-size: 24px !important;
    font-family: 'GothamProLight' !important;
    text-transform: uppercase;
    text-align: center;
    font-weight: 500;
}

@media screen and (max-width: 1400px) {
    .related_products>li>a>h2 {
        font-size: 15px !important;
    }
}

.related_products>li>h2 {
    font-size: 24px !important;
    font-family: 'GothamProLight' !important;
    text-transform: uppercase;
    text-align: center;
    font-weight: 500;
    margin-top: 25px;
}

.related_products>li>p {
    font-size: 13px;
    line-height: 1.3em;
    text-align: center;
    padding: 15px 30px;
    color: #888787;
}

.related_margin {
    margin-top: 50px;
}

/* блок рекомендации */

/* блок подойдет к */

.match_list {
    column-count: 4;
    gap: 100px;
    width: 100%;
}

@media screen and (max-width: 1250px) {
    .match_list {
        column-count: 3;
    }
}

@media screen and (max-width: 1200px) {
    .match_list {
        gap: 50px;
    }
}

@media screen and (max-width: 1050px) {
    .match_list {
        column-count: 2;
    }
}

@media screen and (max-width: 1000px) {
    .match_list {
        flex-direction: column;
        gap: 5px;
    }
}

@media screen and (max-width: 650px) {
    .match_list {
        column-count: 1;
    }

    .bread_sinks {
        flex-direction: column;
        gap: 15px;
    }

    .func {
        position: relative;
        flex-wrap: wrap;
        gap: 7px;
    }

    .bread .pvd, .bread .nano {
        font-size: 13px;
        padding: 10px 10px 8px 10px;
    }
}

.match_list h3 {
    margin-bottom: 10px;
}

.match_group {
    margin-bottom: 15px;
    page-break-inside: avoid;
    break-inside: avoid;
}

.match_group a {
    margin-bottom: 5px;
    display: block;
}

/* блок подойдет к */