.resto-container{display:flex;flex-direction:row;flex-wrap:wrap;overflow-y:auto;overflow-x:hidden;position:relative;scrollbar-width:none;height:100%}.resto-item{width:300px;height:330px;border:1px solid #d3d3d3;margin:3px;display:flex;flex-direction:column;box-sizing:border-box}.resto-item.selected{outline:3px solid white}.resto-item .resto-header{padding:5px;font-size:medium}.resto-item .resto-body{padding:5px;font-size:small}.resto-item .resto-footer{border-top:1px solid #d3d3d3;font-size:small;padding:5px}.resto-detail{display:flex;flex-direction:column;position:fixed;top:80px;left:50%;transform:translateX(-50%);max-height:calc(100vh - 60px);background-color:#333;color:#fff;border:2px solid #fff;box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:2;transition:opacity .7s ease;overflow:hidden;opacity:1;transition:opacity 1s ease-out;width:calc(100vw - 400px)}.resto-detail.fade-out{opacity:0}.resto-detail .dheader{padding:5px;font-size:medium}.resto-detail .dbody{padding:5px}.resto-detail .dfooter{font-size:medium;padding:5px}.resto-detail .dbody .dline1{display:flex;flex-direction:row;position:relative}.resto-detail .dmap{position:relative;flex:1;margin-left:3px;height:350px}.resto-detail .resto-img{position:relative;width:400px;height:350px;display:flex;justify-content:center;align-items:center;overflow:hidden;background-color:#222;flex-shrink:0}.resto-detail .resto-img{box-sizing:border-box}.resto-detail .resto-img.selected{outline:3px solid white}.resto-detail .resto-img .img{max-width:100%;max-height:100%;object-fit:contain}.resto-detail .resto-img .image-count{position:absolute;z-index:2;display:flex;flex-direction:column;gap:5px;background-color:#333;padding:6px;border-radius:4px;top:3px;right:3px}.resto-detail .dline2{font-size:large;display:flex;flex-direction:column}.dline2 .desc{margin-left:5px;font-size:large}.dline2 .reserve{display:flex;flex-direction:row}.dline2 .button{padding:16px;border:1px solid gray;margin:5px;background-color:#222;color:#fff;border-radius:5px;box-sizing:border-box}.dline2 .button.selected{background-color:#fff;color:#000}.happy-body{display:flex;flex-direction:row}.happy-image{display:inline-block}.happy-image img{display:block;width:70px;height:70px}.happy-desc{font-size:medium;margin-left:3px}