.image-placeholder{aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;border:1px dashed var(--color-border);color:var(--color-secondary-link)}section.collections{display:flex;flex-direction:column;align-items:center;width:100%}section.collections .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem}@media (min-width: 64rem){section.collections .grid{grid-template-columns:repeat(4,minmax(0,1fr))}}section.collections .grid article{padding:1rem;display:flex;flex-direction:column;gap:1rem;border:1px solid var(--color-border);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease}section.collections .grid article:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--color-secondary)}section.collections .grid article picture{display:block;aspect-ratio:4 / 3}section.collections .grid article picture img{width:100%;height:100%;display:block;object-fit:contain;object-position:center;transition:transform .25s ease}section.collections .grid article:hover picture img{transform:scale(1.04)}section.collections .grid article .body{display:flex;flex-direction:column;flex:1 1 auto}section.collections .grid article .body p{flex:1 1 auto}section.collections .grid article .body .thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:.25rem 0 1rem}section.collections .grid article .body .thumbs .thumb{display:block;border:1px solid var(--color-border);border-radius:.5rem;padding:.25rem;aspect-ratio:1 / 1;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease}section.collections .grid article .body .thumbs .thumb:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--color-secondary)}section.collections .grid article .body .thumbs .thumb:hover img{transform:scale(1.04)}section.collections .grid article .body .thumbs .thumb img{width:100%;height:100%;display:block;object-fit:contain;transition:transform .25s ease}section.collections .grid article .body .btn-primary{display:block;--card-gap: 1rem;--inner-radius: max(0px, calc(var(--brand-rounding) - var(--card-gap)));border-radius:var(--inner-radius)}section.browse{display:flex;flex-direction:column;align-items:center;width:100%}section.browse .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem;padding:1rem}@media (min-width: 64rem){section.browse .grid{grid-template-columns:repeat(5,minmax(0,1fr))}}section.browse .grid article{padding:1rem;display:flex;flex-direction:column;gap:1rem;border:1px solid var(--color-border);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease}section.browse .grid article:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--color-secondary)}section.browse .grid article picture{display:block;aspect-ratio:4 / 3}section.browse .grid article picture img{width:100%;height:100%;display:block;object-fit:contain;object-position:center;transition:transform .25s ease}section.browse .grid article:hover picture img{transform:scale(1.04)}section.browse .grid article .body{display:flex;flex-direction:column;flex:1 1 auto;justify-content:flex-start;gap:.5rem}section.browse .grid article .body .thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:.25rem}section.browse .grid article .body .thumbs .thumb{display:block;border:1px solid var(--color-border);border-radius:.5rem;padding:.25rem;aspect-ratio:1 / 1;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease}section.browse .grid article .body .thumbs .thumb:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--color-secondary)}section.browse .grid article .body .thumbs .thumb:hover img{transform:scale(1.04)}section.browse .grid article .body .thumbs .thumb img{width:100%;height:100%;display:block;object-fit:contain;transition:transform .25s ease}section.browse .grid article .body .btn-primary{display:block;--card-gap: 1rem;--inner-radius: max(0px, calc(var(--brand-rounding) - var(--card-gap)));border-radius:var(--inner-radius)}
/*# sourceMappingURL=/cdn/shop/t/261/assets/index.css.map */