.bp-travelQuickNav{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;max-width:1240px;margin:18px auto 0;padding:8px 20px;border:1px solid rgba(233,189,66,.18);border-radius:15px;background:linear-gradient(135deg,rgba(233,189,66,.055),rgba(18,21,26,.96));box-shadow:0 8px 24px rgba(0,0,0,.14)}
.bp-travelQuickNav a{display:flex;min-width:0;height:38px;align-items:center;justify-content:center;gap:7px;padding:0 7px;border:1px solid rgba(255,255,255,.065);border-radius:9px;background:rgba(255,255,255,.025);color:rgba(255,255,255,.72);font-size:11px;font-weight:850;text-decoration:none;white-space:nowrap;transition:.18s ease}
.bp-travelQuickNav a:hover{border-color:rgba(233,189,66,.38);background:rgba(233,189,66,.09);color:#fff;transform:translateY(-1px)}
.bp-travelQuickNav a.is-active{border-color:rgba(233,189,66,.5);background:rgba(233,189,66,.14);color:#fff;box-shadow:inset 0 0 0 1px rgba(233,189,66,.08)}
.bp-travelQuickNav i{display:inline-grid;min-width:22px;height:22px;place-items:center;border-radius:7px;background:rgba(233,189,66,.12);color:#e9bd42;font-size:9px;font-style:normal;font-weight:950}
.bp-travelQuickNav a.is-active i{background:#e9bd42;color:#18140a}.bp-travelQuickNav span{overflow:hidden;text-overflow:ellipsis}
@media(max-width:1280px){.bp-travelQuickNav{margin-right:20px;margin-left:20px;padding:8px}}
@media(max-width:720px){.bp-travelQuickNav{display:flex;overflow-x:auto;margin:12px 10px 0;padding:7px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.bp-travelQuickNav::-webkit-scrollbar{display:none}.bp-travelQuickNav a{height:36px;flex:0 0 auto;padding:0 10px;font-size:10px}}