.cat-styles{padding:3.5rem 0}.cat-styles__inner{max-width:1152px;margin:0 auto;padding:0 1rem}@media screen and (min-width:640px){.cat-styles__inner{padding:0 1.5rem}}@media screen and (min-width:1024px){.cat-styles__inner{padding:0 2rem}}.cat-styles__header{text-align:center;margin-bottom:2rem}.cat-styles__title{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--color-text);margin:0}@media screen and (min-width:640px){.cat-styles__title{font-size:1.875rem}}.cat-styles__sub{font-family:var(--font-body);font-size:.875rem;color:var(--color-text-muted);margin:.5rem 0 0}.cat-styles__empty{text-align:center;font-family:var(--font-body);font-size:.875rem;color:var(--color-text-muted);padding:3rem 0;margin:0}.cat-styles__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media screen and (min-width:640px){.cat-styles__grid{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:1024px){.cat-styles__grid{grid-template-columns:repeat(4,1fr)}}.cat-style-card{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:16px;overflow:hidden;cursor:pointer;text-align:left;padding:0;width:100%;transition:border-color .25s ease,box-shadow .25s ease}.cat-style-card:hover{border-color:#d9304666;box-shadow:0 10px 25px -5px #0000001a}.cat-style-card:focus-visible{outline:2px solid rgba(217,48,70,.5);outline-offset:2px}.cat-style-img-wrap{position:relative;aspect-ratio:4 / 3;overflow:hidden;background-color:var(--color-muted)}.cat-style-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.cat-style-card:hover .cat-style-img{transform:scale(1.05)}.cat-style-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#0d0d0d40}.cat-style-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0000;display:flex;align-items:center;justify-content:center;transition:background-color .25s ease}.cat-style-card:hover .cat-style-overlay{background-color:#0000004d}.cat-style-view-pill{opacity:0;font-family:var(--font-heading);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#fff;background-color:#d93046e6;padding:5px 14px;border-radius:9999px;transition:opacity .25s ease}.cat-style-card:hover .cat-style-view-pill{opacity:1}.cat-style-label-wrap{padding:.625rem .75rem .75rem;text-align:center}.cat-style-label{font-family:var(--font-body);font-size:.875rem;font-weight:600;color:var(--color-text);margin:0;transition:color .2s ease}.cat-style-card:hover .cat-style-label{color:var(--color-primary)}.cat-lb-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background-color:#000000de}.cat-lb-backdrop.is-open{display:block}.cat-lightbox{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;align-items:center;justify-content:center;padding:1.5rem;pointer-events:none}.cat-lightbox.is-open{display:flex;pointer-events:auto}.cat-lb-content{position:relative;z-index:1;max-width:900px;width:100%;text-align:center;pointer-events:auto}.cat-lb-img{width:100%;max-height:80vh;object-fit:contain;border-radius:12px;display:block}.cat-lb-caption{font-family:var(--font-heading);color:#fff;font-weight:600;font-size:.9375rem;margin:.75rem 0 0}.cat-lb-counter{font-family:var(--font-body);color:#ffffff80;font-size:.8125rem;margin:.375rem 0 0}.cat-lb-close,.cat-lb-prev,.cat-lb-next{position:fixed;z-index:1001;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;pointer-events:auto}.cat-lb-close{top:1.25rem;right:1.5rem;width:44px;height:44px}.cat-lb-prev,.cat-lb-next{top:50%;transform:translateY(-50%);width:48px;height:48px}.cat-lb-prev{left:1.25rem}.cat-lb-next{right:1.25rem}.cat-lb-close:hover,.cat-lb-prev:hover,.cat-lb-next:hover{background-color:#ffffff38}.cat-lb-close:focus-visible,.cat-lb-prev:focus-visible,.cat-lb-next:focus-visible{outline:2px solid #ffffff;outline-offset:2px}@media screen and (max-width:479px){.cat-lb-prev,.cat-lb-next{width:36px;height:36px}.cat-lb-prev{left:.5rem}.cat-lb-next{right:.5rem}}@media(prefers-reduced-motion:reduce){.cat-style-img,.cat-style-overlay,.cat-style-view-pill,.cat-style-card,.cat-style-label,.cat-lb-close,.cat-lb-prev,.cat-lb-next{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/category-styles-grid.css.map */