.qibla-tool{max-width:1080px}.qibla-location{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#e7eee2;border:1px solid #d6e1dc;border-radius:16px;padding:25px;margin:26px 0 18px}.qibla-eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#536866}.qibla-location h2{font-size:1.4rem;margin:6px 0;line-height:1.35}.qibla-location p{font-size:.88rem;margin:8px 0 0;color:#536866}.qibla-location-text{min-width:0;flex:1;overflow-wrap:anywhere}.qibla-actions{display:flex;gap:10px;flex-wrap:wrap;max-width:360px}.qibla-tool button{font:inherit;border:0;border-radius:8px;background:#12675e;color:#fff;min-height:44px;padding:11px 15px;font-size:.88rem;font-weight:650;cursor:pointer}.qibla-tool button:hover{background:#084b42}.qibla-tool button:disabled{opacity:.55;cursor:default}.qibla-tool button.qibla-secondary{background:#fff;border:1px solid #a9c6b8;color:#12675e}.qibla-tool button.qibla-secondary:hover{background:#f4f6f0}.qibla-picker{background:#fff;border:1px solid #d6e1dc;border-radius:12px;padding:24px;margin-bottom:20px}.qibla-search label{display:block;font-weight:650;margin-bottom:10px}.qibla-search>div{display:flex;gap:10px}.qibla-search input{min-width:0;width:100%;flex:1;border:1px solid #b7cbbc;border-radius:8px;font:inherit;padding:11px 13px;color:#163635;background:#fff}.qibla-search-note{font-size:.85rem;color:#536866}.qibla-search-results{list-style:none;padding:0!important;margin:14px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:340px;overflow:auto}.qibla-search-results li{margin:0!important;min-width:0}.qibla-search-results button{width:100%;text-align:left;background:#f4f6f0;color:#163635;border:1px solid #d6e1dc;display:flex;flex-direction:column;gap:4px;overflow-wrap:anywhere}.qibla-search-results button:hover{background:#e7eee2;color:#163635}.qibla-search-results small{font-size:.74rem;color:#536866;font-weight:400}.qibla-tool button.qibla-text-button{background:none;color:#12675e;text-decoration:underline;padding-left:0;font-weight:500}.qibla-view{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;margin:24px 0}.qibla-direction{border:1px solid #d6e1dc;border-radius:14px;background:#fff;padding:22px;text-align:center}.qibla-direction h2{font-size:1.2rem;margin:0 0 12px}.qibla-compass{max-width:230px;margin:auto}.qibla-compass svg{width:100%;height:auto;display:block}.qibla-bearing{font-size:2rem;color:#12675e;font-weight:750;line-height:1.2;margin:12px 0 6px;font-variant-numeric:tabular-nums}.qibla-bearing-note{font-size:.77rem;color:#536866;margin:0}.qibla-distance{margin:20px 0 5px;font-size:.86rem}.qibla-coordinates{font-size:.72rem;color:#536866;overflow-wrap:anywhere;margin:8px 0 14px}.qibla-direction>a{font-size:.8rem}.qibla-compass-note{font-size:.78rem;line-height:1.6;color:#536866;margin:20px 0 0;padding-top:15px;border-top:1px solid #d6e1dc}.qibla-map-section{min-width:0;background:#fff;border:1px solid #d6e1dc;border-radius:14px;overflow:hidden}.qibla-map{height:480px;min-height:320px;background:#e7eee2;z-index:0}.qibla-map-toolbar{padding:14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.qibla-map-toolbar>span{font-size:.8rem;line-height:1.5;color:#536866;flex:1 1 100%}.qibla-map-toolbar button{font-size:.77rem;padding:8px 12px;min-height:40px}.qibla-map-error{font-size:.82rem;color:#743c28;margin:0;padding:0 14px 14px}.qibla-map .leaflet-control-attribution{font-size:10px}.qibla-map .leaflet-control-zoom a{color:#163635;text-decoration:none}.qibla-pin{width:24px;height:24px;background:#12675e;border:4px solid white;border-radius:50%;box-shadow:0 1px 8px #16363566}.qibla-kaaba{width:28px;height:28px;background:#163635;border:3px solid white;box-shadow:0 1px 8px #16363566}.qibla-kaaba:after{content:"";position:absolute;left:3px;right:3px;top:7px;height:4px;background:#d5b468}.qibla-map .leaflet-tooltip{font:12px system-ui,sans-serif;max-width:220px;white-space:normal}.qibla-method{font-size:.87rem;color:#536866;border:1px solid #d6e1dc;background:#fff;border-radius:12px;padding:18px 22px;line-height:1.7}.qibla-method summary{cursor:pointer;font-weight:650;color:#12675e}.qibla-tool :focus-visible{outline:3px solid #a87c24;outline-offset:3px}
@media(max-width:760px){.qibla-location{display:block;padding:20px}.qibla-actions{margin-top:18px;max-width:none}.qibla-view{grid-template-columns:1fr}.qibla-direction{display:grid;grid-template-columns:120px minmax(0,1fr);gap:0 16px;align-items:center;text-align:left;padding:18px}.qibla-direction h2{grid-column:1/-1}.qibla-compass{grid-row:2/6}.qibla-bearing{font-size:1.7rem}.qibla-distance{margin:12px 0 0}.qibla-coordinates{grid-column:1/-1;margin:12px 0}.qibla-direction>a,.qibla-compass-note{grid-column:1/-1}.qibla-map{height:390px}.qibla-search-results{grid-template-columns:1fr}.qibla-picker{padding:18px}.qibla-method{padding:18px}.qibla-tool button{max-width:100%}}
@media(max-width:380px){.qibla-direction{grid-template-columns:95px minmax(0,1fr);gap:0 10px}.qibla-actions button{width:100%}.qibla-search>div{flex-wrap:wrap}.qibla-search input{flex-basis:100%}.qibla-bearing{font-size:1.45rem}.qibla-map{height:340px}}