.btn-quantity{background:none;border:none;color:#6c757d;padding:4px 8px;transition:all .3s ease}.btn-quantity:hover{background-color:#f8f9fa;border-radius:50%;color:#000}.btn-quantity:focus{box-shadow:none}.quantity-selector .btn-sm{border-radius:6px;font-size:.8rem;font-weight:500;height:30px;min-width:35px;transition:all .2s ease}.quantity-selector .btn-outline-primary{border-color:var(--sk-primary);color:var(--sk-primary)}.quantity-selector .btn-outline-primary:hover{color:#fff}.quantity-selector .btn-outline-primary:hover,.quantity-selector .btn-primary{background-color:var(--sk-primary);border-color:var(--sk-primary)}.quantity-selector .btn-primary:hover{background-color:#005247;border-color:#005247}.btn-primary:focus{box-shadow:none}.btn-link.text-danger{transition:color .3s ease}.btn-link.text-danger:hover{color:#bb2d3b!important}.carousel{box-shadow:0 4px 15px rgba(0,0,0,.2);height:250px;position:relative}.carousel,.carousel-inner{border-radius:12px;overflow:hidden}.carousel-inner{height:100%}.carousel-item{height:100%;transition:transform .5s ease-in-out}.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}.carousel-indicators{bottom:10px}.carousel-indicators [data-bs-target]{background-color:hsla(0,0%,100%,.5);border:none;border-radius:50%;height:10px;margin:0 5px;transition:background-color .3s ease;width:10px}.carousel-indicators .active{background-color:#fff}.carousel-item img:hover{transform:scale(1.05);transition:transform .3s ease}.info-icon{color:var(--sk-green);cursor:pointer;margin-left:5px}.info-popup{background-color:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.1);display:none;padding:10px;position:absolute;z-index:1000}.info-icon:hover+.info-popup{display:block}.card{padding:1rem!important;.ingredient-img{cursor:pointer;height:200px;-o-object-fit:cover;object-fit:cover}.ingredient-slider{height:200px}}@media (max-width:768px){.card{margin:0!important;padding:0!important;.ingredient-img{cursor:pointer;height:100%}.ingredient-slider{height:150px}}.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:clamp(.8rem,2.2vw,1rem)!important;height:clamp(34px,6vw,48px)!important;min-width:clamp(40px,7vw,60px)!important;padding:clamp(.25rem,1vw,.4rem) clamp(.4rem,1.5vw,.8rem)!important}.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}}