.collection-grid{background-color:var(--color-beige)}.collection-grid__header{text-align:center;margin-bottom:3rem}@media(min-width:768px){.collection-grid__header{margin-bottom:4rem}}.collection-grid__subtitle{display:block;font-family:var(--font-heading);font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;color:var(--color-text-muted);font-weight:300;margin-bottom:1rem}html[dir=rtl] .collection-grid__subtitle{font-size:.875rem}@media(max-width:767px){html[dir=rtl] .collection-grid__subtitle{font-size:1.125rem}@media(max-width:480px){html[dir=rtl] .collection-grid__subtitle{font-size:1rem}}@media(min-width:375px)and (max-width:767px){html[dir=rtl] .collection-grid__subtitle{font-size:1.125rem}}@media(min-width:480px)and (max-width:767px){html[dir=rtl] .collection-grid__subtitle{font-size:1.25rem}}}@media(min-width:768px){html[dir=rtl] .collection-grid__subtitle{font-size:.9375rem}}.collection-grid__title{font-family:var(--font-heading);font-size:2rem;color:var(--color-primary);letter-spacing:-.025em;line-height:1.2;font-weight:300;margin-bottom:1.5rem}@media(max-width:767px){.collection-grid__title{font-size:var(--title-size-mobile, 1.8rem)}}@media(min-width:768px){.collection-grid__title{font-size:2.25rem}}@media(min-width:1024px){.collection-grid__title{font-size:3rem}}.collection-grid__description{font-family:var(--font-body);font-size:1.125rem;color:var(--color-text-muted);max-width:42rem;margin:0 auto;font-weight:300;line-height:1.7}@media(max-width:767px){.collection-grid__description{font-size:var(--description-size-mobile, 1.1rem)}}@media(min-width:768px){.collection-grid__description{font-size:1.125rem}}.collection-grid__wrapper{display:grid;grid-template-columns:1fr;gap:2rem;max-width:88rem;margin:0 auto}@media(min-width:768px){.collection-grid__wrapper{grid-template-columns:repeat(2,1fr);gap:2.5rem}}@media(min-width:1024px){.collection-grid__wrapper{grid-template-columns:repeat(3,1fr);gap:3rem}}@media(min-width:1024px){.collection-grid__wrapper:has(.collection-grid__item:nth-child(2):last-child){grid-template-columns:repeat(2,1fr);max-width:72rem}}.collection-grid__item{display:block;text-decoration:none;transition:transform var(--transition-base);position:relative}.collection-grid__item:hover{transform:translateY(-4px)}.collection-grid__image-wrapper{position:relative;aspect-ratio:3 / 4;overflow:hidden;background-color:#e8e8e8;width:100%;display:block}.collection-grid__image{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.4,0,.2,1);display:block}.collection-grid__item:hover .collection-grid__image{transform:scale(1.05)}.collection-grid__image--placeholder{width:100%;height:100%;object-fit:cover;opacity:.3}.collection-grid__badge{position:absolute;bottom:1.5rem;left:0;right:0;margin:0 auto;width:fit-content;max-width:calc(100% - 3rem);background-color:var(--color-white);color:var(--color-primary);font-family:var(--font-heading);font-size:.875rem;letter-spacing:.15em;text-transform:uppercase;padding:.75rem 1.5rem;font-weight:300;box-shadow:0 2px 8px #3d26451a;transition:all var(--transition-base);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}@media(max-width:767px){.collection-grid__badge{font-size:var(--badge-size-mobile, 1.125rem);padding:1rem 2rem;max-width:calc(100% - 2rem);bottom:1.5rem;left:0;right:0;margin-left:auto;margin-right:auto;width:fit-content}html[dir=rtl] .collection-grid__badge{font-size:1.125rem;padding:1.125rem 2.25rem}@media(max-width:480px){html[dir=rtl] .collection-grid__badge{font-size:1rem;padding:1rem 2rem}}@media(min-width:375px)and (max-width:480px){html[dir=rtl] .collection-grid__badge{font-size:1.125rem;padding:1.125rem 2.25rem}}@media(min-width:480px)and (max-width:767px){html[dir=rtl] .collection-grid__badge{font-size:1.25rem;padding:1.25rem 2.5rem}}}@media(min-width:768px)and (max-width:1023px){.collection-grid__badge{font-size:1rem;padding:.875rem 1.75rem;left:0;right:0;margin-left:auto;margin-right:auto;width:fit-content}}@media(min-width:1024px){.collection-grid__badge{font-size:1rem;padding:.875rem 1.75rem;left:0;right:0;margin-left:auto;margin-right:auto;width:fit-content}}.collection-grid__item:hover .collection-grid__badge{background-color:var(--color-primary);color:var(--color-white);box-shadow:0 4px 16px #3d264533;transform:translateY(-4px)}html[dir=rtl] .collection-grid__badge{left:0;right:0;margin-left:auto;margin-right:auto;transform:none}html[dir=rtl] .collection-grid__item:hover .collection-grid__badge{transform:translateY(-4px)}.collection-carousel__container{position:relative;max-width:88rem;margin:0 auto;padding:0 3rem}@media(max-width:767px){.collection-carousel__container{padding:0 2.5rem}}.collection-carousel__wrapper{overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.collection-carousel__wrapper::-webkit-scrollbar{display:none}.collection-carousel__track{display:flex;gap:2rem;padding:.5rem 0}@media(min-width:768px){.collection-carousel__track{gap:2.5rem}}@media(min-width:1024px){.collection-carousel__track{gap:3rem}}.collection-carousel .collection-grid__item{flex:0 0 280px;width:280px}@media(min-width:768px){.collection-carousel .collection-grid__item{flex:0 0 340px;width:340px}}@media(min-width:1024px){.collection-carousel .collection-grid__item{flex:0 0 380px;width:380px}}.collection-carousel__nav{position:absolute;top:50%;transform:translateY(-50%);width:3rem;height:3rem;border-radius:50%;background-color:var(--color-white);border:1px solid rgba(232,223,233,.5);color:var(--color-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);z-index:10;box-shadow:0 2px 12px #3d26451a}.collection-carousel__nav:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);box-shadow:0 4px 16px #3d264533}.collection-carousel__nav:disabled{cursor:not-allowed;opacity:.3}.collection-carousel__nav--prev{left:0}.collection-carousel__nav--next{right:0}@media(max-width:767px){.collection-carousel__nav{width:2.5rem;height:2.5rem}.collection-carousel__nav svg{width:18px;height:18px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-collection-grid.css.map */