.tabs{display:flex;justify-content:center}.tab-button{border-radius:5px;font-size:16px;margin:0 5px;padding:10px 20px}.tab-button.active{background-color:#007bff;color:#fff}.beverages-list{display:flex;flex-direction:column;gap:15px}.beverage-item{align-items:center;background-color:#f8f9fa;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;justify-content:space-between;padding:15px}.beverage-item:hover{background-color:#e9ecef}.quantity-input input{max-width:100px}.alert{font-size:16px;font-weight:700;text-align:center}.carousel{box-shadow:0 4px 15px rgba(0,0,0,.2);height:200px;position:relative}.carousel,.carousel-inner{border-radius:12px;overflow:hidden}.carousel-inner,.carousel-item{height:100%}.carousel-item img{border-radius:12px;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.carousel-control-next,.carousel-control-prev{background-color:hsla(0,0%,100%,.8);border-radius:50%;height:40px;opacity:.7;top:50%;transform:translateY(-50%);transition:opacity .3s ease,background-color .3s ease;width:40px}.carousel-control-next:hover,.carousel-control-prev:hover{background-color:#fff;opacity:1}.carousel-control-next-icon,.carousel-control-prev-icon{filter:invert(.8);height:20px;width:20px}.quantity-selector{margin-top:10px}.quantity-selector .btn-sm{border-radius:.375rem;font-size:.75rem;padding:.25rem .5rem;transition:all .2s ease}.quantity-selector .btn-outline-primary{border-color:var(--sk-green);color:var(--sk-green)}.quantity-selector .btn-outline-primary:hover{background-color:var(--sk-green);border-color:var(--sk-green);color:#fff}.quantity-selector .btn-outline-danger{border-color:#dc3545;color:#dc3545}.quantity-selector .btn-outline-danger:hover{background-color:#dc3545;border-color:#dc3545;color:#fff}.quantity-selector .text-muted{color:#6c757d;font-size:.875rem}.quantity-selector .gap-1{gap:.25rem!important}@media (max-width:768px){.quantity-selector .btn-sm{font-size:.7rem;height:28px;min-width:30px;padding:.2rem .4rem}.quantity-selector .gap-1{gap:.15rem!important}.quantity-selector .text-muted{font-size:.75rem}.quantity-selector .d-flex{flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.quantity-selector .btn-sm{font-size:.65rem;height:26px;min-width:28px;padding:.15rem .3rem}.quantity-selector .gap-1{gap:.1rem!important}.quantity-selector .text-muted{font-size:.7rem}.card-body{padding:.75rem!important}.card-title{font-size:1rem!important;margin-bottom:.5rem!important}.carousel,.ingredient-slider{height:120px!important}}

