.autoplayn .kalendar-card {flex-shrink:0; min-width:15.625rem; width:15.625rem}
.autoplayn .slick-list {margin:0; padding:0}
.autoplayn .slick-slide {height:auto; margin-right:.938rem; outline:none !important; width:15.625rem !important}
.autoplayn .slick-track {align-items:stretch; display:flex !important; float:left !important; height:auto !important; margin-left:0 !important; margin-right:auto !important; outline:none; width:15.625rem !important}
.autoplayn {-webkit-user-select:none; cursor:grab; display:flex; flex-wrap:nowrap; gap:.938rem; opacity:0; overflow:hidden; transition:opacity .3s ease; user-select:none}
.autoplayn img {-webkit-user-drag:none; pointer-events:none; user-select:none}
.autoplayn:active {cursor:grabbing}
.autoplayn.slick-initialized {display:block; opacity:1; overflow:visible}
.btn-fake {color:#3b82f6; font-size:0.85rem; font-weight:700; transition:transform 0.3s ease, color 0.3s ease}
.calendar-container {margin:0 auto; max-width:56.25rem}
.card-content {display:flex; flex-direction:column; flex-grow:1; padding:24px}
.card-footer {align-items:center; background-color:#ffffff; border-top:1px solid #f1f5f9; box-sizing:border-box; display:flex; justify-content:space-between; margin-top:auto; padding-top:15px; padding:16px 24px; transition:background-color 0.3s ease; width:100%}
.card-img {display:block; height:100%; object-fit:cover; width:100%}
.card-link {color:inherit; display:flex; flex-direction:column; text-decoration:none; width:100%}
.card-link:hover {color:#007bff; text-decoration:underline}
.card-text {-webkit-box-orient:vertical; -webkit-line-clamp:3; color:#64748b; display:-webkit-box; font-size:0.9rem; margin-bottom:20px; overflow:hidden}
.card-title {display:block; font-size:.938rem; font-weight:600; overflow-wrap:break-word; text-align:center; white-space:normal; width:100%; word-wrap:break-word}
.clear-search-btn {background:none; border:none; color:#b08d57; cursor:pointer; display:none; font-size:20px; line-height:1; padding:0; position:absolute; right:15px; top:50%; transform:translateY(-50%); user-select:none}
.clear-search-btn:hover {color:#7c5e33}
.content {box-sizing:border-box; padding:1.875rem; width:100%}
.content li {color:#444; margin-bottom:.313rem}
.content ul {list-style-type:disc; margin-bottom:.938rem; padding-left:1.875rem}
.content11 {box-sizing:border-box; margin-bottom:4.375rem; width:100%}
.date-badge {-webkit-backdrop-filter:blur(10px); align-items:flex-start; backdrop-filter:blur(10px); background:rgba(0, 0, 0, 0.6); border-radius:12px; border:1px solid rgba(255, 255, 255, 0.15); bottom:15px; display:flex; flex-direction:column; left:15px; padding:8px 14px; position:absolute; transition:all 0.4s ease; z-index:10}
.date-day-name {color:#ffd700; font-size:0.75rem; font-weight:800; letter-spacing:0.5px; margin-bottom:2px; text-transform:uppercase}
.date-full {color:#ffffff; font-size:1.1rem; font-variant-numeric:tabular-nums; font-weight:700; line-height:1}
.date-input {background:transparent; border:none; color:#1e293b; font-family:inherit; font-size:0.9rem; outline:none; padding:12px 15px; width:100%}
.dtkalbig {font-size:1.75rem; font-weight:bold}
.filter-controls {display:flex; flex-wrap:wrap; gap:15px; margin-bottom:30px}
.footer-info {align-items:center; color:#94a3b8; display:flex; font-size:0.8rem; font-weight:600; gap:6px; letter-spacing:0.025em; text-transform:uppercase}
.holiday-card {background:white; border-radius:20px; border:1px solid #f1f5f9; box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1); color:inherit; display:flex; flex-direction:column; height:100%; outline:none; overflow:hidden; text-decoration:none; transform:translateY(0) scale(1); transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1); will-change:transform}
.holiday-card:hover .btn-fake {color:#2563eb; transform:translateX(5px)}
.holiday-card:hover .card-footer {background-color:#f8fafc}
.holiday-card:hover .date-badge {background:rgba(0, 0, 0, 0.8); transform:translateY(-5px)}
.holiday-card:hover .date-day-name {color:#00d2ff}
.holiday-card:hover .status-dot {background-color:#3b82f6}
.holiday-card:hover {box-shadow:0 20px 30px rgba(0, 0, 0, 0.15); transform:translateY(-8px)}
.holiday-card:hover img {transform:scale(1.05)}
.holiday-card.is-today {border:2px solid #3b82f6}
.holiday-grid {align-items:stretch; display:grid; gap:24px; grid-template-columns:repeat(auto-fill, minmax(300px, 1fr))}
.image-container {aspect-ratio:16 / 9; background-color:#f1f5f9; overflow:hidden; position:relative; width:100%}
.image-container {aspect-ratio:16 / 9; background-color:#f1f5f9; overflow:hidden; position:relative; width:100%}
.image-container img {display:block; height:100%; object-fit:cover; object-position:center; transition:transform 0.5s ease; width:100%}
.imgkalendar {display:block; height:auto; margin:0 auto; max-width:100%}
.is-regular {background:#dc3545; color:#fff}
.is-today {background:#28a745; color:#fff}
.kalendar-card {background:#fff; border-radius:8px; border:1px solid #eee; box-sizing:border-box; display:flex; flex-direction:column; margin-right:.938rem; margin:0 auto; max-width:15.625rem; min-width:15.625rem; overflow:hidden; width:15.625rem}
.misyackal1p {-moz-user-select:none; -ms-user-select:none; -webkit-user-select:none; background:green; color:#fff; display:block; margin-bottom:4.375rem; margin-top:4.375rem; margin:auto; padding:.5rem; text-align:center; width:9.375rem}
.misyackal1p:hover {background:blue}
.month-item {border-radius:12px; color:#64748b; font-size:0.85rem; font-weight:700; padding:10px 18px; text-decoration:none; transition:all 0.3s ease; white-space:nowrap}
.month-item:hover:not(.active) {background:rgba(255, 255, 255, 0.5); color:#1e293b}
.month-item.active {background:#ffffff; box-shadow:0 4px 12px rgba(0, 0, 0, 0.05); color:#3b82f6}
.month-link {background:#f1f3f5; border-radius:25px; color:#333; flex:0 0 auto; font-size:.875rem; font-weight:600; padding:.625rem 1.375rem; scroll-snap-align:start; text-decoration:none; transition:.3s}
.month-link:hover {background:green; color:#fff; font-weight:600}
.month-link.is-active {background:#007bff; box-shadow:0 4px 12px rgba(0, 123, 255, .3); color:#fff}
.month-nav {background:#f1f5f9; border-radius:16px; display:inline-flex; flex-grow:1; overflow:hidden; padding:6px}
.month-nav-container {align-items:center; display:flex; margin-top:3.125rem; margin:0 auto; max-width:62.5rem; position:relative}
.month-navigation-wrapper {align-items:center; background:#f1f5f9; border-radius:20px; display:flex; gap:10px; margin-bottom:60px; margin-top:40px; max-width:100%; padding:5px; position:relative}
.month-scroll {-webkit-overflow-scrolling:touch; display:flex; gap:5px; overflow-x:auto; scroll-behavior:smooth; scrollbar-width:none}
.month-scroll-wrapper {background:#fff; border-bottom:1px solid #eee; flex-grow:1; margin-bottom:1.563rem; overflow:hidden; overflow:hidden; padding:.938rem 0; width:100%}
.month-scroll::-webkit-scrollbar {display:none}
.month-selector {-webkit-overflow-scrolling:touch; cursor:grab; display:flex; gap:.75rem; overflow-x:auto; padding:0 1.25rem; scroll-behavior:smooth; scroll-snap-type:x mandatory; scrollbar-width:none}
.month-selector::-webkit-scrollbar {display:none}
.month-selector:active {cursor:grabbing}
.nav-btn {align-items:center; all:unset; background:white; border-radius:50%; border:none; box-shadow:0 2px 5px rgba(0,0,0,0.1); color:#3b82f6; cursor:pointer; display:flex; font-weight:bold; height:34px; justify-content:center; transition:transform 0.2s; width:34px; z-index:5}
.nav-btn-kalsv {align-items:center; background:#fff; border-radius:50%; border:1px solid #ddd; box-shadow:0 2px 5px rgba(0,0,0,0.1); cursor:pointer; display:flex; flex-shrink:0; height:2.5rem; justify-content:center; transition:.3s; width:2.5rem; z-index:10}
.nav-btn-kalsv:hover {background:#007bff; border-color:#007bff; color:#fff}
.nav-btn:active {transform:scale(0.9)}
.news-slider-container {overflow:hidden; position:relative; width:100%}
.no-results {color:#888; padding:10px}
.overlay-btn {font-size:.813rem; left:0; line-height:1.2; padding:.5rem .75rem; position:absolute; text-align:center; top:0; z-index:2}
.page-header {align-items:flex-end; display:flex; flex-direction:row; flex-wrap:wrap; gap:20px; justify-content:space-between; margin-bottom:40px}
.pidkalen {color:#546879; display:block; font-size:.6em; font-style:italic; margin-top:1.875rem; text-align:center}
.pulse-dot {background-color:#4ade80; border-radius:50%; height:6px; position:relative; width:6px}
.pulse-dot::after {animation:pulse-ring 1.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite; background-color:#4ade80; border-radius:50%; content:''; inset:0; position:absolute}
.res-date {color:#b08d57; font-weight:bold; margin-right:15px; min-width:80px}
.result-item {align-items:baseline; border-bottom:1px solid #eee; border-bottom:1px solid #eee; color:inherit; cursor:pointer; display:flex; padding:12px; text-decoration:none; transition:background 0.2s}
.result-item:hover {background-color:#f5faff; cursor:pointer}
.search-box {flex-grow:2; min-width:250px}
.search-wrapper {max-width:400px; position:relative; width:100%}
.slick-disabled {opacity:0; pointer-events:none}
.status-dot {background-color:#e2e8f0; border-radius:50%; display:inline-block; height:6px; width:6px}
.swiper-button-next {right:.313rem}
.swiper-button-next::after {content:'❯'}
.swiper-button-prev {left:.313rem}
.swiper-button-prev, .swiper-button-next {align-items:center; background:rgba(255,255,255,0.8); border-radius:50%; box-shadow:0 2px 5px rgba(0,0,0,0.2); cursor:pointer; display:flex; height:2.5rem; justify-content:center; position:absolute; top:50%; transform:translateY(-50%); user-select:none; width:2.5rem; z-index:10}
.swiper-button-prev::after {content:'❮'}
.swiper-slide {flex:0 0 auto; height:auto; scroll-snap-align:start; width:15.625rem}
.swiper-wrapper {-ms-overflow-style:none; -webkit-overflow-scrolling:touch; display:flex; gap:.938rem; overflow-x:auto; padding-bottom:.625rem; scroll-behavior:smooth; scroll-snap-type:x mandatory; scrollbar-width:none}
.swiper-wrapper::-webkit-scrollbar {display:none}
.today-badge {align-items:center; backdrop-filter:blur(4px); background:rgba(37, 99, 235, 0.8); border-radius:50px; border:1px solid rgba(255, 255, 255, 0.2); box-shadow:0 4px 12px rgba(0, 0, 0, 0.2); color:white; display:flex; font-size:0.7rem; font-weight:800; gap:6px; letter-spacing:1px; padding:6px 12px; position:absolute; right:15px; text-transform:uppercase; top:15px; z-index:20}
.todaykalendar {font-size:.7em}
.upholidays {color:#fff; font-size:.875rem; font-weight:bold; padding-left:.563rem}
@keyframes fadeIn {from {opacity:0; transform:scale(0.8)}to {opacity:1; transform:scale(1)}}
@keyframes pulse-ring {0% {opacity:1; transform:scale(0.7)}100% {opacity:0; transform:scale(2.5)}}
@media (max-width: 600px) {.nav-btn {display:none}.month-navigation-wrapper {padding:5px 10px}}
@media (max-width: 768px) {.page-header {align-items:flex-start; flex-direction:column}.month-nav {width:100%}.month-scroll {width:100%}}
@media (max-width:37.5rem) {.nav-btn-kalsv {display:none}}
#search-input {border-radius:5px; border:2px solid #5a3e2b; padding:10px; width:100%}
#search-input {border:2px solid #b08d57; box-sizing:border-box; outline:none; padding:12px 45px 12px 20px; width:100%}
#search-results {background:white; border:1px solid #ccc; display:none; margin-top:5px; max-height:300px; overflow-y:auto}
body {font-family:'Segoe UI', sans-serif}
h1 {text-align:center}
h2 {text-align:center}