.catalog-area{display:grid;grid-template-columns:minmax(260px,28%) minmax(0,72%);min-height:calc(100vh - 513px);background:#fff}
.catalog-pane{min-width:0;background:#fff}
.categories-pane{border-right:3px solid #e8e8ea}
.category-grid{display:grid;grid-template-columns:repeat(2,minmax(105px,1fr));grid-auto-rows:118px;align-content:start;overflow:auto}
.category-grid .catalog-tile{min-width:0}
.category-grid .tile-art{height:82px;font-size:29px}
.category-grid .tile-label{height:35px}
.category-grid .catalog-tile.active{box-shadow:inset 0 0 0 3px var(--pink);background:var(--pinkSoft)}
.products-pane .tile-grid{grid-template-columns:repeat(5,minmax(120px,1fr));align-content:start}
.products-pane .catalog-head strong::before{content:'Products · ';color:var(--muted);font-weight:500}
.keypad-panel{grid-template-rows:1fr}
.key-actions button.active{background:#7f0031;border-color:#7f0031;box-shadow:inset 0 0 0 3px #fff,0 0 0 2px #7f0031}
@media(max-width:1200px){.catalog-area{grid-template-columns:minmax(220px,30%) minmax(0,70%)}.products-pane .tile-grid{grid-template-columns:repeat(4,minmax(110px,1fr))}}
@media(max-width:850px){.catalog-area{grid-template-columns:1fr}.categories-pane{border-right:0;border-bottom:3px solid #e8e8ea}.category-grid{grid-template-columns:repeat(4,minmax(95px,1fr));grid-auto-rows:105px}.category-grid .tile-art{height:70px}.products-pane .tile-grid{grid-template-columns:repeat(4,minmax(100px,1fr))}}
@media(max-width:520px){.category-grid,.products-pane .tile-grid{grid-template-columns:repeat(3,minmax(90px,1fr))}}