.hh-fabric-breakout{width:100vw;margin-left:calc(50% - 50vw)}.hh-fabric-filter-layout{display:grid;grid-template-columns:240px 1fr;gap:32px;max-width:1400px;margin:40px auto;padding:0 40px}.hh-fabric-filters{align-self:start;position:sticky;top:24px;height:calc(100vh - 120px);overflow-y:auto;border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:24px;background:#fff}.hh-fabric-filters h3{margin:0 0 20px;font-size:22px}.hh-fabric-filter-clear{display:inline-flex;align-items:center;gap:6px;width:auto;margin:-6px 0 14px;padding:0;border:0;background:transparent;color:#8a6f54;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none}.hh-fabric-filter-clear:hover{color:#000;text-decoration:underline;text-underline-offset:3px}.hh-clear-icon{font-weight:700}.hh-fabric-filter-group{border-top:1px solid rgba(0,0,0,.1);padding-top:16px;margin-top:16px;display:flex;flex-direction:column}.hh-fabric-filter-group label{display:flex;align-items:center;gap:10px;width:100%;margin:10px 0;font-size:13px;cursor:pointer}.hh-fabric-filter-group input{width:16px;height:16px}.hh-fabric-filter-group summary{list-style:none;cursor:pointer;font-weight:600;font-size:15px;margin-bottom:12px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 10px}.hh-fabric-filter-group summary::-webkit-details-marker{display:none}.hh-fabric-filter-group summary:after{content:"\25be";grid-column:2;grid-row:1;transition:transform .2s ease}.hh-fabric-filter-group[open] summary:after{transform:rotate(180deg)}.hh-filter-title{grid-column:1}.hh-filter-chips{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:6px;margin:0}.hh-filter-chip{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;background:#f5f1eb;border:1px solid #d7c7b4;color:#6a523a;font-size:11px;font-weight:500;line-height:1.3}.hh-fabric-results-count{margin:0 0 20px;font-size:15px;color:#000000a6}.hh-fabric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.hh-fabric-card{background:#fff;border-radius:12px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 1px 2px #0000000a,0 4px 12px #0000000f}.hh-fabric-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00000014,0 12px 24px #0000001f}.hh-fabric-card__image{display:block;aspect-ratio:1 / 1;overflow:hidden;border-radius:12px;background:#f6f3ee}.hh-fabric-card__image img{width:100%;height:100%;object-fit:cover;display:block}.hh-fabric-card__image:hover img{transform:scale(1.03)}.hh-fabric-card__title{margin:16px 0 10px}.hh-fabric-card__title a{color:inherit;text-decoration:none}.hh-fabric-card__title a:hover{text-decoration:underline}.hh-fabric-card__title,.hh-fabric-card__specs{padding-left:16px;padding-right:16px}.hh-fabric-card__specs{padding-bottom:16px}.hh-fabric-card__spec-line,.hh-fabric-card__applications{font-size:12px;line-height:1.5;color:#666}.hh-fabric-card__applications{margin-top:8px;font-size:13px;line-height:1.45}.hh-fabric-card__applications span{display:block;font-weight:600;color:#444}.hh-fabric-card__spec-line+.hh-fabric-card__spec-line{margin-top:2px}.hh-mobile-filter-toggle,.hh-mobile-filter-float,.hh-mobile-filter-close{display:none}@media screen and (max-width:989px){.hh-fabric-filter-layout{grid-template-columns:1fr;gap:28px}.hh-fabric-filters{display:none;position:static;height:auto;overflow:visible}.hh-fabric-filters.is-open{display:block}.hh-fabric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hh-mobile-filter-toggle{display:block;width:100%;margin-bottom:16px;padding:14px 18px;border:0;border-radius:999px;background:#000;color:#fff;font-weight:600;cursor:pointer}.hh-mobile-filter-float{position:fixed;left:16px;right:16px;bottom:14px;z-index:9999;display:none;justify-content:center;align-items:center;min-height:48px;padding:12px 18px;border:1px solid #d7c7b4;border-radius:999px;background:#f5f1eb;color:#6a523a;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 8px 24px #00000024}.hh-mobile-filter-float.is-visible{display:flex}.hh-mobile-filter-close{display:block;width:100%;margin-top:20px;padding:12px;border:1px solid #ddd;border-radius:999px;background:#fff;color:#333;font-weight:600;cursor:pointer}.hh-mobile-filter-close:hover{background:#f7f7f7}}@media screen and (max-width:599px){.hh-fabric-filter-layout{margin-top:24px;padding:0 16px}.hh-fabric-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hh-fabric-filters.css.map */