/* ================================================================
                GRID SYSTEM

   Поддержка:
   - CSS Grid (основной)
   - Flex fallback (через @supports)
   ================================================================ */



/* ================================================================
                GRID — CORE
   =============================================================== */

/* grid */
.view-content,
.view-content .views-row .node .field.field--type-image.field__items {
    --cols: 1;
    --gap: 20px;
    --row-gap: 30px;
    --column-gap: 30px;

    display: grid;
    grid-template-columns: repeat(var(--cols), 1fr);
    gap: var(--gap);
    column-gap: var(--column-gap);
    row-gap: var(--row-gap);
}

.view-content .views-row {width: 100%;}
.view-content .views-row .node {width: 100%;}
.view-content .views-row .node .field--type-image {width: 100%;}
.view-content .views-row .node .field--type-image img {width: 100%; height: 100%; object-fit: cover;}





/* ================================================================
                GRID — MODIFIERS - for row-items
   ================================================================ */

/* B E N E F I T S */
.view.view-benefits.view-id-benefits .view-content {
    --cols: 3;
    --gap: 20px;
    --row-gap: 30px;
    --column-gap: 30px;

    display: grid;
    grid-template-columns: repeat(var(--cols), 1fr);
    gap: var(--gap);
    column-gap: var(--column-gap);
    row-gap: var(--row-gap);
}
.view.view-benefits.view-id-benefits .view-content .views-row {width: 100%;}
.view.view-benefits.view-id-benefits .view-content .views-row .node {width: 100%;}
.view.view-benefits.view-id-benefits .view-content .views-row .node .field--type-image {width: 100%; aspect-ratio: 5/5;}
.view.view-benefits.view-id-benefits .view-content .views-row .node .field--type-image img { width: 100%; height: 100%; object-fit: cover;}


/* C A T A L O G */
.view.view-catalogs.view-id-catalogs .view-content {
    --cols: 4;
    --gap: 20px;
    --row-gap: 30px;
    --column-gap: 30px;

    display: grid;
    grid-template-columns: repeat(var(--cols), 1fr);
    gap: var(--gap);
    column-gap: var(--column-gap);
    row-gap: var(--row-gap);
}
.view.view-catalogs.view-id-catalogs.view-display-id-block_2 .view-content {
    --cols: 4;
    --gap: 20px;
    --row-gap: 30px;
    --column-gap: 30px;

    display: grid;
    grid-template-columns: repeat(var(--cols), 1fr);
    gap: var(--gap);
    column-gap: var(--column-gap);
    row-gap: var(--row-gap);
}
.view.view-catalogs.view-id-catalogs .view-content .views-row {width: 100%;}
.view.view-catalogs.view-id-catalogs .view-content .views-row .node {width: 100%;}
.view.view-catalogs.view-id-catalogs .view-content .views-row .node .field--type-image {width: 100%; aspect-ratio: 5/5;}
.view.view-catalogs.view-id-catalogs .view-content .views-row .node .field--type-image img { width: 100%; height: 100%; object-fit: cover;}
.view.view-catalogs.view-id-catalogs .view-content .views-row .taxonomy-term.taxonomy-term--type-catalogs.taxonomy-term--view-mode-teaser {width: 100%;}
.view.view-catalogs.view-id-catalogs .view-content .views-row .taxonomy-term.taxonomy-term--type-catalogs.taxonomy-term--view-mode-teaser .field--type-image {width: 100%; aspect-ratio: 5/5;}
.view.view-catalogs.view-id-catalogs .view-content .views-row .taxonomy-term.taxonomy-term--type-catalogs.taxonomy-term--view-mode-teaser .field--type-image img { width: 100%; height: 100%; object-fit: cover;}

/* C A T A L O G (Products) */
.view.view-catalogs-products.view-id-catalogs_products .view-content {
    --cols: 4;
    --gap: 20px;
    --row-gap: 30px;
    --column-gap: 30px;

    display: grid;
    grid-template-columns: repeat(var(--cols), 1fr);
    gap: var(--gap);
    column-gap: var(--column-gap);
    row-gap: var(--row-gap);
}
.view.view-catalogs-products.view-id-catalogs_products .view-content .views-row {width: 100%;}
.view.view-catalogs-products.view-id-catalogs_products .view-content .views-row .node {width: 100%;}
.view.view-catalogs-products.view-id-catalogs_products .view-content .views-row .node .field--type-image {width: 100%; aspect-ratio: 5/5;}
.view.view-catalogs-products.view-id-catalogs_products .view-content .views-row .node .field--type-image img { width: 100%; height: 100%; object-fit: cover;}

/* S E R V I C E S */
.view.view-services.view-id-services .view-content {
    --cols: 2;
    --gap: 20px;
    --row-gap: 30px;
    --column-gap: 30px;

    display: grid;
    grid-template-columns: repeat(var(--cols), 1fr);
    gap: var(--gap);
    column-gap: var(--column-gap);
    row-gap: var(--row-gap);
}
.view.view-services.view-id-services .view-content .views-row {width: 100%;}
.view.view-services.view-id-services .view-content .views-row .node {width: 100%;}
.view.view-services.view-id-services .view-content .views-row .node .field--type-image {width: 100%; aspect-ratio: 5/5;}
.view.view-services.view-id-services .view-content .views-row .node .field--type-image img { width: 100%; height: 100%; object-fit: cover;}

/* N E W S */
.view.view-news.view-id-news .view-content {
    --cols: 4;
    --gap: 20px;
    --row-gap: 30px;
    --column-gap: 30px;

    display: grid;
    grid-template-columns: repeat(var(--cols), 1fr);
    gap: var(--gap);
    column-gap: var(--column-gap);
    row-gap: var(--row-gap);
}
.view.view-news.view-id-news .view-content .views-row {width: 100%;}
.view.view-news.view-id-news .view-content .views-row .node {width: 100%;}
.view.view-news.view-id-news .view-content .views-row .node .field--type-image {width: 100%; aspect-ratio: 5/5;}
.view.view-news.view-id-news .view-content .views-row .node .field--type-image img { width: 100%; height: 100%; object-fit: cover;}

/* G A L L E R Y */
.view.view-gallery.view-id-gallery .view-content {
    --cols: 2;
    --gap: 20px;
    --row-gap: 30px;
    --column-gap: 30px;

    display: grid;
    grid-template-columns: repeat(var(--cols), 1fr);
    gap: var(--gap);
    column-gap: var(--column-gap);
    row-gap: var(--row-gap);
}
.view.view-gallery.view-id-gallery .view-content .views-row {width: 100%;}
.view.view-gallery.view-id-gallery .view-content .views-row .taxonomy-term {width: 100%;}
.view.view-gallery.view-id-gallery .view-content .views-row .taxonomy-term .field--type-image {width: 100%; aspect-ratio: 8/5;}
.view.view-gallery.view-id-gallery .view-content .views-row .taxonomy-term .field--type-image img { width: 100%; height: 100%; object-fit: cover;}

/* G A L L E R Y - Term */
.view.view-gallery-categories.view-id-gallery_categories .view-content {
    --cols: 2;
    --gap: 20px;
    --row-gap: 30px;
    --column-gap: 30px;

    display: grid;
    grid-template-columns: repeat(var(--cols), 1fr);
    gap: var(--gap);
    column-gap: var(--column-gap);
    row-gap: var(--row-gap);
}
.view.view-gallery-categories.view-id-gallery_categories .view-content .views-row {width: 100%;}
.view.view-gallery-categories.view-id-gallery_categories .view-content .views-row .taxonomy-term {width: 100%;}
.view.view-gallery-categories.view-id-gallery_categories .view-content .views-row .taxonomy-term .field--type-image {width: 100%; aspect-ratio: 8/5;}
.view.view-gallery-categories.view-id-gallery_categories .view-content .views-row .taxonomy-term .field--type-image img { width: 100%; height: 100%; object-fit: cover;}

/* G A L L E R Y - term 1 */
/* .view.view-gallery-categories.view-id-gallery_categories.view-display-id-page_1 .view-content {
    --cols: 4;
    --gap: 20px;
    --row-gap: 30px;
    --column-gap: 30px;

    display: grid;
    grid-template-columns: repeat(var(--cols), 1fr);
    gap: var(--gap);
    column-gap: var(--column-gap);
    row-gap: var(--row-gap);
}
.view.view-gallery-categories.view-id-gallery_categories.view-display-id-page_1 .view-content .views-row {width: 100%;}
.view.view-gallery-categories.view-id-gallery_categories.view-display-id-page_1 .view-content .views-row .node.node--type-photogallery.node--view-mode-teaser {width: 100%;}
.view.view-gallery-categories.view-id-gallery_categories.view-display-id-page_1 .view-content .views-row .node.node--type-photogallery.node--view-mode-teaser .field--type-image {width: 100%; aspect-ratio: 5/5;}
.view.view-gallery-categories.view-id-gallery_categories.view-display-id-page_1 .view-content .views-row .node.node--type-photogallery.node--view-mode-teaser .field--type-image img { width: 100%; height: 100%; object-fit: cover;} */

/* G A L L E R Y - term 2 */
/* .view.view-gallery-categories.view-id-gallery_categories.view-display-id-page_2 .view-content {
    --cols: 4;
    --gap: 20px;
    --row-gap: 30px;
    --column-gap: 30px;

    display: grid;
    grid-template-columns: repeat(var(--cols), 1fr);
    gap: var(--gap);
    column-gap: var(--column-gap);
    row-gap: var(--row-gap);
}
.view.view-gallery-categories.view-id-gallery_categories.view-display-id-page_2 .view-content .views-row {width: 100%;}
.view.view-gallery-categories.view-id-gallery_categories.view-display-id-page_2 .view-content .views-row .node.node--type-videogallery.node--view-mode-teaser {width: 100%;}
.view.view-gallery-categories.view-id-gallery_categories.view-display-id-page_2 .view-content .views-row .node.node--type-videogallery.node--view-mode-teaser .field--type-image {width: 100%; aspect-ratio: 5/5;}
.view.view-gallery-categories.view-id-gallery_categories.view-display-id-page_2 .view-content .views-row .node.node--type-videogallery.node--view-mode-teaser .field--type-image img { width: 100%; height: 100%; object-fit: cover;} */


/* G A L L E R Y - P H O T O */
.view.view-photogallery.view-id-photogallery .view-content {
    --cols: 3;
    --gap: 20px;
    --row-gap: 30px;
    --column-gap: 30px;

    display: grid;
    grid-template-columns: repeat(var(--cols), 1fr);
    gap: var(--gap);
    column-gap: var(--column-gap);
    row-gap: var(--row-gap);
}
.view.view-photogallery.view-id-photogallery .view-content .views-row {width: 100%;}
.view.view-photogallery.view-id-photogallery .view-content .views-row .node {width: 100%;}
.view.view-photogallery.view-id-photogallery .view-content .views-row .node .field--type-image {width: 100%; aspect-ratio: 8/5;}
.view.view-photogallery.view-id-photogallery .view-content .views-row .node .field--type-image img { width: 100%; height: 100%; object-fit: cover;}





/* ================================================================
                GRID — MODIFIERS - for fields in row
   ================================================================ */



/* ================================================================
            GRID — MODIFIERS - for field  in node (card)
   ================================================================ */

/* A B O U T */
.view.view-about.view-id-about .view-content .views-row .node.node--type-about.node--view-mode-default .field.field--name-field-about-photo-set.field--type-image.field--label-hidden.field__items {
    --cols: 4;
    --gap: 20px;
    --row-gap: 30px;
    --column-gap: 30px;

    display: grid;
    grid-template-columns: repeat(var(--cols), 1fr);
    gap: var(--gap);
    column-gap: var(--column-gap);
    row-gap: var(--row-gap);
}
.view.view-about.view-id-about .view-content .views-row .node.node--type-about.node--view-mode-default .field.field--name-field-about-photo-set.field--type-image.field--label-hidden.field__items .field__item {width: 100%;}
.view.view-about.view-id-about .view-content .views-row .node.node--type-about.node--view-mode-default .field.field--name-field-about-photo-set.field--type-image.field--label-hidden.field__items .field__item img { width: 100%; height: 100%; object-fit: cover;}

.node.node--type-about.node--view-mode-full .field.field--name-field-about-photo-set.field--type-image.field--label-hidden.field__items {
    --cols: 4;
    --gap: 20px;
    --row-gap: 30px;
    --column-gap: 30px;

    display: grid;
    grid-template-columns: repeat(var(--cols), 1fr);
    gap: var(--gap);
    column-gap: var(--column-gap);
    row-gap: var(--row-gap);
}
.node.node--type-about.node--view-mode-full .field.field--name-field-about-photo-set.field--type-image.field--label-hidden.field__items .field__item {width: 100%;}
.node.node--type-about.node--view-mode-full .field.field--name-field-about-photo-set.field--type-image.field--label-hidden.field__items .field__item img { width: 100%; height: 100%; object-fit: cover;}

/* C A T A L O G */
.node.node--type-catalogs-production.node--view-mode-full .field.field--name-field-catalogs-photo-set.field--type-image.field--label-hidden.field__items {
    --cols: 4;
    --gap: 20px;
    --row-gap: 30px;
    --column-gap: 30px;

    display: grid;
    grid-template-columns: repeat(var(--cols), 1fr);
    gap: var(--gap);
    column-gap: var(--column-gap);
    row-gap: var(--row-gap);
}
.node.node--type-catalogs-production.node--view-mode-full .field.field--name-field-catalogs-photo-set.field--type-image.field--label-hidden.field__items .field__item {width: 100%;}
.node.node--type-catalogs-production.node--view-mode-full .field.field--name-field-catalogs-photo-set.field--type-image.field--label-hidden.field__items .field__item img { width: 100%; height: 100%; object-fit: cover;}

/* C A T A L O G - P R O D U C T S */
.node.node--type-products.node--view-mode-full .field.field--name-field-product-photo-set.field--type-image.field--label-hidden.field__items {
    --cols: 4;
    --gap: 20px;
    --row-gap: 30px;
    --column-gap: 30px;

    display: grid;
    grid-template-columns: repeat(var(--cols), 1fr);
    gap: var(--gap);
    column-gap: var(--column-gap);
    row-gap: var(--row-gap);
}
.node.node--type-products.node--view-mode-full .field.field--name-field-product-photo-set.field--type-image.field--label-hidden.field__items .field__item {width: 100%;}
.node.node--type-products.node--view-mode-full .field.field--name-field-product-photo-set.field--type-image.field--label-hidden.field__items .field__item img { width: 100%; height: 100%; object-fit: cover;}

/* S E R V I C E S */
.node.node--type-services.node--view-mode-full .field.field--name-field-service-photo-set.field--type-image.field--label-hidden.field__items {
    --cols: 4;
    --gap: 20px;
    --row-gap: 30px;
    --column-gap: 30px;

    display: grid;
    grid-template-columns: repeat(var(--cols), 1fr);
    gap: var(--gap);
    column-gap: var(--column-gap);
    row-gap: var(--row-gap);
}
.node.node--type-services.node--view-mode-full .field.field--name-field-service-photo-set.field--type-image.field--label-hidden.field__items .field__item {width: 100%;}
.node.node--type-services.node--view-mode-full .field.field--name-field-service-photo-set.field--type-image.field--label-hidden.field__items .field__item img { width: 100%; height: 100%; object-fit: cover;}

/* B L O G */
.node.node--type-blog.node--view-mode-default .field.field--name-field-blog-photo-set.field--type-image.field--label-hidden.field__items {
    --cols: 4;
    --gap: 20px;
    --row-gap: 30px;
    --column-gap: 30px;

    display: grid;
    grid-template-columns: repeat(var(--cols), 1fr);
    gap: var(--gap);
    column-gap: var(--column-gap);
    row-gap: var(--row-gap);
}
.node.node--type-blog.node--view-mode-default .field.field--name-field-blog-photo-set.field--type-image.field--label-hidden.field__items .field__item {width: 100%;}
.node.node--type-blog.node--view-mode-default .field.field--name-field-blog-photo-set.field--type-image.field--label-hidden.field__items .field__item img { width: 100%; height: 100%; object-fit: cover;}

/* I N F O R M   C L I E N T S */
.node.node--type-inform-clients.node--view-mode-full .field.field--name-field-inform-clients-photo-set.field--type-image.field--label-hidden.field__items {
    --cols: 4;
    --gap: 20px;
    --row-gap: 30px;
    --column-gap: 30px;

    display: grid;
    grid-template-columns: repeat(var(--cols), 1fr);
    gap: var(--gap);
    column-gap: var(--column-gap);
    row-gap: var(--row-gap);
}
.node.node--type-inform-clients.node--view-mode-full .field.field--name-field-inform-clients-photo-set.field--type-image.field--label-hidden.field__items .field__item {width: 100%;}
.node.node--type-inform-clients.node--view-mode-full .field.field--name-field-inform-clients-photo-set.field--type-image.field--label-hidden.field__items .field__item img { width: 100%; height: 100%; object-fit: cover;}


/* G A L L E R Y - Photo */
.node.node--type-photogallery.node--view-mode-full .field.field--name-field-photogallery-photo-set.field--type-image.field--label-hidden.field__items {
    --cols: 4;
    --gap: 20px;
    --row-gap: 30px;
    --column-gap: 30px;

    display: grid;
    grid-template-columns: repeat(var(--cols), 1fr);
    gap: var(--gap);
    column-gap: var(--column-gap);
    row-gap: var(--row-gap);
}
.node.node--type-photogallery.node--view-mode-full .field.field--name-field-photogallery-photo-set.field--type-image.field--label-hidden.field__items .field__item {width: 100%;}
.node.node--type-photogallery.node--view-mode-full .field.field--name-field-photogallery-photo-set.field--type-image.field--label-hidden.field__items .field__item img { width: 100%; height: 100%; object-fit: cover;}

/* G A L L E R Y - Video */
.node.node--type-videogallery.node--view-mode-full .field.field--name-field-videogallery-photo-set.field--type-text-long.field--label-hidden.field__items {
    --cols: 2;
    --gap: 20px;
    --row-gap: 30px;
    --column-gap: 30px;

    display: grid;
    grid-template-columns: repeat(var(--cols), 1fr);
    gap: var(--gap);
    column-gap: var(--column-gap);
    row-gap: var(--row-gap);
}
.node.node--type-videogallery.node--view-mode-full .field.field--name-field-videogallery-photo-set.field--type-text-long.field--label-hidden.field__items .field__item {width: 100%;}
.node.node--type-videogallery.node--view-mode-full .field.field--name-field-videogallery-photo-set.field--type-text-long.field--label-hidden.field__items .field__item iframe { width: 100%; height: 100%; object-fit: cover;}
.node.node--type-videogallery.node--view-mode-full .field.field--name-field-videogallery-photo-set.field--type-text-long.field--label-hidden.field__items::after {display: none;}




/* ================================================================
                GRID — RESPONSIVE
   ================================================================ */

@media (max-width: 1199px) {
    /* row-items */
        /* B E N E F I T S      */ .view.view-benefits.view-id-benefits .view-content {--cols: 3; --column-gap: 20px; --row-gap: 20px; }
        /* C A T A L O G        */ .view.view-catalogs.view-id-catalogs .view-content {--cols: 4; --column-gap: 20px; --row-gap: 20px; }
        /* C A T A L O G - Term */ .view.view-catalogs.view-id-catalogs.view-display-id-block_2 .view-content {--cols: 4; --column-gap: 20px; --row-gap: 20px; }
        /* C A T A L O G - Prod */ .view.view-catalogs-products.view-id-catalogs_products .view-content {--cols: 3; --column-gap: 20px; --row-gap: 20px; }
        /* S E R V I C E S      */ .view.view-services.view-id-services .view-content {--cols: 2; --column-gap: 20px; --row-gap: 20px; }
        /* N E W S              */ .view.view-news.view-id-news .view-content {--cols: 4; --column-gap: 20px; --row-gap: 20px; }

        /* G A L L E R Y        */ .view.view-gallery.view-id-gallery .view-content {--cols: 2; --column-gap: 20px; --row-gap: 20px; }
        /* G A L L E R Y - Term */ .view.view-gallery-categories.view-id-gallery_categories .view-content {--cols: 2; --column-gap: 20px; --row-gap: 20px; }
        /* G A L L E R Y - P H O T O */ .view.view-photogallery.view-id-photogallery .view-content {--cols: 3; --column-gap: 20px; --row-gap: 20px; }


    /* fields in row */
    
    
    /* fields in card */
    .view.view-about.view-id-about .view-content .views-row .node.node--type-about.node--view-mode-default .field.field--name-field-about-photo-set.field--type-image.field--label-hidden.field__items,
    .node.node--type-about.node--view-mode-full .field.field--name-field-about-photo-set.field--type-image.field--label-hidden.field__items,
    .node.node--type-catalogs-production.node--view-mode-full .field.field--name-field-catalogs-photo-set.field--type-image.field--label-hidden.field__items,
    .node.node--type-products.node--view-mode-full .field.field--name-field-product-photo-set.field--type-image.field--label-hidden.field__items,
    .node.node--type-services.node--view-mode-full .field.field--name-field-service-photo-set.field--type-image.field--label-hidden.field__items,
    .node.node--type-blog.node--view-mode-default .field.field--name-field-blog-photo-set.field--type-image.field--label-hidden.field__items,
    .node.node--type-inform-clients.node--view-mode-full .field.field--name-field-inform-clients-photo-set.field--type-image.field--label-hidden.field__items,
    .node.node--type-photogallery.node--view-mode-full .field.field--name-field-photogallery-photo-set.field--type-image.field--label-hidden.field__items
     {--cols: 4; --column-gap: 20px; --row-gap: 20px; }
    .node.node--type-videogallery.node--view-mode-full .field.field--name-field-videogallery-photo-set.field--type-text-long.field--label-hidden.field__items
     {--cols: 2; --column-gap: 20px; --row-gap: 20px; }
}

@media (max-width: 991px) {
    /* row-items */
        /* B E N E F I T S      */ .view.view-benefits.view-id-benefits .view-content {--cols: 2; --column-gap: 20px; --row-gap: 20px; }
        /* C A T A L O G        */ .view.view-catalogs.view-id-catalogs .view-content {--cols: 2; --column-gap: 20px; --row-gap: 20px; }
        /* C A T A L O G - Term */ .view.view-catalogs.view-id-catalogs.view-display-id-block_2 .view-content {--cols: 2; --column-gap: 20px; --row-gap: 20px; }
        /* C A T A L O G - Prod */ .view.view-catalogs-products.view-id-catalogs_products .view-content {--cols: 2; --column-gap: 20px; --row-gap: 20px; }
        /* S E R V I C E S      */ .view.view-services.view-id-services .view-content {--cols: 2; --column-gap: 20px; --row-gap: 20px; }
        /* N E W S              */ .view.view-news.view-id-news .view-content {--cols: 2; --column-gap: 20px; --row-gap: 20px; }

        /* G A L L E R Y        */ .view.view-gallery.view-id-gallery .view-content {--cols: 2; --column-gap: 20px; --row-gap: 20px; }
        /* G A L L E R Y - Term */ .view.view-gallery-categories.view-id-gallery_categories .view-content {--cols: 2; --column-gap: 20px; --row-gap: 20px; }
        /* G A L L E R Y - P H O T O */ .view.view-photogallery.view-id-photogallery .view-content {--cols: 2; --column-gap: 20px; --row-gap: 20px; }


    /* fields in row */
    
    
    /* fields in card */
    .view.view-about.view-id-about .view-content .views-row .node.node--type-about.node--view-mode-default .field.field--name-field-about-photo-set.field--type-image.field--label-hidden.field__items,
    .node.node--type-about.node--view-mode-full .field.field--name-field-about-photo-set.field--type-image.field--label-hidden.field__items,
    .node.node--type-catalogs-production.node--view-mode-full .field.field--name-field-catalogs-photo-set.field--type-image.field--label-hidden.field__items,
    .node.node--type-products.node--view-mode-full .field.field--name-field-product-photo-set.field--type-image.field--label-hidden.field__items,
    .node.node--type-services.node--view-mode-full .field.field--name-field-service-photo-set.field--type-image.field--label-hidden.field__items,
    .node.node--type-blog.node--view-mode-default .field.field--name-field-blog-photo-set.field--type-image.field--label-hidden.field__items,
    .node.node--type-inform-clients.node--view-mode-full .field.field--name-field-inform-clients-photo-set.field--type-image.field--label-hidden.field__items,
    .node.node--type-photogallery.node--view-mode-full .field.field--name-field-photogallery-photo-set.field--type-image.field--label-hidden.field__items
     {--cols: 4; --column-gap: 20px; --row-gap: 20px; }
    .node.node--type-videogallery.node--view-mode-full .field.field--name-field-videogallery-photo-set.field--type-text-long.field--label-hidden.field__items
     {--cols: 2; --column-gap: 20px; --row-gap: 20px; }
}

@media (max-width: 767px) {
    /* row-items */
        /* B E N E F I T S      */ .view.view-benefits.view-id-benefits .view-content {--cols: 2; --column-gap: 15px; --row-gap: 15px; }
        /* C A T A L O G        */ .view.view-catalogs.view-id-catalogs .view-content {--cols: 2; --column-gap: 15px; --row-gap: 15px; }
        /* C A T A L O G - Term */ .view.view-catalogs.view-id-catalogs.view-display-id-block_2 .view-content {--cols: 2; --column-gap: 15px; --row-gap: 15px; }
        /* C A T A L O G - Prod */ .view.view-catalogs-products.view-id-catalogs_products .view-content {--cols: 2; --column-gap: 15px; --row-gap: 15px; }
        /* S E R V I C E S      */ .view.view-services.view-id-services .view-content {--cols: 2; --column-gap: 15px; --row-gap: 15px; }
        /* N E W S              */ .view.view-news.view-id-news .view-content {--cols: 2; --column-gap: 15px; --row-gap: 15px; }

        /* G A L L E R Y        */ .view.view-gallery.view-id-gallery .view-content {--cols: 2; --column-gap: 15px; --row-gap: 15px; }
        /* G A L L E R Y - Term */ .view.view-gallery-categories.view-id-gallery_categories .view-content {--cols: 2; --column-gap: 15px; --row-gap: 15px; }
        /* G A L L E R Y - P H O T O */ .view.view-photogallery.view-id-photogallery .view-content {--cols: 2; --column-gap: 15px; --row-gap: 15px; }


    /* fields in row */
    
    
    /* fields in card */
    .view.view-about.view-id-about .view-content .views-row .node.node--type-about.node--view-mode-default .field.field--name-field-about-photo-set.field--type-image.field--label-hidden.field__items,
    .node.node--type-about.node--view-mode-full .field.field--name-field-about-photo-set.field--type-image.field--label-hidden.field__items,
    .node.node--type-catalogs-production.node--view-mode-full .field.field--name-field-catalogs-photo-set.field--type-image.field--label-hidden.field__items,
    .node.node--type-products.node--view-mode-full .field.field--name-field-product-photo-set.field--type-image.field--label-hidden.field__items,
    .node.node--type-services.node--view-mode-full .field.field--name-field-service-photo-set.field--type-image.field--label-hidden.field__items,
    .node.node--type-blog.node--view-mode-default .field.field--name-field-blog-photo-set.field--type-image.field--label-hidden.field__items,
    .node.node--type-inform-clients.node--view-mode-full .field.field--name-field-inform-clients-photo-set.field--type-image.field--label-hidden.field__items,
    .node.node--type-photogallery.node--view-mode-full .field.field--name-field-photogallery-photo-set.field--type-image.field--label-hidden.field__items
     {--cols: 3; --column-gap: 15px; --row-gap: 15px; }
    .node.node--type-videogallery.node--view-mode-full .field.field--name-field-videogallery-photo-set.field--type-text-long.field--label-hidden.field__items
     {--cols: 1; --column-gap: 15px; --row-gap: 15px; }
}

@media (max-width: 575px) {
    /* row-items */
        /* B E N E F I T S      */ .view.view-benefits.view-id-benefits .view-content {--cols: 1; --column-gap: 15px; --row-gap: 15px; }
        /* C A T A L O G        */ .view.view-catalogs.view-id-catalogs .view-content {--cols: 1; --column-gap: 15px; --row-gap: 15px; }
        /* C A T A L O G - Term */ .view.view-catalogs.view-id-catalogs.view-display-id-block_2 .view-content {--cols: 2; --column-gap: 15px; --row-gap: 15px; }
        /* C A T A L O G - Prod */ .view.view-catalogs-products.view-id-catalogs_products .view-content {--cols: 2; --column-gap: 15px; --row-gap: 15px; }
        /* S E R V I C E S      */ .view.view-services.view-id-services .view-content {--cols: 1; --column-gap: 15px; --row-gap: 15px; }
        /* N E W S              */ .view.view-news.view-id-news .view-content {--cols: 2; --column-gap: 15px; --row-gap: 15px; }

        /* G A L L E R Y        */ .view.view-gallery.view-id-gallery .view-content {--cols: 2; --column-gap: 15px; --row-gap: 15px; }
        /* G A L L E R Y - Term */ .view.view-gallery-categories.view-id-gallery_categories .view-content {--cols: 2; --column-gap: 15px; --row-gap: 15px; }
        /* G A L L E R Y - P H O T O */ .view.view-photogallery.view-id-photogallery .view-content {--cols: 2; --column-gap: 15px; --row-gap: 15px; }


    /* fields in row */
    
    
    /* fields in card */
    .view.view-about.view-id-about .view-content .views-row .node.node--type-about.node--view-mode-default .field.field--name-field-about-photo-set.field--type-image.field--label-hidden.field__items,
    .node.node--type-about.node--view-mode-full .field.field--name-field-about-photo-set.field--type-image.field--label-hidden.field__items,
    .node.node--type-catalogs-production.node--view-mode-full .field.field--name-field-catalogs-photo-set.field--type-image.field--label-hidden.field__items,
    .node.node--type-products.node--view-mode-full .field.field--name-field-product-photo-set.field--type-image.field--label-hidden.field__items,
    .node.node--type-services.node--view-mode-full .field.field--name-field-service-photo-set.field--type-image.field--label-hidden.field__items,
    .node.node--type-blog.node--view-mode-default .field.field--name-field-blog-photo-set.field--type-image.field--label-hidden.field__items,
    .node.node--type-inform-clients.node--view-mode-full .field.field--name-field-inform-clients-photo-set.field--type-image.field--label-hidden.field__items,
    .node.node--type-photogallery.node--view-mode-full .field.field--name-field-photogallery-photo-set.field--type-image.field--label-hidden.field__items
     {--cols: 3; --column-gap: 15px; --row-gap: 15px; }
    .node.node--type-videogallery.node--view-mode-full .field.field--name-field-videogallery-photo-set.field--type-text-long.field--label-hidden.field__items
     {--cols: 1; --column-gap: 15px; --row-gap: 15px; }
}

@media (max-width: 460px) {
    /* row-items */
        /* B E N E F I T S      */ .view.view-benefits.view-id-benefits .view-content {--cols: 1; --column-gap: 15px; --row-gap: 15px; }
        /* C A T A L O G        */ .view.view-catalogs.view-id-catalogs .view-content {--cols: 1; --column-gap: 15px; --row-gap: 15px; }
        /* C A T A L O G - Term */ .view.view-catalogs.view-id-catalogs.view-display-id-block_2 .view-content {--cols: 1; --column-gap: 15px; --row-gap: 15px; }
        /* C A T A L O G - Prod */ .view.view-catalogs-products.view-id-catalogs_products .view-content {--cols: 1; --column-gap: 15px; --row-gap: 15px; }
        /* S E R V I C E S      */ .view.view-services.view-id-services .view-content {--cols: 1; --column-gap: 15px; --row-gap: 15px; }
        /* N E W S              */ .view.view-news.view-id-news .view-content {--cols: 1; --column-gap: 15px; --row-gap: 15px; }

        /* G A L L E R Y        */ .view.view-gallery.view-id-gallery .view-content {--cols: 2; --column-gap: 15px; --row-gap: 15px; }
        /* G A L L E R Y - Term */ .view.view-gallery-categories.view-id-gallery_categories .view-content {--cols: 2; --column-gap: 15px; --row-gap: 15px; }
        /* G A L L E R Y - P H O T O */ .view.view-photogallery.view-id-photogallery .view-content {--cols: 1; --column-gap: 15px; --row-gap: 15px; }


    /* fields in row */
    
    
    /* fields in card */
    .view.view-about.view-id-about .view-content .views-row .node.node--type-about.node--view-mode-default .field.field--name-field-about-photo-set.field--type-image.field--label-hidden.field__items,
    .node.node--type-about.node--view-mode-full .field.field--name-field-about-photo-set.field--type-image.field--label-hidden.field__items,
    .node.node--type-catalogs-production.node--view-mode-full .field.field--name-field-catalogs-photo-set.field--type-image.field--label-hidden.field__items,
    .node.node--type-products.node--view-mode-full .field.field--name-field-product-photo-set.field--type-image.field--label-hidden.field__items,
    .node.node--type-services.node--view-mode-full .field.field--name-field-service-photo-set.field--type-image.field--label-hidden.field__items,
    .node.node--type-blog.node--view-mode-default .field.field--name-field-blog-photo-set.field--type-image.field--label-hidden.field__items,
    .node.node--type-inform-clients.node--view-mode-full .field.field--name-field-inform-clients-photo-set.field--type-image.field--label-hidden.field__items,
    .node.node--type-photogallery.node--view-mode-full .field.field--name-field-photogallery-photo-set.field--type-image.field--label-hidden.field__items
     {--cols: 2; --column-gap: 15px; --row-gap: 15px; }
    .node.node--type-videogallery.node--view-mode-full .field.field--name-field-videogallery-photo-set.field--type-text-long.field--label-hidden.field__items
     {--cols: 1; --column-gap: 15px; --row-gap: 15px; }
}

@media (max-width: 350px) {
    /* row-items */
        /* B E N E F I T S      */ .view.view-benefits.view-id-benefits .view-content {--cols: 1; --column-gap: 10px; --row-gap: 10px; }
        /* C A T A L O G        */ .view.view-catalogs.view-id-catalogs .view-content {--cols: 1; --column-gap: 10px; --row-gap: 10px; }
        /* C A T A L O G - Term */ .view.view-catalogs.view-id-catalogs.view-display-id-block_2 .view-content {--cols: 1; --column-gap: 10px; --row-gap: 10px; }
        /* C A T A L O G - Prod */ .view.view-catalogs-products.view-id-catalogs_products .view-content {--cols: 1; --column-gap: 10px; --row-gap: 10px; }
        /* S E R V I C E S      */ .view.view-services.view-id-services .view-content {--cols: 1; --column-gap: 10px; --row-gap: 10px; }
        /* N E W S              */ .view.view-news.view-id-news .view-content {--cols: 1; --column-gap: 10px; --row-gap: 10px; }

        /* G A L L E R Y        */ .view.view-gallery.view-id-gallery .view-content {--cols: 2; --column-gap: 10px; --row-gap: 10px; }
        /* G A L L E R Y - Term */ .view.view-gallery-categories.view-id-gallery_categories .view-content {--cols: 2; --column-gap: 10px; --row-gap: 10px; }
        /* G A L L E R Y - P H O T O */ .view.view-photogallery.view-id-photogallery .view-content {--cols: 1; --column-gap: 10px; --row-gap: 10px; }


    /* fields in row */
    
    
    /* fields in card */
    .view.view-about.view-id-about .view-content .views-row .node.node--type-about.node--view-mode-default .field.field--name-field-about-photo-set.field--type-image.field--label-hidden.field__items,
    .node.node--type-about.node--view-mode-full .field.field--name-field-about-photo-set.field--type-image.field--label-hidden.field__items,
    .node.node--type-catalogs-production.node--view-mode-full .field.field--name-field-catalogs-photo-set.field--type-image.field--label-hidden.field__items,
    .node.node--type-products.node--view-mode-full .field.field--name-field-product-photo-set.field--type-image.field--label-hidden.field__items,
    .node.node--type-services.node--view-mode-full .field.field--name-field-service-photo-set.field--type-image.field--label-hidden.field__items,
    .node.node--type-blog.node--view-mode-default .field.field--name-field-blog-photo-set.field--type-image.field--label-hidden.field__items,
    .node.node--type-inform-clients.node--view-mode-full .field.field--name-field-inform-clients-photo-set.field--type-image.field--label-hidden.field__items,
    .node.node--type-photogallery.node--view-mode-full .field.field--name-field-photogallery-photo-set.field--type-image.field--label-hidden.field__items
     {--cols: 2; --column-gap: 10px; --row-gap: 10px; }
    .node.node--type-videogallery.node--view-mode-full .field.field--name-field-videogallery-photo-set.field--type-text-long.field--label-hidden.field__items
     {--cols: 1; --column-gap: 10px; --row-gap: 10px; }
}


/* ================================================================
                GRID — FALLBACK (NO GRID SUPPORT)
   ================================================================ */
@supports not (display: grid) {
    .view-content,
    .auto-grid {
        display: flex;
        flex-wrap: wrap;
        gap: var(--gap);
    }

    .view-content > *,
    .view-content .views-row .node .field.field--type-image.field__items > *,
    .auto-grid > * {
        flex: 0 0 calc(100% / var(--cols));
    }
}