.deliveryDate{.scroll-container{margin-bottom:1.5rem;overflow:hidden;position:relative;width:100%;&:after,&:before{background:linear-gradient(90deg,#fff,hsla(0,0%,100%,0));bottom:0;content:"";pointer-events:none;position:absolute;top:0;width:25px;z-index:1}&:before{left:0}&:after{background:linear-gradient(270deg,#fff,hsla(0,0%,100%,0));right:0}}.scroll-wrapper{-webkit-overflow-scrolling:touch;-ms-overflow-style:auto;cursor:grab;display:flex;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory;scrollbar-width:thin;-webkit-user-select:none;-moz-user-select:none;user-select:none;&:active{cursor:grabbing}&::-webkit-scrollbar{display:block;height:8px}&::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}&::-webkit-scrollbar-thumb{background:#888;border-radius:4px}&::-webkit-scrollbar-thumb:hover{background:#555}}.card{background-color:#f9f9f9;border:none;border-radius:10px;box-shadow:0 2px 5px rgba(0,0,0,.1);flex-shrink:0;margin:10px;max-width:250px;min-width:150px;padding:15px;scroll-snap-align:start;text-align:center;transition:transform .3s ease,box-shadow .3s ease;&.available{cursor:pointer;&:focus,&:hover{box-shadow:0 4px 8px rgba(0,0,0,.1);transform:translateY(-5px)}}&.selected-card{background-color:var(--sk-primary)!important;box-shadow:0 4px 10px rgba(0,0,0,.2);color:var(--sk-tertiary)!important;.card-text,.card-title{color:#fff!important}}&.disabled{cursor:not-allowed;filter:grayscale(70%);opacity:.7}.card-body{padding:.5rem}.card-title{font-size:1rem}.card-text{font-size:.85rem}}.mobile-select{margin:1rem 0;width:100%;.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#f9f9f9;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;border:2px solid #ddd;border-radius:10px;font-size:.95rem;padding:1rem;transition:all .3s ease;width:100%;&:focus{border-color:var(--sk-primary);box-shadow:0 0 0 3px rgba(var(--sk-primary-rgb),.25);outline:none}}option:disabled{background-color:#f8f9fa;color:#dc3545}}@media (max-width:767px){.container-fluid{padding:.75rem}.scroll-container,.text-center.mt-3.mb-4,.text-center.mt-3.pb-3{display:none}.card{margin:5px;min-width:130px;padding:10px}.mobile-select .form-select{font-size:.85rem;padding:.8rem}.scroll-container:after,.scroll-container:before{width:15px}}@media (max-width:425px){.container-fluid{padding:.5rem}.card{min-width:110px}h3.fw-bold{font-size:1.1rem}}@media (min-width:768px){.mobile-select{display:none}}@media (hover:none){.card.available{transition:background-color .2s;&:active{background-color:#eaeaea;transform:translateY(-2px)}}}}.clear-adress{align-items:center;background-color:hsla(0,0%,100%,.1);border:none;border-radius:50%;color:var(--sk-off-white);display:flex;height:2rem;justify-content:center;transition:all .2s ease;width:2rem}.clear-adress:focus,.clear-adress:hover{background-color:hsla(0,0%,100%,.2)!important;transform:scale(1.05)}.clear-adress i{font-size:1rem;transition:color .2s ease}.clear-adress:focus i,.clear-adress:hover i{color:var(--sk-off-white)!important}.address-suggestions{background:#fff;border:none;border-radius:0 0 .375rem .375rem;box-shadow:0 .5rem 1.5rem rgba(22,28,45,.1);left:0;max-height:200px;overflow-y:auto;padding:.5rem 0;position:absolute;right:0;top:100%;z-index:1000}.address-suggestion{border-bottom:1px solid var(--sk-tertiary);color:var(--sk-primary);cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease}.address-suggestion:hover{background-color:var(--sk-tertiary);color:var(--sk-primary)}.address-suggestion:last-child{border-bottom:none}.address-suggestion i{margin-right:.5rem}.address-suggestion strong{font-weight:600}.address-suggestion small{color:var(--sk-secondary);display:block;font-size:.75rem;margin-left:1.5rem;margin-top:.125rem}.address-input-container{position:relative}.address-input-container input{background-color:#f9f9f9;border:2px solid #ddd;border-radius:.375rem;font-size:.95rem;padding:.75rem 1rem;transition:all .3s ease}.address-input-container input:focus{background-color:#fff;border-color:var(--sk-primary);box-shadow:0 0 0 3px rgba(0,82,71,.25);outline:none}