body {
         font-family: Arial, sans-serif;
     }

     /* language block visibility */
     .lang {
         display: none;
     }

     .lang.en {
         display: block;
     }



     /* ================= NAVBAR ================= */
     .madayi-navbar {
         background: linear-gradient(90deg, #6b0f0f, #8b1a1a);
         padding: 20px 0;
         border-bottom: 5px solid #d4a94f;
         position: sticky;
         top: 0;
         z-index: 1000;
     }

     .madayi-navbar .navbar-brand {
         display: flex;
         align-items: center;
         gap: 10px;
         color: #fff;
         font-weight: 600;
         font-size: 18px;
     }

     .madayi-navbar .navbar-brand img {
         height: 42px;
     }

     .madayi-navbar .nav-link {
         color: #f5e6c8 !important;
         font-weight: 100;
         font-size: 15px;
         margin: 0 8px;
         position: relative;
     }

     .madayi-navbar .nav-link:hover,
     .madayi-navbar .nav-link.active {
         color: #ffd27d !important;
     }

     .madayi-navbar .nav-link.active::after {
         content: '';
         position: absolute;
         bottom: 0;
         left: 0;
         width: 100%;
         height: 2px;
         background-color: #ffd27d;
     }

     .book-pooja-btn {
         background: #d4a94f;
         color: #4a2a00;
         font-weight: 600;
         padding: 8px 18px;
         border-radius: 6px;
         text-decoration: none;
     }

     .book-pooja-btn:hover {
         background: #e6bd63;
         color: #4a2a00;
     }

     .madayi-navbar .navbar-toggler {
         border: 1px solid rgba(245, 230, 200, 0.45);
         padding: 0.45rem 0.7rem;
     }

     .madayi-navbar .navbar-toggler:focus {
         box-shadow: 0 0 0 0.2rem rgba(212, 169, 79, 0.3);
     }

     .madayi-navbar .navbar-toggler-icon {
         background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28245, 230, 200, 0.95%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
     }

     .madayi-navbar .navbar-nav {
         align-items: center;
     }

     .madayi-navbar .dropdown-menu {
         min-width: 11rem;
     }

     /* Navbar responsive fixes for longer text in other languages */
     @media (max-width: 1200px) {
         .madayi-navbar .nav-link {
             margin: 0 3px;
             font-size: 14px;
             padding: 8px 6px;
         }

         .madayi-navbar .navbar-brand {
             font-size: 16px;
         }
     }

     @media (max-width: 991.98px) {
         .madayi-navbar {
             padding: 14px 0;
         }

         .madayi-navbar .container {
             align-items: flex-start;
         }

         .madayi-navbar .navbar-brand {
             max-width: calc(100% - 72px);
             font-size: 15px;
             line-height: 1.3;
             white-space: normal;
         }

         .madayi-navbar .navbar-collapse {
             width: 100%;
             margin-top: 14px;
             padding: 14px;
             background: rgba(58, 7, 7, 0.96);
             border: 1px solid rgba(212, 169, 79, 0.28);
             border-radius: 14px;
         }

         .madayi-navbar .navbar-nav {
             width: 100%;
             align-items: stretch;
             text-align: center;
         }

         .madayi-navbar .nav-item {
             width: 100%;
             margin-bottom: 4px;
         }

         .madayi-navbar .nav-link {
             display: flex;
             justify-content: center;
             align-items: center;
             width: 100%;
             margin: 0;
             padding: 10px 14px;
             font-size: 14px;
             white-space: normal;
             overflow: visible;
             text-overflow: clip;
             max-width: none;
             border-radius: 10px;
         }

         .madayi-navbar .nav-link.active {
             background: rgba(212, 169, 79, 0.12);
         }

         .madayi-navbar .nav-link.active::after {
             display: none;
         }

         .madayi-navbar .dropdown-menu {
             position: static !important;
             width: 100%;
             margin-top: 8px;
             text-align: center;
             transform: none !important;
         }
     }

     @media (max-width: 576px) {
         .madayi-navbar .navbar-brand {
             font-size: 13px;
         }

         .book-pooja-btn {
             padding: 6px 12px;
             font-size: 12px;
         }
     }

     /* ================= EVENTS SPECIFIC STYLES ================= */
     .events-hero {
         background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
             url("/static/images/home/cover/event.jpg") no-repeat center center;
         background-size: cover;
         background-attachment: fixed;
         min-height: 200px;
         height: clamp(250px, 40vh, 450px);
         display: flex;
         align-items: center;
         justify-content: center;
         color: #fff;
         border-bottom: 5px solid #d4a94f;
         padding: 0 20px;
     }

     .events-hero-title {
         font-family: 'Playfair Display', 'Poppins', sans-serif;
         font-size: clamp(26px, 5vw, 52px);
         font-weight: 700;
         color: #f5d28b;
         text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
         margin: 0;
         text-align: center;
         line-height: 1.2;
     }

     @media (max-width: 768px) {
         .events-hero {
             height: 30vh;
             min-height: 180px;
             background-attachment: scroll;
         }
     }

     @media (max-width: 480px) {
         .events-hero {
             height: 25vh;
             min-height: 150px;
             padding: 0 15px;
         }

         .events-hero-title {
             font-size: clamp(22px, 7vw, 28px);
             word-wrap: break-word;
             overflow-wrap: break-word;
         }
     }

     .events-calendar {
         padding: 80px 0;
         background-size: cover;
         background-attachment: fixed;
     }

     .section-title {
         text-align: center;
         font-family: Arial, sans-serif;
         font-size: 40px;
         color: #6b0f0f;
         margin-bottom: 50px;
         font-weight: 700;
         display: flex;
         align-items: center;
         justify-content: center;
         gap: 20px;
     }

     .title-line {
         display: inline-block;
         width: 100px;
         height: 2px;
         background: linear-gradient(90deg, transparent, #d4a94f 30%, #ffd27d 70%, transparent);
     }

     .month-grid {
         display: grid;
         grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
         gap: 30px;
         margin-top: 50px;
     }

     .month-card {
         background: #fff;
         border-radius: 12px;
         overflow: hidden;
         box-shadow: 0 10px 30px rgba(107, 15, 15, 0.05);
         border: 1px solid rgba(212, 169, 79, 0.2);
         transition: all 0.3s ease;
         display: flex;
         flex-direction: column;
     }

     .month-card:hover {
         transform: translateY(-10px);
         box-shadow: 0 20px 40px rgba(107, 15, 15, 0.1);
         border-color: #d4a94f;
     }

     .month-header {
         background: linear-gradient(135deg, #6b0f0f, #8b1a1a);
         color: #f5d28b;
         padding: 20px;
         text-align: center;
     }

     .month-header h3 {
         font-family: Arial, sans-serif;
         margin: 0;
         font-size: 24px;
         font-weight: 700;
         letter-spacing: 1px;
     }

     .event-list {
         padding: 25px;
         flex-grow: 1;
         list-style: none;
         margin: 0;
     }

     .event-item {
         padding: 12px 0;
         border-bottom: 1px solid rgba(212, 169, 79, 0.15);
         display: flex;
         align-items: flex-start;
         gap: 12px;
     }

     .event-item:last-child {
         border-bottom: none;
     }

     .event-item i {
         color: #d4a94f;
         margin-top: 4px;
         font-size: 14px;
     }

     .event-details {
         font-size: 15px;
         color: #4a3427;
         line-height: 1.5;
     }

     .special-section {
         background-size: cover;
         background-attachment: fixed;
         padding: 80px 0;
         border-top: 1px solid #d4a94f;
         border-bottom: 1px solid #d4a94f;
     }

     .highlight-card {
         background: #fff;
         padding: 40px;
         border-radius: 15px;
         box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05);
         border-left: 5px solid #d4a94f;
     }

     .madayi-footer {
         background: #2a0909;
         color: #f5e6c8;
         padding: 60px 0 20px;
     }

     .madayi-footer h5 {
         color: #d4a94f;
         margin-bottom: 15px;
         font-size: 1.35rem;
         font-weight: 700;
     }

     .madayi-footer p {
         font-size: 0.95rem;
         line-height: 1.6;
     }

     .madayi-footer ul li {
         margin-bottom: 8px;
     }

     .madayi-footer a {
         color: #f5e6c8;
         text-decoration: none;
         font-size: 0.96rem;
     }

     .madayi-footer a:hover {
         color: #ffd27d;
         text-decoration: underline;
     }

     .footer-bottom {
         border-top: 1px solid rgba(255, 255, 255, 0.1);
         margin-top: 40px;
         padding-top: 15px;
         text-align: center;
         font-size: 0.88rem;
     }

     .whatsapp-float {
         position: fixed;
         bottom: 20px;
         right: 20px;
         width: 60px;
         height: 60px;
         background-color: #25D366;
         color: #fff;
         border-radius: 50%;
         text-align: center;
         font-size: 30px;
         box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
         z-index: 1000;
         display: flex;
         align-items: center;
         justify-content: center;
         text-decoration: none;
         line-height: 0;
         border: none;
     }

     .whatsapp-float:hover {
         transform: scale(1.1);
         box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.4);
     }

     @media (max-width: 768px) {
         .events-hero-title {
             font-size: 36px;
         }

         .section-title {
             font-size: 32px;
         }
     }