/* ============================================
   HOME PAGE - ARREDAMENTO MINISITE
   ============================================
   
   INDICE:
   1. Base Styles
   2. Product Cards Grid
   3. Media Queries (ordinate per breakpoint decrescente)
   ============================================ */

body.body-minisite-arredamento {

    .minisite-page-wrapper {
        max-width: 1539px;

        /* ============================================
           1. PRODUCT CARDS GRID
           ============================================ */
        .product-cards-grid {
            margin-bottom: 24px;
        }

		.product-cards-grid a.product-card-link{
            display: contents;
        }

        .product-card {
            overflow: hidden;
            position: relative;
        }

        .product-card img {
            width: 100%;
            height: auto;
            background: var(--card-background) 0% 0% no-repeat padding-box;
            border-radius: var(--radius);
        }

        .product-card-content {
            position: absolute;
            inset: 0;
            justify-content: center;
            padding: 30px;
            padding-top: 30px;
            padding-right: 40%;
        }

        .product-card-content h2 {
            font-family: 'Mulish-Bold', sans-serif !important;
            font-size: 22px;
            font-weight: 700;
            margin-bottom: 16px;
            line-height: 1.3;
            margin-right: 15px;
			color: var(--black) !important;
        }

      .height50, .height50 a, .height50 .breadcrumb-link-dan .whiteDan {
        font-family: "Colfax-Medium", Arial, Helvetica, sans-serif !important;
      }

        @media (max-width:1536px) {
          .product-cards-grid .product-card-content h2 {
            font-size: 19px;
          }
        }

        @media (max-width:1471px) {
          .product-cards-grid .product-card-content h2 {
            font-size: 16px;
          }
          .product-card-content p {
            font-size: 13px !important;
            margin-right: 24px !important;
          }
        }

        @media (max-width:1350px) {
          .product-cards-grid .product-card-content h2 {
            font-size: 15px;
          }
          .product-card-content p {
            font-size: 12px !important;
          }
        }

        @media (max-width:1250px) {
          .product-cards-grid .product-card-content h2 {
            font-size: 14px;
          }
        }

        @media (max-width:1164px) {
          .product-cards-grid .product-card-content h2 {
            font-size: 13px;
            margin-bottom: 5px;
          }
          .product-card img {
            min-height: auto !important;
          }
          .product-cards-grid .product-card-content p {
           font-size: 11px !important; 
            margin-right: 15px !important;
          }
        }

        @media (max-width:1130px) {
          .product-cards-grid .product-card-content h2 {
            font-size: 12px !important;
          }
          .product-cards-grid .product-card-content p {
            font-size: 11px !important;
          }
        }

        @media (max-width:1100px) {
          .product-cards-grid .product-card-content h2 {
            margin-bottom: 5px !important
          }
          .product-cards-grid .product-card-content p {
            font-size: 10px !important;
          }
        }

        @media (max-width:1100px) {
          .product-cards-grid .product-card-content h2 {
            font-size: 11px !important;
            margin-bottom: 1px !important;
          }
        }

        @media (max-width:991px) {
          .product-cards-grid .product-card-content h2 {
            font-size: 22px !important;
            margin-bottom: 10px !important
          }
          .product-cards-grid .product-card-content p {
            font-size: 14px !important;
          }
        }

        @media (max-width:767px) {
          .product-cards-grid .product-card-content h2 {
            font-size: 18px !important;
          }
          nav div#breadcrumb_pf_id {
            display: none !important;
          }
          .height50 {
            margin-top: 0px !important;
          }
          .height50 i.fa.fa-chevron-left {
            position: relative;
            top: -1px;
            margin-top: 6px !important;
            font-size: 11px !important;
            margin-right: 5px !important;
          }
          .height50 .breadcrumb-link-dan .whiteDan {
            color: var(--black) !important;
            font-size: 15px !important;
            font-family: 'Colfax-Medium' !important;
          }
          #feedaty-widget-categories-breadcrumbs{
              top: 0 !important;
          }
        }

        @media (max-width:699px) {
          .product-cards-grid .product-card-content h2,
          .product-cards-grid .product-card-content p {
            margin-right: 60px !important;
          }
        }

        @media (max-width:374px) {
          .product-cards-grid .product-card-content h2 {
            margin-bottom: 5px !important;
          }
          .product-cards-grid .product-card-content p {
            font-size: 13px !important;
          }
        }

        .product-card-content p {
            font-size: 14px;
            color: var(--foreground);
            margin-bottom: 24px;
            line-height: 1.6;
            margin-right: 15px;
        }

        .product-card-content a {
            margin: 15px;
        }

        .product-card-content-bottom {
            justify-content: flex-end;
            align-items: flex-start;
            padding: 32px;
        }

        .product-card-content-bottom h3 {
            font-size: 24px;
            font-weight: 700;
            color: white;
            margin-bottom: 16px;
        }

        /* ============================================
           2. MEDIA QUERIES
           Ordine: dal breakpoint pił grande al pił piccolo
           ============================================ */

        /* --- min-width: 992px to max-width: 1399px --- */
        @media (min-width: 992px) and (max-width: 1399px) {
            .product-card img {
                min-height: 192px;
            }

            .product-card-content h2 {
                margin: unset;
                margin-bottom: 10px;
                font-size: 14px;
                display: block;
            }

            .product-card-content p {
                margin-bottom: 0px;
                font-size: 12px;
            }
        }

        /* --- max-width: 768px --- */
        @media (max-width: 768px) {
            .product-card-content h2 {
                margin: unset;
                margin-bottom: 10px;
            }

            .product-card-content p {
                margin-bottom: 0px;
            }
        }

        /* --- max-width: 767px --- */
        @media (max-width: 767px) {
            .product-card-content {
                width: 66%;
                padding: 0 20px;
                display: flex;
                flex-direction: column;
            }
        }

        /* --- max-width: 699px --- */
        @media (max-width: 699px) {
            .product-cards-grid .col-sm-6 {
                flex: 0 0 auto;
                width: 100%;
            }
        }
    }
}