@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');
body{font-family:'Inter', Arial, sans-serif; background:#fff; margin:0; color: #333;}
.header.sticky-header{position:sticky;top:0;z-index:1000;background:linear-gradient(90deg, #ff9933, white, #138808);box-shadow:0 3px 8px #0001;display:flex;align-items:center;justify-content:space-between;padding:4px 10px;}
.header-left{display:flex;align-items:center;}
.header-logo{width:40px;height:40px;border-radius:50px;}
.header-title{font-size:20px;font-weight:bold;color:#800000;margin-left:8px; animation: slide-in 2s ease-in-out infinite alternate;}
@keyframes slide-in { from { transform: translateX(-8px); } to { transform: translateX(8px); } }
.lang-switcher{display:flex;align-items:center;background-color:#e0e0e0;border-radius:50px;padding:5px;cursor:pointer;position:relative;margin-left:10px;}
.lang-btn{padding:5px 15px;border:none;background:none;cursor:pointer;font-weight:600;color:#333;z-index:2;transition:color 0.4s;font-size:0.8em;}
.lang-btn.active{color:white;}
.lang-switcher .slider{position:absolute;top:5px;left:5px;width:calc(50% - 5px);height:calc(100% - 10px);background:#800000;border-radius:50px;transition:transform 0.4s ease-in-out;z-index:1;}
.lang-switcher.toggled-right .slider{transform:translateX(calc(100% - 2px));}
.sticky-action-buttons{position:fixed;top:50%;right:10px;transform:translateY(-50%);z-index:1002;display:flex;flex-direction:column;gap:12px;}
.action-btn,.menu-btn-wrapper .header-menu-btn{background:#fff;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:5px;border-radius:12px;cursor:pointer;width:40px;height:40px;box-shadow:0 4px 12px rgba(0,0,0,0.15);border:1px solid #eee;}
.action-btn span,.menu-btn-wrapper span{font-size:8px;font-weight:600;color:#800000;line-height:1;}
.menu-btn-wrapper{position:relative;}
.menu-dropdown{position:absolute;right:65px;top:0;background:#fff;border-radius:12px;box-shadow:0 6px 24px #0002;min-width:160px;display:none;flex-direction:column;z-index:-1;border:1px solid #eee;}
.menu-dropdown a{padding:13px 18px;color:#800000;text-decoration:none;border-bottom:1px solid #f3f3f3;font-size:16px;display:flex;align-items:center;gap:8px;}
.menu-dropdown a:last-child{border-bottom:none;}
.menu-dropdown a:hover{background:#ffe0b2;}
.sticky-filterbar{position:sticky;top:48px;z-index:901;background:#fff;box-shadow:0 2px 8px #0001;display:flex;justify-content:center;align-items:center;gap:8px;padding:8px 10px;flex-wrap:nowrap;}
.type-select,.city-select,.nearby-btn{padding:8px 16px;background-color:transparent;color:#d32f2f;border-radius:15px;font-weight:900;font-size:14px;border:none;flex-shrink:1;min-width:80px;transition:background-color 0.2s;cursor:pointer;}
.type-select,.city-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d32f2f' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:12px;padding-right:30px;}
.nearby-btn:disabled {background-color:#d32f2f;color:white;cursor:not-allowed;}
.container{max-width:700px;margin:0 auto 80px auto;padding:10px;}
.store{background: transparent; margin:0; padding: 20px 10px; border-radius: 0; box-shadow: none; border-bottom: 1px solid #eee; display:flex; justify-content:space-between; align-items:center; gap:15px; cursor:pointer; transition: background-color 0.2s ease-in-out;}
.store:hover{ background-color: #f9f9f9; transform: none;}
.store-content{width:80%; min-width:0;}
.store-content h2{margin:0;font-size:16px;font-weight:bold;color:#1a237e;}
.store-content p{margin:4px 0;font-size:13px;color:#555;}
.links{font-size:14px;margin-top:12px;display:flex;flex-wrap:wrap;align-items:center;row-gap:8px;column-gap:8px;}
.links a{color:#d32f2f;text-decoration:none;font-weight:600;background-color: transparent;border: none;padding: 0;}
.links a:not(:first-child)::before { content: '|'; margin-right: 8px; color: #ccc; }
.links a:hover{text-decoration:underline; background:none;}
.store-image-container{width:20%;flex-shrink:0;display:flex;justify-content:flex-end;align-items:center;}
.store-image-container img,.store-image{width:80px; height:80px; object-fit:cover; border-radius: 50%; box-shadow:none; border: 2px solid #f0f0f0;}
.no-results { text-align:center; padding: 20px; color:red; font-size:16px; }
.modal{display:none;position:fixed;z-index:2001;left:0;top:0;width:100vw;height:100vh;background:rgba(0,0,0,0.92);justify-content:center;align-items:center;flex-direction:column;}
.modal img{max-width:95vw;max-height:60vh;border-radius:10px;margin-bottom:22px;}
.modal-details{color:#fff;text-align:center;margin-top:-12px;} .modal-details .store-name{font-size:21px;font-weight:bold;margin-bottom:7px;color:#ffd600;} .modal-details .store-address{font-size:15px;margin-bottom:4px;} .modal-details .store-mobile{font-size:16px;} .modal-details .store-mobile a{color:#ffd600;text-decoration:none;font-size:16px;}
.close-btn{position:absolute;top:20px;right:28px;color:#fff;font-size:35px;font-weight:bold;cursor:pointer;z-index:2002;}
footer{position:fixed;left:0;bottom:0;width:100%;background:linear-gradient(90deg, #ff9933, #138808);color:#fff;display:flex;justify-content:space-around;align-items:center;padding:6px 0;font-size:15px;box-shadow:0 -2px 6px #bbb;z-index:1001;}
footer a{color:#fff;text-decoration:none;margin:0 12px; display: flex; align-items: center; gap: 5px;}
footer a:hover{text-decoration:underline;}
@media(max-width:600px){.header-title{font-size:16px;}.sticky-action-buttons{right:6px;}.menu-dropdown{min-width:140px;right:60px;}.store{padding:15px 5px;gap:10px;}.store-content h2{font-size:14px;}.store-image-container img,.store-image{width:70px;height:70px;}.sticky-filterbar{gap:6px;padding:8px 6px;}.type-select,.city-select,.nearby-btn{padding: 8px 12px; font-size: 12px;}.type-select{padding-right: 30px; background-position: right 10px center;}}