:root{--bg:#ebdfd3;--panel:#e9e9e9;--card:#f2f2f2;--orange:#e05a1b;--amber:#e3a052;--red:#9b382f;--brown:#736a55;--tan:#c68b59;--ink:#444;--r:14px}
body{background:var(--bg);color:var(--ink);font-family:"Noto Sans Malayalam","Manjari",system-ui,sans-serif;line-height:1.7; color: #666;}
.skip{position:absolute;left:-999px}
.skip:focus{left:8px;top:8px;background:#fff;padding:6px;z-index:99}
a{color:var(--orange)}:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
.fl-right{ float: right; }
.site-header{position:sticky;top:8px;z-index:10;display:flex;justify-content:space-between;align-items:center;margin:8px;padding:8px 20px;background:rgba(240,230,222,.92);border-radius:var(--r); backdrop-filter: blur(2px); border:1px solid rgba(255, 255, 255, 0.50);}
.is-home .site-header{position:absolute;left:0;right:0;background:rgba(255,255,255,.35)}
.brand{display:flex;gap:12px;align-items:center;text-decoration:none}
.brand strong{display:block;color:#f28a1e;font-size:1.5rem;font-style:italic;line-height:1.1}
.brand em{color:#999;font-family:Georgia,serif}
.logo{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#f9a825;color:#fff;font-weight:700;border:3px solid #fff}
.logo.lg{width:90px;height:90px;font-size:1.4rem}
.menu-btn{display:grid;gap:5px;padding:9px;background:var(--tan);border-radius:4px}
.menu-btn span{width:22px;height:2px;background:#fff}
/*.narrow{max-width:1080px}*/
.ph{display:grid;place-items:center;/*background:#9a948a;*/color:#fff;font-size:0;text-align:center}
.ph.hero{height:clamp(200px,40vw,500px);border-radius:var(--r);margin-top:24px; /*filter: grayscale(100%);*/}
.ptitle{display:flex;align-items:center;gap:16px;margin:32px 0 0 4%}
.ptitle h1{font-size:1.75rem;font-weight:600;color:#333;margin:0; font-family: "Anek Malayalam", sans-serif;}
.rule{flex:1;height:1px;background:#e3b98a;margin-right:4%}
.psub{margin:0 0 16px 4%;font-size:1rem; color: #666;}
.panel{background:var(--panel);border:1px solid #fff;border-radius:var(--r);padding:clamp(16px,5vw,60px);margin-bottom:40px;text-align:justify}
.sec{color:#E65D1D;font-size:1.25rem;font-weight:500;margin:1.8rem 0 .6rem; font-family: "Noto Serif Malayalam", serif; }
.pill{display:inline-block;padding:2px 16px;border:1px solid #C1C1C1;border-radius:20px;background:transparent;font-size:.8rem;text-decoration:none;color:#333;cursor:pointer}
.hero-home{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}
.hero-img{position:absolute;inset:0;background:#d9d9d4;color:#777; background: url("../images/hero-img.png") no-repeat center center; background-size: cover; }
.hero-copy{position:relative;max-width:580px;padding:120px 0 60px}
.hero-copy h1{color:#D17325;font-size:2rem;font-weight:600;font-family: "Anek Malayalam", sans-serif;}
.feature{display:grid;grid-template-columns:1.8fr 1fr;gap:24px;align-items:center;background:var(--panel);border-radius:var(--r);padding:32px;margin:36px 0}
.feature.rev{grid-template-columns:1fr 1.8fr}
.feature h2{color:var(--orange);font-size:1.1rem; font-family: "Noto Serif Malayalam", serif; }
.card-img{height:240px;border-radius:24px}
.card-img img{border-radius:24px}
.feature-in{margin-top:24px}
.home-news{ margin: 0; padding: 0;}
.home-news li{ padding: 30px 0; list-style: none; border-top: 1px solid #EFBE87; }
.home-news li:last-child{ margin-bottom: 30px; border-bottom: 1px solid #EFBE87; }
.home-news li span{ color: #FFDDB3; }
.home-news li p{ margin: 0; }
.home-pooja li{  border-top: 1px solid #C76156; }
.home-pooja li:last-child{ margin-bottom: 30px; border-bottom: 1px solid #C76156; }
.home-pooja li span{ color: #fff; }
.home-pooja li p{ color: #F6E2AD; }
.box{border-radius:var(--r);padding:50px;color:#fff;height:100%}
.box-amber{background:var(--amber)}
.box-red{background:var(--red)}
.box-amber h2, .box-red h2{ font-family: "Noto Serif Malayalam", serif; }
.box-pooja{background:#F2F2F2; color: #444; border: 1px solid #fff; height: 800px; overflow-y: scroll; }
.box-pooja h4{ color: #E65D1D; font-family: "Noto Serif Malayalam", serif; font-size: 1rem; }
.box-pooja ul li{ padding: 30px 0; list-style: none; border-top: 1px solid #d6d6d6; }
.box-pooja ul li:last-child{ border-bottom: 1px solid #d6d6d6; }
.box-pooja ul li span{ color: #666; }
.box-pooja ul li p{ margin: 0; color: #666; }
.upcoming-pooja li p{ font-weight: bold; }
.twoBox-container{ padding: 0; }
.twoBox-container div{ border-radius: 0; }
.twoBox-container div h2{ font-size: 1.60rem; font-family: "Noto Serif Malayalam", serif; }
.box .pill{color:#fff;border-color:#C76156}
.box-amber .pill{border-color:#FFD2A1}
.deity{background:#ebdfd3;border-radius:6px;padding:30px;text-align:center;height:100%}
.deity h3{color:var(--orange);font-size:1.25rem;margin-top:20px; font-family: "Noto Serif Malayalam", serif; }
.deity p{font-size:1rem}
.ph.round{width:120px;height:120px;border-radius:50%;margin:auto; border: 2px solid #fff;background-size: cover;background-position: center center;}
.ph.big{width:110px;height:110px;margin:0 auto 6px}
.cta-red{background:var(--red);color:#fff;text-align:center;padding:32px;border-radius:4px}
.cta-red h2{font-size:1.1rem}
.cta-orange{ background: #E39F54; color:#222; }
.cta-orange h2{ color:#fff; }
.btn-white{display:inline-block;background:#fff;color:#333;border-radius:20px;padding:2px 20px;text-decoration:none;font-weight:700}
.news{display:grid;grid-template-columns:200px 1fr;gap:24px;background:var(--card);border-radius:var(--r);margin-bottom:16px;overflow:hidden}
.nimg{min-height:190px; background-size: cover; background-position: center center; }
.news h2{color:var(--orange);font-size:1.50rem;margin-top:5px;font-family: "Noto Serif Malayalam", serif;}
.news time{font-family:Georgia,serif;font-size:1rem}
.ncontent{ padding: 20px 30px 20px 20px;}
.tbl{background:#f3ead8; color: #666;}
.tbl th{font-size:.8rem}
.table>:not(:last-child)>:last-child>*{ border: none; background-color: #EAE1CE; }
.table tr td, .table tr th{ padding: 10px 30px; }
.tbl-row{ background-color: #EAE1CE; }
.table tr td span{ font-weight: 900; }
.table tr td p{ margin-bottom: 0; line-height: normal; text-align: left; }
.info,.bank{background:var(--card);border:1px solid #ddd;border-radius:var(--r);padding:20px;margin:14px 0;text-align:center; color: #666;}
.info h3,.bank h3{color:var(--orange);font-size:1.05rem}
.ph.map{height:500px;border-radius:var(--r);margin:24px 0}
.ph.qr{width:120px;height:120px;margin:12px auto}
.sambhavana{ display: flex; background: #F2F2F2; border-radius: 10px; border: 1px solid #fff;}
.sambhavana .bank{ border: none; flex: 1; border-right: 1px solid #D6D6D6; border-radius: 0; }
.sambhavana .ph{ flex: 1; background: none; padding-top: 50px; }
.scan{ margin-top: 10px; padding: 3px 25px; font-size: 15px; background: #666; border-radius: 25px; }
.card-form{background:var(--card);border:1px solid #ddd;border-radius:var(--r);padding:clamp(16px,5vw,60px);text-align:left}
.card-form h3{color:var(--orange);font-size:1.05rem;margin-bottom:24px;font-family: "Noto Serif Malayalam", serif;}
.type-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:16px 0;margin:24px 0}
.opt{padding:16px 0}
.btn-submit{background:var(--orange);color:#fff;border:0;border-radius:20px;padding:6px 32px;font-family:Georgia,serif;font-weight:700}
.form-control.is-invalid{border-color:#c00}
.invalid-feedback{color:#c00}
.site-footer{background:var(--brown);color:#f3e8d8;padding-top:48px}
.site-footer a{color:#f3e8d8;text-decoration:none}
.site-footer a:hover{text-decoration:underline}
.site-footer .logo{ background: none; border: none; }
.ft{color:#f5a623;font-size:1.1rem;font-style:italic;margin:8px 0}
.fl{list-style:none;padding:0}
address{font-style:normal}
.copy{background:#dfd1c4;color:#555;padding:14px 0;margin-top:32px;font-size:.85rem}
.copy a{color:#555}
main{background:var(--bg);border-radius:0 0 40px 40px;padding-bottom:40px}
.close-btn{position:absolute;top:40px;right:40px;padding:0 10px !important; background: #E2A469; line-height: 35px;}
#opt-annual, #opt-vazhipadu, #opt-donation{ border-bottom: 1px solid #ccc; }
#opt-vazhipadu .pill{ background: #fff; color: #E65D1D; font-size: 16px; font-weight: 700; }
#opt-vazhipadu .pooja-added{ background: none; }
#opt-vazhipadu .pooja-added tr th{ background: none; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; }
#opt-vazhipadu .pooja-added tr td{ border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; }
.pooja-type-lbl{ flex: 1;}
.pooja-type{ flex: 2;}
.pooja-added{ margin-top: 4rem !important; }
.form-check .form-check-input{ float: none; margin-right: 10px; margin-top: 5px; }
.train{ display: block; margin: 50px auto; }

.about-family{ background:url("../images/img-about.png") no-repeat center center; background-size: cover; }
.about-temple{ background:url("../images/img-alpt-temple.png") no-repeat center center; background-size: cover; }
.about-trust{ background:url("../images/img-trust.jpg") no-repeat center center; background-size: cover; }
.family-news{ background:url("../images/img-news.jpg") no-repeat center center; background-size: cover; }
.pooja-details{ background:url("../images/img-poojas.jpg") no-repeat center center; background-size: cover; }
.pooja-booking{ background:url("../images/img-poojaBooking.jpg") no-repeat center center; background-size: cover; }
.contactus{ background:url("../images/img-contact.jpg") no-repeat center center; background-size: cover; }

.diety-bhadrakali{ background:url("../images/bhadrakali.jpg") no-repeat center center; background-size: cover; }
.diety-nagarajav{ background:url("../images/nagarajavu.jpg") no-repeat center center; background-size: cover; }
.diety-nagayakshi{ background:url("../images/nagayakshi.jpg") no-repeat center center; background-size: cover; }
.diety-sasthav{ background:url("../images/sasthavu.jpg") no-repeat center center; background-size: cover; }
.diety-subrahmanyan{ background:url("../images/subrahmanyan.jpg") no-repeat center center; background-size: cover; }
.diety-gandhavran{ background:url("../images/gandharvan.jpg") no-repeat center center; background-size: cover; }
.diety-annapoorneswari{ background:url("../images/annapoorneswari.jpg") no-repeat center center; background-size: cover; }
.diety-yogeeswaran{ background:url("../images/yogeeswaran.jpg") no-repeat center center; background-size: cover; }

.modal-backdrop{ background: rgba(255, 255, 255, 0.6);backdrop-filter: blur(10px);}
.modal-backdrop.show {opacity: 1;}
.modal-content{ border-radius: 1rem; }
.modal-header{ padding: 1rem 2rem; }
.modal-body{ padding: 2rem; color: #666; }
.modal-body h3{ font-size: 1.25rem; font-weight: bold; }
.no-border{ border: none;}

.form-success{ color: #666; }
.form-success .sambhavana{ background: #fff;}
.form-success .sambhavana .bank{ background: #fff;}

/* Bootstrap modal */
.menu-modal .modal-dialog {max-width: 100%;width: 100%;height: 100%;margin: 0;}
.menu-modal .modal-content {min-height: 100vh;border: none;border-radius: 0;overflow: hidden; }
.menu-modal .modal-body {display: flex;flex-wrap: wrap;min-height: 100vh;padding: 0;}

/* Left-side image */
.menu-img {position: relative;width: 50%;min-height: 100vh;background: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.25)), url("../images/img-menu.jpg") center / cover no-repeat;}

/* Right-side navigation */
.menu-nav { position: relative; width: 50%; min-height: 100vh; display: flex; justify-content: center; align-items: center; background: #f8f5ef; padding: 70px 30px; }
.menu-close {position: absolute;top: 40px;right: 30px;border: 0;background:var(--tan);border-radius:4px;font-size: 30px;line-height: 1px;color: #fff;cursor: pointer;padding: 0px 9px 5px 9px;width: 40px;height: 35px; font-weight: normal;}
.menu-close:hover{ background:var(--tan); }
.menu-nav ul {list-style: none;padding: 0;margin: 0;text-align: center;}
.menu-nav li { margin: 15px 0; }
.menu-nav a:not(.brand) {color: #463629;font-family: "Noto Serif Malayalam", serif;font-size: 20px;text-decoration: none;transition: color 0.2s ease;}
.menu-nav a:not(.brand):hover { color: #a36b2c; }

.menu-img .brand{ position: absolute; left: 30px; top: 20px; }

@media(max-width:992px){
    .feature,.feature.rev,.news{grid-template-columns:1fr}
}

@media(max-width:767px){
    .menu-wrap{grid-template-columns:1fr}
    .menu-img{min-height:180px}
    .brand strong{font-size:1.1rem}
    .ptitle,.psub{margin-left:0}
    .panel{text-align:left}
    .news{ gap: 0px; }
    .menu-img{ display: none;}
    .brand img, .card-img img{ width: 100%;}
}
@media(prefers-reduced-motion:reduce){
    *{transition:none!important}
}
@media (max-width: 991px) {
    .feature > div:nth-child(2) {order: 1;}
    .feature > div:nth-child(1) {order: 2;}
}
@media (max-width: 991px) {
    .rev > div:nth-child(2) {order: 2;}
    .rev > div:nth-child(1) {order: 1;}
}
@media (max-width: 767.98px) {
    .menu-modal .modal-body { display: block; }
    .menu-img { display: none; }
    .menu-nav { width: 100%; padding: 70px 20px 40px; }
    .menu-nav a:not(.brand) { font-size: 18px; }
    .menu-nav li { margin: 13px 0; }
}