/* Shared category catalog pages aligned to Figma frames 104:2283/2471/2606/2741. */
.figma-category{background:#fff;color:#111}.figma-category>.m-topbar,.figma-category .desktop-footer,.figma-category .m-footer{background:#0F0F14;color:#fff}.figma-category .desktop-footer .legal{border-color:rgba(255,255,255,.45)}.figma-category .m-menu nav>a[aria-current="page"]{color:#fff;text-decoration:none;border-bottom:1px solid var(--red)}
.category-main{padding-top:16px;padding-bottom:40px}.category-heading{margin:26px 0 12px}.category-heading h1{margin:0;font:400 50px/1.12 var(--font-family-heading);text-transform:uppercase;color:#111}.category-filters{display:flex;align-items:stretch;gap:28px;min-height:44px;margin:0 0 28px;overflow-x:auto}.category-filter{position:relative;flex:none;border:0;background:transparent;padding:0 0 4px;color:#111;font:400 16px/1.35 var(--font-family-primary);cursor:pointer}.category-filter.is-active:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;background:#D11D23;content:""}.category-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,360px));justify-content:space-between;gap:20px}.category-card{box-sizing:border-box;display:flex;flex-direction:column;width:100%;height:auto;min-height:620px;min-width:0;overflow:hidden;border:1px solid #e5e5e7;border-radius:3px;background:#f4f4f5;color:#111;box-shadow:0 4px 16px #0004;transition:border-color .15s ease,box-shadow .15s ease}.category-card:hover,.category-card:focus-within{border-color:#D11D23;box-shadow:0 4px 16px #0004}.category-card-photo{display:block;flex:0 0 290px;width:100%;height:290px;overflow:hidden;background:#f1f1f2}.category-card-photo img{display:block;width:100%;height:100%;object-fit:cover}.category-card-copy{box-sizing:border-box;display:flex;flex:1;flex-direction:column;align-items:stretch;padding:15px 16px 16px}.category-card-type{margin:0;color:#62686C;font:400 18px/1.3 var(--font-family-primary)}.category-card h2{margin:0 0 8px;color:#111;font:400 21px/1.2 var(--font-family-heading)}.category-specs{display:grid;gap:0;margin:25px 0 0}.category-spec{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:12px 0;border-bottom:1px solid rgba(98,104,108,.7);font:400 14px/1.3 var(--font-family-primary)}.category-spec dt{flex:1;min-width:0;color:#62686C}.category-spec dd{flex:0 1 48%;min-width:0;margin:0;color:rgba(0,0,0,.8);text-align:right}.category-card-link{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:14px;color:#D11D23;text-decoration:none;font:400 14px/1.2 var(--font-family-primary)}.category-card-link span{font:400 25px/1 var(--font-family-primary),sans-serif}.category-card-link:hover{text-decoration:none}.category-empty{margin:0 0 24px;color:#6b7075;font:400 16px/1.4 var(--font-family-primary)}.category-card[hidden]{display:none}
@media(max-width:1135px) and (min-width:768px){.category-card-grid{grid-template-columns:repeat(2,minmax(0,360px));justify-content:center;gap:20px}}
@media(max-width:767px){.category-main{width:calc(100% - 30px);padding-top:12px;padding-bottom:40px}.category-heading{margin:22px 0 12px}.category-heading h1{font-size:32px;line-height:1.12}.category-filters{gap:22px;min-height:40px;margin-bottom:20px}.category-filter{font-size:14px;padding-bottom:4px}.category-card-grid{grid-template-columns:minmax(0,360px);justify-content:center;gap:16px}.category-card{height:auto;min-height:570px}.category-card-photo{flex-basis:auto;height:auto;aspect-ratio:360/290}.category-card-copy{padding:14px}.category-card h2{font-size:21px}.category-card-type{font-size:18px}.category-spec{font-size:14px}}
@media(max-width:374px){.category-main{width:calc(100% - 24px)}.category-filters{gap:16px}}

/* Whole product cards link to their product page; text-to-spec gap is 25px. */
.category-card{position:relative;cursor:pointer}
.category-card-link{position:static}
.category-card-link::after{position:absolute;inset:0;z-index:2;content:""}
.category-card-link span{display:block;flex:0 0 30px;width:30px;height:15px;overflow:hidden;background:url("../assets/catalog/arrow.svg") center/30px 15px no-repeat;font-size:0;line-height:0}