.jjs-col-hero{padding:52px 48px 44px;border-bottom:1px solid var(--jjs-border);display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;flex-wrap:wrap}.jjs-col-hero__title{font-family:var(--jjs-ff-display);font-size:clamp(2.5rem,5vw,4rem);letter-spacing:.04em;line-height:.9;color:var(--jjs-bone);margin:0}.jjs-col-hero__count{font-family:var(--jjs-ff-mono);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--jjs-muted);margin-top:12px}.jjs-col-hero__desc{font-size:.9rem;color:var(--jjs-bone-60);line-height:1.75;font-weight:300;max-width:60ch;margin-top:1rem}.jjs-col-hero__desc p{margin-bottom:.5rem}.jjs-col-hero__desc p:last-child{margin-bottom:0}.jjs-cols-header{padding:52px 48px 40px;border-bottom:1px solid var(--jjs-border)}.jjs-cols-header__title{font-family:var(--jjs-ff-display);font-size:clamp(2.5rem,5vw,4rem);letter-spacing:.04em;line-height:.9;color:var(--jjs-bone);margin:.5rem 0 0}.jjs-cols-header__sub{font-size:.9rem;color:var(--jjs-bone-60);line-height:1.75;font-weight:300;max-width:60ch;margin-top:1rem}.jjs-cols-grid{display:grid;grid-template-columns:repeat(var(--cols-count, 3),1fr);gap:2px;background:var(--jjs-border);padding:0 4rem 4rem}.jjs-col-card{display:block;text-decoration:none;position:relative;overflow:hidden;background:var(--jjs-mid)}.jjs-col-card__media{aspect-ratio:var(--card-ratio, 3/4);position:relative;overflow:hidden}.jjs-col-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease,filter .3s;filter:brightness(.72)}.jjs-col-card:hover .jjs-col-card__media img{transform:scale(1.05);filter:brightness(.88)}.jjs-col-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--jjs-mid);color:var(--jjs-muted)}.jjs-col-card__overlay{position:absolute;bottom:0;left:0;right:0;padding:3rem 1.5rem 1.5rem;background:linear-gradient(to top,rgba(10,10,10,.88) 0%,transparent 100%)}.jjs-col-card__title{font-family:var(--jjs-ff-display);font-size:clamp(1.4rem,2.5vw,2.2rem);letter-spacing:.04em;line-height:.95;color:var(--jjs-bone);margin:0 0 6px}.jjs-col-card__count{font-family:var(--jjs-ff-mono);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--jjs-bone-60);display:block}.jjs-col-card__desc{padding:12px 16px 14px;font-size:.82rem;color:var(--jjs-bone-60);line-height:1.65;font-weight:300;background:var(--jjs-ink);border-top:1px solid var(--jjs-border);margin:0}.jjs-col-filters{padding:12px 48px;border-top:1px solid var(--jjs-border);display:flex;gap:8px;flex-wrap:wrap;align-items:center}.jjs-col-filter-btn{font-family:var(--jjs-ff-mono);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--jjs-bone-60);background:transparent;border:1px solid rgba(244,240,232,.2);padding:6px 14px;cursor:pointer;transition:color .15s,border-color .15s,background .15s;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;-webkit-appearance:none;appearance:none}.jjs-col-filter-btn:hover,.jjs-col-filter-btn--active{color:var(--jjs-bone);border-color:var(--jjs-red);background:var(--jjs-red-08)}.jjs-col-hero--has-image{display:grid;grid-template-columns:1fr var(--hero-img-w, 320px);align-items:stretch;padding:0;gap:0}.jjs-col-hero--has-image .jjs-col-hero__left{padding:52px 48px 44px}.jjs-col-hero__right{overflow:hidden;border-left:1px solid var(--jjs-border)}.jjs-col-hero__img{width:100%;height:100%;object-fit:cover;display:block}.jjs-col-hero--has-image .jjs-col-filters,.jjs-col-filters--full{grid-column:1 / -1}.jjs-col-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 48px;border-bottom:1px solid var(--jjs-border);background:var(--jjs-ink2);flex-wrap:wrap;gap:8px}.jjs-col-cats{display:flex;gap:0;list-style:none;margin:0;padding:0;overflow-x:auto}.jjs-col-cats__item{font-family:var(--jjs-ff-mono);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--jjs-muted);padding:6px 16px;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s;white-space:nowrap}.jjs-col-cats__item--active,.jjs-col-cats__item:hover{color:var(--jjs-bone);border-bottom-color:var(--jjs-red)}.jjs-col-sort{font-family:var(--jjs-ff-mono);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--jjs-bone-60);background:var(--jjs-bone-08);border:1px solid var(--jjs-border-md);padding:6px 12px;cursor:pointer;-webkit-appearance:none;appearance:none}.jjs-prod-grid{display:grid;grid-template-columns:repeat(var(--grid-cols, 4),1fr);gap:1px;background:var(--jjs-border);padding:0 4rem 4rem}.jjs-card{background:var(--jjs-ink);position:relative;overflow:hidden;display:flex;flex-direction:column}.jjs-card__media{aspect-ratio:1 / 1;background:var(--jjs-ink2);overflow:hidden;position:relative}.jjs-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease,filter .3s;filter:brightness(.92)}.jjs-card:hover .jjs-card__media img{transform:scale(1.04);filter:brightness(1)}.jjs-card__badge{position:absolute;top:10px;left:10px;font-family:var(--jjs-ff-mono);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;background:var(--jjs-red);color:var(--jjs-bone);padding:3px 8px;z-index:2;pointer-events:none}.jjs-card__wishlist{position:absolute;top:10px;right:10px;width:32px;height:32px;background:var(--jjs-bone-08);border:1px solid var(--jjs-border-md);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s;z-index:2;color:var(--jjs-bone)}.jjs-card:hover .jjs-card__wishlist{opacity:1}.jjs-card__info{padding:14px 16px 8px;border-top:1px solid var(--jjs-border);flex:1}.jjs-card__title{font-size:.85rem;font-weight:500;color:var(--jjs-bone);margin:0 0 8px;line-height:1.3;font-family:var(--jjs-ff-body)}.jjs-card__meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px}.jjs-card__price{font-family:var(--jjs-ff-mono);font-size:.85rem;font-weight:600;color:var(--jjs-red)}.jjs-card__swatches{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.jjs-swatch{width:12px;height:12px;border-radius:50%;cursor:pointer;transition:transform .15s}.jjs-swatch:hover{transform:scale(1.3)}.jjs-card__quick{display:block;width:calc(100% - 32px);margin:10px 16px 14px;font-family:var(--jjs-ff-mono);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;background:transparent;color:var(--jjs-bone-60);border:1px solid rgba(244,240,232,.2);padding:10px;cursor:pointer;text-align:center;transition:background .2s,color .2s;position:static;transform:none}.jjs-card__quick:hover{background:var(--jjs-red);color:var(--jjs-bone);border-color:var(--jjs-red)}.jjs-pagination{display:flex;justify-content:center;gap:4px;padding:32px;border-top:1px solid var(--jjs-border)}.jjs-pagination a,.jjs-pagination span{font-family:var(--jjs-ff-mono);font-size:.65rem;letter-spacing:.1em;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--jjs-border-md);color:var(--jjs-bone-60);transition:all .15s}.jjs-pagination a:hover,.jjs-pagination .current{background:var(--jjs-red);border-color:var(--jjs-red);color:var(--jjs-bone)}@media(max-width:1024px){.jjs-prod-grid{grid-template-columns:repeat(3,1fr);padding:0 2rem 2rem}.jjs-cols-grid{grid-template-columns:repeat(2,1fr);padding:0 2rem 2rem}}@media(max-width:768px){.jjs-prod-grid{grid-template-columns:repeat(2,1fr);padding:0 1rem 1rem}.jjs-col-hero{padding:32px 24px}.jjs-col-toolbar{padding:12px 24px}.jjs-stats-strip{grid-template-columns:repeat(2,1fr)}.jjs-col-hero--has-image{grid-template-columns:1fr}.jjs-col-hero__right{display:none}.jjs-col-hero--has-image .jjs-col-hero__left{padding:32px 24px}.jjs-col-filters{padding:12px 24px}}@media(max-width:480px){.jjs-prod-grid{grid-template-columns:1fr;padding:0}.jjs-cols-grid{grid-template-columns:1fr;padding:0;gap:1px}.jjs-cols-header{padding:32px 16px 24px}.jjs-col-hero{padding:24px 16px}.jjs-col-toolbar{padding:10px 16px}.jjs-col-cats__item{padding:6px 10px;font-size:.75rem}.jjs-card__title{font-size:.9rem}.jjs-card__price{font-size:.85rem}.jjs-card__quick{font-size:.7rem;padding:10px}.jjs-stat{padding:16px 20px}.jjs-stat__num{font-size:2.2rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/jjs-collection.css.map */