.collection-container{display:flex;gap:2rem;padding:2rem}.collection-sidebar{width:250px;flex-shrink:0}.collection-main{flex-grow:1}.collection-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.collections{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(var(--collection-card-size),100%),1fr));gap:var(--grid-gap)}.collections--compact{--collection-card-size: 160px}.collections--full{--collection-card-size: 280px}.collection-card{display:flex;flex-direction:column;width:100%}.components-showcase{background-color:#fff}.components-header{padding:72px 0 48px;background:linear-gradient(135deg,#f6f6f7,#eef3ff)}.components-header-content{max-width:1200px;margin:0 auto;text-align:center;padding:0 24px}.components-header h1{margin-bottom:1rem}.components-description{max-width:60ch;margin:0 auto;color:#5c5f62;line-height:1.5}.button-showcase{padding:48px 0}.button-showcase-content{max-width:1200px;margin:0 auto;padding:0 24px}.button-showcase h2{margin-bottom:2rem;text-align:center}.variant-group{margin-bottom:2.5rem;padding:1.5rem;background-color:#f8f9fa;border-radius:8px}.variant-group h3{margin-bottom:1rem;color:#202223}.button-row{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.more-components{padding:48px 0 72px;background-color:#f8f9fa}.more-components-content{max-width:1200px;margin:0 auto;text-align:center;padding:0 24px}.more-components h2{margin-bottom:1rem}@media(max-width:768px){.button-row{flex-direction:column;align-items:stretch}}.custom-section{position:relative;overflow:hidden;width:100%}.custom-section__background{position:absolute;width:100%;height:100%;z-index:-1;overflow:hidden}.custom-section__background img{position:absolute;width:100%;height:auto;top:50%;left:50%;transform:translate(-50%,-50%)}.custom-section__content{display:grid;grid-template-columns:var(--content-grid)}.custom-section__content>*{grid-column:2}.group{display:flex;flex-wrap:nowrap;overflow:hidden;width:100%}.group--horizontal{flex-direction:row;justify-content:space-between;align-items:center;padding:0 var(--padding)}.group--vertical{flex-direction:column;align-items:var(--alignment);padding:var(--padding) 0}.text{text-align:var(--text-align)}.text--title{font-size:2rem;font-weight:700}.text--subtitle{font-size:1.5rem}.image{display:block;position:relative;overflow:hidden;width:100%;height:auto}.image>img{width:100%;height:auto}
/*# sourceMappingURL=/cdn/shop/t/184/compiled_assets/styles.css.map */