.chums-category-grid{--cg-heading-d:34px;--cg-heading-m:29px;--cg-label-d:38px;--cg-label-m:31px;--cg-gutter-d:40px;--cg-gutter-m:17px;--cg-max:1500px;--cg-head-gap-d:50px;--cg-head-gap-m:30px;--cg-col-gap:22px;--cg-row-gap:22px;--cg-tile-bottom:15px;--cg-after-d:75px;--cg-after-m:40px;--cg-heading:#000;--cg-label:#fff;--cg-bg:#fff;--cg-overlay:0;display:block;width:100%;max-width:none;margin:0 0 var(--cg-after-d);padding:0;background:var(--cg-bg);box-sizing:border-box;font-family:Roboto,Arial,sans-serif}
.chums-category-grid *{box-sizing:border-box}
.chums-category-grid .cg-inner{width:100%;max-width:var(--cg-max);margin:0 auto;padding:0 var(--cg-gutter-d)}
.chums-category-grid .cg-heading{display:block;margin:0 0 var(--cg-head-gap-d);padding:0;color:var(--cg-heading);font-family:Roboto,Arial,sans-serif;font-size:var(--cg-heading-d);font-weight:500;line-height:1;letter-spacing:normal;text-align:center;text-transform:uppercase}
.chums-category-grid .cg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--cg-col-gap);row-gap:var(--cg-row-gap)}
.chums-category-grid .cg-item{min-width:0;max-width:650px;width:100%;margin:0 auto;padding:0 0 var(--cg-tile-bottom)}
.chums-category-grid .cg-frame{display:block;position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;text-decoration:none;isolation:isolate}
.chums-category-grid .cg-frame img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;margin:0;object-fit:cover;object-position:center}
.chums-category-grid .cg-frame::after{content:"";position:absolute;inset:0;z-index:1;background:#000;opacity:var(--cg-overlay);pointer-events:none}
.chums-category-grid .cg-label{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;margin:0;padding:10px;color:var(--cg-label);font-family:Roboto,Arial,sans-serif;font-size:var(--cg-label-d);font-weight:700;line-height:1.05;letter-spacing:0;text-align:center;text-transform:uppercase;overflow-wrap:anywhere}
.chums-category-grid a.cg-frame:focus-visible{outline:3px solid #ce0e2d;outline-offset:3px}
@media(max-width:768px){.chums-category-grid{margin-bottom:var(--cg-after-m)}.chums-category-grid .cg-inner{padding:0 var(--cg-gutter-m)}.chums-category-grid .cg-heading{margin-bottom:var(--cg-head-gap-m);font-size:var(--cg-heading-m)}.chums-category-grid .cg-grid{grid-template-columns:minmax(0,1fr)}.chums-category-grid .cg-label{font-size:var(--cg-label-m)}}
