.uaru {background:blue; color:white; padding:3px; margin:3px; cursor:default}
.tabh1center1 {margin:auto; border:5px dashed #aaa; margin-bottom:25px}
.pidzagr {cursor:pointer; background:green; color:white; padding:4px; border:5px double #fff; border-radius:5px; font-size:17px}
.pidzagr:hover {background:blue}
.kalothernn {background:#030fff; color:white; padding:4px; border:5px double #fff; border-radius:5px; white-space:nowrap; display:inline-block; background:#3c0359}
.kalothernn:hover {background:green}
.pidzrybak {display:block; font-size:0.6em; margin-top:20px}
.opysrybatit {margin-bottom:20px; text-align:center}
.vidstup {margin-bottom:20px; text-align:center}
.figright {margin-bottom:15px}
.days-of-week-container div {border:1px solid black; margin-left:3px}
.calendar-container div {margin-left:3px; border-radius:4px; margin-bottom:3px}
.calendar-container {display:grid; grid-template-columns:repeat(7, 35px); text-align:center; font-size:15px; font-style:normal; font-weight:bold; margin-bottom:15px}
.calendar-container2 div {margin-left:3px; border-radius:4px; margin-bottom:3px}
.calendar-container2 {display:grid; grid-template-columns:repeat(7, 35px); text-align:center; font-size:15px; font-style:normal; font-weight:bold; margin-bottom:15px}
.days-of-week-container {display:grid; grid-template-columns:repeat(7, 35px); text-align:center; font-size:15px; font-style:normal; font-weight:bold; margin-bottom:10px}
.rybacolor1 {font-size:17px; background:green; color:white; font-weight:bold; padding:0px 8px 0px 8px; white-space:nowrap}
.rybacolor2 {font-size:17px; background:blue; color:white; font-weight:bold; padding:0px 8px 0px 8px; white-space:nowrap}
.rybacolor3 {font-size:17px; background:#FF8C00; color:white; font-weight:bold; padding:0px 8px 0px 8px; white-space:nowrap}
.rybacolor4 {font-size:17px; background:red; color:white; font-weight:bold; padding:0px 8px 0px 8px; white-space:nowrap}
.opysryba {display:inline-block}
.zagkalendmain {font-size:19px; background:yellow; color:black; text-align:center}
.tabkalendmain {margin:auto}
.rybamis {color:blue; font-size:20px; line-height:1.2; font-family:Arial, sans-serif; font-weight:bold}
.tabh1center {margin:auto}
.tabh1ol1 {width:100px}
.kalother1:hover {background:green}
.redmisyac {color:red}
.cities-list {display:flex; flex-wrap:wrap; gap:10px; margin-bottom:20px}
.jegy1 {text-decoration:none; padding:10px 10px; background:#f0f0f0; border-radius:4px; color:#333; border:none; font-size:17px; cursor:pointer; margin:5px; flex:0 0 auto; min-width:120px}
.jegy1:hover {background:#e0e0e0}
.moon-container {width:100%; max-width:500px; margin:30px auto; padding:15px; background:#ffffff; box-shadow:0 2px 10px rgba(0,0,0,0.05); border-radius:8px; box-sizing:border-box}
@media (max-width:500px) {
.moon-container {width:95%; margin:15px auto}
.moon-row {flex-direction:column; align-items:flex-start; padding:10px 5px}}
.moon-row {display:flex; flex-wrap:wrap; align-items:center; padding:10px 0; border-bottom:1px solid #eee; gap:10px}
.moon-title {display:flex; align-items:center; gap:8px; flex:0 0 200px; font-weight:bold}
.moon-dates {flex:1; min-width:250px}
.redmisyac {color:#d9534f}
.blue {color:#0275d8}
@media (max-width:600px) {
.moon-row {flex-direction:column; align-items:flex-start; gap:4px} 
.moon-title {flex:0 0 auto}
.moon-dates {min-width:100%; padding-left:28px; font-size:0.95em}}
.fishing-card {display:flex; flex-direction:column; align-items:center; justify-content:center; max-width:400px; margin:20px auto; padding:20px; background:#ffffff; border-radius:12px; box-shadow:0 4px 15px rgba(0,0,0,0.08); text-align:center; box-sizing:border-box}
.fishing-label {font-size:16px; color:#555; margin-bottom:5px}
.fishing-date {font-size:18px; font-weight:bold; color:#2c3e50; margin-bottom:15px}
.fishing-result {width:100%; padding:10px; border-radius:8px; font-weight:700; text-transform:uppercase; letter-spacing:0.5px}
.ryba-status-1 {background-color:green; color:#fff}
.ryba-status-2 {background-color:blue; color:#fff}
.ryba-status-3 {background-color:#FF8C00; color:#fff}
.ryba-status-4 {background-color:red; color:#fff}
@media (max-width:480px) {
.fishing-card {width:90%; padding:15px}
.fishing-date {font-size:16px}}
.red {color:#e74c3c; font-weight:bold}
.calendar-wrapper {display:block; text-align:center; margin:40px auto; max-width:300px; clear:both; overflow:hidden}
.rybamis {display:block; margin-bottom:15px; font-size:22px; font-weight:bold; text-align:center; width:100%}
.calendar-grid {display:grid; grid-template-columns:repeat(7, 1fr); gap:4px; justify-content:center}
.calendar-grid div {width:22px; height:22px; display:flex; align-items:center; justify-content:center; font-size:18px; font-weight:600; border-radius:5px}
.scroll-container {display:flex; overflow-x:auto; white-space:nowrap; gap:10px; scrollbar-width:none; -ms-overflow-style:none; -webkit-overflow-scrolling:touch; scroll-behavior:smooth; padding:10px 5px}
.scroll-container::-webkit-scrollbar {display:none}
.scroll-wrapper {position:relative; display:flex; align-items:center; max-width:100%; margin:20px 0}
.scroll-container::-webkit-scrollbar {display:none}
.scroll-btn {background:rgba(255, 255, 255, 0.9); border:1px solid #ddd; border-radius:50%; width:40px; height:40px; cursor:pointer; font-size:18px; display:flex; align-items:center; justify-content:center; box-shadow:0 2px 5px rgba(0,0,0,0.1); z-index:10; transition:0.3s; flex-shrink:0}
.scroll-btn:hover {background:#007bff; color:#fff; border-color:#007bff}
@media (max-width:600px) {.scroll-btn {display:none}}
.dynamic-content-area {width:90%; max-width:800px; margin-left:auto; margin-right:auto; min-height:120px; display:block; text-align:center; background:transparent; overflow:hidden; border:1px dashed red; border-radius:12px; padding:20px; text-align:center}
.dynamic-content-area.loaded {min-height:auto}
h1 {text-align:center}