.section-collection{color:var(--color-foreground);width:100%}.collection__container{max-width:var(--page-width, 1200px);margin-inline:auto;padding-inline:var(--page-margin)}.collection__image-wrapper{margin-bottom:1.5rem;border-radius:var(--border-radius, 0);overflow:hidden}.collection__image{display:block;width:100%;height:auto;max-height:28rem;object-fit:cover;object-position:center}.collection__header{display:grid;gap:1rem;justify-items:start;text-align:left;padding-bottom:.5rem}.collection__header--align-center{justify-items:center;text-align:center}.collection__header--align-right{justify-items:end;text-align:right}.collection__heading{font-family:var(--font-heading);font-weight:var(--font-weight-semibold, 600);letter-spacing:var(--letter-spacing-heading, -.02em);margin:0;color:var(--section-text-color, var(--color-foreground))}.collection__heading.text-xl{font-size:var(--font-size-xl);line-height:1.1}.collection__heading.text-2xl{font-size:var(--font-size-2xl);line-height:1.1}.collection__heading.text-3xl{font-size:var(--font-size-3xl);line-height:1.05}.collection__heading.text-4xl{font-size:var(--font-size-4xl);line-height:1.05}.collection__subheading{font-family:var(--font-body);font-size:var(--font-size-md);font-weight:var(--font-weight-normal, 400);line-height:1.6;margin:0;color:var(--section-text-color-muted, var(--color-foreground-variant, #666))}.collection__subheading>*:first-child{margin-top:0}.collection__subheading>*:last-child{margin-bottom:0}.collection__subheading>*+*{margin-top:.75em}.collection__subheading ul,.collection__subheading ol{padding-left:1.25em}.collection__subheading li+li{margin-top:.25em}.collection__subheading a,.collection__subheading a:hover{color:var(--section-link-color, var(--color-link, var(--section-text-color, var(--color-foreground))))}.collection__subheading a{text-decoration:underline;text-underline-offset:.2em;transition:color .2s ease}.collection__heading-wrapper{position:relative}.collection__description-toggle{display:inline-flex;align-items:center;gap:6px;margin-top:.25rem;padding:6px 14px;background:var(--section-block-bg, #f5f5f5);border:1px solid transparent;border-radius:999px;cursor:pointer;color:var(--section-text-color-muted, #666);font-family:var(--font-body);font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-medium, 500);letter-spacing:.01em;transition:color .2s ease,background-color .2s ease,border-color .2s ease}.collection__description-toggle:hover{color:var(--section-text-color, var(--color-foreground));border-color:var(--section-text-color-muted, #ccc)}.collection__description-toggle:focus-visible{outline:2px solid var(--section-text-color, var(--color-foreground));outline-offset:2px}.collection__description-toggle svg{transition:transform .25s ease;flex-shrink:0}.collection__heading-wrapper--expanded .collection__description-toggle svg{transform:rotate(180deg)}.collection__subheading{overflow:hidden;transition:max-height .35s ease}.collection__search{margin-bottom:clamp(1rem,2vw,2rem)}.collection__search-wrapper{position:relative;display:flex;align-items:center;max-width:480px}.collection__search-icon{position:absolute;left:12px;color:var(--section-text-color-muted, #999);pointer-events:none;flex-shrink:0}.collection__search-input{width:100%;padding:10px 40px;font-family:var(--font-body);font-size:var(--font-size-sm, .875rem);color:var(--section-text-color, var(--color-foreground));background:var(--section-block-bg, #f5f5f5);border:1px solid transparent;border-radius:var(--border-radius, 4px);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.collection__search-input::placeholder{color:var(--section-text-color-muted, #999)}.collection__search-input:focus{border-color:var(--section-text-color, var(--color-foreground));box-shadow:0 0 0 1px var(--section-text-color, var(--color-foreground))}.collection__search-clear{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;padding:4px;background:none;border:none;cursor:pointer;color:var(--section-text-color-muted, #999);transition:color .2s ease}.collection__search-clear:hover{color:var(--section-text-color, var(--color-foreground))}.collection__search-no-results{margin-top:1rem;font-family:var(--font-body);font-size:var(--font-size-sm, .875rem);color:var(--section-text-color-muted, #999)}#product-grid{display:grid;gap:var(--block-gap, 16px)}.gap-0{gap:0}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-24{gap:24px}.gap-28{gap:28px}.gap-32{gap:32px}.gap-36{gap:36px}.gap-40{gap:40px}.gap-44{gap:44px}.gap-48{gap:48px}.gap-52{gap:52px}.gap-56{gap:56px}.gap-60{gap:60px}.cols-mobile-1{grid-template-columns:repeat(1,minmax(0,1fr))}.cols-mobile-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-mobile-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media(min-width:768px){.cols-tablet-1{grid-template-columns:repeat(1,minmax(0,1fr))}.cols-tablet-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-tablet-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-tablet-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1024px){.cols-desktop-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols-desktop-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols-desktop-4{grid-template-columns:repeat(4,minmax(0,1fr))}.cols-desktop-5{grid-template-columns:repeat(5,minmax(0,1fr))}.cols-desktop-6{grid-template-columns:repeat(6,minmax(0,1fr))}}.product-grid-item{height:100%}.collection__body{margin-top:clamp(1rem,2vw,2rem)}.collection__layout{display:flex;gap:clamp(1rem,2vw,2rem)}.collection__layout--stack,.collection__layout--sidebar{flex-direction:column}@media(min-width:768px){.collection__layout--sidebar{flex-direction:row}}.collection__sidebar{width:100%;flex-shrink:0}@media(min-width:768px){.collection__sidebar{width:20rem}}.collection__content{flex:1 1 auto;min-width:0}.collection__pagination{margin-top:clamp(2rem,4vw,3rem);display:flex;justify-content:center}.collection__product-grid{display:grid;gap:var(--grid-gap);grid-template-columns:repeat(var(--grid-mobile-columns, 2),1fr)}@media(min-width:768px){.collection__product-grid{grid-template-columns:repeat(var(--grid-tablet-columns, 3),1fr)}}@media(min-width:1024px){.collection__product-grid{grid-template-columns:repeat(var(--grid-desktop-columns, 4),1fr)}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/collection.css.map */
