.tabkalendar {content-visibility:auto; margin-bottom:10px}
@media screen and (min-width:1600px) {.tabkalendar {max-width:1000px}}
@media screen and (min-width:1200px) {.tabkalendar td:nth-child(2) {max-width:600px; font-size:18px}}
@media screen and (max-width:1200px) {.tabkalendar td:nth-child(2) {max-width:500px; font-size:15px}}
@media screen and (max-width:900px) {.tabkalendar td:nth-child(2) {max-width:300px; font-size:14px}}
@media screen and (max-width:600px) {.tabkalendar td:nth-child(2) {max-width:200px; font-size:14px}}
@media screen and (max-width:400px) {.tabkalendar td:nth-child(2) {max-width:100px; font-size:14px}}
.dtkalbig {font-size:28px; font-weight: bold}
.tabkalendar td {border:1px black solid; padding:10px}
.tabkalendar {border-spacing:0 5px; content-visibility:auto}
.tabkalendar td:first-child {max-width:400px; border-right:none; border-top-left-radius:7px; border-bottom-left-radius:7px}
.upholidaysram {font-size:14px; font-weight:bold; margin:10px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;}
@keyframes gradient {
0% {background-position:0 50%}
50% {background-position:100% 50%}
100% {background-position:0 50%}}
.upholidays {padding-left:9px; font-size:14px; color:white; font-weight:bold}
table td:nth-child(2) {border-left:none; border-top-right-radius:7px; border-bottom-right-radius:7px}
.tabh1center {margin:auto}
.tabh1ol1 {width:60px}
.tabh1ol2 {width:155px}
.leftdatakal {width:100px; height:100px; border:1px solid black; padding:5px; background:blue; border-radius:10px 10px 10px 10px; color:white; text-align:center}
.cerkovtxt {text-transform:uppercase; color:red; font-weight:bold; padding-left:18px}
.dataintext {text-transform:uppercase; color:red; font-weight:bold}
.bordercerk {background:linear-gradient(-45deg, #fcff00, #fdff7f, #feffc4); border-radius:15px; padding:10px;max-width:650px; margin:auto}
.imgcerk {border-radius:20px}
.cks1 {color:red; text-transform:uppercase}
.cks2 {color:black; font-style:italic}
.misyackal {cursor:pointer}
.misyackal td:hover {background:#04088d; padding:4px; border:5px double #fff; border-radius:5px}
.pidkalen {font-style:italic; color:#546879}
.blockkal {border: 1px solid black; max-width:500px; padding: 10px;border-radius:15px; margin-bottom: 25px;margin-left:auto;margin-right:auto;text-transform: uppercase; color: red; font-weight: bold; padding-left: 18px;text-align:center}
.pidkalencer {font-style:italic; color:#546879; font-size:55%; display:block}
.hoverday {position:relative; width:600px}
.hoverday a {position:absolute; left:0; right:100; top:0; bottom:0; padding:7px}
.hoverday:hover {background:#dcffd6}
.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}
.slick-list {position:relative; display:block; overflow:hidden; margin:0; padding:0}
.slick-list:focus {outline:none}
.slick-list.dragging {cursor:pointer; cursor:hand}
.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform:translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
.slick-track {position:relative; top:0; left:0; display:block; margin-left:auto; margin-right:auto}
.slick-track:before, .slick-track:after {display:table; content:''}
.slick-track:after {clear:both}
.slick-loading .slick-track {visibility: hidden}
.slick-slide {display:none; float:left; height:100%; min-height:1px}
[dir='rtl'] .slick-slide {float:right}
.slick-slide img {display:block}
.slick-slide.slick-loading img {display:none}
.slick-slide.dragging img {pointer-events:none}
.slick-initialized .slick-slide {display:block}
.slick-loading .slick-slide {visibility:hidden}
.slick-vertical .slick-slide {display:block; height:auto; border:1px solid transparent}
.slick-arrow.slick-hidden {display:none}
.kalother1:hover {background:green}
.butpasha {border:1px double  white}
.butpasha:hover {border:1px double blue; animation:fade 1.5s linear forwards; border-radius:7px}
@keyframes fade {
0% {opacity:0.6}
100% {opacity:1}}
.misyackal1p {background:green; color:white; padding:8px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; margin-top:70px; margin-bottom:70px; text-align:center}
.misyackal1p:hover {background:blue}
.misyackal1p1 {background:blue; color:white; padding:8px}
.misyackal1p1:hover {background:green}
.content {padding:30px; width:100%; box-sizing:border-box}
.slick-slide .image {padding:10px}
.slick-slide img {border:5px solid #fff; display:block; width:100%}
.slick-slide img.slick-loading {border:0}
.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%); background:white; cursor:pointer; 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: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 {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}
.imgcerkpodiya {vertical-align:middle; margin-right:10px}
.hovercerday {display:inline-block; vertical-align:middle}
.hovercerdaytd {padding:10px}
.hovercerdaytd:hover {color:red}
.liniyaweek {border:1px solid #bbbbbb; margin-top:5px; margin-bottom:5px}
ul {padding-left:30px; margin-bottom:15px; list-style-type:disc}
li {margin-bottom:5px; color:#444}
.novynakalimg {vertical-align:top}
#Kalendarsvyat {margin-top:70px}
.pidkalen {font-size:0.6em; display:block; margin-top:5px}
.todaykalendar {font-size:0.7em}
.imgkalendar {display:block; margin: 0 auto; max-width:100%}
.tabkalendar11 {width:250px}
.content11 {width:100%; box-sizing:border-box; margin-bottom:70px}
.tabkalendar11 td a {color:black; text-decoration:none; font-weight:bold; padding:10px; font-size:14px; text-align:center}
.tabkalendar11 td img {width:100%; display:block}
.image-container {position:relative; display:inline-block; width:100%; max-width:250px}
.text-overlay {position:absolute; top:0%; left:0%; background-color:rgba(0, 128, 0, 0.8); text-align:center}
.text-overlayred {position:absolute; top:0%; left:0%; background-color:rgba(255, 0, 0, 0.8); text-align:center}
.blockkaldata {display:block}
body {font-family:'Segoe UI', sans-serif}
.calendar-container {max-width:900px; margin:0 auto}		
.month-nav {display:flex; align-items:center; justify-content:space-between; gap:15px; padding:15px 20px; max-width:1000px; margin:0 auto; background:white; border-radius:15px; margin-bottom:25px}	
.nav-link {text-decoration:none; color:#333; background:#f0f0f0; font-weight:bold; padding:8px 12px; border:1px solid #ddd; border-radius:5px; transition:0.3s; white-space:nowrap}
.nav-link:hover {background:#2f5a8a; color:white}
.day-list {display:flex; flex-direction:column; gap:12px}
.day-card {display:flex; align-items:center; background:white; border-radius:12px; border-left:6px solid #d1d8e0; box-shadow:0 3px 6px rgba(0,0,0,0.04); transition:background 0.2s; position:relative; overflow:hidden; cursor:pointer; text-decoration:none; color:inherit}
.day-card:hover {transform:translateY(-5px); box-shadow:0 12px 24px rgba(0,0,0,0.12); border-left-color:#2f5a8a; z-index:10; background-color:#f9f9f9}
.day-card.is-holiday {border-left-color:red}
.day-card.is-sunday {border-left-color:#b8860b}     
.day-card.is-today {border:2px solid #b8860b; border-left-width:8px; background:#fffef9}
.today-badge {display:inline-block; background:#a52a2a; color:white; font-size:10px; padding:2px 8px; border-radius:4px; margin-bottom:5px; font-weight:bold}
.date-box {min-width:85px; padding:15px 10px; text-align:center; background:rgba(0,0,0,0.02); border-right:1px solid #f0f0f0; flex-shrink:0}
.date-num {font-size:28px; font-weight:800; display:block; line-height:1}
.date-weekday {font-size:11px; text-transform:uppercase; color:#2f5a8a; font-weight:700; margin-top:5px; display:block}
.content-box {padding:15px 20px; flex-grow:1}
.holiday-text {margin:0; font-size:17px; font-weight:500; line-height:1.4; transition:color 0.3s}
.day-card:hover .holiday-text {color:#2f5a8a}
.day-card.is-holiday .holiday-text {color:#a52a2a}
.full-date-label {font-size:12px; color:#999; margin-top:6px}
.holiday-icon {padding:0 20px; flex-shrink:0}
.holiday-icon img {width:55px; height:55px; object-fit:contain; transition:transform 0.4s ease}
.day-card:hover .holiday-icon img {transform:scale(1.15) rotate(3deg)}
.holiday-icon:empty {display:none}
.day-card::before {content:""; position:absolute; top:0; left:-150%; width:50%; height:100%; background:linear-gradient(to right, transparent, rgba(255,255,255,0.4), transparent); transform:skewX(-25deg); transition:0.7s}
.day-card:hover::before {left:150%}
@media (max-width: 500px) {
.date-box {min-width:65px}
.date-num {font-size:22px}
.holiday-icon img {width:45px; height:45px}}
#search-input {width:100%; padding:10px; border:2px solid #5a3e2b; border-radius:5px}
#search-results {background:white; border:1px solid #ccc; margin-top:5px; max-height:300px; overflow-y:auto; display:none}
.result-item {padding:12px; border-bottom:1px solid #eee; cursor:pointer; display:flex; align-items:baseline; border-bottom:1px solid #eee; text-decoration:none; color:inherit; transition:background 0.2s}
.no-results {padding:10px; color:#888}
.nav-side {flex:1; display: flex}
.nav-side:last-child {justify-content:flex-end}
.nav-center {flex:2; text-align: center}
.nav-center h1 {font-size:1.5rem; margin-bottom:10px}
.nav-center img {max-width:100%; height:auto; border-radius:8px}
@media (max-width: 600px) {
.month-nav {flex-wrap:wrap}
.hide-mobile {display:none}
.nav-center h1 {font-size: 1.2rem}
.nav-side {flex:0}}
h2 {text-align:center}
.result-item:hover {background-color:#f5faff; cursor:pointer}
.res-date {color:#b08d57; font-weight:bold; min-width:80px; margin-right:15px}
.butpasha {transition:opacity 0.3s ease; cursor:pointer}
.butpasha:hover {opacity:0.8; transform:scale(1.01)}
.nav-side.right-column {display:flex; flex-direction:column; align-items:flex-end; justify-content:center}
.today-under-btn {margin-top:15px; padding:6px 14px; background-color:#28a745; color:white; border:none; border-radius:6px; cursor:pointer; font-size:13px; font-weight:bold; display:flex; align-items:center; gap:6px; transition:all 0.2s ease; white-space:nowrap; box-shadow:0 2px 4px rgba(0,0,0,0.1)}
.today-under-btn:hover {background-color:#218838; transform:translateY(-1px); box-shadow:0 4px 8px rgba(0,0,0,0.15)}
@media (max-width: 600px) {
.today-under-btn {margin-top:12px; padding:0; width:38px; height:38px; border-radius:50%; justify-content:center; box-shadow:0 3px 6px rgba(0,0,0,0.2)}
.today-under-btn .today-text {display:none}
.today-under-btn .today-icon {font-size:18px; margin:0}}
.cerkovtxt {display:block}
.imgcerkpodiya {vertical-align:top}
.hovercerdaytd {padding:10px; display:inline-block; max-width:300px}
.liniyaweek {max-width:500px}
.modern-calendar {max-width:450px; margin:20px auto; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; text-align:center}
.calendar-main-wrapper {position:relative; display:flex; align-items:center; background:#ffffff; border-radius:15px; box-shadow:0 10px 25px rgba(0,0,0,0.1); padding:10px}
.calendar-track-container {overflow:hidden; width:100%}
.calendar-track {display:flex; transition:transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); will-change:transform}
.holiday-card {min-width:100%; box-sizing:border-box; padding:25px 20px; display:flex; flex-direction:column; align-items:center; text-align:center}
.icon-wrapper {display:contents}
.holiday-icon {width:48px; height:48px; object-fit:contain; margin-bottom:12px; display:block}
.date {display:block; font-size:1.3rem; font-weight:800; color:#d32f2f; margin-bottom:5px}
.desc {font-size:1rem; color:#444; margin:0; line-height:1.4}
.calendar-header {margin-bottom:15px}
.badge {background:#d32f2f; color:white; padding:3px 12px; border-radius:50px; font-size:10px; font-weight:bold}
.calendar-title {font-size:1.1rem; margin-top:8px; color:#222}
.holiday-icon {width:60px !important; height:60px !important; display:block !important; margin:0 auto 15px auto; object-fit:contain; opacity:1 !important}
.calendar-main-wrapper {position:relative; max-width:400px; margin:auto; background:#fff; border-radius:12px; box-shadow:0 5px 15px rgba(0,0,0,0.1); overflow:visible}
.calendar-track-container {overflow:hidden; width:100%}
.calendar-track {display:flex; transition:transform 0.5s ease}
.holiday-card {min-width:100%; padding:30px 10px; display:flex; flex-direction:column; align-items:center; text-align:center; box-sizing:border-box}
.month-scroll-wrapper {width:100%; overflow:hidden; background:#fff; padding:15px 0; border-bottom:1px solid #eee; margin-bottom:25px; flex-grow:1; overflow:hidden}
.month-selector {display:flex; overflow-x:auto; scroll-behavior:smooth; -webkit-overflow-scrolling:touch; scroll-snap-type:x mandatory; padding:0 20px; gap:12px; cursor:grab; scrollbar-width:none; z-index: 1; }
.month-selector::-webkit-scrollbar {display:none}
.month-selector:active {cursor:grabbing}
.month-link {scroll-snap-align:start; flex:0 0 auto; text-decoration:none; padding:10px 22px; border-radius:25px; background:#f1f3f5; color:#333; font-weight:600; font-size:14px; transition:0.3s}
.month-link:hover {background:green; color:white; font-weight:600}
.month-link.is-active {background:#007bff; color:#fff; box-shadow:0 4px 12px rgba(0, 123, 255, 0.3)}
.overlay-btn {position:absolute; top:0; left:0; padding:8px 12px; text-align:center; z-index:2; font-size:13px; line-height:1.2}
.is-today {background:#28a745; color:black}
.is-regular {background:#dc3545; color:#fff}
.month-nav-container {position:relative; display:flex; align-items:center; max-width:1000px; margin:0 auto; margin-top:50px}
.nav-btn-kalcr {background:white; border:1px solid #ddd; border-radius:50%; width:50px; height:50px; cursor:pointer; display:flex; align-items:center; justify-content:center; z-index:10; box-shadow:0 2px 5px rgba(0,0,0,0.1); transition:0.3s; flex-shrink:0}
.nav-btn-kalcr:hover {background:#007bff; color:white; border-color:#007bff}
.card-link {text-decoration:none; color:inherit; cursor:pointer; transition:opacity 0.2s ease}
.card-link:hover {opacity:0.8}
.holiday-card {min-width:100%; box-sizing:border-box; padding:0}
.nav-btn-kalcr {z-index:999 !important; cursor:pointer; pointer-events:auto}
.holiday-card {position:relative; z-index:1}
.card-link {display:flex; position:relative; z-index:2}
.card-link {-webkit-tap-highlight-color:transparent}
h1 {text-align:center}
.modern-figure {display:flex; justify-content:center; margin:20px 0}
.modern-figure a {display:block; line-height:0; border-radius:12px; overflow:hidden; box-shadow:0 10px 25px rgba(0,0,0,0.1); transition:transform 0.3s ease, box-shadow 0.3s ease}
.modern-figure a:hover {transform:translateY(-5px); box-shadow:0 15px 35px rgba(0,0,0,0.15)}
.butpasha {display:block; max-width:100%; height:auto; transition:filter 0.3s ease}
.modern-figure a:hover .butpasha {filter:brightness(1.05)}