.rh{flex-wrap:wrap}
.genre-more{margin-left:auto;color:var(--text);text-decoration:none;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.genre-more:hover{border-color:var(--wine2)}
.genre-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:18px 0 28px}
.genre-heading h1{font-size:2rem;line-height:1.2;letter-spacing:0;margin:0 0 6px;overflow-wrap:anywhere}
.genre-heading p{color:var(--muted);margin:0}
#main.genre-page{padding-top:calc(var(--genre-header-height,118px) + 24px)}
.genre-grid{display:grid;grid-template-columns:repeat(var(--genre-columns,5),minmax(0,1fr));gap:24px 18px;padding:6px 0 24px}
.genre-grid .card{width:100%;min-width:0}
.genre-grid .card:hover,.genre-grid .card:focus-visible{transform:translateY(-4px)}
.genre-grid .info b{overflow-wrap:anywhere}
.genre-grid .info small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.genre-grid .thumb{object-fit:cover}
@media(max-width:1024px){.genre-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:820px){.genre-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 14px}}
@media(max-width:520px){.genre-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.genre-top{margin-top:10px;gap:14px}.genre-heading h1{font-size:1.65rem}.genre-grid .info{padding:36px 8px 10px}.genre-grid .info b{font-size:.88rem}}#main.genre-page .coming-soon{display:none}
#main .coming-soon{margin:14px 0 0;position:relative;z-index:3}