.products-section{position:relative;overflow:hidden;padding:0 50px!important}@media (max-width: 768px){.products-section{padding:0!important}}.products-section .products-track{display:grid;grid-auto-flow:column;--gap: 1rem;gap:var(--gap);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding:.5rem 0}.products-section .products-track::-webkit-scrollbar{height:0}.products-section .products-track{--cards-per-view: 2;grid-auto-columns:calc((100% - (var(--gap) * (var(--cards-per-view) - 1))) / var(--cards-per-view))}@media (min-width: 768px){.products-section .products-track{--cards-per-view: 3}}@media (min-width: 1200px){.products-section .products-track{--cards-per-view: 5}}.products-section .slider-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:20;border:none;background:var(--body-bg-color);color:var(--app-color);width:36px;height:36px;border-radius:50%;box-shadow:0 4px 12px #0000001f;cursor:pointer}.products-section .slider-btn.prev{left:8px}.products-section .slider-btn.next{right:8px}.products-section .slider-btn:disabled{opacity:.45;cursor:not-allowed}@media (max-width: 576px){.products-section .slider-btn{width:30px;height:30px}}.product-card{background-color:var(--body-bg-color);border-radius:7px;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;border:2px solid rgba(0,0,0,.06);position:relative;offset-anchor:top right;scroll-snap-align:start;scroll-snap-stop:always}.product-card:hover .product-card-top{opacity:1;transform:translateY(0);transition:transform .4s ease}.product-card-top{display:flex;position:absolute;top:10px;right:10px;z-index:1000;opacity:0;gap:.5rem;flex-direction:column;transform:translateY(-10px);transition:.4s ease}@media (max-width: 768px){.product-card-top{opacity:1;transform:translateY(0)}}.product-card-top i{border:1px solid var(--app-color-tertiary-font);padding:5px;border-radius:100%;width:25px;height:25px;font-size:13px;color:var(--app-color-tertiary-font);display:flex;cursor:pointer;align-items:center;justify-content:center}.product-card-top i:hover{border:1px solid var(--app-color);color:var(--app-color)}.product-card:hover{transform:translateY(-3px)}.product-review{position:absolute;z-index:10;top:10px;left:10px;display:flex;gap:.25rem;font-size:.65rem;color:var(--app-color-tertiary-font)}.product-card .image-container{position:relative;width:100%;height:160px;display:flex;align-items:center;justify-content:center;background:#fff;padding:5px 0;border-bottom:1px solid rgba(0,0,0,.06)}.product-card .image-container img{max-width:150px;max-height:150px;object-fit:contain}.product-card .offer-badge{position:absolute;top:10px;right:10px;background:#ff3b30;color:#fff;font-weight:700;font-size:.85rem;padding:.25rem .5rem;border-radius:12px;box-shadow:0 2px 6px #00000026}.product-card .content{padding:.75rem .9rem;background:#fff}.product-card .product-code{display:inline-block;background:#e9ecef;color:#343a40;border-radius:6px;font-weight:600;font-size:.65rem;padding:.2rem .5rem}.product-card .login-price{display:flex;align-items:center;gap:.35rem;color:#6c757d;font-style:italic;margin-top:.4rem}.product-card .price{display:flex;align-items:baseline;flex-direction:column;justify-content:start;margin-top:.4rem;height:3.2rem}.product-card .price .original-price{color:var(--app-color-tertiary-font);text-decoration:line-through;font-size:.9rem}.product-card .price .current-price{color:var(--app-color);font-weight:700;font-size:1.2rem}.product-card .product-title{margin-top:.25rem;font-size:.75rem;height:3.9rem;line-height:1.2rem;color:var(--app-font-color);text-transform:uppercase;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.product-card .stock-badge{display:inline-flex;align-items:center;padding:.25rem .6rem;border-radius:7px;font-size:.6rem;font-weight:600;border:1px solid transparent}.product-card .stock-badge.available{background:#e9f7ef;color:#2e7d32;border-color:#c8e6c9}.product-card .stock-badge.unavailable{background:#fdecea;color:#b23c17;border-color:#f5c6cb}.product-card .details-btn{position:relative;display:block;width:100%;padding:.65rem 1rem;text-align:center;border:2px solid var(--app-color);border-radius:7px;font-weight:700;color:var(--app-color);background:transparent;margin-top:.5rem;font-size:.7rem;transition:background-color .18s ease,transform .18s ease;display:flex;align-items:center;justify-content:center;text-wrap:nowrap}.product-card .details-btn:disabled{background:var(--app-color-tertiary-font);border:2px solid var(--app-color-tertiary-font);color:var(--app-color-font);cursor:not-allowed}.product-card .details-btn:not(:disabled):hover{background:var(--app-color-hover);border:2px solid var(--app-color-hover);color:var(--app-color-font)}.product-card .details-btn .bag-icon{display:inline-block;vertical-align:middle;width:0;margin-right:0;color:var(--app-color);opacity:0;transform:translate(-15px);transition:width .18s ease,margin-right .18s ease,transform .18s ease,opacity .18s ease,color .18s ease}.product-card .details-btn:hover .bag-icon{color:var(--app-color-font);width:1em;margin-right:.3rem;opacity:1;transform:translate(0)}.product-card .details-btn.in-cart,.product-card .details-btn.in-cart:hover{border-color:#04a004}.product-card .details-btn.in-cart:after{content:"";font-family:bootstrap-icons;font-weight:700;display:flex;align-items:center;justify-content:center;color:#fff;background:#04a004;height:100%;font-size:17px;position:absolute;top:0;left:0;animation:addedToCart .45s ease-in-out forwards}.product-card .details-btn.loading{pointer-events:none;position:relative}.product-card .details-btn.loading:after{content:"";font-family:bootstrap-icons;position:absolute;right:10px;animation:loading 1s linear infinite}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes addedToCart{0%{width:0}to{width:100%}}@media (max-width: 576px){.product-card .image-container{height:100px}.product-card .image-container img{height:90px;width:90px}.product-card .details-btn{font-size:.56em}.product-card .product-title{font-size:.7rem}.product-card .product-title{height:2.8rem;line-height:1.4rem}.product-card .price{font-size:.7rem;height:2.8rem}.product-card .price .original-price{font-size:.8rem}.product-card .price .current-price{font-size:.9rem}.product-review{flex-direction:column-reverse;font-size:.5rem}}
