.node.node--type-product.clearfix::after {
    display: none;
}
/*============================== VIEW BLOCK 1 ==============================*/
.view.view-products.view-id-products.view-display-id-block_1 .view-content { display: flex; flex-direction: column; gap: 30px 0; }

@media screen and (max-width: 1199px) {
}
@media screen and (max-width: 991px) {
    .view.view-products.view-id-products.view-display-id-block_1 .view-content { flex-direction: row; }
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 575px) {
}
/*==========================================================================*/

/*============================== VIEW PAGE 1 ==============================*/
.view.view-products.view-id-products.view-display-id-page_1 .view-content { gap: 20px 0; }
.view.view-products.view-id-products.view-display-id-page_1 .view-content .node.node--type-product.node--view-mode-teaser  { flex-direction: row; height: 100%; }
@media screen and (max-width: 1199px) {
    .view.view-products.view-id-products.view-display-id-page_1 .view-content .node.node--type-product.node--view-mode-teaser { flex-direction: column; height: 100%; }
    .view.view-products.view-id-products.view-display-id-page_1 .view-content .node.node--type-product.node--view-mode-teaser .group-right { height: 100%; gap: 20px; }
}

/*=========================================================================*/

/*============================== TEASER ==============================*/
.node.node--type-product.node--view-mode-teaser {
    display: flex;
    flex-direction: row;
    gap: 20px;
    padding: 18px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    background: #fff;
    border-radius: 20px;
}

.node.node--type-product.node--view-mode-teaser .field.field--name-field-image { flex: 0 0 auto; }
.node.node--type-product.node--view-mode-teaser .field.field--name-field-image img { border-radius: 20px; width: 100%; max-height: 202px; object-fit: cover; }
.node.node--type-product.node--view-mode-teaser .group-right { display: flex; flex-direction: column; justify-content: space-between; width: 100%; }
.node.node--type-product.node--view-mode-teaser .group-right .group-top { display: flex; flex-direction: column; gap: 10px; }
.node.node--type-product.node--view-mode-teaser .group-right .group-top .field.field--name-node-title { font: 500 20px var(--font-family); }
.node.node--type-product.node--view-mode-teaser .group-right .group-top .field.field--name-body { font: 400 16px var(--font-family); max-width: 187px; }
.node.node--type-product.node--view-mode-teaser .group-right .field.field--name-node-link .btn { width: 100%; }

@media screen and (max-width: 1199px) {
}
@media screen and (max-width: 991px) {
    .node.node--type-product.node--view-mode-teaser { flex-direction: column; height: 100%; }
    .node.node--type-product.node--view-mode-teaser .group-right { height: 100%; gap: 20px; }
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 575px) {
    .node.node--type-product.node--view-mode-teaser { flex-direction: column; height: 100%; }
    .node.node--type-product.node--view-mode-teaser .group-right { height: 100%; gap: 20px; }
}
/*====================================================================*/

/*============================== FULL ==============================*/
.node.node--type-product.node--view-mode-full {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.node.node--type-product.node--view-mode-full .field.field--name-field-image { min-width: max-content; }


@media screen and (max-width: 991px) {
    .node.node--type-product.node--view-mode-full { flex-direction: column; } 
    .node.node--type-product.node--view-mode-full .field.field--name-field-image img { width: 100%; height: 202px; object-fit: cover; border-radius: 20px;  }
}
/*==================================================================*/