.QiblaFinderTool-module__4WD-XG__tool{flex-direction:column;gap:24px;width:100%;display:flex}.QiblaFinderTool-module__4WD-XG__inputCard{border:1px solid var(--color-border);box-shadow:var(--shadow-sm);background:#fff;border-radius:20px;flex-direction:column;gap:16px;padding:32px;display:flex}.QiblaFinderTool-module__4WD-XG__sectionHeading{color:var(--color-text-primary);align-items:center;gap:8px;margin:0;font-family:DM Serif Display,serif;font-size:20px;font-weight:400;display:flex}.QiblaFinderTool-module__4WD-XG__geoBtn{background:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.QiblaFinderTool-module__4WD-XG__geoBtn:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.QiblaFinderTool-module__4WD-XG__geoBtn:disabled{opacity:.6;cursor:not-allowed;transform:none}.QiblaFinderTool-module__4WD-XG__errorMsg{color:#dc2626;background:#dc262614;border:1px solid #dc262633;border-radius:8px;padding:10px 14px;font-size:13px}.QiblaFinderTool-module__4WD-XG__divider{color:var(--color-text-muted);align-items:center;gap:12px;font-size:13px;display:flex}.QiblaFinderTool-module__4WD-XG__divider:before,.QiblaFinderTool-module__4WD-XG__divider:after{content:"";background:var(--color-border);flex:1;height:1px}.QiblaFinderTool-module__4WD-XG__citySearchWrap{position:relative}.QiblaFinderTool-module__4WD-XG__searchInputWrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;align-items:center;gap:10px;padding:12px 16px;transition:border-color .2s;display:flex}.QiblaFinderTool-module__4WD-XG__searchInputWrap:focus-within{border-color:var(--color-accent)}.QiblaFinderTool-module__4WD-XG__searchInput{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;font-size:15px}.QiblaFinderTool-module__4WD-XG__searchInput::placeholder{color:var(--color-text-muted)}.QiblaFinderTool-module__4WD-XG__cityDropdown{border:1px solid var(--color-border);z-index:50;background:#fff;border-radius:12px;max-height:260px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000014}.QiblaFinderTool-module__4WD-XG__cityItem{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:10px 16px;font-size:14px;transition:background .15s;display:flex}.QiblaFinderTool-module__4WD-XG__cityItem:hover{background:#c3db6b26}.QiblaFinderTool-module__4WD-XG__cityName{color:var(--color-text-primary);font-weight:500}.QiblaFinderTool-module__4WD-XG__cityCountry{color:var(--color-text-muted);font-size:12px}.QiblaFinderTool-module__4WD-XG__cityNoResult{text-align:center;color:var(--color-text-muted);padding:16px;font-size:13px}.QiblaFinderTool-module__4WD-XG__coordGrid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.QiblaFinderTool-module__4WD-XG__field{flex-direction:column;gap:8px;display:flex}.QiblaFinderTool-module__4WD-XG__label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.QiblaFinderTool-module__4WD-XG__input{border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text-primary);box-sizing:border-box;border-radius:12px;outline:none;padding:12px 16px;font-size:15px;transition:border-color .2s,box-shadow .2s}.QiblaFinderTool-module__4WD-XG__input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #c3db6b40}.QiblaFinderTool-module__4WD-XG__locationBadge{color:var(--color-accent-hover);background:#c3db6b26;border:1px solid #c3db6b4d;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex}.QiblaFinderTool-module__4WD-XG__resultsCard{border:1px solid var(--color-border);box-shadow:var(--shadow-sm);background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:24px;padding:32px;display:flex}.QiblaFinderTool-module__4WD-XG__resultGrid{grid-template-columns:repeat(2,1fr);gap:16px;width:100%;display:grid}.QiblaFinderTool-module__4WD-XG__resultItem{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;gap:4px;padding:16px;display:flex}.QiblaFinderTool-module__4WD-XG__resultLabel{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.QiblaFinderTool-module__4WD-XG__resultValue{color:var(--color-text-primary);font-family:DM Serif Display,serif;font-size:24px;font-weight:700}.QiblaFinderTool-module__4WD-XG__resultValueGreen{color:#16a34a;font-family:DM Serif Display,serif;font-size:24px;font-weight:700}.QiblaFinderTool-module__4WD-XG__compassWrap{flex-direction:column;align-items:center;gap:8px;display:flex}.QiblaFinderTool-module__4WD-XG__compassSvg{max-width:100%;height:auto;transition:transform .3s ease-out}.QiblaFinderTool-module__4WD-XG__compassLive{color:#16a34a;align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.QiblaFinderTool-module__4WD-XG__compassLive:before{content:"";background:#16a34a;border-radius:50%;width:6px;height:6px;animation:2s infinite QiblaFinderTool-module__4WD-XG__pulse}@keyframes QiblaFinderTool-module__4WD-XG__pulse{0%,to{opacity:1}50%{opacity:.4}}.QiblaFinderTool-module__4WD-XG__mapCard{border:1px solid var(--color-border);box-shadow:var(--shadow-sm);background:#fff;border-radius:20px;padding:24px}.QiblaFinderTool-module__4WD-XG__mapTitle{color:var(--color-text-primary);text-align:center;margin:0 0 12px;font-family:DM Serif Display,serif;font-size:16px;font-weight:400}.QiblaFinderTool-module__4WD-XG__worldMap{width:100%;max-width:600px;margin:0 auto;display:block}.QiblaFinderTool-module__4WD-XG__infoCard{border:1px solid var(--color-border);box-shadow:var(--shadow-sm);background:#fff;border-radius:20px;padding:32px}.QiblaFinderTool-module__4WD-XG__infoTitle{color:var(--color-text-primary);margin:0 0 12px;font-family:DM Serif Display,serif;font-size:22px;font-weight:400}.QiblaFinderTool-module__4WD-XG__infoSubtitle{color:var(--color-text-primary);margin:20px 0 8px;font-size:16px;font-weight:700}.QiblaFinderTool-module__4WD-XG__infoText{color:var(--color-text-secondary);margin:0 0 8px;font-size:15px;line-height:1.7}@media (max-width:640px){.QiblaFinderTool-module__4WD-XG__inputCard,.QiblaFinderTool-module__4WD-XG__resultsCard,.QiblaFinderTool-module__4WD-XG__infoCard,.QiblaFinderTool-module__4WD-XG__mapCard{padding:20px}.QiblaFinderTool-module__4WD-XG__coordGrid,.QiblaFinderTool-module__4WD-XG__resultGrid{grid-template-columns:1fr}.QiblaFinderTool-module__4WD-XG__resultValue,.QiblaFinderTool-module__4WD-XG__resultValueGreen{font-size:20px}}
.page-module__q9b3Mq__heroCompact{background:linear-gradient(135deg,var(--color-surface)0%,#fff 100%);border-bottom:1px solid var(--color-border);padding:48px 0 36px}.page-module__q9b3Mq__breadcrumb{color:var(--color-text-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;font-size:14px;display:flex}.page-module__q9b3Mq__breadcrumb a{color:inherit;text-decoration:none;transition:color .15s}.page-module__q9b3Mq__breadcrumb a:hover{color:var(--color-accent-hover)}.page-module__q9b3Mq__heroTitleCompact{color:var(--color-text-primary);margin-bottom:8px;font-family:DM Serif Display,serif;font-size:32px;font-weight:400;line-height:1.2}.page-module__q9b3Mq__heroSub{color:var(--color-text-muted);margin:0;font-size:15px}.page-module__q9b3Mq__toolSectionTop{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:40px 0 60px}.page-module__q9b3Mq__contentSection{background:var(--color-surface);border-top:1px solid var(--color-border);padding:80px 0}.page-module__q9b3Mq__textContent{max-width:none}.page-module__q9b3Mq__textContent h2{color:var(--color-text-primary);margin-bottom:20px;font-family:DM Serif Display,serif;font-size:28px}.page-module__q9b3Mq__textContent p{color:var(--color-text-secondary);margin-bottom:20px;font-size:16px;line-height:1.7}.page-module__q9b3Mq__sectionTitle{color:var(--color-text-primary);margin-bottom:40px;font-family:DM Serif Display,serif;font-size:32px}.page-module__q9b3Mq__howToSection{border-bottom:1px solid var(--color-border);padding:80px 0}.page-module__q9b3Mq__howToList{grid-template-columns:repeat(3,1fr);gap:40px;padding:0;list-style:none;display:grid}.page-module__q9b3Mq__howToItem{gap:20px;display:flex}.page-module__q9b3Mq__stepNum{background:var(--color-accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.page-module__q9b3Mq__howToItem strong{margin-bottom:8px;font-size:18px;display:block}.page-module__q9b3Mq__howToItem p{color:var(--color-text-muted);font-size:15px;line-height:1.6}@media (max-width:768px){.page-module__q9b3Mq__howToList{grid-template-columns:1fr}}.page-module__q9b3Mq__relatedSection{background:#fff;padding:72px 0}.page-module__q9b3Mq__relatedGrid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.page-module__q9b3Mq__relatedCard{border:1px solid var(--color-border);background:#fff;border-radius:16px;align-items:flex-start;gap:16px;padding:24px;text-decoration:none;transition:all .2s;display:flex}.page-module__q9b3Mq__relatedCard:hover{border-color:var(--color-accent);background:#c3db6b26;transform:translateY(-2px);box-shadow:0 4px 12px #0000000a}.page-module__q9b3Mq__relatedEmoji{flex-shrink:0;margin-top:2px;font-size:1.5rem}.page-module__q9b3Mq__relatedCard strong{color:var(--color-text-primary);margin-bottom:6px;font-size:.9rem;font-weight:700;display:block}.page-module__q9b3Mq__relatedCard p{color:var(--color-text-secondary);margin:0;font-size:.8rem;line-height:1.5}.page-module__q9b3Mq__faqSection{background:var(--color-surface);padding:100px 0}.page-module__q9b3Mq__emailSection{background:var(--color-surface);border-top:1px solid var(--color-border);padding:72px 0}@media (max-width:900px){.page-module__q9b3Mq__relatedGrid{grid-template-columns:1fr}}@media (max-width:768px){.page-module__q9b3Mq__heroCompact{padding:24px 0 16px}.page-module__q9b3Mq__heroTitleCompact{font-size:24px}}