*{box-sizing:border-box}body{margin:0;background:#fff;color:#252525;font:15px Arial,sans-serif}header{padding:25px 3%;display:flex;align-items:center;gap:24px;border-bottom:1px solid #eee}header h1{font-size:38px;letter-spacing:-1px;color:#383095;margin:0 auto 0 0}header label{font-size:12px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.brand img{width:70px;height:42px;object-fit:contain}select,input{font:inherit;padding:12px;border:1px solid #bbb;background:white}header select{display:block;max-width:170px;margin-top:5px}main{padding:24px 3% 65px;min-height:75vh}#breadcrumbs{text-align:center;min-height:45px;margin:8px 0 24px}#breadcrumbs a{color:#373091;text-decoration:none;padding:8px;display:inline-block}#breadcrumbs span{padding:8px}.listing-head{text-align:center;margin-bottom:28px}.listing-head h2{font-size:20px;margin:0 0 8px;text-transform:uppercase;color:#373091}.listing-head p{color:#666;margin:0}.cards{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.kit-card{width:calc(20% - 16px);border:1px solid #d0d0d0;color:#373091;text-decoration:none;display:flex;flex-direction:column;min-width:0;background:white;transition:transform .15s}.kit-card:hover{transform:translateY(-3px);outline:2px solid #373091}.kit-card:focus-visible{outline:3px solid #d48d2b;outline-offset:3px}.kit-card img{width:100%;aspect-ratio:1.16;object-fit:contain;background:#f4f5f7;display:block}.kit-card.category img{aspect-ratio:1;object-fit:contain}.kit-card strong{display:block;text-align:center;padding:17px 7px;font-size:15px;font-weight:500;text-transform:uppercase}.kit-card small{display:block;text-align:center;padding:0 6px 13px;color:#676767}.kit-card.design{border:0}.kit-card.design img{aspect-ratio:1;object-fit:contain;background:white}.kit-card.design strong{background:#393094;color:white;padding:9px 4px}.kit-card.design small{padding:8px}#search-label{display:flex;gap:16px;align-items:center;margin:0 auto 25px;max-width:680px}#search-label[hidden]{display:none}#search{flex:1;min-width:0}#state{text-align:center;color:#555;margin:28px}footer{padding:30px 4%;background:#373091;color:white;font-weight:bold}footer span{display:block;font-size:13px;font-weight:normal;margin-top:8px}@media(max-width:1100px){.kit-card{width:calc(25% - 15px)}header h1{font-size:28px}.brand strong{display:none}}@media(max-width:750px){.kit-card{width:calc(50% - 10px)}header{flex-wrap:wrap;padding:16px}header h1{font-size:26px}header label{width:100%;display:flex;align-items:center;gap:15px}header select{margin:0;flex:1;max-width:none}main{padding:20px 16px}.cards{gap:16px}.kit-card strong{font-size:13px;padding:14px 4px}#search-label{flex-wrap:wrap}#result-count{font-size:12px}.listing-head p{line-height:1.5}#breadcrumbs{font-size:12px}}/* Keep card geometry while its tenant-branded model preview is rendering. */
.kit-card img[hidden] { display: block; visibility: hidden; }