:root{--scg-red: #E3000F;--scg-yellow: #FFCC00;--scg-white: #ffffff;--scg-bg-glass: rgba(255, 255, 255, 0.96);--scg-text-dark: #1f2937;--scg-text-muted: #6b7280;--scg-border: rgba(0, 0, 0, 0.08);--scg-shadow: 0 6px 24px rgba(0, 0, 0, 0.12)}#scg-viewport{position:fixed;top:var(--navbar-height, 70px);bottom:0;left:0;right:0;overflow:hidden;display:flex;flex-direction:column;background:#f3f4f6;z-index:50}#leaflet-map{position:absolute !important;inset:0;width:100% !important;height:100% !important;z-index:1}.scg-overlay{position:absolute;inset:0;z-index:800;pointer-events:none}.scg-left-selector{position:absolute;top:16px;left:50%;transform:translateX(-50%);pointer-events:auto;z-index:1000}.scg-left-selector .current-route-indicator{display:inline-flex;align-items:center;gap:4px;background:var(--scg-bg-glass);border-radius:50px;padding:6px;box-shadow:var(--scg-shadow);border:1px solid var(--scg-border);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.scg-left-selector .route-badge{width:42px;height:42px;border-radius:50% !important;border:none !important;background:rgba(0,0,0,0) !important;color:var(--scg-text-muted) !important;display:flex !important;align-items:center !important;justify-content:center !important;cursor:pointer;position:relative;transition:all .3s cubic-bezier(0.2, 0.8, 0.2, 1) !important;padding:0 !important;min-width:0 !important;box-shadow:none !important}.scg-left-selector .gps-badge{color:var(--scg-red) !important}.scg-left-selector .gps-badge:hover{background:rgba(0,0,0,.05) !important;transform:scale(1.1)}.scg-left-selector .badge-icon{width:14px;height:14px;border-radius:50%;display:block;border:2px solid rgba(0,0,0,.05);transition:all .3s ease}.scg-left-selector .badge-icon.red{background:var(--scg-red)}.scg-left-selector .badge-icon.blue{background:#2563eb}.scg-left-selector .route-badge.active.red-badge{background:var(--scg-red) !important;box-shadow:0 4px 12px rgba(227,0,15,.3) !important}.scg-left-selector .route-badge.active.blue-badge{background:#2563eb !important;box-shadow:0 4px 12px rgba(37,99,235,.3) !important}.scg-left-selector .route-badge.active .badge-icon{background:#fff !important;border-color:#fff}.scg-left-selector .route-badge .btn-label{position:absolute;bottom:-45px;left:50%;transform:translateX(-50%) translateY(10px);background:var(--scg-bg-glass);padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:800;color:var(--scg-text-dark);white-space:nowrap;opacity:0;pointer-events:none;transition:all .3s ease;box-shadow:var(--scg-shadow);border:1px solid var(--scg-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.scg-left-selector .route-badge:hover .btn-label{opacity:1;transform:translateX(-50%) translateY(0)}.scg-stops-modal{position:absolute;bottom:-100%;left:0;right:0;max-height:60vh;background:var(--scg-bg-glass);backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px);border-top:1px solid var(--scg-border);border-radius:30px 30px 0 0;box-shadow:0 -15px 50px rgba(0,0,0,.25);z-index:1300;transition:bottom .5s cubic-bezier(0.2, 0.8, 0.2, 1);display:flex;flex-direction:column;overflow:hidden;pointer-events:auto}.scg-stops-modal.open{bottom:0}.scg-modal-header{padding:24px 28px 16px;display:flex;align-items:center;justify-content:space-between;background:hsla(0,0%,100%,.2);border-bottom:1px solid rgba(0,0,0,.05)}.scg-modal-title{margin:0;font-size:1.15rem;font-weight:900;color:var(--scg-text-dark);text-transform:uppercase;letter-spacing:.05em}.scg-modal-close{background:rgba(0,0,0,.05);border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--scg-text-muted);transition:background .2s}.scg-modal-close:hover{background:rgba(0,0,0,.1);color:var(--scg-red)}.scg-modal-list{flex:1;padding:20px 28px 40px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:16px;scrollbar-width:thin}@media(max-width: 600px){.scg-modal-list{grid-template-columns:1fr;padding:16px}.scg-stops-modal{max-height:80vh}}.scg-stop-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:20px;padding:14px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:all .3s cubic-bezier(0.2, 0.8, 0.2, 1);box-shadow:0 4px 12px rgba(0,0,0,.04)}.scg-stop-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.12);border-color:#d1d5db}.scg-stop-card.active{border-color:var(--scg-red);background:snow;box-shadow:0 10px 28px rgba(227,0,15,.15)}.scg-stop-card.blue.active{border-color:#2563eb;background:#eff6ff;box-shadow:0 10px 28px rgba(37,99,235,.15)}.scg-stop-card-img,.scg-stop-card-ph{width:85px;height:75px;border-radius:12px;object-fit:cover}.scg-stop-card-ph{background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:1.8rem}.scg-stop-card-body{flex:1;min-width:0}.scg-stop-card-name{font-size:.95rem;font-weight:800;color:var(--scg-text-dark);margin-bottom:4px;line-height:1.2;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scg-card-actions{display:flex;gap:6px}.scg-action-pill{padding:3px 10px;border-radius:12px;background:#f3f4f6;color:var(--scg-text-muted);font-size:.65rem;font-weight:700}.scg-action-ar{color:#2563eb;background:#eff6ff}.scg-card-arrow{flex-shrink:0;color:#d1d5db;margin-left:auto;width:18px}.scg-bottom-right-actions{position:absolute;bottom:20px;right:16px;display:flex;flex-direction:column;gap:12px;align-items:flex-end;pointer-events:auto;z-index:1000}.scg-fab{width:44px;height:44px;border-radius:50%;background:var(--scg-bg-glass);box-shadow:var(--scg-shadow);display:flex;align-items:center;justify-content:center;border:1px solid var(--scg-border);cursor:pointer;color:var(--scg-text-dark);backdrop-filter:blur(24px);transition:all .3s cubic-bezier(0.2, 0.8, 0.2, 1)}.scg-fab:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.15);border-color:#d1d5db}.scg-fab.gps-btn{color:var(--scg-red)}.scg-fab.gps-btn.loading{animation:pulse 1.5s infinite;opacity:.7}@keyframes pulse{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}.scg-btn-stops-pill{background:var(--scg-red);color:#fff;border-radius:30px;padding:14px 32px;min-width:260px;justify-content:center;display:flex;align-items:center;gap:10px;font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;border:none;box-shadow:0 8px 24px rgba(227,0,15,.3);cursor:pointer;transition:all .3s cubic-bezier(0.2, 0.8, 0.2, 1)}.scg-btn-stops-pill:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 30px rgba(227,0,15,.4)}.blue-status .scg-btn-stops-pill{background:#2563eb;box-shadow:0 8px 24px rgba(37,99,235,.3)}.blue-status .scg-btn-stops-pill:hover{box-shadow:0 12px 30px rgba(37,99,235,.4)}.blue-status .scg-fab.gps-btn{color:#2563eb}@media(max-width: 600px){.scg-left-selector{top:16px;left:50%;bottom:auto;width:auto}.current-route-indicator{padding:4px;gap:2px}.route-badge{width:38px;height:38px}.route-badge .btn-label{display:none}.scg-bottom-right-actions{left:16px;right:16px;align-items:stretch}.scg-fab.gps-btn{align-self:flex-end}.scg-btn-stops-pill{width:100%;min-width:0}}.leaflet-popup-content-wrapper{border-radius:20px !important;padding:0 !important;overflow:hidden;background:hsla(0,0%,100%,.9) !important;backdrop-filter:blur(20px) !important;-webkit-backdrop-filter:blur(20px) !important;box-shadow:0 20px 40px rgba(0,0,0,.15) !important;border:1px solid hsla(0,0%,100%,.4) !important}.leaflet-popup-content{margin:0 !important;width:280px !important}.leaflet-popup-tip{background:hsla(0,0%,100%,.9) !important;backdrop-filter:blur(20px) !important}.map-popup{padding:20px;font-family:"Poppins",sans-serif}.popup-header{margin-bottom:12px;display:flex;align-items:center}.map-popup-route{font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;padding:4px 12px;border-radius:50px;color:#fff}.map-popup-route.red{background:var(--scg-red)}.map-popup-route.blue{background:#1976d2}.map-popup h4{margin:0 0 10px 0;font-size:1.15rem;font-weight:950;color:var(--scg-text-dark);line-height:1.25;text-transform:uppercase}.map-popup .extra-info{margin-bottom:14px}.popup-actions{margin-top:16px;padding-top:16px;border-top:1px solid rgba(0,0,0,.06);display:grid;grid-template-columns:1fr 1fr;gap:10px}.popup-nav,.popup-more{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 5px;border-radius:14px;font-size:.78rem;font-weight:900;text-decoration:none !important;transition:all .3s cubic-bezier(0.2, 0.8, 0.2, 1);text-transform:uppercase;letter-spacing:.02em}.popup-nav{background:#fff1f2;color:var(--scg-red)}.popup-nav:hover{background:var(--scg-red);color:#fff;transform:translateY(-3px);box-shadow:0 8px 20px rgba(227,0,15,.25)}.popup-more{background:#f8fafc;color:var(--scg-text-dark);border:1px solid #eef2f6}.popup-more:hover{background:#fff;transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.1);border-color:#d1d5db}.sponsor-marker{display:flex;align-items:center;gap:6px;cursor:pointer;animation:sponsorPop .4s cubic-bezier(0.2, 0.8, 0.2, 1)}@keyframes sponsorPop{from{transform:scale(0) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.sponsor-core{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg, #f59e0b, #d97706);color:#fff;font-size:1rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(245,158,11,.5);border:2px solid hsla(0,0%,100%,.8);transition:transform .2s ease;flex-shrink:0}.sponsor-marker:hover .sponsor-core{transform:scale(1.2)}.sponsor-label{background:hsla(0,0%,100%,.92);backdrop-filter:blur(8px);padding:3px 10px;border-radius:20px;font-size:.72rem;font-weight:800;color:#1a1a1a;white-space:nowrap;box-shadow:0 2px 10px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.6)}.scg-stop-panel{position:absolute;top:16px;right:16px;z-index:1001;width:300px;background:hsla(0,0%,100%,.92);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid hsla(0,0%,100%,.5);border-radius:22px;box-shadow:0 20px 60px rgba(0,0,0,.18);padding:20px;pointer-events:auto;opacity:0;transform:translateX(30px) scale(0.97);transition:opacity .3s ease,transform .3s cubic-bezier(0.2, 0.8, 0.2, 1);pointer-events:none}.scg-stop-panel.is-open{opacity:1;transform:translateX(0) scale(1);pointer-events:auto}.scg-stop-panel-close{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,.06);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.scg-stop-panel-close:hover{background:rgba(0,0,0,.12)}.scg-stop-panel-route{display:inline-block;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;padding:4px 12px;border-radius:50px;color:#fff;margin-bottom:10px}.scg-stop-panel-route.red{background:var(--scg-red)}.scg-stop-panel-route.blue{background:#1976d2}.scg-stop-panel-name{margin:0 0 6px;font-size:1rem;font-weight:950;color:var(--scg-text-dark);text-transform:uppercase;line-height:1.25;padding-right:24px}.scg-stop-panel-next{margin:0 0 14px;font-size:.8rem;font-weight:700}.scg-stop-panel-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.scg-stop-panel-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 6px;border-radius:14px;font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;text-decoration:none !important;border:none;transition:all .25s cubic-bezier(0.2, 0.8, 0.2, 1)}.scg-stop-panel-btn.btn-nav{background:#fff1f2;color:var(--scg-red)}.scg-stop-panel-btn.btn-nav:hover{background:var(--scg-red);color:#fff;transform:translateY(-2px);box-shadow:0 6px 18px rgba(227,0,15,.25)}.scg-stop-panel-btn.btn-details{background:#f8fafc;color:var(--scg-text-dark);border:1px solid #eef2f6}.scg-stop-panel-btn.btn-details:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.1)}.scg-stop-panel-sponsors{border-top:1px solid rgba(0,0,0,.06);padding-top:12px}.scp-sponsors-title{font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#f59e0b;margin-bottom:8px}.scp-sponsors-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.scp-sponsor-item{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:700;color:var(--scg-text-dark)}.scp-sponsor-star{color:#f59e0b;font-size:1rem;flex-shrink:0}@media(max-width: 600px){.scg-stop-panel{width:calc(100vw - 32px);top:12px;right:16px}}.stop-marker{position:relative;width:30px;height:30px;display:flex;align-items:center;justify-content:center;z-index:500}.stop-core{width:26px;height:26px;border-radius:50%;border:2px solid #fff;color:#fff;font-size:13px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px rgba(0,0,0,.25);transition:transform .2s cubic-bezier(0.2, 0.8, 0.2, 1)}.stop-marker:hover .stop-core{transform:scale(1.15)}.stop-pulse{position:absolute;width:100%;height:100%;border-radius:50%;opacity:.35;animation:scg-pulse 2s infinite;pointer-events:none}@keyframes scg-pulse{0%{transform:scale(1);opacity:.35}70%{transform:scale(2);opacity:0}100%{transform:scale(1);opacity:0}}.bus-pin-wrapper{position:relative;width:36px;height:48px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;animation:busFloat 3.5s ease-in-out infinite;filter:drop-shadow(0 4px 6px rgba(0, 0, 0, 0.2))}.bus-pin-head{width:36px;height:36px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#c7017f;display:flex;align-items:center;justify-content:center;border:2.5px solid #fff;box-sizing:border-box;cursor:pointer}.bus-pin-head img,.bus-pin-head i{transform:rotate(45deg);color:#fff;font-size:16px}.bus-pin-shadow{position:absolute;bottom:-6px;width:22px;height:7px;background:rgba(0,0,0,.18);border-radius:50%;filter:blur(2.5px);animation:busShadow 3.5s ease-in-out infinite;pointer-events:none}@keyframes busFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes busShadow{0%,100%{transform:scale(1);opacity:.18}50%{transform:scale(0.5);opacity:.05}}.map-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.map-modal.active{opacity:1;pointer-events:all}.map-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(45,27,46,.85);backdrop-filter:blur(5px)}.map-modal-content{position:relative;width:95%;max-width:1400px;height:90vh;background:var(--white);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.3);display:flex;flex-direction:column;overflow:hidden;transform:scale(0.9);transition:transform .3s ease}.map-modal.active .map-modal-content{transform:scale(1)}.modal-close-btn{position:absolute;top:20px;right:20px;width:40px;height:40px;border:none;background:var(--white);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:all .3s ease}.modal-close-btn:hover{background:var(--gradient-pink);color:var(--white);transform:rotate(90deg)}.modal-header{padding:30px 40px 25px;border-bottom:2px solid var(--border-beige);background:linear-gradient(135deg, var(--bg-cream) 0%, var(--bg-peach) 100%)}.modal-header h2{margin:0;font-size:2rem;color:var(--text-dark);font-weight:700}.route-selector{display:flex;gap:15px}.route-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:15px 20px;background:var(--white);border:3px solid rgba(0,0,0,0);border-radius:15px;cursor:pointer;transition:all .3s ease;position:relative}.route-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px rgba(0,0,0,.15)}.route-btn.active{border-color:currentColor;box-shadow:0 8px 20px rgba(0,0,0,.2)}.route-btn[data-route=red]{color:#c7017f}.route-btn[data-route=red].active{background:linear-gradient(135deg, #FFF0F5 0%, #FFE4E1 100%)}.route-btn[data-route=blue]{color:#1976d2}.route-btn[data-route=blue].active{background:linear-gradient(135deg, #E3F2FD 0%, #BBDEFB 100%)}.route-icon{width:40px;height:40px;border-radius:50%;display:inline-block}.route-icon.red{background:linear-gradient(135deg, #C7017F 0%, #FF1493 100%);box-shadow:0 4px 12px rgba(199,1,127,.4)}.route-icon.blue{background:linear-gradient(135deg, #1976D2 0%, #42A5F5 100%);box-shadow:0 4px 12px rgba(25,118,210,.4)}.route-btn small{font-size:.85rem;color:var(--text-muted-gold);font-weight:500}.route-btn.active small{color:currentColor;font-weight:600}.modal-body{display:flex;flex:1;overflow:hidden}.modal-left-column{flex:2;display:flex;flex-direction:column;padding:20px;overflow-y:auto;border-right:2px solid var(--border-beige);background:var(--white)}.modal-right-column{flex:1;display:flex;flex-direction:column;background:var(--bg-cream);overflow-y:auto}.modal-left-column .route-selector{display:flex;gap:12px;margin-bottom:20px}.modal-map-container{position:relative;width:100%;height:100%;min-height:380px;border-radius:15px;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.1);flex:1}#leaflet-map{width:100%;height:100%;min-height:380px;z-index:1}.leaflet-popup-content-wrapper{border-radius:10px;box-shadow:0 4px 16px rgba(0,0,0,.15);padding:0;border:none}.leaflet-popup-content{margin:0;padding:0}.map-popup{padding:10px 14px;min-width:150px}.map-popup-route{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:2px 8px;border-radius:20px;color:#fff;margin-bottom:6px}.map-popup-route.red{background:#c7017f}.map-popup-route.blue{background:#1976d2}.map-popup h4{margin:0 0 4px 0;font-size:.9rem;color:#222;font-weight:700}.map-popup p{margin:0;font-size:.8rem;color:#666}.map-popup .popup-nav{display:inline-block;padding:6px 10px;background:#1976d2;color:#fff;border-radius:8px;text-decoration:none;font-weight:700;font-size:.85rem}.map-popup .popup-nav:hover{background:#155a9a}.modal-pin{position:absolute;width:40px;height:40px;cursor:pointer;transform:translate(-50%, -50%);transition:transform .3s ease}.modal-pin:hover{transform:translate(-50%, -50%) scale(1.2);z-index:10}.modal-pin-dot{width:40px;height:40px;background:var(--gradient-pink);border:4px solid var(--white);border-radius:50%;box-shadow:0 4px 12px rgba(199,1,127,.4);animation:modal-pulse 2s ease-in-out infinite}.modal-pin-dot.red-pin{background:#c7017f;box-shadow:0 4px 12px rgba(199,1,127,.4)}.modal-pin-dot.blue-pin{background:#1976d2;box-shadow:0 4px 12px rgba(25,118,210,.4)}.modal-pin-label{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:var(--white);font-weight:bold;font-size:.9rem;z-index:2}@keyframes modal-pulse{0%,100%{box-shadow:0 4px 12px rgba(199,1,127,.4),0 0 0 0 rgba(199,1,127,.7)}50%{box-shadow:0 4px 12px rgba(199,1,127,.4),0 0 0 15px rgba(199,1,127,0)}}.modal-pin-1{left:25%;top:30%}.modal-pin-2{left:50%;top:35%}.modal-pin-3{left:65%;top:50%}.modal-pin-4{left:40%;top:55%}.modal-pin-5{left:75%;top:45%}.modal-pin-6{left:35%;top:65%}.modal-pin-7{left:80%;top:70%}.modal-pin-8{left:55%;top:60%}.modal-pin-b1{left:70%;top:40%}.modal-pin-b2{left:55%;top:65%}.modal-pin-b3{left:45%;top:50%}.modal-pin-b4{left:50%;top:35%}.modal-pin-b5{left:60%;top:30%}.modal-pin-b6{left:35%;top:60%}.modal-pin-b7{left:25%;top:55%}.modal-pin-b8{left:75%;top:65%}.route-pins,.modal-bus-icon,.tracker-bus,.stops-list{display:none;opacity:0;transition:opacity .3s ease}.route-pins.active,.modal-bus-icon.active,.tracker-bus.active,.stops-list.active{display:block;opacity:1}.stops-list.active{display:flex}.modal-bus-icon{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translate(-50%, -50%);z-index:5;filter:drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));transition:left 3s ease-in-out,top 3s ease-in-out}.bus-label{margin-top:5px;background:var(--white);padding:4px 8px;border-radius:8px;font-size:.7rem;font-weight:bold;color:var(--text-dark);box-shadow:0 2px 6px rgba(0,0,0,.15)}@keyframes bus-move{0%,100%{transform:translate(-50%, -50%) scale(1)}50%{transform:translate(-50%, -50%) scale(1.1)}}.modal-stops-header{padding:20px 20px 15px;background:linear-gradient(135deg, var(--bg-cream) 0%, var(--bg-peach) 100%);border-bottom:2px solid var(--border-beige);position:sticky;top:0;z-index:10}.modal-stops-header h3{margin:0 0 12px 0;font-size:1.3rem;color:var(--text-dark);font-weight:700}.current-route-indicator{display:flex;gap:8px}.bus-div-icon{background:rgba(0,0,0,0)}.bus-marker{width:34px;height:34px;display:flex;align-items:center;justify-content:center;transition:transform .6s linear}.bus-body{width:20px;height:12px;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.25);transform-origin:50% 50%}.route-badge{display:none;align-items:center;gap:8px;padding:8px 15px;background:var(--white);border-radius:20px;font-size:.9rem;font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s ease}.route-badge.active{display:flex}.route-badge.red-badge{color:#c7017f;border:2px solid #c7017f}.route-badge.blue-badge{color:#1976d2;border:2px solid #1976d2}.badge-icon{width:20px;height:20px;border-radius:50%;display:inline-block}.badge-icon.red{background:linear-gradient(135deg, #C7017F 0%, #FF1493 100%);box-shadow:0 2px 6px rgba(199,1,127,.4)}.badge-icon.blue{background:linear-gradient(135deg, #1976D2 0%, #42A5F5 100%);box-shadow:0 2px 6px rgba(25,118,210,.4)}.stops-list{list-style:none;padding:15px;margin:0;flex-direction:column;gap:10px}.stop-item{display:flex;align-items:center;gap:12px;padding:12px 15px;transition:all .2s ease;cursor:pointer}.stop-item:hover{transform:translateX(5px)}.stop-number{width:30px;height:30px;background:var(--btn-gradient);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:.9rem;flex-shrink:0}.stop-number.red-stop{background:linear-gradient(135deg, #C7017F 0%, #FF1493 100%)}.stop-number.blue-stop{background:linear-gradient(135deg, #1976D2 0%, #42A5F5 100%)}.stop-time{margin-left:auto;color:var(--text-muted-gold);font-size:.85rem;font-weight:600}.stop-details-panel{position:fixed;top:0;right:-100%;width:400px;height:100vh;background:var(--white);box-shadow:-4px 0 20px rgba(0,0,0,.15);z-index:10001;transition:right .4s cubic-bezier(0.4, 0, 0.2, 1);overflow-y:auto}.stop-details-panel.active{right:0}.stop-details-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(135deg, var(--gradient-pink) 0%, var(--gradient-peach) 100%);border-bottom:1px solid rgba(0,0,0,.1);position:sticky;top:0;z-index:10}.stop-details-title{margin:0;color:var(--white);font-size:1.3rem;font-weight:700}.stop-details-close{background:rgba(0,0,0,.18);border:none;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s ease;color:var(--white);box-shadow:0 6px 18px rgba(0,0,0,.15);position:relative;z-index:20}.stop-details-close:hover{background:rgba(0,0,0,.25);transform:rotate(90deg) scale(1.02)}.stop-details-close svg{width:18px;height:18px;display:block;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.stop-details-content{padding:20px}.stop-details-image{width:100%;height:220px;border-radius:12px;overflow:hidden;margin-bottom:20px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.stop-details-image img{width:100%;height:100%;object-fit:cover}.stop-details-info{margin-bottom:25px}.stop-details-info h4{margin:0 0 10px 0;color:var(--gradient-pink);font-size:1.4rem;font-weight:700}.stop-details-info p{margin:0;color:var(--text-muted-gold);font-size:1rem;line-height:1.6}.stop-details-schedule h5{margin:0 0 15px 0;color:var(--text-dark);font-size:1.1rem;font-weight:600}.departure-times{display:grid;grid-template-columns:repeat(3, 1fr);gap:10px}.departure-time{background:var(--bg-cream);padding:12px 16px;border-radius:8px;text-align:center;font-size:1rem;font-weight:600;color:var(--gradient-pink);border:2px solid rgba(0,0,0,0);transition:all .3s ease}.departure-time.next{background:var(--gradient-pink);color:var(--white);border-color:var(--gradient-pink);box-shadow:0 4px 12px rgba(199,1,127,.3)}.departure-time.passed{opacity:.4;text-decoration:line-through}@media(max-width: 768px){.map-modal-content{width:100%;height:100vh;max-height:100vh;border-radius:0}.modal-close-btn{top:15px;right:15px;width:45px;height:45px;z-index:100;background:hsla(0,0%,100%,.95)}.modal-header{padding:20px 15px 15px}.modal-header h2{font-size:1.3rem;margin-bottom:12px;padding-right:50px}.route-selector{gap:8px}.route-btn{padding:10px 12px;font-size:.9rem;flex-direction:row;justify-content:flex-start;gap:12px;border-radius:12px}.route-icon{width:35px;height:35px;flex-shrink:0}.route-btn small{font-size:.75rem}.modal-body{flex-direction:column;overflow-y:auto}.modal-left-column{border-right:none;border-bottom:2px solid var(--border-beige);padding:15px}.modal-left-column .route-selector{margin-bottom:15px}.modal-map-container{min-height:320px}#leaflet-map{min-height:320px}.modal-pin{width:28px;height:28px}.modal-pin-dot{width:28px;height:28px;border:3px solid var(--white)}.modal-pin-label{font-size:.75rem}.modal-bus-icon svg{width:28px;height:28px}.bus-label{font-size:.65rem;padding:3px 6px}.modal-right-column{padding:0}.modal-stops-header{padding:15px}.modal-stops-header h3{font-size:1.1rem;margin-bottom:10px}.stops-list{padding:10px 15px 15px}.stop-item{padding:10px 12px;font-size:.9rem}.stop-number{width:28px;height:28px;font-size:.85rem}.stop-time{font-size:.8rem}.route-badge{font-size:.85rem;padding:6px 12px}.badge-icon{width:18px;height:18px}}@media(max-width: 480px){.modal-header{padding:15px 12px 12px}.modal-header h2{font-size:1.15rem;margin-bottom:10px}.route-btn{padding:8px 10px;font-size:.85rem}.route-icon{width:30px;height:30px}.route-btn small{display:none}.modal-left-column,.modal-right-column{padding:12px}.modal-stops-header h3{font-size:1rem}.route-badge{font-size:.8rem;padding:5px 10px}.badge-icon{width:16px;height:16px}.modal-map-container{min-height:260px}#leaflet-map{min-height:260px}.modal-pin{width:24px;height:24px}.modal-pin-dot{width:24px;height:24px;border:2px solid var(--white)}.modal-pin-label{font-size:.7rem}.modal-bus-icon svg{width:24px;height:24px}.bus-label{font-size:.6rem;padding:2px 5px}.stop-item{padding:8px 10px;font-size:.85rem}.stop-number{width:26px;height:26px;font-size:.8rem}.stop-details-panel{width:100%;right:-100%}.stop-details-panel.active{right:0}.departure-times{grid-template-columns:repeat(2, 1fr)}}.stop-marker{position:relative;display:flex;align-items:center;justify-content:center;width:30px;height:30px}.stop-pulse{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:14px;height:14px;border-radius:50%;opacity:.45;z-index:0;animation:marker-pulse 1.8s infinite ease-out;transition:all .3s ease}.stop-marker.bus-nearby .stop-core{transform:scale(1.15);box-shadow:0 4px 14px rgba(0,0,0,.35)}.stop-marker.bus-nearby .stop-pulse{width:30px;height:30px}@keyframes marker-pulse{0%{transform:translate(-50%, -50%) scale(1);opacity:.6}70%{transform:translate(-50%, -50%) scale(2.2);opacity:0}100%{opacity:0}}.route-section .section-title{color:#fff}.route-section .section-subtitle{color:hsla(0,0%,100%,.62)}.route-toggle-bar{display:flex;justify-content:center;gap:14px;margin:0 auto 44px}.route-toggle-btn{display:flex;align-items:center;gap:10px;padding:12px 26px;border-radius:50px;border:1.5px solid hsla(0,0%,100%,.14);background:hsla(0,0%,100%,.06);color:hsla(0,0%,100%,.5);cursor:pointer;font-family:"Poppins",sans-serif;font-size:.88rem;font-weight:600;transition:all .3s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.route-toggle-btn:hover{color:#fff;background:hsla(0,0%,100%,.11)}.rtb-red.active{border-color:#c7017f;background:rgba(199,1,127,.2);color:#fff;box-shadow:0 0 24px rgba(199,1,127,.5)}.rtb-blue.active{border-color:#1976d2;background:rgba(25,118,210,.2);color:#fff;box-shadow:0 0 24px rgba(25,118,210,.5)}.rtb-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.rtb-red .rtb-dot{background:#c7017f}.rtb-blue .rtb-dot{background:#1976d2}.rtb-count{font-size:.7rem;padding:2px 9px;border-radius:20px;background:hsla(0,0%,100%,.1);font-weight:500}.map-scene{position:relative;max-width:1100px;margin:0 auto 50px;border-radius:22px;overflow:hidden;box-shadow:0 32px 80px rgba(0,0,0,.6),0 0 0 1px hsla(0,0%,100%,.06)}.map-scene .map-container,.map-scene #interactive-map{height:520px;min-height:520px;border-radius:0}.map-float-card{position:absolute;bottom:20px;right:20px;width:272px;background:rgba(8,4,18,.82);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-radius:18px;overflow:hidden;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 18px 50px rgba(0,0,0,.65);opacity:0;transform:translateY(18px);transition:opacity .3s ease,transform .3s ease;z-index:500;pointer-events:none}.map-float-card.visible{opacity:1;transform:translateY(0);pointer-events:auto}.mfc-img-wrap{position:relative;height:128px;background:#120828;overflow:hidden;display:flex;align-items:center;justify-content:center}.mfc-img-wrap img{width:100%;height:100%;object-fit:cover;display:none}.mfc-no-photo{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.mfc-img-wrap.has-photo img{display:block}.mfc-img-wrap.has-photo .mfc-no-photo{display:none}.mfc-route-bar{position:absolute;bottom:0;left:0;right:0;height:3px}.mfc-body{padding:14px 16px 16px}.mfc-badge{display:inline-block;font-size:.67rem;font-weight:700;padding:2px 8px;border-radius:20px;background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.7);text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px}.mfc-body h3{color:#fff;font-size:.93rem;font-weight:700;margin:0 0 6px;line-height:1.35}.mfc-body p{color:hsla(0,0%,100%,.52);font-size:.77rem;line-height:1.55;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.mfc-cta{display:inline-block;font-size:.78rem;font-weight:600;color:#c7017f;text-decoration:none;transition:color .2s}.mfc-cta:hover{color:#fdc100}.route-section .route-desc-red{background:rgba(199,1,127,.1);border-color:rgba(199,1,127,.65)}.route-section .route-desc-blue{background:rgba(25,118,210,.1);border-color:rgba(25,118,210,.65)}.route-section .route-desc-card h3{color:#fff}.route-section .route-desc-card p{color:hsla(0,0%,100%,.58)}.route-stop-pills{padding:0;margin:0;list-style:none;display:flex;flex-wrap:wrap;gap:7px}.route-section .route-stop-pills li{background:hsla(0,0%,100%,.09);color:hsla(0,0%,100%,.8);cursor:pointer;transition:background .2s,transform .15s}.route-section .route-stop-pills li:hover{background:hsla(0,0%,100%,.18);transform:translateY(-1px)}.hm-marker{position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.hm-pulse{position:absolute;width:32px;height:32px;border-radius:50%;background:var(--mc, #C7017F);opacity:.28;animation:hm-pop 2.2s ease-out infinite}.hm-core{position:relative;z-index:2;width:24px;height:24px;border-radius:50%;background:var(--mc, #C7017F);color:#fff;font-size:.62rem;font-weight:700;font-family:"Poppins",sans-serif;display:flex;align-items:center;justify-content:center;border:2px solid hsla(0,0%,100%,.88);box-shadow:0 2px 8px rgba(0,0,0,.45);transition:transform .15s ease}.hm-marker:hover .hm-core{transform:scale(1.2)}@keyframes hm-pop{0%{transform:scale(0.5);opacity:.35}70%{transform:scale(1.8);opacity:0}100%{opacity:0}}@media(max-width: 680px){.map-float-card{bottom:10px;right:10px;left:10px;width:auto}.map-scene .map-container,.map-scene #interactive-map{height:360px;min-height:360px}.rtb-label{display:none}.route-toggle-btn{padding:10px 16px}}@media(max-width: 480px){.map-float-card{display:none}}.map-layout{display:grid;grid-template-columns:1fr;gap:0;align-items:stretch;height:clamp(480px,68vh,680px);max-height:680px;max-width:1100px;margin:0 auto}.map-layout-left{display:flex;flex-direction:column;min-height:0}.map-layout .map-scene{max-width:none;margin:0;flex:1;min-height:0}.map-layout .map-scene #interactive-map,.map-layout .map-scene .map-container{height:100%;min-height:0}.map-layout-right{position:relative;display:flex;flex-direction:column;min-height:0;overflow:hidden}.route-panel{display:none;flex-direction:column;gap:20px;height:100%;min-height:0;padding:28px 24px;border-radius:20px;border:1px solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.04);overflow-y:auto;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.18) rgba(0,0,0,0)}.route-panel::-webkit-scrollbar{width:5px}.route-panel::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.route-panel::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.18);border-radius:3px}.route-panel.active{display:flex}.route-panel-red{border-color:rgba(199,1,127,.38);background:rgba(199,1,127,.07)}.route-panel-blue{border-color:rgba(25,118,210,.38);background:rgba(25,118,210,.07)}.route-panel-header{display:flex;align-items:flex-start;gap:14px}.route-panel-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;margin-top:5px}.rp-red{background:#c7017f;box-shadow:0 0 12px rgba(199,1,127,.6)}.rp-blue{background:#1976d2;box-shadow:0 0 12px rgba(25,118,210,.6)}.route-panel-header h3{color:#fff;font-size:1.1rem;font-weight:700;margin:0 0 4px;line-height:1.3;font-family:"Poppins",sans-serif}.route-panel-sub{color:hsla(0,0%,100%,.38);font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.route-panel-text{color:hsla(0,0%,100%,.6);font-size:.87rem;line-height:1.75;margin:0;flex-shrink:0}.route-panel-stops{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.route-panel-stops-label{color:hsla(0,0%,100%,.28);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin:0}.route-panel-stops .route-stop-pills{gap:6px}.route-panel-cta{margin-top:auto;font-size:.82rem;font-weight:700;text-decoration:none;flex-shrink:0;transition:color .2s}.rp-cta-red{color:#c7017f}.rp-cta-blue{color:#5ba8ff}.route-panel-cta:hover{color:#fdc100}.detour-banner{display:flex;gap:12px;align-items:flex-start;background:rgba(255,180,0,.1);border:1px solid rgba(255,180,0,.4);border-left:4px solid #fdc100;border-radius:10px;padding:12px 14px;flex-shrink:0}.detour-icon{font-size:1.2rem;line-height:1.3;flex-shrink:0}.detour-body{display:flex;flex-direction:column;gap:4px}.detour-title{font-size:.85rem;font-weight:700;color:#fdc100;text-transform:uppercase;letter-spacing:.04em}.detour-desc{font-size:.82rem;color:hsla(0,0%,100%,.8);margin:0;line-height:1.45}.detour-dates{font-size:.75rem;color:hsla(0,0%,100%,.45);margin-top:2px}@media(max-width: 900px){.map-layout{grid-template-columns:1fr}.map-layout-left .route-toggle-bar{justify-content:center}.map-layout .map-scene #interactive-map,.map-layout .map-scene .map-container{min-height:380px}.route-panel{height:auto;max-height:400px}}.bus-toast{position:fixed;bottom:-100px;left:50%;transform:translateX(-50%);background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);display:flex;align-items:stretch;overflow:hidden;min-width:300px;z-index:99999;opacity:0;transition:all .4s cubic-bezier(0.175, 0.885, 0.32, 1.275);font-family:var(--font-primary, "Poppins", sans-serif)}.bus-toast.show{bottom:30px;opacity:1}.bus-toast .toast-indicator{width:8px;flex-shrink:0}.bus-toast .toast-content{padding:15px 20px;color:#333;font-size:14px}.bus-toast .toast-content strong{display:block;font-size:16px;margin-bottom:4px;color:#111}.bus-toast .toast-content span{color:#666}.map-static-link{display:block;position:relative;width:100%;height:100%;overflow:hidden;border-radius:22px;cursor:pointer;background:#120828}.map-static-link::after{content:"";position:absolute;inset:0;background:linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent 50%, transparent);opacity:.7;transition:opacity .4s ease;z-index:2}.map-static-link:hover .map-static-img{transform:scale(1.06)}.map-static-link:hover::after{opacity:.9}.map-static-link:hover .map-static-overlay{transform:translate(-50%, -50%) scale(1.05);background:#fdc100;color:#111}.map-static-img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(0.2, 0.8, 0.2, 1);display:block}.map-static-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:10;background:#c7017f;color:#fff;padding:16px 32px;border-radius:50px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;font-size:.9rem;box-shadow:0 15px 35px rgba(0,0,0,.4);transition:all .4s cubic-bezier(0.2, 0.8, 0.2, 1);white-space:nowrap;border:2px solid hsla(0,0%,100%,.1)}.unified-sidebar{display:flex;flex-direction:column;gap:32px;height:100%;padding:32px;border-radius:22px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);overflow-y:auto;scrollbar-width:thin}.unified-sidebar::-webkit-scrollbar{width:4px}.unified-sidebar::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:10px}.sidebar-route-group{display:flex;flex-direction:column;gap:16px}.srg-header{display:flex;align-items:center;gap:12px;margin-bottom:4px}.srg-header h3{margin:0;font-size:1rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px}.srg-dot{width:10px;height:10px;border-radius:50%}.sidebar-divider{height:1px;background:linear-gradient(to right, rgba(255, 255, 255, 0.1), transparent);margin:8px 0}.sidebar-footer{margin-top:auto;padding-top:16px;border-top:1px solid hsla(0,0%,100%,.05)}.sidebar-cta{display:inline-block;font-size:.85rem;font-weight:700;color:#fdc100;text-decoration:none;transition:transform .2s ease}.sidebar-cta:hover{transform:translateX(5px)}.unified-sidebar .route-stop-pills{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.unified-sidebar .route-stop-pills li{font-size:.75rem;padding:6px 12px;border-radius:50px;background:hsla(0,0%,100%,.06);color:hsla(0,0%,100%,.7);border:1px solid hsla(0,0%,100%,.05);white-space:nowrap;transition:all .2s ease;cursor:pointer}.unified-sidebar .route-stop-pills li:hover{background:hsla(0,0%,100%,.12);color:#fff;border-color:hsla(0,0%,100%,.2);transform:translateY(-2px)}.attraction-img-marker{width:48px;height:48px;background:#fff;padding:3px;border-radius:50% 50% 50% 4px;transform:rotate(-45deg);box-shadow:0 6px 18px rgba(0,0,0,.35);border:2px solid gold;transition:all .4s cubic-bezier(0.175, 0.885, 0.32, 1.275);cursor:pointer}.attraction-img-marker:hover{transform:rotate(-45deg) scale(1.25) translateY(-6px);z-index:9999 !important;border-color:#fff;box-shadow:0 10px 25px rgba(0,0,0,.4)}.attr-img-inner{width:100%;height:100%;border-radius:50%;overflow:hidden;transform:rotate(45deg);display:flex;align-items:center;justify-content:center;background:#f0f0f0}.attr-img-inner img{width:100%;height:100%;object-fit:cover}.attraction-popup .attraction-popup-img{width:100%;height:120px;background-size:cover;background-position:center;border-radius:10px;margin-bottom:12px;border:1px solid rgba(0,0,0,.05)}.attraction-popup h4{color:#111;margin:8px 0 4px;font-weight:800}.attraction-popup p{font-size:.85rem;color:#555;line-height:1.4;margin:0}.attractions-toggle{margin-left:12px;background:rgba(0,0,0,.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:6px 14px;border-radius:50px;border:1px solid hsla(0,0%,100%,.1);pointer-events:auto}.scg-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none;margin:0}.scg-toggle input{display:none}.scg-toggle-slider{width:34px;height:18px;background:hsla(0,0%,100%,.15);border-radius:20px;position:relative;transition:all .3s ease;border:1px solid hsla(0,0%,100%,.05)}.scg-toggle-slider::after{content:"";position:absolute;width:14px;height:14px;background:#fff;border-radius:50%;top:1px;left:1px;transition:transform .3s cubic-bezier(0.2, 0.8, 0.2, 1);box-shadow:0 2px 4px rgba(0,0,0,.2)}input:checked+.scg-toggle-slider{background:#fdc100;border-color:rgba(0,0,0,.1)}input:checked+.scg-toggle-slider::after{transform:translateX(16px);background:#111}.scg-toggle-label{font-size:.7rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:1px}/*# sourceMappingURL=map.css.map */

/* Custom Fixes: Nearest stop styling & UI residue removal */
.scg-bottom-right-actions {
    pointer-events: none !important;
}
.scg-fab {
    pointer-events: auto !important;
}
.scg-nearest-result {
    position: absolute;
    bottom: 80px;
    right: 16px;
    z-index: 1200;
    background: var(--scg-bg-glass);
    border: 1px solid var(--scg-border);
    border-radius: 30px;
    padding: 10px 18px;
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--scg-text-dark);
    box-shadow: var(--scg-shadow);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    opacity: 0;
    pointer-events: none;
    transform: translateY(10px);
    transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.scg-nearest-result.visible {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
}
.scg-nearest-result.error {
    border-color: rgba(239, 68, 68, 0.2) !important;
    color: #ef4444 !important;
}
@media (max-width: 600px) {
    .scg-bottom-right-actions {
        bottom: 16px !important;
        right: 16px !important;
        left: auto !important;
        align-items: flex-end !important;
    }
    .scg-fab.gps-btn {
        align-self: auto !important;
    }
    .scg-nearest-result {
        right: 16px !important;
        left: auto !important;
        bottom: 76px !important;
    }
}