.bde-section-1945-100 .section-container{display:flex;flex-direction:column}.bde-code-block-1945-101{width:100%}.bde-code-block-1945-101{display:flex;flex-direction:column;align-items:center;text-align:center;--bde-content-align-experimental:auto}#flavourBox{width:100%;max-width:90%;margin:1rem auto;padding:1rem;background:#fff;border-radius:0.5rem;box-shadow:0 0.2rem 1rem rgba(0,0,0,0.1);animation:fadeIn 1s ease-in-out}#flavourBox .sort-dropdown{width:100%;padding:0.8rem;margin-bottom:1.5rem;font-size:1rem;border:1px solid #ccc;border-radius:0.4rem;box-sizing:border-box;transition:box-shadow 0.3s ease,border-color 0.3s ease}#flavourBox .sort-dropdown:focus{border-color:#4CAF50;box-shadow:0 0 5px rgba(76,175,80,0.5)}#flavourBox #totalFlavours{font-size:1rem;margin-bottom:1.5rem;font-weight:700;color:#333}#flavourBox #totalFlavours span{color:#4CAF50;font-weight:700}#flavourBox h1{text-align:center;color:#4CAF50;font-size:1.8rem;margin-bottom:1rem}#flavourBox .search-bar{width:100%;padding:0.8rem;margin-bottom:1.5rem;font-size:1rem;border:1px solid #ccc;border-radius:0.4rem;box-sizing:border-box;transition:box-shadow 0.3s ease,border-color 0.3s ease}#flavourBox .search-bar:focus{border-color:#4CAF50;box-shadow:0 0 5px rgba(76,175,80,0.5)}#flavourBox #flavourList{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem;grid-auto-rows:1fr}#flavourBox .flavour-item{background-color:#f4f4f4;border:0.1rem solid #ddd;padding:1rem;border-radius:0.4rem;text-align:center;font-size:1rem;font-weight:700;box-sizing:border-box;display:flex;justify-content:center;align-items:center;text-align:center;word-break:break-word;height:100px;overflow:hidden;cursor:pointer;transform:translateY(10px);opacity:0;transition:transform 0.3s ease,box-shadow 0.3s ease,background-color 0.3s ease}#flavourBox .flavour-item.appear{opacity:1;transform:translateY(0);animation:bounceIn 0.8s ease-out}@keyframes bounceIn{0%{transform:translateY(20px);opacity:0}60%{transform:translateY(-10px);opacity:1}100%{transform:translateY(0)}}#flavourBox .flavour-item:hover{transform:translateY(-5px);box-shadow:0 0.5rem 1rem rgba(0,0,0,0.2);background-color:#f9f9f9}#flavourBox .pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:0.5rem;margin-top:1.5rem}#flavourBox .pagination button{background-color:#4CAF50;color:#fff;border:none;padding:0.8rem 1.5rem;border-radius:0.4rem;cursor:pointer;font-size:0.9rem;flex:0 1 auto;transition:background-color 0.3s ease,transform 0.2s ease}#flavourBox .pagination button.disabled{background-color:#ccc;color:#666;cursor:not-allowed}#flavourBox .pagination button:not(.disabled):hover{background-color:#45a049;transform:scale(1.05)}#flavourBox .pagination button:not(.disabled):active{transform:scale(0.95)}@media (max-width:768px){#flavourBox .flavour-item{height:80px}#flavourBox h1{font-size:1.5rem}#flavourBox .pagination button{padding:0.6rem 1rem;font-size:0.8rem}}@media (max-width:480px){#flavourBox #flavourList{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}#flavourBox .flavour-item{height:60px}#flavourBox .pagination button{padding:0.5rem 0.8rem;font-size:0.75rem}}