main{padding-inline:24px}.section{padding-block:1.75rem}.section-title{margin:0 0 1rem;padding-inline:1rem;font-size:1.25rem;font-weight:700}.scroll-wrap{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-inline:1rem}.scroll-wrap>*{scroll-snap-align:start;flex:0 0 auto}.trending-now .btn{display:inline-block}.feature{display:flex;flex-direction:column;gap:1.5rem;overflow:hidden;background:var(--white)}.carousel-slide{flex:0 0 200px;scroll-snap-align:center}.carousel{position:relative}.carousel-track{display:flex;gap:1rem;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding-inline:1rem}.carousel-track::-webkit-scrollbar{display:none}.carousel-slide{flex:0 0 300px;scroll-snap-align:center}.carousel-slide img{inline-size:100%;block-size:auto}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);inline-size:40px;block-size:40px;border:none;border-radius:50%;background:#00000080;color:#fff;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:1}.carousel-btn svg{inline-size:24px;block-size:24px}.carousel-btn.prev{left:.5rem}.carousel-btn.next{right:.5rem}.shop-cards{display:flex;flex-direction:column;gap:1.5rem;padding-inline:1rem}@media (min-width: 768px){main{padding-inline:0}.shop-cards{flex-direction:row;justify-content:space-between;gap:.75rem}.shop-card__body button{margin-top:.3125rem}.shop-card{flex:1 1 0%;max-inline-size:100%}.scroll-wrap{overflow-x:hidden;scroll-snap-type:none}.scroll-wrap>*{flex:1 1 33.333%}.category-card,.category-card .media{inline-size:100%;position:relative}.category-card .media img{inline-size:100%;block-size:100%;object-fit:cover}.trending-now .btn{background-color:var(--white);color:var(--black);border:none}.feature{flex:1 1 auto;flex-direction:row;gap:0}.feature-card,.feature-card .media{inline-size:100%;position:relative}.feature-card .media img{inline-size:100%;block-size:100%;object-fit:cover}.carousel-btn{display:flex}.carousel-slide{flex-basis:31.25rem}}