*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;font-family:Arial,sans-serif}body{background-color:#f9f9f9;color:#333}.layout,body{display:flex;flex-direction:column}.layout{min-height:100vh}main{flex-grow:1;padding:20px;overflow-y:auto}footer{background-color:#000;color:#fff;height:44px;align-items:center;position:-webkit-sticky;position:sticky;bottom:0}.grid,footer{display:flex;justify-content:center}.grid{flex-wrap:wrap;gap:16px;padding:20px}.grid-item{height:256px}.grid-item,.grid-item-no-image{width:256px;position:relative;cursor:pointer;overflow:hidden;border:1px solid #ccc;border-radius:8px;transition:transform .2s ease,box-shadow .2s ease}.grid-item-no-image{height:64px}.grid-item:hover{transform:translateY(-4px);box-shadow:0 4px 10px rgba(0,0,0,.2)}.grid-image{width:100%;height:100%;object-fit:cover}.grid-label{position:absolute;bottom:0;width:100%;background:rgba(0,0,0,.7);color:#fff;text-align:center;padding:4px 0;font-size:14px}.breadcrumbs{padding:10px 20px;background-color:#f1f1f1;border-bottom:1px solid #ddd;font-size:14px}.breadcrumb,.breadcrumbs{display:flex;align-items:center}.breadcrumb-link{background:none;border:none;color:#007bff;text-decoration:underline;cursor:pointer;font-size:14px}.breadcrumb-link:hover{color:#0056b3}.breadcrumb-separator{margin:0 8px;color:#666}