/* A visible city entrance with a clear action, alongside the familiar catalogue. */
.browse-options .browse-direct{justify-content:center}
.browse-options .browse-city{background:#164a3e;color:#fff;border:2px solid #164a3e;border-left:7px solid #f1c775;padding:24px;min-height:158px;justify-content:center;box-shadow:0 6px 16px #164a3e24}
.browse-options .browse-city span{font-size:32px;font-weight:900;line-height:1.4;letter-spacing:1px}
.browse-options .browse-city small{color:#e9f3e9;font-size:17px;line-height:1.7;max-width:calc(100% - 124px);margin-top:5px}
.browse-options .browse-city b{display:flex;align-items:center;justify-content:center;top:50%;right:22px;transform:translateY(-50%);font-size:20px;line-height:1.4;background:#f1c775;color:#183e32;border-radius:8px;padding:11px 14px;min-height:48px;white-space:nowrap}
.browse-options .browse-city:hover{background:#103e33;border-color:#d29e40;border-left-color:#f1c775;box-shadow:0 8px 20px #164a3e30}
.browse-options .browse-city:focus-visible{outline:4px solid #b44714;outline-offset:5px}
.city-nav-link{background:#164a3e;color:#fff;border-color:#164a3e}.city-nav-link:hover{background:#103e33;color:#fff}
@media(max-width:1000px){.browse-options .browse-city{padding:20px;min-height:182px}.browse-options .browse-city span{font-size:29px}.browse-options .browse-city small{max-width:none}.browse-options .browse-city b{position:static;transform:none;align-self:flex-start;margin-top:13px;font-size:19px}}
@media(max-width:600px){.browse-options .browse-city{padding:19px 20px;min-height:180px}.browse-options .browse-city span{font-size:30px}.browse-options .browse-city small{font-size:16px}.browse-options .browse-city b{font-size:20px;padding:9px 16px}}
