.product-box {position: relative; border: solid 1px var(--color-general-border); border-radius: var(--radius); background: var(--module-background); display: flex; flex: 1 0 auto; height: 100%;}
.inside-product-box{display: flex; height: 100%; flex-direction: column; position: relative;overflow: hidden;align-items: stretch;}
.mtopauto{margin-top: auto; padding: 0 10px;}
.bottomprice{display: flex; justify-content: space-between; align-items: center;height: 50px;padding-bottom:10px}
.product-box .image {position: relative; display: block; margin-bottom: 10px; transition: 0.2s all; opacity: 1; overflow: hidden;}
.product-box .image .special-badge {position: absolute; top: 5px; right: 5px; font-size: 13px; padding: 5px 8px; background: var(--color-specialprice); color: #ffffff; border-radius: var(--radius);}
.product-box .rate {font-size: 12px; color: #F5C82F;}
.product-box .title {margin-bottom: 3px; color: var(--color-black); font-size: 14px; font-weight: 600;padding: 0 10px; line-height: 20px; height: 40px; overflow: hidden;}
.product-box .price .price-special {color: #F00; font-weight: 500;}
.product-box .price .price-old {color: #000; font-size: 14px; text-decoration: line-through;}
.product-box .stock-status {position: relative; display: block; font-size: 13px; padding: 2px 0px; color: #999999;}
.product-box .stock-status.in-stock {color: #23ba29;}
.img01{transition: all 0.3s ease-in-out;}
.img02{position: absolute; top: 0; left: 0; width: 100%; height: 100%;opacity:0; transition: all 0.3s ease-in-out}
.product-box:hover .img01{opacity:0;}
.product-box:hover .img02{opacity:1;}
.badgeproduct {position: absolute; top: 40px; left: -60px; z-index: 99999; clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);background: var(--color-primary);color:#fff;padding: 6px 0px; transform: rotate(320deg); font-size: 12px; font-weight: 600; width: 240px; text-align: center; border-bottom: solid 3px rgba(0, 0, 0, 0.1);opacity: 0.6; text-shadow: 0 1px 1px #fff;}
.row-options{display: flex; gap: 20px; justify-content: center;}
.product-options-absolute{position: absolute; bottom: -200px; width: 100%; background: var(--color-primary); color: #fff; padding: 7px 0; opacity:0; transition: all 0.3s ease-in-out}
.product-box:hover .product-options-absolute{bottom:0; opacity:0.7;}
.mardispo{font-size: 14px; font-weight: 700; text-align: center; margin-bottom: 3px;}