.rightramkapog {display:none}
.blackistoriya  {color:black; font-weight:bold; background:yellow; padding:4px}
.blackistoriya1 {color:white; font-weight:bold; background:green; padding:4px}
.blackistoriya2 {color:white; font-weight:bold; background:red; padding:4px}
.blackistoriya3 {color:white; font-weight:bold; background:blue; padding:4px}
.pidzagpogoda {font-size:20px; text-align:center; margin-bottom:20px}
.pogtemper {font-size:18px; color:#070093}
.pogtemper1 {font-size:22px; color:#070093}
.timepogoda {text-align:left; color:black; padding:4px; font-size:15px; font-weight:bold; border:1px black solid}
.pogodatitle {margin:auto}
.pogodatitleimg {width:100px}
.datapogody {background:blue; color:white; padding:2px; font-size:18px; font-weight:bold; border-radius:5px; text-align:left}
.txtshidzaid {color:white; font-weight:bold; background:black; font-size:20px; text-align:center}
.txttime {color:white; font-weight:bold; background:green; font-size:20px; text-align:center}
.tabpogoda {border:1px solid #000; width:210px; margin:2px; background:#feffee; cursor: pointer}
.tabpogodaday {width:210px}
.tabpogoda1_1 {border:1px solid #000; width:210px; padding:5px; margin:2px; background:white;margin-bottom:7px}
.oneryad {margin: 0 10px;}
.green {color: #0b4400}
.borderpogoda {margin:3px}
.textnewrozdil {font-style:italic; font-size:15px; margin-top:20px; margin-bottom:20px}
.popered {max-width:450px; background:#fcffcf; color:black; padding:20px; margin:auto; font-size:16px}
.imgstrilka {display:inline-block}
.daytime {vertical-align:bottom; font-size:12px}
.hovertab:hover figure {background:#f8ecff; border-radius:10px}
.daystyle1 {font-size:12px; font-weight:bold; text-transform:uppercase; text-align:center}
.daystyle2 {font-size:14px; font-weight:bold}
.content {padding:30px; width:100%; box-sizing:border-box}
.slick-prev, .slick-next {font-size:0; line-height:0; position:absolute; top:50%; display:block; width:38px; height:38px; padding:0; -webkit-transform:translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor:pointer; background:white; border:none; outline:none}
.slick-prev {background-image: url("/pogoda/back.png");background-repeat:no-repeat; background-position:center}
.slick-prev:hover {background-image: url("/pogoda/backhover.png"); background-repeat:no-repeat;  background-position:center}
.slick-next {background-image: url("/pogoda/next.png"); background-repeat:no-repeat; background-position:center}
.slick-next:hover {background-image: url("/pogoda/nexthover.png"); background-repeat:no-repeat; background-position:center}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {opacity:1}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {opacity:.25}
.slick-prev:before, .slick-next:before {}
.slick-prev {left:-35px}
[dir='rtl'] .slick-prev {right:-25px; left:auto}
.slick-prev:before {background-image: url("/pogoda/back.png")}
[dir='rtl'] .slick-prev:before {background-image: url("/pogoda/back.png")}
.slick-next {right: -25px}
[dir='rtl'] .slick-next {right:auto; left:-25px}
.slick-next:before {background-image: url("/pogoda/next.png")}
[dir='rtl'] .slick-next:before {background-image: url("/pogoda/next.png")}
.slick-dotted.slick-slider {margin-bottom:30px}
.slick-dots {position:absolute; bottom:-25px; display:block; width:100%; padding:0; margin:0; list-style:none; text-align:center}
.slick-dots li {position:relative; display:inline-block; width:20px; height:20px; margin:0 5px; padding:0; cursor:pointer}
.slick-dots li button {font-size:0; line-height:0; display:block; width:20px; height:20px; padding:5px; cursor:pointer; color: transparent; border:0; outline:none; background:transparent}
.slick-dots li button:hover, .slick-dots li button:focus {outline:none}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {opacity:1}
.slick-dots li button:before {font-family:'slick'; font-size:6px; line-height:20px; position:absolute; top:0; left:0; width:20px; height:20px; content:'•'; text-align:center; opacity:.25; color:black; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale}
.slick-dots li.slick-active button:before {opacity:.75; color:black}
.slick-slider {position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent}
.icon-block {display:flex; flex-direction:column; align-items:center}
.current-time {font-size:10px; color:#999; margin-top:5px}
@media (max-width: 600px) {.oneryad-flex-v2 {min-width:120px}}
.oneryad-flex-v2:hover {border-color:#ff0000; box-shadow:0 2px 8px rgba(0,0,0,0.1)}
.day-title {font-size:12px; margin-bottom:10px; line-height:1.2}
.temp-block {font-size:20px; font-weight:bold; margin-bottom:8px; color:#000}
.weather-desc {color:#ff0000; font-size:11px; font-weight:bold; display:block; margin-top:5px}
.icon-block img {display:block; margin:0 auto}
.weather-wrapper {max-width:100%; margin:20px 0}
.weather-container {justify-content:flex-start; display:flex; gap:15px; overflow-x:auto; scroll-behavior:smooth; scroll-snap-type:x mandatory; scrollbar-width:none; padding:10px}
.weather-container::-webkit-scrollbar {display:none}
.oneryad.day1 {flex:0 0 auto; width:170px; scroll-snap-align:start; text-align:center}
@media (max-width: 768px) {
.weather-container {justify-content:flex-start; padding-left:15px}}
.nav-btn-pogoda {background:rgba(0,0,0,0.5); color:white; border:none; border-radius:50%; width:40px; height:40px; cursor:pointer; z-index:10; transition:background 0.3s; flex-shrink:0}
.nav-btn-pogoda:hover {background-color: #3498db; color:#ffffff; border-color:#2980b9; box-shadow:0 4px 8px rgba(52, 152, 219, 0.3); transform:translateY(-1px)}
@media (max-width: 480px) {.nav-btn {display:none}}
.weather-main-style {display:inline-block; color:#3498db; filter:drop-shadow(2px 4px 6px rgba(0,0,0,0.1)); transition:transform 0.3s ease}
.fa-sun {color:#f1c40f} 
.fa-snowflake {color:#a5d6f7}
.fa-bolt-lightning {color:#e67e22}
.day1:hover .weather-main-style {transform:scale(1.15) rotate(5deg)}
.weather-detail-row {display:flex; align-items:center; padding:12px 15px; border-bottom:1px solid #f0f0f0; gap:20px; background:#fff; transition:background 0.2s}
.weather-detail-row:hover {background-color:#fffde7}
.wd-time {font-weight:bold; min-width:100px; color:#444}
.wd-main {display:flex; align-items:center; gap:15px; min-width:220px}
.wd-icon {font-size:24px; color:#3498db; width:30px; text-align:center}
.wd-desc {display:flex; flex-direction:column}
.wd-status {color:#d9534f; font-weight:bold; font-size:13px}
.wd-temp {font-size:16px; font-weight:800}
.wd-extra {display:flex; gap:15px; font-size:12px; color:#777; margin-left:auto}
.wd-extra span {display:flex; align-items:center; gap:5px}
@media (max-width: 600px) {
.weather-detail-row {flex-wrap:wrap; gap:10px}
.wd-extra {margin-left:0; width:100%; border-top:1px dotted #eee; padding-top:5px}}
.my_message1 {max-width:600px}
.notauth1 {max-width:600px}
.oneryad.day1.active:hover {cursor:default !important;}
.oneryad.day1:not(.active):hover {background-color:#fffde7 !important; border-color:#f1c40f; box-shadow:0 4px 15px rgba(241, 196, 15, 0.2); transform:translateY(-3px); cursor:pointer;}
.oneryad.day1.active {background-color:#e8f5e9 !important; border:2px solid #4caf50 !important; border-radius:8px; cursor: default !important;}
.oneryad.day1.active, 
.oneryad.day1.active * {cursor:default !important;}
.oneryad.day1:not(.active):hover {cursor:pointer !important;}
.sun-info {font-family:sans-serif; max-width:275px}
.date-title {color:red; font-weight:bold; display:block; margin-bottom:10px}
.flex-grid {display:flex; justify-content:space-between; align-items:flex-end; gap:15px; text-align:center}
.flex-item {display:flex; flex-direction:column; align-items:center; flex:1}
.flex-item img {margin-bottom:5px}
.labelpogoda {font-size:0.85em; color:#666; line-height:1.2}
.value {font-weight:bold; font-size:1.1em; margin-top:5px}
.highlight .value {color:#2c3e50}
.history-wrapper {display:flex; flex-wrap:wrap; gap:10px; margin-top:10px}
.pogoda-card {flex:0 1 200px; min-width:160px; border:1px solid #ccc; border-radius:5px; overflow:hidden; background:#fff; text-align:center; font-family:Arial, sans-serif}
.card-header {padding:5px; color:#fff; font-weight:bold; font-size:0.9em}
.blackistoriya1 {background:#333}
.blackistoriya2 {background:#0055ff}
.blackistoriya3 {background:#00bbff}
.blackistoriya {background:#777}
.card-content {display:flex; align-items:center; padding:8px; justify-content:center}
.card-temps {margin-left:8px; flex-grow:1}
.temp-labels {display:flex; justify-content:space-around; font-size:0.75em; color:#666; border-bottom:1px solid #eee}
.temp-values {display:flex; justify-content:space-around; font-size:1em; padding-top:4px}
.card-footer {font-size:0.7em; padding:4px; background:#f9f9f9; border-top:1px solid #eee}
.pryk-card {max-width:650px; margin:25px auto; background:#fff; border-radius:15px; box-shadow:0 8px 30px rgba(0,0,0,0.06); border:1px solid #eee; font-family:system-ui, -apple-system, sans-serif}
.pryk-header {padding:25px; text-align:center; border-bottom:2px solid #f0f0f0}
.pryk-subtitle {font-size:11px; text-transform:uppercase; letter-spacing:1.5px; color:#999; font-weight:700}
.pryk-title {margin:5px 0 0; font-size:32px; color:#ce0000}
.pryk-body {padding:30px; display:flex; justify-content:center}
.pryk-list-modern {counter-reset:p-counter; list-style:none; padding:0; margin:0; text-align:left; display:inline-block}
.pryk-list-modern li {counter-increment:p-counter; margin-bottom:15px; display:flex; align-items:flex-start; font-size:1.05rem}
.pryk-list-modern li::before {content:counter(p-counter); min-width:26px; height:26px; background:#fff0f0; color:#ce0000; font-weight:bold; font-size:13px; border-radius:50%; display:flex; align-items:center; justify-content:center; margin-right:12px; flex-shrink:0}
.sun-info {background:#ffffff; border-radius:12px; padding:15px; box-shadow:0 4px 15px rgba(0,0,0,0.05); font-family:'Segoe UI', Roboto, sans-serif; color:#333; max-width:275px}
.date-title {display:block; font-size:0.95rem; font-weight:700; margin-bottom:12px; color:#2c3e50; border-bottom:2px solid #f1f3f5; padding-bottom:8px; text-align:center}
.main-grid {display:grid; grid-template-columns:repeat(3, 1fr); gap:10px; text-align:center; margin-bottom:15px}
.flex-item {display:flex; flex-direction:column; align-items:center; gap:4px}
.flex-item i {font-size:1.2rem; margin-bottom:2px}
.labelpogoda {font-size:0.7rem; text-transform:uppercase; letter-spacing:0.5px; color:#888}
.value {font-size:1rem; font-weight:600; color:#222}
.secondary-info {display:grid; grid-template-columns:1fr 1fr; gap:8px; background:#f8f9fa; border-radius:8px; padding:10px; margin-bottom:10px; border:1px solid #edf2f7}
.info-group {display:flex; flex-direction:column; align-items:center; text-align:center; gap:2px}
.info-group .value-row {display:flex; align-items:center; gap:5px; font-weight:700; font-size:0.9rem}
.info-group .labelpogoda {font-size:0.65rem; color:#718096; text-transform:uppercase; white-space:nowrap}
.moon-card {background:#ffffff; border-radius:16px; padding:20px; box-shadow:0 10px 30px rgba(0,0,0,0.08); max-width:225px; transition:transform 0.3s ease; text-decoration:none !important; display:block; color:#2d3436; border:1px solid #f1f2f6}
.moon-card:hover {transform:translateY(-5px); box-shadow:0 15px 35px rgba(0,0,0,0.12)}
.moon-svg-container {background:transparent; width:120px; height:120px; margin:0 auto 15px; display:flex; align-items:center; justify-content:center}
.pidzagpogoda-modern {font-size:1.1rem; font-weight:800; text-align:center; text-transform:uppercase; letter-spacing:1px; margin-bottom:15px; color:#2d3436}
.moon-list {display:flex; flex-direction:column; gap:8px}
.moon-day-row {display:flex; justify-content:space-between; align-items:center; padding:6px 0; border-bottom:1px solid #f1f2f6}
.moon-day-row:last-child {border-bottom:none}
.date-label {font-size:0.85rem; color:#eb4d4b; font-weight:600}
.status-badge {background:#f1f2f6; padding:2px 8px; border-radius:6px; font-size:0.75rem; font-weight:700; color:#636e72; text-transform:lowercase}
.percent-val {font-family:monospace; font-weight:800; color:#2d3436}	
.weather-row {display:flex; flex-wrap:wrap; gap:20px; justify-content:center; align-items:stretch; margin:20px 0}
.sun-info, .moon-card {flex:1; max-width:275px; margin:0 !important; height:100%}
@media (max-width: 650px) {
.weather-row {flex-direction:column; align-items center}}
.weather-card1 {background:#ffffff; border-radius:16px; padding:20px; box-shadow:0 10px 30px rgba(0,0,0,0.05); max-width:275px; flex:1; transition:all 0.3s ease; text-decoration:none !important; display:flex; flex-direction:column; color:#2d3436; border:1px solid #f1f2f6}
.weather-card1:hover {transform:translateY(-5px); box-shadow:0 15px 35px rgba(0,0,0,0.1); border-color:#e2e8f0}
.card-visual-top {height:120px; margin:0 auto 15px; display:flex; align-items:center; justify-content:center; width:100%}
.card-title-modern {font-size:1.1rem; font-weight:800; text-align:center; text-transform:uppercase; letter-spacing:0.8px; margin-bottom:15px; color:#2d3436; border-bottom:2px solid #f8f9fa; padding-bottom:10px}
.sun-main-grid {display:grid; grid-template-columns:repeat(3, 1fr); gap:10px; text-align:center; margin-bottom:15px}
.sun-item {display:flex; flex-direction:column; align-items:center; gap:5px}
.sun-item i {font-size:1.3rem}
.sun-secondary {display:grid; grid-template-columns:1fr 1fr; gap:10px; background:#f8f9fa; border-radius:10px; padding:10px; margin-top:auto}
.sun-sub-item {text-align:center; font-size:0.85rem}
.label-tiny {font-size:0.65rem; text-transform:uppercase; color:#a0aec0; display:block; margin-top:2px}
.val-bold {font-weight:700; color:#2d3748}
.weather-row {display:flex; flex-wrap:wrap; gap:25px; justify-content:center; padding:20px}	
.history-wrapper {display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:15px; padding:10px 0}
.pogoda-card-modern {background:#fff; border-radius:12px; border:1px solid #edf2f7; overflow:hidden; transition:0.3s; box-shadow:0 4px 6px rgba(0,0,0,0.02)}
.pogoda-card-modern:hover {transform:translateY(-3px); box-shadow:0 10px 20px rgba(0,0,0,0.08)}
.card-header-modern {padding:8px 12px; font-size:0.85rem; font-weight:700; text-align:center; color:#fff; text-transform:uppercase; letter-spacing:0.5px}
.bg-clear {background:linear-gradient(135deg, #4dabf7, #339af0)}
.bg-rain {background:linear-gradient(135deg, #5c7cfa, #4263eb)}
.bg-snow {background:linear-gradient(135deg, #adb5bd, #868e96)}
.bg-default {background:#495057}
.card-content-modern {padding:15px; display:flex; align-items:center; justify-content:space-around; background:#fdfdfd}
.temp-block {text-align:center}
.temp-label-small {display:block; font-size:0.65rem; color:#adb5bd; text-transform:uppercase; margin-bottom:2px}
.temp-val-big {font-size:1.2rem; font-weight:800; color:#212529}
.card-footer-modern {padding:6px 12px; background:#fff; border-top:1px solid #f1f3f5; text-align:center; font-size:0.75rem; color:#868e96}
.pidzag-archive {text-align:center; margin:30px 0 15px}
.pidzag-archive a {text-decoration:none; color:#2c3e50; font-weight:800; font-size:1.2rem; transition:0.2s}
.pidzag-archive a:hover {color:#339af0}