#wrapper div.products {display:grid; grid-template-columns: repeat(3, 1fr); gap:32px;}
#wrapper div.products.products-4 {grid-template-columns: repeat(4, 1fr);}

#wrapper ul.products {display:grid; grid-template-columns: repeat(3, 1fr); gap:32px; margin:0px; }
#wrapper ul.products.products-4 {grid-template-columns: repeat(4, 1fr);}


#wrapper .products:before,
#wrapper .products:after {display:none;} 
 
#wrapper .products .product-card {display:flex; flex-direction: column; position:relative; background:#fff; transition: all 0.3s ease-in-out; background:#fff; filter:drop-shadow(0px 3px 20px rgba(212,199,171,0.25)); border-radius:40px; padding:20px}
#wrapper .products .product-card .image-container {width:100%; padding-top:100%; position:relative;}
#wrapper .products .product-card .image-container .image {position:absolute; top:0; left:0; right:0; bottom:0;  width:100%; height:100%; overflow:hidden; display:flex; justify-content:center; align-items:center;}
#wrapper .products .product-card .image-container .image img {position:relative; width:100%; height:100%; object-fit:cover;}

#wrapper .products .product-card .content {display:flex; flex-direction: column; gap:0px; flex:1; padding-top:20px;}
#wrapper .products .product-card .content p.title {line-height:1.3; margin:0px; color:var(--theme-color-1);}
#wrapper .products .product-card .content h4.title {font-size:18px; font-weight:400; color:var(--awb-color7); margin:0px;}
#wrapper .products .product-card .content .after-content-container {margin-top:auto; display:flex; flex-direction: row; gap:16px; flex-direction: column;}
#wrapper .products .product-card .content .after-content-container .price {font-size:18px; color:var(--awb-color7); font-family:var(--h1_typography-font-family)}
#wrapper .products .product-card .content .after-content-container .price del,
#wrapper .products .product-card .content .after-content-container .price del .amount{font-size:16px;}
#wrapper .products .product-card .content .after-content-container .price .amount {color:var(--theme-color-4)}
#wrapper .products .product-card .content .after-content-container .arrow {width:64px; height:40px; flex: 0 0 64px; display:flex; align-items:center; justify-content:center; background:var(--green); color:#fff; border-radius:8px; font-size:20px;}
#wrapper .products .product-card .sale-badge {position: absolute;top: -12px;left: -12px; background:var(--awb-color7); color: #fff;padding: 4px 16px;font-size: 14px;font-weight: 600;border-radius: 12px;z-index: 10;text-transform: uppercase;box-shadow: 0 2px 4px rgba(0,0,0,0.15);}
#wrapper .products .product-card .close-out-badge {position: absolute;top: 12px;left: 12px; background:#000; color: #fff;padding: 4px 16px;font-size: 14px;font-weight: 600;border-radius: 12px;z-index: 11;text-transform: uppercase;box-shadow: 0 2px 4px rgba(0,0,0,0.15);}

#wrapper .products .product-card .content .after-content-container .button-wrapper {display: flex;gap: 10px;align-items: center;}
#wrapper .products .product-card .content .after-content-container .button-wrapper .product-card-button {gap:4px;}
#wrapper .products .product-card .content .after-content-container .button-wrapper .product-card-button i {line-height:1.2;}
#wrapper .products .product-card .content .after-content-container .button-wrapper .product-card-button.loading {opacity: 0.6; cursor: wait;}
#wrapper .products .product-card .content .after-content-container .button-wrapper .product-card-button.added {background-color: var(--awb-color7) ;color: var(--awb-color6);border-color: var(--awb-color7);}

#wrapper .products .product-card .content .after-content-container .button-wrapper .view-product-link {border:solid 2px var(--button_accent_color); flex:1; text-align:center; justify-content:center; text-decoration:none !important;  }

#wrapper .products .product-card .content .after-content-container .button-wrapper .product-card-button {width:54px; height:54px; border-radius:50%; background:var(--awb-color4); color:var(--awb-color7); display:flex; align-items:center; justify-content:center; font-size:20px; transition: all 0.3s ease-in-out;}
#wrapper .products .product-card .content .after-content-container .button-wrapper .product-card-button:hover{background-color:var(--awb-color7); color:var(--awb-color4)}