/* 0019 · Fethiye hava sahnesi — özgün tasarım: körfez ufku, durum sahnesi, cam kartlar. */
.fzh{position:relative;overflow:hidden;border-radius:22px;padding:22px clamp(14px,3vw,30px) 18px;margin:0 0 22px;color:#fff;
 background:linear-gradient(180deg,#2d8fd8 0%,#69c0ef 55%,#f3d9a4 100%);min-height:420px;isolation:isolate;transition:background .8s}
.fzh--parcali{background:linear-gradient(180deg,#4a8dc6,#9cc7e6 60%,#e9dcc0)}
.fzh--bulutlu{background:linear-gradient(180deg,#5f7287,#9aa8b6 60%,#c9cdd2)}
.fzh--yagmur{background:linear-gradient(180deg,#34445a,#56677d 60%,#7c8a99)}
.fzh--firtina{background:linear-gradient(180deg,#1b2233,#323c55 60%,#4a4f66)}
.fzh--gece{background:linear-gradient(180deg,#071027,#152a52 60%,#2a3f6b)}
.fzh-sahne{position:absolute;inset:0;z-index:-1;pointer-events:none}
.fzh-sahne i{position:absolute;display:block}
.fzh-gunes{width:120px;height:120px;right:8%;top:24px;border-radius:50%;background:radial-gradient(circle,#fff6c9,#ffd45a 60%,rgba(255,200,60,0) 72%);animation:fzhNabiz 6s ease-in-out infinite}
.fzh--gece .fzh-gunes{background:radial-gradient(circle,#f4f1e6,#d9d5c3 55%,rgba(220,215,200,0) 70%);width:84px;height:84px}
.fzh--bulutlu .fzh-gunes,.fzh--yagmur .fzh-gunes,.fzh--firtina .fzh-gunes{opacity:.15}
.fzh-bulut{width:220px;height:60px;border-radius:60px;background:rgba(255,255,255,.75);filter:blur(2px);opacity:0;animation:fzhSuz 60s linear infinite}
.fzh-bulut.b1{top:60px;left:-240px}.fzh-bulut.b2{top:130px;left:-240px;animation-delay:-28s;transform:scale(.7)}
.fzh--parcali .fzh-bulut,.fzh--bulutlu .fzh-bulut,.fzh--yagmur .fzh-bulut,.fzh--firtina .fzh-bulut{opacity:.8}
.fzh--yagmur .fzh-bulut,.fzh--firtina .fzh-bulut{background:rgba(70,80,95,.85)}
.fzh-yagmur{inset:0;opacity:0;background:repeating-linear-gradient(105deg,rgba(255,255,255,.35) 0 1px,transparent 1px 14px);animation:fzhYag .5s linear infinite}
.fzh--yagmur .fzh-yagmur,.fzh--firtina .fzh-yagmur{opacity:.55}
.fzh--firtina .fzh-sahne{animation:fzhSimsek 7s infinite}
.fzh-yildiz{inset:0;opacity:0;background-image:radial-gradient(1px 1px at 20% 30%,#fff,transparent),radial-gradient(1px 1px at 70% 20%,#fff,transparent),radial-gradient(1.5px 1.5px at 45% 12%,#fff,transparent),radial-gradient(1px 1px at 85% 40%,#fff,transparent)}
.fzh--gece .fzh-yildiz{opacity:.9}
.fzh-dalga{left:0;right:0;bottom:0;height:70px;background:linear-gradient(180deg,rgba(18,110,160,.0),rgba(10,90,140,.55));-webkit-mask:radial-gradient(40px 14px at 40px 0,transparent 98%,#000) 0 0/80px 100% repeat-x;mask:radial-gradient(40px 14px at 40px 0,transparent 98%,#000) 0 0/80px 100% repeat-x;animation:fzhDalga 9s linear infinite}
.fzh-ust{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between}
.fzh-yerler{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;max-width:100%}
.fzh-yer{flex:0 0 auto;border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.14);color:#fff;border-radius:999px;padding:6px 12px;font:600 13px/1.2 inherit;cursor:pointer;backdrop-filter:blur(6px)}
.fzh-yer[aria-selected=true]{background:#fff;color:#0b3d63}
.fzh-kaynak{font-size:12px;opacity:.9}.fzh-kaynak a{color:#fff;text-decoration:underline}
.fzh-simdi{display:grid;grid-template-columns:auto 1fr;gap:6px 20px;align-items:center;margin:26px 0 18px}
.fzh-derece{font:800 clamp(64px,12vw,112px)/1 inherit;letter-spacing:-3px;text-shadow:0 6px 30px rgba(0,0,0,.18)}
.fzh-durum strong{display:block;font-size:clamp(18px,2.6vw,26px)}.fzh-durum span{opacity:.9}
.fzh-cipler{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;list-style:none;margin:8px 0 0;padding:0}
.fzh-cipler li{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);border-radius:14px;padding:8px 10px;backdrop-filter:blur(8px)}
.fzh-cipler span{display:block;font-size:11px;opacity:.85;text-transform:uppercase;letter-spacing:.06em}.fzh-cipler b{font-size:16px}
.fzh-saatlik{display:flex;gap:8px;overflow-x:auto;padding:4px 0 10px;scroll-snap-type:x mandatory}
.fzh-s{flex:0 0 62px;scroll-snap-align:start;text-align:center;background:rgba(0,0,0,.12);border-radius:14px;padding:8px 4px}
.fzh-s span,.fzh-s b{display:block;font-size:12px}.fzh-s i{font-style:normal;font-size:22px;display:block;margin:4px 0}
.fzh-gunler{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-top:8px}
.fzh-g{background:rgba(255,255,255,.18);border-radius:14px;padding:10px 6px;text-align:center;backdrop-filter:blur(8px)}
.fzh-g span{font-weight:700;display:block}.fzh-g i{font-style:normal;font-size:26px;display:block;margin:4px 0}.fzh-g em{display:block;font-size:11px;font-style:normal;opacity:.9;min-height:28px}
.fzh-g small{opacity:.75;font-weight:500}
.fzh-not{background:rgba(0,0,0,.35);padding:8px 12px;border-radius:10px;margin:10px 0 0}
@media (max-width:820px){.fzh-gunler{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:520px){.fzh{min-height:0;border-radius:16px}.fzh-cipler{grid-template-columns:repeat(2,minmax(0,1fr))}.fzh-gunler{grid-template-columns:repeat(2,minmax(0,1fr))}.fzh-gunes{width:80px;height:80px}}
@keyframes fzhNabiz{50%{transform:scale(1.06)}}@keyframes fzhSuz{to{transform:translateX(calc(100vw + 480px))}}
@keyframes fzhYag{to{background-position:-14px 28px}}@keyframes fzhDalga{to{-webkit-mask-position:80px 0;mask-position:80px 0}}
@keyframes fzhSimsek{0%,93%,97%,100%{filter:none}94%,96%{filter:brightness(2.2)}}
@media (prefers-reduced-motion:reduce){.fzh *{animation:none!important}}
.fzh-tamam #wx-guncel{display:none}