.carousel-wrap{width:100%;padding:40px 0}.carousel-wrap .carousel-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.carousel-wrap .carousel-header .carousel-title{color:var(--primary);font-size:1.5rem;font-weight:600}.carousel-wrap .carousel-header .nav-btns{gap:15px;display:flex}.carousel-wrap .carousel-header .nav-btns .nav-btn{border:1px solid var(--neutral-medium);background:var(--white);cursor:pointer;border-radius:50%;width:40px;height:40px}.carousel-wrap .carousel-header .nav-btns .nav-btn:disabled{opacity:.6;filter:blur(.5px);cursor:not-allowed}.carousel-wrap .carousel-header .nav-btns .nav-btn .icon{width:70%;height:70%;color:var(--neutral-darkest)}.carousel-wrap .track-outer{scrollbar-width:none;-ms-overflow-style:none;overflow:scroll hidden}.carousel-wrap .track-outer::-webkit-scrollbar{display:none}.carousel-wrap .track-outer .track{flex-direction:row;align-items:start;gap:25px;transition:transform .3s;display:flex}.carousel-wrap .track-outer .track .card{background:#fff;border:1px solid #eee;border-radius:10px;flex-direction:column;flex:0 0 250px;gap:8px;padding:20px;display:flex;position:relative}.carousel-wrap .track-outer .track .card *{font-family:var(--font-roboto)}.carousel-wrap .track-outer .track .card:hover button{opacity:1}.carousel-wrap .track-outer .track .card .card-rating{background:var(--neutral-lightest);border:1px solid var(--neutral-light);border-radius:9999px;flex-direction:row;align-items:center;width:max-content;height:auto;padding:6px 14px 6px 10px;display:flex}.carousel-wrap .track-outer .track .card .card-rating.new{background:var(--info-light);border:1px solid var(--info-light)}.carousel-wrap .track-outer .track .card .card-rating .icon{color:var(--alert);margin:0 6px 0 0;font-size:1.4rem;line-height:0}.carousel-wrap .track-outer .track .card .card-rating.new .icon{width:1.3rem;height:1.3rem;color:var(--info-dark)}.carousel-wrap .track-outer .track .card .card-rating p{color:var(--neutral-dark);margin:0;font-size:1.1rem;font-weight:500}.carousel-wrap .track-outer .track .card .card-rating.new p{color:var(--info-dark)}.carousel-wrap .track-outer .track .card .img{cursor:pointer;flex-direction:column;align-items:center;width:100%;height:auto;margin:10px 0;display:flex}.carousel-wrap .track-outer .track .card .img img{aspect-ratio:1;object-fit:contain;width:85%;margin:0 auto}.carousel-wrap .track-outer .track .card .discount-badge{z-index:2;background:var(--accent);color:var(--white);border-radius:var(--border-radius);padding:4px 9px;font-size:.75rem;font-weight:800;display:block;position:absolute;top:16px;right:16px;box-shadow:0 1px 3px #0000002e}.carousel-wrap .track-outer .track .card h3{color:var(--neutral-darkest);margin:5px 0 0;font-size:1.3rem;font-weight:500;line-height:1.6rem}.carousel-wrap .track-outer .track .card .prices{flex-direction:column;gap:4px;width:100%;height:auto;margin:4px 0;display:flex}.carousel-wrap .track-outer .track .card .prices p{color:var(--primary);font-size:1.35rem;font-weight:800}.carousel-wrap .track-outer .track .card .prices .old{color:var(--neutral);font-size:1.1rem;font-weight:500;text-decoration:line-through}.carousel-wrap .track-outer .track .card button{text-align:center;cursor:pointer;width:100%;height:max-content;color:var(--positive);border-radius:var(--border-radius);border:1px solid var(--positive-medium);background:0 0;flex-direction:row;justify-content:center;align-items:center;margin:0;padding:12.5px 0;font-family:Gooper;font-size:1.1rem;font-weight:600;transition:all .3s linear;display:flex}.carousel-wrap .track-outer .track .card button:hover,.carousel-wrap .track-outer .track .card button:focus{background:var(--positive);border:1px solid var(--positive-medium);color:var(--white)}.products-loading{text-align:center;padding:20px}.carousel-wrap .track-outer .track .card h3 a{color:inherit;text-decoration:none}.carousel-wrap .carousel-header .carousel-title{margin:0}@media (max-width:640px){.carousel-wrap{padding:24px 0}.carousel-wrap .carousel-header .carousel-title{font-size:1.25rem}.carousel-wrap .track-outer .track{gap:14px}.carousel-wrap .track-outer .track .card{flex:0 0 62vw;max-width:230px;padding:14px}.carousel-wrap .track-outer .track .card h3{font-size:1.1rem;line-height:1.4rem}}
