:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh}.pharmacy-list-container{width:100%;margin-top:20px;margin-bottom:50px}.pharmacy-list-title{text-align:center;font-size:2em;color:#f0f0f0;margin-bottom:30px;font-weight:700}.pharmacy-list-header{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:20px}.sort-info{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#48bb7826;border:1px solid #48bb78;border-radius:25px;color:#ddf0e5;font-weight:600;font-size:1em;letter-spacing:.3px;box-shadow:0 2px 8px #48bb7833}.sort-info-icon{font-size:1.3em;flex-shrink:0}.enable-location-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,#48bb78,#38a169);color:#f0f0f0;border:1px solid #38a169;border-radius:25px;font-size:1em;font-weight:600;letter-spacing:.3px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #48bb784d}.enable-location-btn:hover:not(:disabled){background:linear-gradient(135deg,#38a169,#2f855a);transform:translateY(-2px);box-shadow:0 6px 16px #48bb7866}.enable-location-btn:active:not(:disabled){transform:translateY(0)}.enable-location-btn:disabled{opacity:.6;cursor:not-allowed}.enable-location-btn svg{font-size:1.2em}.pharmacy-header{text-align:center;margin-bottom:20px}.pharmacy-header h2{color:#f0f0f0;font-size:1.8em;margin-bottom:10px}.shift-time{color:#ccc;font-size:1.2em;line-height:1.6}.no-pharmacy{text-align:center;padding:40px 20px;color:#718096;font-size:1.1em}.pharmacy-badge-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap;justify-content:center}.pharmacies-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px}.pharmacy-card{background:#333;border-radius:12px;box-shadow:0 4px 6px #00000080;border:1px solid #444;transition:all .3s ease;overflow:hidden}.pharmacy-card.accordion-open{box-shadow:0 8px 16px #000000b3;border-color:#48bb78}.pharmacy-card-color{padding:6px;background:#57c28226;border:1px solid #48bb78;border-radius:8px;color:#f0f0f0;font-size:.9em;width:65%}.pharmacy-header-button{width:100%;background:transparent;border:none;padding:20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:15px;text-align:left;color:inherit;transition:background .2s}.pharmacy-header-button:hover{background:#3a3a3a}.pharmacy-summary{flex:1}.pharmacy-location-info{display:flex;flex-direction:column;gap:6px}.pharmacy-address{display:flex;align-items:center;gap:8px;margin-top:8px;font-style:normal;color:#ccc;font-size:1.1em}.pharmacy-distance-info{display:flex;align-items:center;padding-left:32px}.distance-text{display:inline-block;padding:4px 12px;background:#48bb7826;border:1px solid #48bb78;border-radius:12px;color:#ddf0e5;font-size:.9em;font-weight:500;letter-spacing:.5px}.accordion-toggle{display:flex;flex-direction:column;align-items:center;gap:4px}.accordion-icon{font-size:1.8em;color:#48bb78;font-weight:700;line-height:1;transition:transform .3s}.accordion-text{font-size:.75em;color:#48bb78;font-weight:600;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.pharmacy-details{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 20px}.pharmacy-details[aria-hidden=false]{max-height:500px;padding:0 20px 20px}.pharmacy-badge{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.badge-id{background:#444;color:#f0f0f0;padding:12px 24px;border-radius:25px;font-size:1.4em;font-weight:700;letter-spacing:.5px;border:1px solid #48bb78}.badge-status{color:#48bb78;font-weight:700;font-size:.9em;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pharmacy-info{margin-bottom:20px}.pharmacy-name{color:#f0f0f0;font-size:1.5em;margin-bottom:20px;font-weight:700}.info-row{display:flex;gap:12px;margin-bottom:16px;align-items:flex-start}.info-icon{font-size:1.4em;flex-shrink:0}.info-content{flex:1}.info-content strong{display:block;color:#999;font-size:.9em;margin-bottom:4px}.info-content p{color:#ccc;font-size:1em;margin:0}.city-text{color:#888!important;font-size:.9em!important;margin-top:4px!important}.phone-link{color:#8ab4f8;text-decoration:none;font-weight:600;transition:color .2s}.phone-link:hover{color:#aac8f9;text-decoration:underline}.coordinates{font-family:Courier New,monospace;font-size:.9em;color:#888}.pharmacy-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:20px}.action-button{padding:12px 20px;border-radius:8px;text-decoration:none;text-align:center;font-weight:600;font-size:.95em;transition:all .2s;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.call-button{background:#2a5a3a;color:#f0f0f0;border:1px solid #3d7a4d}.call-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2a5a3a99;background:#326944}.whatsapp-button{background:#25d366;color:#fff;border:1px solid #1fb855}.whatsapp-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #25d36699;background:#1fb855}.directions-button{background:linear-gradient(90deg,#10b981,#059669,#047857,#059669,#10b981);background-size:200% 100%;background-position:0% 0%;color:#f0f0f0;border:none}.directions-button:hover{background-position:100% 0%;transform:translateY(-2px)}@media(max-width:768px){.pharmacy-card{padding:18px}.pharmacy-name{font-size:1.3em}.pharmacy-actions{grid-template-columns:1fr}.pharmacy-header h2{font-size:1.5em}.sort-info{font-size:.9em;padding:10px 20px}.enable-location-btn{font-size:.95em;padding:12px 24px}}.shift-time{font-weight:600}.current-datetime-container{width:100%;max-width:1200px;margin:0 auto;padding:20px}.datetime-header{text-align:center;margin-bottom:40px}.app-title{font-size:2.5em;color:#f0f0f0;margin-bottom:10px;font-weight:800;letter-spacing:-.5px;text-shadow:0 2px 8px rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;gap:15px}.app-logo{width:104px;height:104px;object-fit:contain;flex-shrink:0}@media(max-width:768px){.app-title{font-size:1.8em;gap:10px;flex-wrap:wrap}.app-logo{width:85px;height:85px}}@media(max-width:480px){.app-title{font-size:1.5em;gap:8px}.app-logo{width:74px;height:74px}}.app-subtitle{font-size:1em;color:#999;margin-bottom:30px;font-weight:400;letter-spacing:.5px}.app-subtitle a{color:#4a9eff;text-decoration:none;font-weight:600;padding:2px 8px;border-radius:4px;transition:all .3s ease;background:#4a9eff1a;border-bottom:2px solid transparent}.app-subtitle a:hover{color:#6bb3ff;background:#4a9eff33;border-bottom-color:#4a9eff;transform:translateY(-1px)}.app-subtitle a:active{transform:translateY(0)}.datetime-display{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.date-box,.time-box{background:#333;padding:20px 40px;border-radius:16px;box-shadow:0 10px 25px #00000080;border:1px solid #444;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:280px;transition:transform .3s,box-shadow .3s}.date-box:hover,.time-box:hover{transform:translateY(-5px);box-shadow:0 15px 35px #000000b3;background:#3a3a3a}.date-label,.time-label{color:#999;font-size:.85em;font-weight:600;text-transform:uppercase;letter-spacing:1.5px}.date-value,.time-value{color:#f0f0f0;font-size:1.3em;font-weight:700;text-align:center;text-transform:capitalize}.time-value{font-family:Courier New,monospace;font-size:2em;letter-spacing:2px}@media(max-width:768px){.current-datetime-container{padding:15px}.app-title{font-size:1.8em}.datetime-display{flex-direction:column;gap:15px}.date-box,.time-box{min-width:100%;padding:18px 30px}.time-value{font-size:1.6em}}@media(max-width:480px){.app-title{font-size:1.5em}.date-box,.time-box{padding:15px 20px}.date-value{font-size:1.1em}.time-value{font-size:1.4em}}.footer{width:100%;background:linear-gradient(180deg,#2d2d2d,#1a1a1a);margin-top:auto;border-top:2px solid #444;color:#ccc}.footer-container{max-width:1200px;margin:0 auto;padding:40px 20px 20px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}.footer-section h3{color:#4caf50;font-size:1.2em;margin-bottom:15px;font-weight:600}.footer-section p{color:#999;line-height:1.6;margin-bottom:10px}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section ul li{color:#999;margin-bottom:10px;line-height:1.6}.footer-section ul li a{color:#4caf50;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#66bb6a;text-decoration:underline}.footer-section ul li a:focus{outline:2px solid #4CAF50;outline-offset:2px}.footer-section address{font-style:normal}.footer-section p a{color:#4a9eff;text-decoration:none;font-weight:600;padding:2px 8px;border-radius:4px;transition:all .3s ease;background:#4a9eff1a;border-bottom:2px solid transparent;display:inline-block}.footer-section p a:hover{color:#6bb3ff;background:#4a9eff33;border-bottom-color:#4a9eff;transform:translateY(-1px)}.footer-section p a:active{transform:translateY(0)}.footer-bottom{border-top:1px solid #333;padding-top:20px;text-align:center}.footer-copyright{color:#999;font-size:.9em;margin-bottom:10px}.footer-note{color:#666;font-size:.9em}.footer-disclaimer{color:#666;font-size:.85em;font-style:italic;margin-top:10px}@media(max-width:768px){.footer{margin-top:40px}.footer-container{padding:30px 20px 20px}.footer-content{grid-template-columns:1fr;gap:30px;margin-bottom:30px}.footer-section h3{font-size:1.1em}.footer-section p,.footer-section ul li{font-size:.95em}}@media(max-width:480px){.footer-container{padding:25px 15px 15px}.footer-content{gap:25px;margin-bottom:25px}.footer-section h3{font-size:1em;margin-bottom:12px}.footer-copyright,.footer-disclaimer{font-size:.8em}}.adsense-container{width:100%;margin:20px 0;display:flex;justify-content:center;align-items:center;min-height:100px}.adsense-container ins{width:100%}.adsense-placeholder{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px dashed rgba(102,126,234,.3);border-radius:12px;padding:30px 20px;min-height:150px}.adsense-placeholder-content{text-align:center;color:#f0f0f0;opacity:.7}.adsense-placeholder-icon{font-size:2.5em;display:block;margin-bottom:10px}.adsense-placeholder-content p{margin:10px 0 5px;font-size:1.1em;font-weight:600}.adsense-placeholder-content small{font-size:.85em;color:#f0f0f099}.adsense-container.adsense-small{min-height:90px;margin:15px 0}.adsense-container.adsense-large{min-height:250px;margin:30px 0}@media(max-width:768px){.adsense-container{margin:15px 0;min-height:80px}.adsense-placeholder{padding:20px 15px;min-height:120px}.adsense-placeholder-icon{font-size:2em}.adsense-placeholder-content p{font-size:1em}}@media(max-width:480px){.adsense-container{margin:10px 0}.adsense-placeholder{padding:15px 10px;min-height:100px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;background:linear-gradient(135deg,#1a1a1a,#2d2d2d,#1a1a1a);background-attachment:fixed;padding:20px 0 0;display:flex;flex-direction:column;align-items:center}.app>section{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.app-title{text-align:center;color:#f0f0f0;font-size:3em;margin-bottom:20px;font-weight:700}@media(max-width:768px){.app{padding:10px 0}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.quick-navigation{display:flex;gap:15px;justify-content:center;margin:20px auto 30px;padding:0 20px;flex-wrap:wrap}.nav-button{background:linear-gradient(90deg,#10b981,#059669,#047857,#059669,#10b981);background-size:200% 100%;background-position:0% 0%;color:#fff;border:none;padding:14px 28px;font-size:1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:background-position .8s ease,transform .3s ease;display:flex;align-items:center;gap:8px}.nav-button:hover{background-position:100% 0%;transform:translateY(-2px)}.nav-button:active{transform:translateY(0)}@media(max-width:480px){.quick-navigation{flex-direction:column;align-items:stretch}.nav-button{width:100%;justify-content:center}}