/* Custom CSS used for IDTB pages */

/* special ordering for some grid cells */
.product-grid > .grid-item:nth-child(2) { order: 1; }  /* Position 2 is 1st */
.product-grid > .grid-item:nth-child(1) { order: 2; }  /* Position 1 is 2nd */
.product-grid > .grid-item:nth-child(3) { order: 3; }
.product-grid > .grid-item:nth-child(5) { order: 4; }  /* Position 5 is 4th */
.product-grid > .grid-item:nth-child(4) { order: 5; }  /* Position 4 is 5th */
.product-grid > .grid-item:nth-child(6) { order: 6; }
.product-grid > .grid-item:nth-child(7) { order: 7; }
.product-grid > .grid-item:nth-child(9) { order: 8; }  /* Position 9 is 8th */
.product-grid > .grid-item:nth-child(8) { order: 9; }  /* Position 8 is 9th */
.product-grid > .grid-item:nth-child(10) { order: 10; }
.product-grid > .grid-item:nth-child(11) { order: 11; }
.product-grid > .grid-item:nth-child(13) { order: 12; } /* Position 13 is 12th */
.product-grid > .grid-item:nth-child(12) { order: 13; } /* Position 12 is 13th */
.product-grid > .grid-item:nth-child(14) { order: 14; }
.product-grid > .grid-item:nth-child(15) { order: 15; }
.product-grid > .grid-item:nth-child(16) { order: 16; }
.product-grid > .grid-item:nth-child(17) { order: 17; }
.product-grid > .grid-item:nth-child(18) { order: 18; }
.product-grid > .grid-item:nth-child(18) { order: 19; }

.product-grid > .grid-item-35-65 { order: 16; } /* error catch on tabs box */
 
       
     
@media (min-width: 974px) {
 
  
            /* Two Column Layout */
            .product-grid {
                grid-template-columns: 1fr 1fr; 
            }
      /* Reset Order for Desktop Grid for special grid cells */
  .product-grid > .grid-item {
    order: initial !important; 
}
.product-grid > .grid-item-35-65 {
    order:  initial !important;
}
    .bg-secondary {
            background-color: #FAFAFA; /* Literal value: Fixed */
        }
            .grid-item-35-65 { /* this creates a SINGLE grid item with 2 columns but it's counted as one item */
                grid-column: 1 / 3; /* Forces this wrapper to span the full grid width */
                display: flex;      /* Enables side-by-side layout */
            }

            .grid-item-35-65 > .grid-item:nth-child(1) {
                width: 40%; /* Item 16 */
                background-color: #FAFAFA !important; 
            }
            .grid-item-35-65 > .grid-item:nth-child(2) {
                width: 60%; /* Item 17 */
            }
            /* Full Width Items (New Positions following the count 3, 17, 18) -  */
            .grid-item:nth-child(3), 
            .grid-item:nth-child(17), 
            .grid-item:nth-child(18) { 
                grid-column: 1 / 3;
            }
        }