.links{margin:24px 0}.links .link{display:inline;margin:0 16px 0 0}.shop-single{background-color:#fff;bottom:0;height:100%;left:0;margin:auto;position:absolute;right:0;top:0;transform:translateX(100%);transform-origin:center center;transition:transform .3s ease-in-out,opacity .3s ease-in-out;z-index:10}.shop-single.slide-in{transform:translateX(0)}.shop-single.closing{opacity:.8;transform:scale(.5);transition:.8s cubic-bezier(0,.71,.93,.45)}.shop-single .head{background-color:var(--primary-color);box-sizing:border-box;height:44px;padding:0 16px;text-align:right}.shop-single .head button{background-color:#0000;border:none;color:#fff;font-size:1rem;height:44px;margin:0;padding:0 0 0 18px;position:relative}.shop-single .head button svg{left:0;position:absolute;top:50%;transform:translateY(-50%)}.shop-single .container{-ms-overflow-style:none;box-sizing:border-box;height:100%;overflow-y:auto;padding:16px 16px 200px;scrollbar-width:none}.shop-single .container::-webkit-scrollbar{display:none}.shop-single .shop-title{font-size:1.4rem;margin-bottom:24px;word-break:break-all}.shop-single .tag-box{align-items:center;display:inline-flex;gap:8px;margin-bottom:8px;margin-top:10px}.shop-single .category,.shop-single .distance{align-items:center;border-radius:4px;color:#fff;display:inline-flex;font-size:.8rem;justify-content:center;padding:4px 8px}.shop-single .category{background-color:#f5b041}.shop-single .category:hover{opacity:.8}.shop-single .distance{background-color:#41b0f5}.shop-single .distance:hover{opacity:.8}.shop-single .shop-info-box{background-color:#f5f5f5;border-radius:5px;margin:15px 0;padding:12px 15px}.shop-single .shop-info-box .info-item{font-size:.9rem;margin-bottom:8px}.shop-single .shop-info-box .info-item:last-child{margin-bottom:0}.shop-single .shop-info-box .info-item .info-label{font-weight:700;margin-right:5px}.shop-single .shop-images{display:flex;flex-direction:column;gap:15px;margin-bottom:15px}.shop-single .shop-images .shop-image{width:100%}.shop-single .action-buttons{display:flex;flex-direction:column;gap:10px;margin-top:30px}.shop-single .action-buttons .action-button{border-radius:5px;display:block;font-weight:700;padding:15px;text-align:center;text-decoration:none}.shop-single .action-buttons .action-button.phone-button{background-color:orange;color:#fff}.shop-single .action-buttons .action-button.web-button{background-color:#009688;color:#fff}.shop-single .shop-images-container{margin:20px 0;overflow:hidden;width:100%}.shop-single .shop-images-scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}.shop-single .shop-image-wrapper{border-radius:8px;flex:0 0 auto;overflow:hidden;position:relative;scroll-snap-align:center;width:85%}.shop-single .shop-image-wrapper:first-child{margin-left:0}.shop-single .shop-image{border-radius:8px}.shop-single .shop-images-scroll::-webkit-scrollbar{height:4px}.shop-single .shop-images-scroll::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.shop-single .shop-images-scroll::-webkit-scrollbar-thumb{background:#888;border-radius:2px}.shop-single .shop-images-scroll::-webkit-scrollbar-thumb:hover{background:#555}.shop-single .shop-images-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin:20px 0}.shop-single .shop-image-item{border-radius:8px;overflow:hidden;width:100%}.shop-single .shop-image{aspect-ratio:4/3;display:block;height:auto;object-fit:cover;width:100%}.shop-single .shop-images-grid:has(.shop-image-item:only-child){grid-template-columns:1fr}@media(max-width:480px){.shop-single .shop-title{font-size:1.1rem;margin-bottom:16px}.shop-single .tag-box{gap:6px;margin-bottom:6px;margin-top:4px}.shop-single .category,.shop-single .distance{font-size:.7rem;padding:3px 6px}.shop-single .shop-info-box .info-item{font-size:.8rem}}.shop-single .shop-images-grid{grid-template-columns:1fr}.shop-route{background-color:#f5f5f5;border-radius:5px;margin:15px 0;padding:12px 15px}.shop-route .route-link{background-color:#fff;border:1px solid #007bff;border-radius:4px;color:#007bff;display:block;font-weight:700;padding:10px;text-align:center;text-decoration:none;transition:color .2s ease}.shop-route .route-link:hover{background-color:#f8f9fa;color:#0056b3}.search-feature{position:relative;z-index:6}.search-feature .search-input-container{background:#fff;border:1px solid #ddd;border-radius:4px;left:10px;position:absolute;top:10px;width:85%}.search-feature .search-input-container:has(+.search-results:not(:empty)){border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.search-feature .search-input-container .search-input{border:none;box-sizing:border-box;font-size:14px;height:32px;outline:none;padding:0 32px 0 12px;width:100%}.search-feature .search-input-container .clear-button{align-items:center;background:none;border:none;color:#888;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;position:absolute;right:0;top:0;width:32px}.search-feature .search-input-container .clear-button:hover{color:#333}.search-feature .filter-container{display:flex;flex-direction:column;gap:4px;left:10px;position:absolute;top:52px;width:85%}.search-feature .filter-container .filter-row{display:flex;gap:4px;position:relative}.search-feature .filter-container .filter-row.first-row .filter-item{flex:1 1}.search-feature .filter-container .filter-row.first-row .filter-item.area-filter,.search-feature .filter-container .filter-row.first-row .filter-item.category-filter{min-width:120px}.search-feature .filter-container .filter-row.second-row .filter-item{flex:1 1}.search-feature .filter-container .filter-row.second-row .filter-item.operation-filter{margin-left:0}.search-feature .filter-container .filter-row.second-row .filter-item.parking-filter{margin-left:0;position:static}.search-feature .filter-container .filter-item{position:relative}.search-feature .filter-container .filter-item .custom-dropdown-header{align-items:center;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;font-size:12px;justify-content:space-between;padding:8px 10px;text-align:center}.search-feature .filter-container .filter-item .custom-dropdown-header.active{background:#53a9e3;color:#fff}.search-feature .filter-container .filter-item .custom-dropdown-header .dropdown-icon{font-size:12px;margin-left:8px}.search-feature .filter-container .filter-item .custom-dropdown-list{background:#fff;border:1px solid #ddd;border-radius:4px;left:0;margin-top:2px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.search-feature .filter-container .filter-item .custom-dropdown-list .custom-dropdown-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;font-size:12px;justify-content:space-between;padding:8px 12px;text-align:left}.search-feature .filter-container .filter-item .custom-dropdown-list .custom-dropdown-item:hover{background:#f5f5f5}.search-feature .filter-container .filter-item .custom-dropdown-list .custom-dropdown-item:last-child{border-bottom:none}.search-feature .filter-container .filter-item .custom-dropdown-list .custom-dropdown-item .dropdown-item-text{flex:1 1;text-align:left}.search-feature .filter-container .filter-item .custom-dropdown-list .custom-dropdown-item .dropdown-item-count{color:#dc3545;flex-shrink:0;font-weight:700;margin-left:8px}.search-feature .filter-container .filter-item .filter-button{background:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px;padding:8px 10px;text-align:center;white-space:nowrap;width:100%}.search-feature .filter-container .filter-item .filter-button.active{background:#53a9e3;color:#fff;font-weight:700}.search-feature .search-results{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px #0000001a;left:10px;max-height:calc(100vh - 370px);overflow-y:auto;position:absolute;top:120px;width:85%;z-index:1000}.search-feature .search-results .no-results{color:#666;padding:16px;text-align:center}.search-feature .search-results .results-list .result-item{cursor:pointer;display:flex;padding:12px;transition:background-color .2s ease}.search-feature .search-results .results-list .result-item:nth-child(odd){background-color:rgba(219,253,226,.596)}.search-feature .search-results .results-list .result-item:nth-child(2n){background-color:#fff}.search-feature .search-results .results-list .result-item:hover{background-color:#e9ecef}.search-feature .search-results .results-list .result-item .result-info{flex:1 1;margin-right:12px}.search-feature .search-results .results-list .result-item .result-info h3{color:#333;font-size:14px;font-weight:500;margin:0 0 4px}.search-feature .search-results .results-list .result-item .result-info p{color:#666;font-size:12px;line-height:1.4;margin:0}.search-feature .search-results .results-list .result-item .result-image{border-radius:4px;height:80px;overflow:hidden;width:80px}.search-feature .search-results .results-list .result-item .result-image img{height:100%;object-fit:cover;width:100%}.home{height:100%;overflow:hidden;position:relative;width:100%}.home .loader{align-items:center;color:#666;display:flex;font-size:16px;height:100%;justify-content:center}.shop-link{background-color:#0000;border:none;color:#555;display:block;left:0;padding:0;text-align:left;top:0;width:100%}.shop-link .right{cursor:pointer;position:absolute;right:0;top:50%;transform:translateY(-50%)}.shop-link h2{cursor:pointer;font-size:1.4rem;margin-bottom:0}.shop-link .tag-box{margin-top:18px;max-width:100%}.shop-link .tag-box>span{display:inline-block}.shop-link .category,.shop-link .distance{border-radius:4px;color:#fff;font-size:.8rem;padding:4px}.shop-link .category{background-color:#f5b041}.shop-link .category:hover{opacity:.8}.shop-link .distance{background-color:#41b0f5;margin-right:10px}.shop-link .distance:hover{opacity:.8}.shop-link img{cursor:pointer;height:150px;object-fit:cover;width:100%}.area-badge{background:#e0f7fa;border:1.5px solid #00bcd4;border-radius:8px;box-shadow:0 1px 4px #0000000a;color:#00838f;display:inline-block;font-size:.92rem;font-weight:700;letter-spacing:.05em;margin-bottom:6px;margin-right:8px;padding:2px 12px}.shop-list{background:linear-gradient(135deg,#00a0e699,#4fc3f799 50%,#81c78499);border-radius:0;box-sizing:border-box;color:#555;height:100%;overflow:auto;padding:0 0 8px}.shop-list.no-pull-refresh{-webkit-overflow-scrolling:touch;overscroll-behavior:none;overscroll-behavior-y:none;touch-action:pan-y}.shop-list .shop{align-items:center;background:#f5f5f5;border-bottom:1px solid #eee;border-radius:8px;box-shadow:0 2px 8px #00000008;display:flex;font-size:1rem;gap:12px;margin:10px 8px 0;padding:14px 10px;position:relative;transition:box-shadow .2s}.shop-list .shop:nth-child(2n){background-color:#f7f7f7}.shop-list .shop-list-category{align-items:center;color:#41b0f5;display:flex;font-size:1.05rem;font-weight:700;margin:18px 10px 8px}.shop-list tr{background-color:#0000!important}.shop-list .skeleton{align-items:center;animation:skeleton-loading 1s linear infinite alternate;background:#f5f5f5;border-radius:8px;display:flex;gap:12px;margin:10px 8px 0;padding:14px 10px}.shop-list .skeleton .skeleton-content{width:70%}.shop-list .skeleton .skeleton-content .skeleton-title{background-color:#e0e0e0;border-radius:4px;height:18px;margin-bottom:8px}.shop-list .skeleton .skeleton-content .skeleton-text{background-color:#e0e0e0;border-radius:4px;height:12px;margin-bottom:6px;width:80%}.shop-list .skeleton .skeleton-image{background-color:#e0e0e0;border-radius:8px;height:60px;width:60px}.shop-list .list-loader{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:28px;margin:16px auto;width:28px}.shop-list .list-end-message{color:#777;font-size:.95rem;padding:10px 0;text-align:center}@media(max-width:480px){.shop-list .shop{font-size:.97rem;gap:8px;margin:10px;padding:14px}.shop-list .shop-list-category{font-size:.98rem;margin:12px 4px 4px}.shop-list .skeleton{gap:8px;margin:8px 2px 0;padding:12px 4px}.shop-list .skeleton .skeleton-image{height:48px;width:48px}}.load-more-container{display:flex;justify-content:center;margin:10px 0;padding:20px}.load-more-button{background:linear-gradient(135deg,#00a0e6,#4fc3f7);border:none;border-radius:25px;box-shadow:0 2px 8px #00a0e64d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;min-width:160px;padding:12px 24px;transition:all .3s ease}.load-more-button:hover{box-shadow:0 4px 12px #00a0e666;transform:translateY(-1px)}.load-more-button:active{transform:translateY(0)}.load-more-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.end-message{color:#666;font-size:.9rem;margin:10px 0;padding:20px;text-align:center}.end-message p{background:#fffc;border-radius:20px;box-shadow:0 2px 4px #0000001a;display:inline-block;margin:0;padding:12px 20px}.skeleton-container{padding:10px 8px}.skeleton{animation:skeleton-loading 1.5s ease-in-out infinite;background:#f0f0f0;border-radius:8px;margin-bottom:10px}.skeleton .skeleton-content{padding:14px}.skeleton .skeleton-content .skeleton-title{background:#e0e0e0;border-radius:4px;height:18px;margin-bottom:8px;width:70%}.skeleton .skeleton-content .skeleton-text{background:#e0e0e0;border-radius:4px;height:14px;width:50%}.skeleton .skeleton-image{background:#e0e0e0;border-radius:6px;height:60px;margin-right:14px;width:60px}@keyframes skeleton-loading{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.head{background-color:var(--primary-color);height:44px;padding:0 16px}.category{-ms-overflow-style:none;box-sizing:border-box;height:100%;overflow:scroll;scrollbar-width:none;width:100%}.category::-webkit-scrollbar{display:none}.category .container{margin:0;padding:24px 24px 50px}.category p{font-size:1rem;margin-bottom:1rem}.category .category-item{display:flex;flex-direction:column;margin:15px 10px}.category .category-item>label{margin-bottom:5px}.head{background-color:#fff;height:10px;padding:0 2px;text-align:right}.head,.images{box-sizing:border-box}.images{-ms-overflow-style:none;height:100%;overflow:scroll;scrollbar-width:none;width:100%}.images::-webkit-scrollbar{display:none}.images .container{-ms-overflow-style:none;margin:0;overflow:scroll;padding:10px 10px 50px;scrollbar-width:none}.images .container::-webkit-scrollbar{display:none}.images .container img{background-color:#fff}.images .container #mui-image-list{-ms-overflow-style:none;scrollbar-width:none}.images .container #mui-image-list::-webkit-scrollbar{display:none}.images .container #mui-image-list .mui-image-list-item{overflow:hidden}.about-us{background-color:#fafafa;box-sizing:border-box;color:#333;font-family:BIZ UDPGothic,sans-serif;height:100%;overflow:auto;padding-bottom:40px}.about-us .hero-section{height:60vh;margin-bottom:50px;max-height:600px;min-height:400px;opacity:0;overflow:hidden;position:relative;transform:translateY(20px);transition:opacity 1.2s ease-out,transform 1.2s ease-out}.about-us .hero-section.visible{opacity:1;transform:translateY(0)}.about-us .hero-section .hero-gradient{background:linear-gradient(135deg,#1ec1f3e6,#44a08dd9);bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.about-us .hero-section .hero-content{align-items:center;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px 20px;position:relative;text-align:center;z-index:2}.about-us .hero-section .hero-content .hero-title-container{display:inline-block;position:relative}.about-us .hero-section .hero-content .hero-title-container .version-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:12px;bottom:-8px;box-shadow:0 2px 8px #0000001a;color:#ffffffe6;font-size:.7rem;font-weight:500;letter-spacing:.5px;padding:4px 8px;position:absolute;right:-20px;transition:all .3s ease}.about-us .hero-section .hero-content .hero-title-container .version-badge:hover{background:#ffffff4d;transform:scale(1.05)}@media(max-width:768px){.about-us .hero-section .hero-content .hero-title-container .version-badge{bottom:-6px;font-size:.6rem;padding:3px 6px;right:-10px}}.about-us .hero-section .hero-content h1{font-family:BIZ UDPGothic,sans-serif;font-size:3.5rem;font-weight:800;letter-spacing:2px;line-height:1.1;margin-bottom:20px;text-shadow:2px 2px 4px #0000004d;text-transform:uppercase}.about-us .hero-section .hero-content p{font-size:1.25rem;font-weight:300;margin:0 auto 30px;max-width:600px;text-shadow:1px 1px 2px #0000004d}.about-us .hero-section .hero-content .hero-image-container{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.about-us .hero-section .hero-content .hero-image-container .hero-image{height:100%;object-fit:cover;opacity:.3;width:100%}.about-us .container{margin:0 auto;max-width:1140px;padding:0 20px}.about-us .content-card{background-color:#fff;border-radius:12px;box-shadow:0 6px 16px #0000000d;margin-bottom:30px;padding:30px;transition:transform .3s ease,box-shadow .3s ease}.about-us .content-card:hover{box-shadow:0 10px 25px #00000014;transform:translateY(-5px)}.about-us .content-card.message-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:5px solid #00a0e6;border-left:5px solid var(--primary-color,#00a0e6)}.about-us h2.section-title{border-bottom:2px solid #00a0e6;border-bottom:2px solid var(--primary-color,#00a0e6);color:#222;font-family:BIZ UDPGothic,sans-serif;font-size:1.75rem;font-weight:700;margin-bottom:20px;margin-top:0;padding-bottom:10px;position:relative}.about-us h2.section-title:after{background-color:#ffc107;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:60px}.about-us p{font-size:1rem;line-height:1.8;margin-bottom:20px}.about-us strong{color:#00a0e6;color:var(--primary-color,#00a0e6);font-weight:700}.about-us .features-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:30px 0}.about-us .features-grid .feature-item{background-color:#f8f9fa;border-radius:8px;padding:20px;transition:all .3s ease}.about-us .features-grid .feature-item:hover{background-color:#fff;box-shadow:0 5px 15px #00000014;transform:translateY(-3px)}.about-us .features-grid .feature-item .feature-icon{align-items:center;background-color:#00a0e61a;border-radius:50%;color:#00a0e6;color:var(--primary-color,#00a0e6);display:flex;font-size:2rem;height:60px;justify-content:center;margin:0 auto 15px;width:60px}.about-us .features-grid .feature-item h3{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:10px;text-align:center}.about-us .features-grid .feature-item p{color:#666;font-size:.95rem;margin-bottom:0;text-align:center}.about-us .additional-info{background-color:#f8f9fa;border-left:3px solid #ddd;border-radius:8px;color:#666;font-size:.95rem;padding:15px}.about-us .goto-form{margin-top:30px;text-align:center}.about-us .goto-form button{align-items:center;background:linear-gradient(135deg,#00a0e6,#0080c0);background:linear-gradient(135deg,var(--primary-color,#00a0e6) 0,#0080c0 100%);border:none;border-radius:50%;box-shadow:0 6px 12px #00a0e64d;cursor:pointer;display:inline-flex;height:72px;justify-content:center;transition:all .3s ease;width:72px}.about-us .goto-form button:hover{box-shadow:0 8px 20px #00a0e666;transform:translateY(-3px) scale(1.05)}.about-us .goto-form button:active{transform:translateY(0) scale(.98)}.about-us .sponsors-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(1,1fr);margin:25px 0}.about-us .sponsors-grid .sponsor-item{aspect-ratio:4/3;border:1px solid #eee;border-radius:12px;box-shadow:0 3px 10px #0000000d;overflow:hidden;transition:all .3s ease}.about-us .sponsors-grid .sponsor-item:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-5px)}.about-us .sponsors-grid .sponsor-item a{color:inherit;display:flex;flex-direction:column;height:100%;text-decoration:none}.about-us .sponsors-grid .sponsor-item img{background-color:#f5f5f5;height:80%;object-fit:cover;object-position:center;transition:all .5s ease;width:100%}.about-us .sponsors-grid .sponsor-item img:hover{transform:scale(1.05)}.about-us .sponsors-grid .sponsor-item .sponsor-name{align-items:center;background-color:#fff;border-top:1px solid #f0f0f0;display:flex;font-size:.9rem;font-weight:500;height:20%;justify-content:center;padding:10px;text-align:center}@media screen and (max-width:768px){.about-us .hero-section{height:50vh;min-height:350px}.about-us .hero-section .hero-content h1{font-size:2.5rem}.about-us .hero-section .hero-content p{font-size:1.1rem}.about-us .content-card{padding:20px}.about-us .features-grid,.about-us .sponsors-grid{grid-template-columns:repeat(2,1fr)}.about-us h2.section-title{font-size:1.5rem}}@media screen and (max-width:576px){.about-us .hero-section{height:40vh;min-height:300px}.about-us .hero-section .hero-content h1{font-size:2rem}.about-us .hero-section .hero-content p{font-size:1rem}.about-us .features-grid,.about-us .sponsors-grid{grid-template-columns:1fr}}.clickable-title{cursor:pointer;position:relative;transition:all .3s ease;-webkit-user-select:none;user-select:none}.clickable-title:hover{color:#1ec1f3;transform:translateY(-1px)}.clickable-title:active{transform:translateY(0)}.clickable-title:after{content:"👆";font-size:.8rem;opacity:0;position:absolute;right:-30px;top:50%;transform:translateY(-50%);transition:opacity .3s ease}.clickable-title:hover:after{opacity:.7}.version-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.version-modal-overlay .version-modal-content{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:80vh;max-width:500px;overflow-y:auto;width:100%}.version-modal-overlay .version-modal-content .version-modal-header{align-items:center;display:flex;justify-content:space-between;padding:20px 24px 0}.version-modal-overlay .version-modal-content .version-modal-header .section-title{align-items:center;color:#495057;display:flex;gap:8px;margin:0}.version-modal-overlay .version-modal-content .version-modal-header .section-title .section-icon{color:#6c757d}.version-modal-overlay .version-modal-content .version-modal-header .version-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:all .2s ease;width:30px}.version-modal-overlay .version-modal-content .version-modal-header .version-modal-close:hover{background:#e9ecef;color:#495057}.version-modal-overlay .version-modal-content .version-details{margin:20px 24px}.version-modal-overlay .version-modal-content .version-details .version-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:12px 0}.version-modal-overlay .version-modal-content .version-details .version-item:last-child{border-bottom:none}.version-modal-overlay .version-modal-content .version-details .version-item .version-label{color:#495057;font-size:14px;font-weight:600}.version-modal-overlay .version-modal-content .version-details .version-item .version-value{background:#fff;border:1px solid #ced4da;border-radius:4px;color:#212529;font-family:Courier New,monospace;font-size:13px;padding:4px 8px}.version-modal-overlay .version-modal-content .version-note{background:#fff;border-left:3px solid #17a2b8;border-radius:6px;color:#6c757d;font-size:12px;font-style:italic;margin:16px 24px 24px;padding:12px}@media screen and (max-width:768px){.about-us{padding-bottom:20px}.about-us .hero-section{height:50vh;margin-bottom:30px;min-height:300px}.about-us .hero-section .hero-content{padding:20px 15px}.about-us .hero-section .hero-content h1{font-size:1.8rem}.about-us .hero-section .hero-content p{font-size:.9rem}.about-us .container{padding:0 15px}.about-us .content-card{margin-bottom:20px;padding:20px}.about-us .content-card h2.section-title{font-size:1.3rem}.about-us .content-card p{font-size:.9rem;line-height:1.6}.about-us .features-grid{gap:20px;grid-template-columns:1fr}.about-us .features-grid .feature-item .feature-icon{font-size:2rem}.about-us .features-grid .feature-item h3{font-size:1.1rem}.about-us .features-grid .feature-item p{font-size:.85rem}.about-us .sponsors-grid{gap:15px;grid-template-columns:repeat(2,1fr)}.about-us .sponsors-grid .sponsor-item img{height:60px}.about-us .sponsors-grid .sponsor-item .sponsor-name{font-size:.8rem}.about-us .goto-form button{height:50px;width:50px}.version-modal-overlay{padding:10px}.version-modal-overlay .version-modal-content{max-height:90vh;max-width:100%}.version-modal-overlay .version-modal-content .version-modal-header{padding:15px 20px 0}.version-modal-overlay .version-modal-content .version-modal-header .section-title{font-size:1.2rem}.version-modal-overlay .version-modal-content .version-modal-header .version-modal-close{font-size:20px;height:25px;width:25px}.version-modal-overlay .version-modal-content .version-details{margin:15px 20px}.version-modal-overlay .version-modal-content .version-details .version-item{align-items:flex-start;flex-direction:column;gap:8px;padding:10px 0}.version-modal-overlay .version-modal-content .version-details .version-item .version-label{font-size:13px}.version-modal-overlay .version-modal-content .version-details .version-item .version-value{font-size:12px;word-break:break-all}.version-modal-overlay .version-modal-content .version-note{font-size:11px;margin:15px 20px 20px}}.loading-container{align-items:center;color:#007bff;display:flex;flex-direction:column;gap:1rem;justify-content:center;margin-top:8vw;text-align:center}.loading-text{color:#666;font-size:clamp(1rem,4.4vw,1.4rem);margin-top:.5rem}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.spinner-circular{position:relative}.spinner-circular .spinner-ring{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#007bff}.spinner-circular.spinner-sm .spinner-ring{height:20px;width:20px}.spinner-circular.spinner-md .spinner-ring{height:32px;width:32px}.spinner-circular.spinner-lg .spinner-ring{height:48px;width:48px}.spinner-dots{align-items:center;display:flex;gap:4px}.spinner-dots .dot{animation:bounce 1.4s ease-in-out infinite both;background-color:#007bff;border-radius:50%}.spinner-dots .dot:first-child{animation-delay:-.32s}.spinner-dots .dot:nth-child(2){animation-delay:-.16s}.spinner-dots .dot:nth-child(3){animation-delay:0s}.spinner-dots.spinner-sm .dot{height:6px;width:6px}.spinner-dots.spinner-md .dot{height:8px;width:8px}.spinner-dots.spinner-lg .dot{height:12px;width:12px}.spinner-wave{align-items:center;display:flex;gap:2px}.spinner-wave .bar{animation:wave 1.2s ease-in-out infinite;background-color:#007bff}.spinner-wave .bar:first-child{animation-delay:0s}.spinner-wave .bar:nth-child(2){animation-delay:.1s}.spinner-wave .bar:nth-child(3){animation-delay:.2s}.spinner-wave .bar:nth-child(4){animation-delay:.3s}.spinner-wave .bar:nth-child(5){animation-delay:.4s}.spinner-wave.spinner-sm .bar{height:16px;width:3px}.spinner-wave.spinner-md .bar{height:24px;width:4px}.spinner-wave.spinner-lg .bar{height:32px;width:6px}.spinner-pulse{position:relative}.spinner-pulse .pulse-ring{animation:pulse 1.5s ease-in-out infinite;background-color:#007bff;border-radius:50%}.spinner-pulse.spinner-sm .pulse-ring{height:20px;width:20px}.spinner-pulse.spinner-md .pulse-ring{height:32px;width:32px}.spinner-pulse.spinner-lg .pulse-ring{height:48px;width:48px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bounce{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}@keyframes wave{0%,40%,to{opacity:.5;transform:scaleY(.4)}20%{opacity:1;transform:scaleY(1)}}@keyframes pulse{0%{opacity:1;transform:scale(.8)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(.8)}}@media(prefers-color-scheme:dark){.loading-container{color:#4a9eff}.loading-text{color:#ccc}.spinner-circular .spinner-ring{border-color:#4a9eff #444 #444}.spinner-dots .dot,.spinner-pulse .pulse-ring,.spinner-wave .bar{background-color:#4a9eff}}.events-page{background:linear-gradient(135deg,#00a0e699,#4fc3f799 50%,#81c78499);flex:1 1;height:auto;min-height:100vh;overflow-y:auto;padding:6vw 2vw 18vw;position:relative}.events-title{border-bottom:1px solid #ffffff80;color:#fff;font-size:clamp(1.2rem,6vw,2rem);font-weight:600;letter-spacing:.02em;margin-bottom:8vw;padding-bottom:2vw;text-align:left}.events-list{gap:4vw}.event-card,.events-list{display:flex;flex-direction:column}.event-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:5vw;box-shadow:0 2vw 8vw #00000014;cursor:pointer;overflow:hidden;transition:all .3s ease}.event-card:hover{border-color:#00a0e6;box-shadow:0 4vw 12vw #00a0e626;transform:translateY(-1vw)}.event-card-image-wrapper{background:linear-gradient(135deg,#00a0e6,#4fc3f7);height:50vw;overflow:hidden;position:relative;width:100%}.event-card-image-wrapper:after{background:linear-gradient(135deg,#00a0e633,#4fc3f74d);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.event-card-image{height:100%;object-fit:cover;transition:transform .3s ease-out;width:100%}.event-card:hover .event-card-image{transform:scale(1.05)}.event-card-content{display:flex;flex-direction:column;flex-grow:1;padding:6vw}.event-card-header{display:flex;flex-direction:column;gap:.4vw}.event-name{color:#1a202c;font-size:clamp(1.1rem,5.5vw,1.8rem);font-weight:700;line-height:1.4;margin-bottom:3vw}.event-date{background:linear-gradient(135deg,#00a0e6,#4fc3f7);border-radius:5vw;box-shadow:0 .8vw 3.2vw #00a0e64d;color:#fff;display:inline-block;font-size:clamp(.7rem,3vw,1rem);font-weight:500;letter-spacing:.02em;margin-bottom:4vw;padding:2vw 4.8vw;width:fit-content}.event-place{align-items:center;color:#64748b;display:flex;font-size:clamp(.9rem,4vw,1.2rem);gap:2vw;line-height:1.5;margin-bottom:2vw}.event-place:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23999'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 0 1 0-5 2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;content:"";flex-shrink:0;height:4vw;width:4vw}.event-description{color:#777;font-size:clamp(.8rem,3.6vw,1.1rem);line-height:1.5}.event-detail-modal{align-items:center;background:#00000052;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.event-detail{animation:fadeInUp .25s;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffffa;border:1px solid #ffffff4d;border-radius:6vw;box-shadow:0 8vw 24vw #00a0e626;max-height:80vh;max-width:420px;overflow-y:auto;padding:10vw 6vw 8vw;position:relative;width:95vw}.event-detail-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00a0e6,#4fc3f7);-webkit-background-clip:text;background-clip:text;font-size:clamp(1.2rem,5vw,1.8rem);font-weight:700;margin-bottom:6vw;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.close-btn{background:none;border:none;color:#888;cursor:pointer;font-size:clamp(1.2rem,6vw,2rem);position:absolute;right:4vw;top:4vw;transition:color .2s}.close-btn:hover{color:#00a0e6}.event-detail-section{border-bottom:1px solid #00a0e61a;margin-bottom:4vw;padding-bottom:3vw}.event-detail-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.event-detail-section strong{color:#333;font-weight:600;margin-right:.5em}.event-detail-date,.event-detail-organizer,.event-detail-place{color:#555;font-size:clamp(.9rem,4vw,1.2rem)}.event-detail-time{align-items:baseline;display:flex;margin-bottom:3vw}.event-detail-time strong{margin-right:3vw}.event-detail-time .event-time-value{text-align:right}.event-detail-description{color:#444;font-size:clamp(.95rem,4.2vw,1.3rem);line-height:1.7}.event-detail-links{align-items:center;display:flex;flex-wrap:wrap;gap:3vw}.event-detail-links .event-link{align-items:center;border-radius:5vw;display:inline-flex;font-size:clamp(.85rem,3.8vw,1.15rem);font-weight:500;padding:3vw 4.8vw;text-decoration:none;transition:background-color .2s,color .2s,transform .2s}.event-detail-links .event-link:hover{transform:translateY(-.8vw)}.event-detail-links .official-site-link{background:linear-gradient(135deg,#00a0e61a,#4fc3f71a);border:1px solid #00a0e64d;color:#00a0e6}.event-detail-links .official-site-link:hover{background:linear-gradient(135deg,#00a0e633,#4fc3f733)}.event-detail-links .social-link{background-color:#f0f0f0;border:1px solid #ddd;border-radius:50%;color:#555;padding:3vw}.event-detail-links .social-link i{font-size:clamp(1rem,4.8vw,1.5rem)}.event-detail-links .social-link:hover{background-color:#e0e0e0}.event-detail-links .fa-instagram{color:#c13584}.event-detail-links .fa-facebook{color:#1877f3}.event-detail-links .fa-x-twitter{color:#000}.event-detail-tags .tags-container{display:flex;flex-wrap:wrap;gap:3vw;margin-top:2vw}.event-detail-tags .tag-item{background:linear-gradient(135deg,#00a0e61a,#4fc3f71a);border:1px solid #00a0e64d;border-radius:2.4vw;color:#00a0e6;font-size:clamp(.8rem,3.6vw,1.1rem);padding:2vw 4vw;transition:background-color .2s,transform .2s}.event-detail-tags .tag-item:hover{background:linear-gradient(135deg,#00a0e633,#4fc3f733);transform:translateY(-.4vw)}.event-detail-images{grid-gap:2vw;display:grid;gap:2vw;grid-template-columns:1fr 1fr;margin-top:3vw}.event-detail-images img{background:#fafafa;border:1px solid #00a0e633;border-radius:4.8vw;height:44vw;object-fit:cover;transition:transform .2s;width:100%}.event-detail-images img:hover{box-shadow:0 1.6vw 8vw #00a0e633;transform:scale(1.04)}.event-detail-map{box-sizing:border-box;height:100vw;margin-bottom:6vw;margin-left:0;margin-right:0;width:100%}.image-modal{align-items:center;animation:fadeIn .18s;background:#000000a6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.image-modal-content{align-items:center;background:#fff;border-radius:4.8vw;box-shadow:0 3.2vw 12.8vw #00a0e62e;display:flex;justify-content:center;max-height:90vh;max-width:90vw;padding:2.8vw}.image-modal-content img{border-radius:3.2vw;max-height:80vh;max-width:80vw;object-fit:contain}@media(min-width:768px){.events-page{padding:2rem 1rem 5rem}.events-title{margin-bottom:3rem;padding-bottom:1rem}.events-list{gap:1.5rem}.event-card{border-radius:20px}.event-card:hover{transform:translateY(-4px)}.event-card-image-wrapper{height:200px}.event-card-content{padding:1.5rem}.event-date,.event-name{margin-bottom:1rem}.event-date{border-radius:20px;padding:.5rem 1.2rem}.event-place{gap:.5rem;margin-bottom:.5rem}.event-place:before{height:16px;width:16px}.event-detail{border-radius:24px;padding:2.5rem 1.5rem 2rem}.event-detail,.event-detail-title{margin-bottom:1.5rem}.close-btn{font-size:1.5rem;right:1rem;top:1rem}.event-detail-section{margin-bottom:1rem;padding-bottom:.75rem}.event-detail-time{margin-bottom:8px}.event-detail-time strong{margin-right:8px}.event-detail-links{gap:12px}.event-detail-links .event-link{border-radius:20px;padding:8px 12px}.event-detail-links .event-link:hover{transform:translateY(-2px)}.event-detail-links .social-link{padding:8px}.event-detail-tags .tags-container{gap:8px;margin-top:.5rem}.event-detail-tags .tag-item{border-radius:6px;padding:5px 10px}.event-detail-tags .tag-item:hover{transform:translateY(-1px)}.event-detail-images{gap:.5rem;margin-top:.7rem}.event-detail-images img{border-radius:12px;height:110px}.event-detail-map{height:250px;margin-bottom:1.5rem}.image-modal-content{border-radius:12px;padding:.7rem}.image-modal-content img{border-radius:8px}}.events-error,.events-loading{color:#888;font-size:clamp(1rem,4.4vw,1.4rem);margin-top:8vw;text-align:center}.event-breweries-section{margin-bottom:2vw;margin-top:3vw}.breweries-label{color:#555;display:block;font-size:clamp(.8rem,3.6vw,1rem);font-weight:600;margin-bottom:2vw}.breweries-container{align-items:center;display:flex;flex-wrap:wrap;gap:2vw}.brewery-tag{background:linear-gradient(135deg,#00a0e61a,#4fc3f71a);border:1px solid #00a0e64d;border-radius:3vw;color:#00a0e6;font-size:clamp(.7rem,3.2vw,.9rem);font-weight:500;padding:2vw 4vw;transition:all .2s ease;white-space:nowrap}.brewery-tag:hover{background:linear-gradient(135deg,#00a0e633,#4fc3f733);transform:translateY(-.4vw)}.collapse-breweries-btn,.expand-breweries-btn{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#f5f5f5e6;border:1px solid #dddc;border-radius:3vw;color:#666;cursor:pointer;font-size:clamp(.7rem,3.2vw,.9rem);padding:2vw 4vw;transition:all .2s ease;white-space:nowrap}.collapse-breweries-btn:hover,.expand-breweries-btn:hover{background-color:#e0e0e0e6;color:#333;transform:translateY(-.4vw)}.event-detail-breweries{margin:4vw 0}.breweries-detail-container{display:flex;flex-wrap:wrap;gap:3vw;margin-top:2vw}.brewery-tag-detail{background:linear-gradient(135deg,#00a0e61a,#4fc3f71a);border:1px solid #00a0e64d;border-radius:4vw;color:#00a0e6;font-size:clamp(.8rem,3.8vw,1rem);font-weight:500;padding:3vw 5vw;transition:all .2s ease;white-space:nowrap}.brewery-tag-detail:hover{background:linear-gradient(135deg,#00a0e633,#4fc3f733);box-shadow:0 1.6vw 6.4vw #00a0e626;transform:translateY(-.8vw)}@media(min-width:768px){.event-breweries-section{margin-bottom:8px;margin-top:12px}.breweries-label{margin-bottom:8px}.breweries-container{gap:8px}.brewery-tag{border-radius:12px;font-size:.8rem;padding:4px 10px}.brewery-tag:hover{transform:translateY(-1px)}.collapse-breweries-btn,.expand-breweries-btn{border-radius:12px;font-size:.8rem;padding:4px 10px}.collapse-breweries-btn:hover,.expand-breweries-btn:hover{transform:translateY(-1px)}.event-detail-breweries{margin:16px 0}.breweries-detail-container{gap:8px;margin-top:8px}.brewery-tag-detail{border-radius:16px;font-size:.9rem;padding:6px 14px}.brewery-tag-detail:hover{box-shadow:0 4px 12px #00a0e626;transform:translateY(-2px)}}@media(max-width:480px){.breweries-container{gap:1.5vw}.brewery-tag,.collapse-breweries-btn,.expand-breweries-btn{font-size:clamp(.65rem,3vw,.8rem);padding:1.5vw 3vw}.breweries-detail-container{gap:2vw}.brewery-tag-detail{font-size:clamp(.75rem,3.5vw,.9rem);padding:2.5vw 4vw}}.tabbar{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding-right:18px}.tabbar ul{display:flex;list-style-type:none;margin:0;padding:0;width:100%}.tabbar ul li{display:flex;flex-direction:column;justify-content:center;min-height:60px;text-align:center;width:25%}.tabbar ul a{color:#999;text-decoration:none}.tabbar ul a .icon{line-height:1;margin-bottom:2vw}.tabbar ul a .text{font-size:clamp(7px,2.2vw,11px);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:768px){.tabbar ul li{min-height:70px}.tabbar ul a .icon{margin-bottom:4px}.tabbar ul a .text{font-size:10px}}a{color:#007bff;text-decoration:none}.app-body{height:calc(100% - 50px - env(safe-area-inset-bottom));overflow-y:auto}@supports(-ms-ime-align:auto){.app-body{height:calc(100% - 50px)}}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){.app-body{height:calc(100% - 50px)}}.app-footer{background-color:#fff;border-top:1px solid #ccc;bottom:0;height:50px;padding-bottom:env(safe-area-inset-bottom);position:absolute;width:100%;z-index:100}.about .qrcode{background-color:#fff;margin:40px 0;padding:5px 5px 0}.about .description{max-width:250px;text-shadow:1px 2px 3px #303030;word-break:break-all}.share ul{list-style-type:none;margin:0;padding:0}.share ul li{display:inline;margin:4px}.outer-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.inner-container{height:673px;max-height:90%;padding:0;position:relative;width:720px}.app{background-color:#fff;border:3px solid #555;border-radius:20px;overflow:hidden;width:381px;z-index:2}.about,.app{height:100%;left:0;position:absolute;top:0}.about{align-items:center;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;justify-content:center;padding-left:415px;text-align:center;width:100%}@media only screen and (max-width:960px){.inner-container{max-height:100%;padding:0;position:relative}.app,.inner-container{height:100%;width:100%}.app{border:none;border-radius:0;bottom:0;left:0;margin:0;position:absolute;right:0;top:0}.about,.github-fork-ribbon{display:none}}*{margin:0;padding:0;@import"@fontsource/biz-udpgothic/index.css";font-family:BIZ UDPGothic,sans-serif;font-size:16px}.small{font-size:.8rem}.nowrap{margin-bottom:5px;margin-right:8px;white-space:nowrap}img{height:auto;max-width:100%}#root,body,html{height:100%;width:100%}#root{background:var(--background-image);background-size:cover}.branding{text-align:center}.branding .logo{font-family:BIZ UDPGothic,sans-serif;font-size:72px;line-height:.9;margin:auto;max-width:280px;text-shadow:1px 2px 3px gray}.branding .link{font-size:1.2rem}.branding .image{display:block;height:auto;margin:auto auto 20px;width:70%}body,html{-webkit-overflow-scrolling:touch;overscroll-behavior:none;overscroll-behavior-y:none}#root,.about-us,.events,.images,.shop-list{overscroll-behavior:none;overscroll-behavior-y:none;touch-action:pan-y}.about-us,.events,.images,.shop-list{-webkit-overflow-scrolling:touch}@supports (-webkit-touch-callout:none){#root,.about-us,.events,.images,.shop-list,body,html{-webkit-overflow-scrolling:touch;overscroll-behavior:none}}@media screen and (-webkit-min-device-pixel-ratio:0){#root,.about-us,.events,.images,.shop-list,body,html{overscroll-behavior-y:none;touch-action:pan-y}}
/*# sourceMappingURL=main.4e4ee643.css.map*/