*{margin:0;padding:0;box-sizing:border-box;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.App{max-width:100%;min-height:100vh;background:#80afcd;width:100%}.card{width:450px;border-radius:15px;display:flex;justify-content:space-between;color:#fff;background:linear-gradient(#0b4284,#0b4284) padding-box,linear-gradient(green,#1178c3) border-box;border:4px solid transparent;box-shadow:10px 10px 5px #000000bf;padding:10px;margin-top:10px;transition:transform .18s ease}.card:hover{transform:scale(1.03);will-change:transform}.card__item-1{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-right:15px}.card__item-1__img{width:120px;height:240px;object-fit:contain;border-radius:8px;display:block;transition:transform .2s ease,filter .2s ease;transform-origin:center bottom;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15));will-change:transform}.card__item-1__img:hover,.card:hover .card__item-1__img{transform:rotate(-5deg) scale(1.08)}.card__item-2{display:flex;flex-direction:column;align-items:center;text-align:left;margin:auto}.card__item-2__description{margin:10px 0}.beer-icon{width:120px;height:240px;object-fit:contain;border-radius:8px;opacity:.85;filter:drop-shadow(0 1px 2px rgba(0,0,0,.15));transition:transform .2s ease}.beer-icon:hover{transform:rotate(-5deg) scale(1.08)}@media screen and (max-width:1200px){.card{width:90vw}.card:hover{transform:none}}@media(prefers-reduced-motion:reduce){.card,.beer-icon,.card__item-1__img{transition:none}.card:hover,.beer-icon:hover,.card__item-1__img:hover{transform:none}}.card-list{display:grid;grid-template-columns:auto auto auto;justify-items:center;gap:20px;margin-left:15%}@media screen and (max-width:1600px){.card-list{grid-template-columns:auto auto}}@media screen and (max-width:1200px){.card-list{grid-template-columns:auto;justify-items:center;margin-left:0%}}.card-list{display:grid;gap:16px}.card-list__pager{display:flex;justify-content:center;margin:16px 0 24px}.card-list__pager-btn{padding:10px 16px;border-radius:8px;border:none;background:#1178c3;color:#fff;font-weight:700;cursor:pointer}.card-list__pager-btn[disabled]{opacity:.6;cursor:not-allowed}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.navbar{position:fixed;inset:0 auto 0 0;width:320px;background:linear-gradient(180deg,#d17b1c,#c3721b);border-right:1px solid rgba(0,0,0,.2);box-shadow:2px 0 12px #00000026;padding:20px 16px;overflow-y:auto;z-index:10;color:#121212}@media(max-width:1200px){.navbar{display:none}}.navbar__form{display:flex;flex-direction:column;gap:20px;min-height:100%}.navbar__title{margin:8px 0 4px;font-size:28px;line-height:1.15;font-weight:800;text-align:center}.navbar__search{display:flex;align-items:center;justify-content:center}.navbar__input{width:88%;height:42px;padding:0 40px 0 14px;border-radius:14px;border:1px solid rgba(0,0,0,.25);background:#fff;color:#121212;outline:none;box-shadow:inset 0 1px #ffffff59;transition:box-shadow .16s ease,border-color .16s ease}.navbar__input:hover{border-color:#00000059}.navbar__input:focus-visible{border-color:#1178c3;box-shadow:0 0 0 3px #1178c340}.navbar__input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px 18px}.navbar__section{background:#ffffff14;border:1px solid rgba(0,0,0,.15);border-radius:14px;padding:14px 12px}.navbar__section--desktop{display:block}.navbar__active{margin-top:10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.navbar__chips{display:flex;gap:8px;flex-wrap:wrap}.navbar__hint{color:#0000008c;font-size:.875rem}.link-reset{background:none;border:0;padding:0;color:#1178c3;cursor:pointer}.link-reset--small{font-size:.875rem}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#fff;color:#121212;border:1px solid rgba(0,0,0,.15);border-radius:999px;font-size:.9rem;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .12s ease,background .12s ease,border-color .12s ease}.chip:hover{transform:translateY(-1px);border-color:#00000040}.chip--small{padding:2px 8px;font-size:.8rem}.btn-surprise{background:#1178c3;color:#fff;border:0;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #1178c359;transition:transform .12s ease,box-shadow .12s ease}.btn-surprise:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1178c373}.btn-surprise--small{padding:8px 10px;font-weight:600}.navbar__footer{display:grid;gap:12px;margin-top:auto}.results__text{font-size:.9rem;color:#121212}.results__bar{width:100%;height:6px;background:#0000001f;border-radius:999px;overflow:hidden}.results__bar-fill{height:100%;background:linear-gradient(90deg,#1178c3,#49a5f0);width:0%}.results.results--compact{display:flex;align-items:center;gap:10px}.filters{gap:12px}.filters__item{padding:6px 2px}.filters input[type=checkbox]{accent-color:#1178c3;cursor:pointer}.navtop{display:none}@media(max-width:1200px){.navtop{display:block;position:sticky;top:0;z-index:9;background:linear-gradient(180deg,#d17b1c,#c3721b);border-bottom:1px solid rgba(0,0,0,.2);padding:10px}}.navtop__row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.navtop__input{height:40px;padding:0 12px;border-radius:14px;border:1px solid rgba(0,0,0,.25);background:#fff;color:#121212;outline:none}.navtop__input:focus-visible{border-color:#1178c3;box-shadow:0 0 0 3px #1178c340}.navtop__btn{height:40px;padding:0 12px;border-radius:10px;border:1px solid rgba(0,0,0,.25);background:#fff;cursor:pointer;font-weight:700}.navtop__chips{margin-top:8px;display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.drawer__backdrop{position:fixed;inset:0;background:#00000073;z-index:100}.drawer{position:fixed;left:0;right:0;bottom:0;max-height:75vh;background:#fff;color:#121212;border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 -6px 20px #00000040;z-index:101;display:flex;flex-direction:column;animation:slideUp .18s ease}@keyframes slideUp{0%{transform:translateY(12px);opacity:.98}to{transform:translateY(0);opacity:1}}.drawer__header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid rgba(0,0,0,.1)}.drawer__title{margin:0;font-size:18px;font-weight:800}.drawer__close{background:none;border:0;font-size:20px;cursor:pointer}.drawer__body{padding:12px 14px;overflow-y:auto}.drawer__footer{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-top:1px solid rgba(0,0,0,.1)}.drawer__apply{background:#1178c3;color:#fff;border:0;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer}.filters{display:flex;flex-direction:column;gap:12px;padding:0;margin:0;border:0;width:100%}.filters__legend{margin:0 0 6px;padding:0;font-size:1.25rem;font-weight:700;text-align:center}.filters__item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.filters__label{line-height:1.3}.filters input[type=checkbox]{width:18px;height:18px;accent-color:#1178c3;cursor:pointer}@media(max-width:1200px){.filters__legend{text-align:left;font-size:1.125rem}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}