#ktif-panel.ktif{--ktg:#073e32;--ktgold:#c79237;--ktcream:#fff7e8;width:min(100%,1370px);margin:22px auto 28px;box-sizing:border-box;border-radius:24px;overflow:hidden;position:relative;border:1px solid #d8ba79;background:linear-gradient(115deg,#093f33 0%,#0b5341 63%,#125944 100%);color:white;box-shadow:0 12px 30px #123c2d23;font-family:Georgia,'Times New Roman',serif;text-align:left}#ktif-panel *{box-sizing:border-box}#ktif-panel .ktif-halo{position:absolute;top:15px;right:25px;font-size:125px;line-height:1;color:#e1bb6530;pointer-events:none}#ktif-panel .ktif-content{position:relative;padding:24px clamp(18px,3vw,44px) 16px;z-index:1}#ktif-panel .ktif-top{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}#ktif-panel .ktif-kicker{font:700 11px/1.4 system-ui,sans-serif;letter-spacing:2px;color:#f2d598}#ktif-panel .ktif-live{border:1px solid #e4c87963;border-radius:40px;padding:6px 12px;background:#fff1c912;color:#f3dfad;font:600 12px system-ui,sans-serif}#ktif-panel h2{font-size:clamp(25px,3vw,38px)!important;color:#fff7e4!important;margin:12px 0 20px!important;line-height:1.18!important;letter-spacing:0!important;font-weight:700!important;text-align:left!important}#ktif-panel .ktif-layout{display:grid;grid-template-columns:1.3fr .8fr;gap:24px;align-items:stretch}#ktif-panel .ktif-countbox{padding:18px 24px 18px;border-radius:16px;background:#ffffff12;border:1px solid #e9ca7b50;display:flex;flex-direction:column;justify-content:center}#ktif-panel .ktif-sub{color:#ead5aa;font:600 14px/1.5 system-ui,sans-serif}#ktif-panel .ktif-clock{color:#fffdf1;font:700 clamp(37px,5.8vw,76px)/1.25 system-ui,sans-serif;letter-spacing:1px;white-space:nowrap;font-variant-numeric:tabular-nums;margin:7px 0 14px}#ktif-panel .ktif-clockbottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#f4e9d1;font:500 13px/1.4 system-ui,sans-serif}#ktif-panel .ktif-clockbottom strong{color:#ffdfa0}#ktif-panel .ktif-location{padding:15px;border:1px solid #d8bd7557;border-radius:16px;background:#fffdf6;color:#234438;display:grid;gap:7px;align-content:center}#ktif-panel .ktif-location label{font:700 12px/1.2 system-ui,sans-serif;color:#375447}#ktif-panel select{appearance:auto;width:100%;max-width:none;min-height:40px;padding:8px 11px;border-radius:8px;border:1px solid #d6c8a3;background:white;color:#133c2f;font:500 14px system-ui,sans-serif;box-shadow:none}#ktif-panel .ktif-location p{margin:4px 0 0;color:#697769;font:400 11px/1.5 system-ui,sans-serif}#ktif-panel .ktif-wisdom{margin-top:16px;border-top:1px solid #e3c78860;padding:16px 2px 8px;display:flex;gap:15px;align-items:start}#ktif-panel .ktif-wisdom-icon{font-size:35px;color:#ebc878;line-height:1}#ktif-panel .ktif-wisdom-label{color:#e9cb84;font:700 11px/1.4 system-ui,sans-serif;letter-spacing:1.7px}#ktif-panel .ktif-wisdom p{margin:5px 0 7px;color:#fff9e9;font:400 clamp(14px,1.5vw,17px)/1.6 Georgia,serif}#ktif-panel .ktif-dots{display:flex;gap:8px}#ktif-panel .ktif-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#c2d5cb5e;cursor:pointer;min-height:0}#ktif-panel .ktif-dots button[aria-pressed=true]{background:#f1ca6b;width:20px;border-radius:10px}#ktif-panel .ktif-foot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:10px;border-top:1px solid #d7bf8b33;color:#d8dfd9;font:400 11px/1.5 system-ui,sans-serif}#ktif-panel .ktif-foot a{color:#f1d8a3;text-decoration:underline}@media(max-width:720px){#ktif-panel .ktif-layout{grid-template-columns:1fr;gap:12px}#ktif-panel .ktif-content{padding:18px 15px 15px}#ktif-panel .ktif-countbox{padding:14px 15px}#ktif-panel .ktif-clock{font-size:clamp(32px,9.5vw,54px)}#ktif-panel .ktif-halo{font-size:80px;opacity:.55}#ktif-panel .ktif-location{grid-template-columns:1fr 1fr;gap:8px}#ktif-panel .ktif-location label{grid-column:auto}#ktif-panel .ktif-location label:nth-of-type(1){grid-row:1;grid-column:1}#ktif-panel .ktif-location label:nth-of-type(2){grid-row:1;grid-column:2}#ktif-panel .ktif-location select:nth-of-type(1){grid-row:2;grid-column:1}#ktif-panel .ktif-location select:nth-of-type(2){grid-row:2;grid-column:2}#ktif-panel .ktif-location p{grid-column:span 2}}

.ktif-ramadan{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:13px 17px;margin:14px 0 18px;border:1px solid rgba(232,196,126,.5);background:rgba(255,255,255,.09);border-radius:14px;color:#fff;position:relative;z-index:1}.ktif-ramadan-label{font-size:11px;font-weight:800;letter-spacing:1.3px;color:#ecd4a1}.ktif-ramadan strong{font-size:18px;color:#fff}.ktif-ramadan small{font-size:12px;color:#e9ddc9} @media(max-width:650px){.ktif-ramadan{flex-direction:column;align-items:flex-start;gap:5px}}
