.dkr-qibla-tool{width:100%;padding:60px 20px;box-sizing:border-box}.dkr-qibla-container{width:100%;max-width:900px;margin:0 auto}.dkr-qibla-heading{text-align:center;margin-bottom:35px}.dkr-qibla-eyebrow{display:block;margin-bottom:10px;font-size:14px;font-weight:700;letter-spacing:1.5px}.dkr-qibla-heading h1{margin:0 0 12px;font-size:clamp(32px, 5vw, 48px);line-height:1.15;font-weight:800}.dkr-qibla-heading p{max-width:650px;margin:0 auto;font-size:17px;line-height:1.7;opacity:.78}.dkr-qibla-card{width:100%;max-width:620px;margin:0 auto;padding:35px 25px;box-sizing:border-box;text-align:center;border-radius:24px;background:#fff;box-shadow:0 12px 40px rgb(0 0 0 / .08)}.dkr-qibla-compass{width:310px;height:310px;margin:0 auto 25px;display:flex;align-items:center;justify-content:center}.dkr-qibla-compass-ring{position:relative;width:290px;height:290px;border-radius:50%;border:8px solid #e8e1d3;background:radial-gradient(circle at center,#fffdf8 0%,#f7f2e8 70%,#eee6d7 100%);box-shadow:inset 0 0 0 2px #ffffff,0 10px 30px rgb(0 0 0 / .08)}.dkr-qibla-compass-ring::before{content:"";position:absolute;inset:18px;border-radius:50%;border:1px dashed rgb(0 0 0 / .14);pointer-events:none}.dkr-qibla-direction{position:absolute;z-index:5;font-size:15px;font-weight:800;line-height:1}.dkr-qibla-north{top:16px;left:50%;transform:translateX(-50%)}.dkr-qibla-east{right:17px;top:50%;transform:translateY(-50%)}.dkr-qibla-south{bottom:16px;left:50%;transform:translateX(-50%)}.dkr-qibla-west{left:17px;top:50%;transform:translateY(-50%)}.dkr-qibla-needle{position:absolute;left:50%;top:50%;z-index:10;width:100%;height:100%;transform:translate(-50%,-50%) rotate(0deg);transform-origin:center center;transition:transform 0.8s ease;pointer-events:none}.dkr-qibla-needle-arrow{position:absolute;top:48px;left:50%;transform:translateX(-50%);font-size:42px;line-height:1;filter:drop-shadow(0 4px 5px rgb(0 0 0 / .18))}.dkr-qibla-kaaba{position:absolute;top:50%;left:50%;z-index:15;width:64px;height:64px;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);border-radius:50%;background:#fff;box-shadow:0 5px 18px rgb(0 0 0 / .14);font-size:31px}.dkr-qibla-degree{display:flex;flex-direction:column;align-items:center;margin:5px 0 20px}.dkr-qibla-degree strong{display:block;font-size:38px;line-height:1.1;font-weight:800}.dkr-qibla-degree span{margin-top:5px;font-size:14px;opacity:.68}.dkr-qibla-status{min-height:24px;margin:15px auto;font-size:14px;line-height:1.6;opacity:.78}.dkr-qibla-status-error{font-weight:600}.dkr-qibla-button{width:100%;max-width:360px;min-height:52px;margin:5px auto 20px;padding:14px 25px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:14px;font-size:16px;font-weight:700;cursor:pointer;transition:transform 0.2s ease,box-shadow 0.2s ease,opacity 0.2s ease}.dkr-qibla-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgb(0 0 0 / .12)}.dkr-qibla-button:active{transform:translateY(0)}.dkr-qibla-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.dkr-qibla-location{display:flex;align-items:center;justify-content:center;gap:8px;min-height:24px;font-size:14px;opacity:.75}.dkr-qibla-info{max-width:720px;margin:45px auto 0;text-align:center}.dkr-qibla-info h2{margin:0 0 12px;font-size:26px;line-height:1.3}.dkr-qibla-info p{margin:0;font-size:16px;line-height:1.8;opacity:.78}.dkr-qibla-note{max-width:720px;margin:25px auto 0;padding:16px 20px;box-sizing:border-box;border-radius:14px;font-size:13px;line-height:1.7;text-align:center;opacity:.8}@media (max-width:768px){.dkr-qibla-tool{padding:45px 16px}.dkr-qibla-heading{margin-bottom:28px}.dkr-qibla-heading p{font-size:16px}.dkr-qibla-card{padding:30px 18px;border-radius:20px}.dkr-qibla-compass{width:285px;height:285px}.dkr-qibla-compass-ring{width:265px;height:265px}}@media (max-width:480px){.dkr-qibla-tool{padding:35px 12px}.dkr-qibla-heading h1{font-size:32px}.dkr-qibla-heading p{font-size:15px;line-height:1.6}.dkr-qibla-card{padding:25px 14px;border-radius:18px}.dkr-qibla-compass{width:250px;height:250px;margin-bottom:20px}.dkr-qibla-compass-ring{width:230px;height:230px;border-width:6px}.dkr-qibla-compass-ring::before{inset:14px}.dkr-qibla-north{top:13px}.dkr-qibla-east{right:14px}.dkr-qibla-south{bottom:13px}.dkr-qibla-west{left:14px}.dkr-qibla-needle-arrow{top:38px;font-size:34px}.dkr-qibla-kaaba{width:54px;height:54px;font-size:26px}.dkr-qibla-degree strong{font-size:34px}.dkr-qibla-button{max-width:100%}.dkr-qibla-info{margin-top:35px}.dkr-qibla-info h2{font-size:23px}.dkr-qibla-info p{font-size:15px}.dkr-qibla-note{font-size:12px;padding:14px 15px}}