.product-grid{grid-template-columns:repeat(4,1fr);gap:32px;padding-bottom:0;display:grid;overflow:visible}.product-box{width:100%;max-width:327px;margin:0 auto}.product-box:nth-child(4n+1) .product-img{background-color:#f1eefa}.product-box:nth-child(4n+2) .product-img{background-color:#eaf6ff}.product-box:nth-child(4n+3) .product-img{background-color:#fdf0f0}.product-box:nth-child(4n+4) .product-img{background-color:#eef4ee}.product-img{aspect-ratio:327/420;border-radius:12px;justify-content:center;align-items:flex-end;width:100%;display:flex;position:relative;overflow:hidden}.product-box img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:all var(--transition);border-radius:12px}.product-box img:hover{transform:scale(1.03)}.product-badge{color:#fff;background-color:#ec1a6e;border-radius:0;padding:6px 14px;font-size:13px;font-weight:600;position:absolute;bottom:0;left:0}.product-box-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;margin-top:16px;display:flex}.product-box-content h4{color:var(--text-primary);align-items:center;gap:6px;font-size:15px;font-weight:500;display:flex}.product-box-content h4 i{color:#f5a623}.product-box-content h3{color:#1a1a1a;-webkit-line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:2px 0;font-size:20px;font-weight:700;display:-webkit-box;overflow:hidden}.product-box-content h6{color:#8a8a8a;-webkit-line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-bottom:4px;font-size:15px;font-weight:400;display:-webkit-box;overflow:hidden}.product-box-content h5{color:#1a1a1a;margin-top:4px;font-size:20px;font-weight:700}.product-box-content h5 span{color:#a0a0a0;margin-left:6px;font-size:15px;font-weight:500;text-decoration:line-through}.product-colors-div{justify-content:center;align-items:center;display:flex;position:relative}.colors-round{border:2px solid #fff;border-radius:50%;width:22px;height:22px;box-shadow:0 0 0 1px #e0e0e0}.product-colors-main span{color:#8a8a8a;margin-left:4px;font-size:14px;font-weight:500}.product-box-content p{color:#2e9e4e;font-size:14px;font-weight:600}.product-box .product-cart-btn{opacity:0;justify-content:center;align-items:center;width:100%;display:flex;position:absolute;bottom:0%;left:50%;transform:translate(-50%,-50%)}.product-box:hover .product-cart-btn{opacity:1;transition:all var(--transition);bottom:5%}.product-box:hover .product-badge{opacity:0;transition:all var(--transition)}.product-box .add-cart-btn-2{display:none}@media screen and (max-width:1200px){.product-grid{grid-template-columns:repeat(3,1fr);gap:24px}}@media screen and (min-width:767px) and (max-width:1000px){.product-grid{grid-template-columns:repeat(2,1fr);gap:20px}.product-box-content h3,.product-box-content h5{font-size:17px}.product-box-content h4,.product-box-content h6{font-size:13px}.product-box-content h5 span,.product-colors-main span,.product-box-content p,.product-badge{font-size:12px}}@media screen and (max-width:767px){.product-grid{flex-wrap:nowrap;gap:12px;padding-bottom:20px;display:flex;overflow-x:auto}.product-box{flex:0 0 200px;width:200px}.product-box-content h4,.product-box-content h6,.product-box-content h5 span,.product-colors-main span,.product-box-content p,.product-badge{font-size:11px}.product-box-content h3,.product-box-content h5{font-size:16px}.product-box .product-cart-btn{display:none!important}.product-box .add-cart-btn-2{display:flex}}