/* ╔═══════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                        Magento_CatalogSearch (SEARCH RESULTS PAGE)                            ║ */
/* ╚═══════════════════════════════════════════════════════════════════════════════════════════════╝ */



/* List (Details) View */
.products-list .product-items {}
.products-list .product-items .product-item { 
    /* box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.15); */
    margin-bottom: 30px; 
    padding: 0;
    width: 100%;
    border: 2px solid #EFEFEE; border-radius: 6px;
}
.products-list .product-item-info { display: flex; align-items: center; margin: 0;  }
.products-list .product-item-info a.product-item-photo { display: block; }
.products-list .product-item-info a.product-item-photo .product-image-container { display: block; } 
.products-list .product-items .product-item-photo { 
    width: 280px; 
    padding: 0; 
    /* border-right: 1px solid #F3F3F3;  */
}
.products-list .product-item-details  { 
    display: flex; flex-direction: column; 
    width: 100%; flex: 1;
    padding:30px 30px 30px 50px;   
}

.products-list .product-item-details .product-item-name { font-size: 22px; text-transform: uppercase; display: block; }
.products-list .product-item-details .product-item-inner { }
.products-list .product-item-details .product-reviews-summary {  }
.products-list .product-item-details .price-box {  }

.products-list .gridmode-description p:last-of-type { margin-bottom: 0; }


.products-list .product-item .price-box {}
.products-list .product-item .price-box .price-container {}
.products-list .product-item .price-box .price-container .price-wrapper {}
.products-list .product-item .price-box .price-container .price-wrapper .price {   }
/* END | List (Details) View */


 
.products.wrapper .pih-wrapper { 
    opacity: 0;
    display: flex; align-items: center; justify-content: center; 
    width: 34px; height: 34px; 
    background-color: #000000; 
    position: absolute; top: 5px; left: 10px;
}
.products.wrapper .pih-wrapper:hover { opacity: 0.8; }
.products.wrapper .pih-wrapper a.pih { line-height: 1; color:#ffffff;  }
.products.wrapper .pih-wrapper span.pih { display: block; color:#5F91BE;  cursor: pointer; }
.products.wrapper .pih-wrapper .pih .bi { font-size: 16px; }
@keyframes slide-in {
    0% { transform: translateX(0px); opacity: 0;  } 
    100% { transform: translateX(5px); opacity: 1;  } 
}
.products.wrapper ol.product-items li.product-item:hover .pih-wrapper,
.products.wrapper ol.product-items li.product-item:hover .amquickview-hover.is_active {
    opacity: 1; 
    animation: slide-in 0.25s forwards;
}



.products.wrapper .pih-wrapper {  }
.products.wrapper .pih-wrapper a.pih {  }
.products.wrapper .pih-wrapper span.pih { }
.products.wrapper .pih-wrapper .pih .bi { font-size: 20px; }

.products.wrapper.products-grid .pih-wrapper { left: 0px; }





/* ╔══════════════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                                        BOOTSTRAP 5 BREAKPOINTS                                       ║ */
/* ╠══════════════════════════════════════════════════════════════════════════════════════════════════════╣ */
/* ║                                 SPECIFIC BREAKPOINT RANGES (AVOID USING)                             ║ */
/* ╚══════════════════════════════════════════════════════════════════════════════════════════════════════╝ */

/* XS -> SKPPED (dublicated breakpoint below)  */
/* SM */
@media (min-width:576px) and (max-width:767.98px) {} /* @media */
/* MD */
@media (min-width:768px) and (max-width:991.98px) {} /* @media */

/* ══════════╣   The following codes are specifically for iPad (portrait and landscape)    ╠═════════════ */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {} /* @media iPad Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {} /* @media iPad Portrait */

/* LG */
@media (min-width:992px) and (max-width: 1279.98px) {} /* @media */
/* XL */
@media (min-width:1280px) and (max-width: 1365.98px) {} /* @media */
/* 2XL */
@media (min-width:1366px) and (max-width: 1439.98px) {} /* @media */
/* 3XL: */
@media (min-width:1440px) and (max-width: 1599.98px) {} /* @media */
/* 4XL */
@media (min-width:1600px) and (max-width: 1919.98px) {} /* @media */
/* 5XL -> SKPPED (dublicated breakpoint below)  */

/* ╔══════════════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                         IF WIDTH EXCEEDS "$" (DO NOT USE ON FULL-WIDTH SITES)                        ║ */
/* ╚══════════════════════════════════════════════════════════════════════════════════════════════════════╝ */
@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {
  
} /* @media */
@media (min-width: 1280px) {

} /* @media */
@media (min-width: 1366px) {}
@media (min-width: 1440px) {
	
}
@media (min-width: 1600px) {

}
/* 5XL */
@media (min-width: 1920px) {
} /* 1920px & Up */

/* ╔══════════════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║ ####################################   DEVELOPMENT BREAKPOINTS   ##################################  ║ */
/* ╠══════════════════════════════════════════════════════════════════════════════════════════════════════╣ */
/* ║                                         IF WIDTH REACHES "$"                                         ║ */
/* ╚══════════════════════════════════════════════════════════════════════════════════════════════════════╝ */

/* 4XL */
@media (max-width: 1919.98px) {

} /* @media -----------------------------------| width < 1920px |-------------------------------------------*/

/* 3XL */
@media (max-width: 1599.98px) {
	 
} /* @media -----------------------------------| width < 1600px |-------------------------------------------*/

/* 2XL */
@media (max-width: 1439.98px) {

} /* @media -----------------------------------| width < 1440px |-------------------------------------------*/

/* XL */
@media (max-width: 1365.98px) {
 
} /* @media -----------------------------------| width < 1366px |-------------------------------------------*/

/* LG */
@media (max-width: 1279.98px) {
   
    .products.list.items.product-items .product-item-name { font-size: 16px; }
    .products.list.items.product-items .product-item .price-box .price-container.price-final_price .price-wrapper.price-including-tax { font-size: 20px; }
    
} /* @media -----------------------------------| width < 1200px |-------------------------------------------*/
 
/* MD */
@media (max-width: 991.98px) {

    .products-grid .product-item { width:50%; }
    .products-list .product-items .product-item-photo { width: 140px; }
    .products.list.items.product-items .product-item-details { padding: 12px; }
    .products.list.items.product-items .product-item-details .product-item-name { font-size: 15px; }
    .products-list .product-item .price-box .price-container .price-wrapper .price { font-size: 16px; }

} /* @media -----------------------------------| width < 992px |-------------------------------------------*/
 
/* SM */
@media (max-width: 767.98px) {

    .products { margin-top: 0px; margin-bottom: 10px;  }
    .products-list { padding-top: 0px; }
    
    .products-list .product-item-info { align-items: flex-start; }
    .products-list .product-items .product-item-photo { width: 88px; border-color: transparent; margin-top: 12px;  }
    .products-list .product-items .product-item-name { margin-top: 0; }
    
    
} /* @media -----------------------------------| width < 768px |-------------------------------------------*/

/* XS */
@media (max-width: 575.98px) and (orientation:landscape) {}
@media (max-width: 575.98px) {

} /* @media -----------------------------------| width < 576px |-------------------------------------------*/

/* ════════════════════════════════════════════╣     END    ╠════════════════════════════════════════════ */
@media screen and (min-width: 320px) and (max-width: 767.98px) and (orientation: landscape) { }
/* ╔══════════════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                                 ¡ NO STYLES BELOW THIS LINE PLEASE !                                 ║ */
/* ╚══════════════════════════════════════════════════════════════════════════════════════════════════════╝ */