.collection{padding-block:var(--section-py, clamp(48px, 8vw, 96px))}.collection__header{display:flex;flex-direction:column;gap:var(--spacing-4);margin-bottom:var(--spacing-6);padding-inline:var(--gutter, 16px)}@media(min-width:768px){.collection__header{margin-bottom:var(--spacing-8);padding-inline:0}}.collection__header-top{display:flex;flex-direction:column;gap:var(--spacing-4)}@media(min-width:768px){.collection__header-top{flex-direction:row;align-items:flex-start;justify-content:space-between}}.collection__header-content{flex:1}.collection__title{font-size:clamp(1.5rem,5vw,2.25rem);margin-bottom:var(--spacing-2)}.collection__description{color:var(--color-muted);max-width:100%;font-size:clamp(.9375rem,2vw,1rem);line-height:1.7;margin-top:var(--spacing-4)}.collection__description h2,.collection__description h3,.collection__description h4{margin-top:var(--spacing-6);margin-bottom:var(--spacing-2);font-weight:var(--font-weight-bold, 700)}.collection__description h2{font-size:clamp(1.25rem,3vw,1.5rem)}.collection__description h3{font-size:clamp(1.1rem,2.5vw,1.25rem)}.collection__description p{margin-bottom:var(--spacing-4)}.collection__description p:last-child{margin-bottom:0}.collection__description a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.collection__description a:hover{text-decoration:none}.collection__image{flex-shrink:0;width:120px;height:120px;border-radius:var(--radius-lg);overflow:hidden}@media(min-width:768px){.collection__image{width:150px;height:150px}}.collection__image img{width:100%;height:100%;object-fit:cover}.collection__toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-3);padding:var(--spacing-3) var(--gutter, 16px);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-4)}@media(min-width:768px){.collection__toolbar{gap:var(--spacing-4);padding:var(--spacing-4) 0;margin-bottom:var(--spacing-6)}}.collection__toolbar-left,.collection__toolbar-right{display:flex;align-items:center;gap:var(--spacing-3)}@media(min-width:768px){.collection__toolbar-left,.collection__toolbar-right{gap:var(--spacing-4)}}.collection__product-count{font-size:var(--font-size-sm);color:var(--color-muted);margin:0}.collection__sort{position:relative;display:inline-flex;align-items:center}.collection__sort-select{-webkit-appearance:none;appearance:none;padding:var(--spacing-2) var(--spacing-8) var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-text);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast)}.collection__sort-select:hover{border-color:var(--color-text)}.collection__sort-select:focus{outline:2px solid var(--color-primary);outline-offset:2px}.collection__sort-icon{position:absolute;right:var(--spacing-2);pointer-events:none;color:var(--color-muted)}.collection__main{display:flex;flex-direction:column;gap:var(--spacing-6);padding-inline:var(--gutter, 16px)}@media(min-width:768px){.collection__main{padding-inline:0}}.collection__products{flex:1;min-width:0}.collection__products .product-grid{--product-grid-cols-mobile: 2;--product-grid-cols-tablet: 3;--product-grid-cols-desktop: 3}@media(min-width:1280px){.collection__products .product-grid{--product-grid-cols-desktop: 4}}.collection__grid{display:grid;grid-template-columns:repeat(var(--columns-mobile, 2),1fr);gap:var(--spacing-4)}@media(min-width:640px){.collection__grid{gap:var(--spacing-6)}}@media(min-width:1024px){.collection__grid{grid-template-columns:repeat(var(--columns-desktop, 4),1fr)}}.collection__pagination{margin-top:var(--spacing-10);display:flex;justify-content:center}.pagination{display:flex;align-items:center;gap:var(--spacing-1);list-style:none;margin:0;padding:0}.pagination__link{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text);text-decoration:none;border:1px solid transparent;border-radius:var(--radius-md);transition:border-color var(--transition-fast),background-color var(--transition-fast)}.pagination__link:hover{border-color:var(--color-border)}.pagination__link--current{font-weight:var(--font-weight-semibold);color:var(--color-on-primary);background-color:var(--color-primary);border-color:var(--color-primary)}.pagination__link--ellipsis{border:none}.collection__empty{text-align:center;padding:var(--spacing-12) var(--spacing-4)}.collection__empty-text{font-size:var(--font-size-lg);color:var(--color-muted);margin-bottom:var(--spacing-4)}.collection__empty-link{color:var(--color-primary)}
/*# sourceMappingURL=/cdn/shop/t/22/assets/component-collection.css.map */