/* Visual/UX upgrade inspired by the reference, without importing its data. */
body{padding-bottom:78px}
.chips{overscroll-behavior-inline:contain;scroll-snap-type:x proximity}
.chip{scroll-snap-align:center;touch-action:manipulation;transition:background .18s,color .18s,transform .18s}
.chip:active{transform:scale(.96)}
.grid{gap:16px}
.card{border-radius:22px;content-visibility:auto;contain-intrinsic-size:340px;transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-3px);box-shadow:0 16px 38px #1233}
.media{height:205px;background:#dfe9e4}
.media img{display:block}
.quick-bar{position:fixed;z-index:80;left:50%;bottom:10px;transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,minmax(68px,1fr));width:min(620px,calc(100% - 20px));padding:7px;background:#0b1814ed;border:1px solid #ffffff20;border-radius:20px;box-shadow:0 12px 40px #0007;backdrop-filter:blur(18px)}
.quick-bar a{min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-radius:14px;color:#eaf7f1;text-decoration:none;font-size:18px;touch-action:manipulation}
.quick-bar a:active{transform:scale(.96)}
.quick-bar b{font-size:10px;font-weight:800}
.quick-bar .quick-call{background:var(--g2);color:white}
@media(max-width:760px){.grid{gap:10px}.card{border-radius:17px;contain-intrinsic-size:285px}.card:hover{transform:none}.media{height:155px}.quick-bar{bottom:8px;border-radius:18px}.quick-bar a{min-height:53px}}
