.button-container{background-color:white;display:flex;align-items:center;gap:10px;overflow:hidden;width:100%;padding:0 3%;margin-top:-40px}.arrow-button{background:none;border:none;cursor:pointer;margin:0 2%}.button-wrapper{display:flex;gap:20px;overflow-x:hidden;white-space:nowrap;scroll-behavior:smooth;width:100%;position:relative}.button-item{text-align:center;opacity:.6;transition:opacity .3s ease-in-out;flex-shrink:0}.button-item img{max-width:100%;height:auto}.button-item span{display:block;font-size:14px}.filterDiv{display:flex;justify-content:space-around;align-items:center;font-weight:500;padding:3px 25px;border:1px solid rgb(156,154,154);border-radius:10px;cursor:pointer}.filterDiv img{margin-left:-20px}.filter-dialog{position:absolute;top:23%;right:10%;display:flex;justify-content:center;align-items:center;z-index:1000;width:auto;transform:translateX(50%);margin-top:10px}.filter-content{background:#DEE1E6;color:#323743;width:100%;height:auto;border-radius:18px;box-shadow:0 4px 8px rgba(0,0,0,.2)}.filter-header{border-bottom:1px solid gray;padding:2px 0}.filter-header p{text-align:center;font-weight:500}.filter-body{padding:14px}.filter-footer{padding:0 14px 12px;display:flex;justify-content:space-between}.filter-section{border-bottom:1px solid rgb(196,196,196);padding-bottom:15px;margin-top:10px}.filter-section select{background-color:white;border-radius:5px;padding:4px 70px 4px 8px;margin-top:10px}.show-button{background-color:#000122;padding:2px 8px;color:white;border-radius:5px;cursor:pointer}.price p{display:flex;justify-content:space-between}.price input{width:100%;color:#636AE8}@media (max-width:768px){.button-wrapper{gap:10px}.button-item span{font-size:12px}.arrow-button img{width:40px;height:auto}.filter-dialog{position:absolute;top:18%;right:27%;display:flex;justify-content:center;align-items:center;z-index:1000;width:auto;transform:translateX(50%);margin-top:10px}}