@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Noto+Sans+Devanagari:wght@400;600;700;800&family=Noto+Sans+Gurmukhi:wght@400;600;700;800&display=swap");:root{--saffron:#f4512a;--cream:#fff8e7;--gold:#d4a017;--ink:#351b13;--navy:#171044;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Noto Sans Devanagari",Arial,sans-serif;padding-bottom:76px}.site-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px clamp(16px,4vw,60px);background:linear-gradient(135deg,var(--saffron),#f77b31);color:#fff}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.brand img{width:62px;height:62px;object-fit:contain}.brand strong{display:block;font-size:clamp(15px,2vw,24px);line-height:1.2}.brand small{display:block;margin-top:4px}.language-switcher button{border:1px solid #ffffff66;background:#ffffff22;color:#fff;border-radius:20px;padding:7px 10px;margin-left:4px}.top-nav{display:flex;justify-content:center;gap:clamp(10px,3vw,32px);padding:14px;position:sticky;top:0;z-index:3;background:#fffaf0;border-bottom:1px solid #ead8b2}.top-nav a{color:var(--navy);text-decoration:none;font-weight:700;font-size:14px}.page-wrap{max-width:1180px;margin:auto;padding:26px 18px}.hero{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:clamp(28px,6vw,70px);border-radius:30px;background:radial-gradient(circle at top right,#ffd36a,transparent 38%),linear-gradient(135deg,#fffdf5,#ffe8bd);border:1px solid #e6c37d;box-shadow:0 16px 50px #6c37151a}.hero h1{font-size:clamp(30px,5vw,58px);line-height:1.12;margin:10px 0}.hero p{font-size:18px;line-height:1.8}.eyebrow{color:var(--saffron);font-weight:800;letter-spacing:.5px}.hero-logo{width:min(34vw,290px);filter:drop-shadow(0 14px 16px #7b3c2230)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-block;padding:12px 22px;border-radius:30px;text-decoration:none;font-weight:800}.primary{background:var(--saffron);color:#fff}.secondary{background:#fff;border:1px solid var(--gold);color:var(--navy)}.cards,.value-grid,.contact-grid,.donation-options{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}.cards article,.content-card{background:#fff;border:1px solid #ead8b2;border-radius:22px;padding:26px;box-shadow:0 8px 30px #6c37150d}.cards span{font-size:30px}.cards h3{color:var(--navy)}.cards a{color:var(--saffron);font-weight:800;text-decoration:none}.content-card{max-width:900px;margin:20px auto;line-height:1.9}.cms-managed-copy{line-height:1.8}.cms-managed-copy p{margin:0 0 10px}.cms-managed-copy p:last-child{margin-bottom:0}.cms-managed-copy h2,.cms-managed-copy h3{color:var(--navy);margin:14px 0 8px}.hero .cms-managed-copy{font-size:18px;line-height:1.8}.content-card h1{font-size:clamp(28px,4vw,44px);line-height:1.2}.value-grid{grid-template-columns:repeat(3,1fr)}.value-grid div{background:#fff4d5;padding:20px;border-radius:14px;text-align:center;font-weight:800}.member-placeholder{padding:35px;text-align:center;border:2px dashed #d4a017;border-radius:16px}.donation-options{grid-template-columns:repeat(2,1fr)}.badge{display:inline-block;background:#fff0c5;color:#8b5d00;border-radius:20px;padding:4px 12px;font-weight:800}.site-footer{text-align:center;padding:36px 20px 28px;background:var(--navy);color:#fff}.site-footer .footer-grid{align-items:start}.site-footer img{width:75px}.footer-brand{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.footer-trust-name{margin:12px 0 0;color:#fff;font-size:20px;line-height:1.35;font-weight:800;letter-spacing:.1px}.footer-trust-name span{display:block}.footer-trust-name small{display:block;margin-top:4px;color:#ffd36a;font-size:14px;line-height:1.35;font-weight:700}.footer-powered-by{display:inline-flex;align-items:center;gap:7px;vertical-align:middle}.footer-ci-logo{width:24px!important;height:24px!important;object-fit:contain;display:inline-block;vertical-align:middle}.creative-ideas-link{color:#ffd36a;font-weight:800;text-decoration:none}.bottom-nav{display:none}.site-footer p{margin:8px 0}.site-footer small{color:#ffd36a}@media(max-width:700px){.site-header{align-items:flex-start}.brand img{width:48px;height:48px}.brand strong{font-size:14px}.brand small{font-size:11px}.top-nav{display:none}.hero{flex-direction:column-reverse;text-align:center;padding:28px 20px}.hero-logo{width:190px}.hero h1{font-size:32px}.hero p{font-size:15px}.actions{justify-content:center}.cards,.donation-options,.contact-grid,.value-grid{grid-template-columns:1fr}.bottom-nav{position:fixed;display:flex;bottom:0;left:0;right:0;z-index:5;background:#fff;border-top:1px solid #ead8b2;justify-content:space-around;padding:8px 3px;box-shadow:0 -8px 25px #0000000d}.bottom-nav a{color:var(--navy);text-decoration:none;text-align:center;font-size:18px}.bottom-nav span{display:block;font-size:10px;font-weight:700}.site-footer{padding-bottom:100px}}form label{display:block;margin:14px 0;font-weight:600}input,select,textarea{width:100%;padding:12px;border:1px solid #e5c98b;border-radius:10px;margin-top:6px;box-sizing:border-box} .narrow{max-width:620px;margin:auto}.alert,.success{padding:12px;border-radius:10px}.alert{background:#ffe2dc}.success{background:#e4f6df}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #ead9b7;text-align:left} .muted{opacity:.7}
.section-heading{text-align:center;max-width:760px;margin:58px auto 24px}.section-heading h2{color:var(--navy);font-size:clamp(28px,4vw,42px);margin:8px 0}.section-heading p:not(.eyebrow){line-height:1.8}.guide-card{max-width:1000px;margin:auto;display:grid;grid-template-columns:280px 1fr;gap:34px;align-items:center;background:#fff;border:1px solid #ead8b2;border-radius:26px;padding:26px;box-shadow:0 10px 35px #6c37150d}.guide-card img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:18px}.guide-card h3{color:var(--navy);font-size:28px;margin:8px 0}.guide-card p{line-height:1.9}.yatra-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.yatra-grid article{background:#fff;border:1px solid #ead8b2;border-radius:20px;overflow:hidden;box-shadow:0 8px 30px #6c37150d}.yatra-grid img{width:100%;height:190px;object-fit:cover;display:block}.yatra-grid article div{padding:18px}.yatra-grid h3{color:var(--navy);margin:0 0 8px;font-size:18px}.yatra-grid p{color:var(--saffron);font-weight:700;margin:0 0 8px}.yatra-grid small{line-height:1.7;display:block}.yatra-section{padding-bottom:30px}@media(max-width:900px){.yatra-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.guide-card{grid-template-columns:1fr;text-align:center;padding:20px}.guide-card img{max-width:260px;margin:auto}.yatra-grid{grid-template-columns:1fr}.yatra-grid img{height:220px}}


/* Feature Grid */
.feature-grid{max-width:1000px;margin:0 auto 28px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.feature-grid article{background:#fff;border:1px solid #ead8b2;border-radius:22px;padding:26px;box-shadow:0 8px 30px #6c37150d}
.feature-grid article span{font-size:32px}.feature-grid h3{color:var(--navy);margin:12px 0 8px}.feature-grid p{line-height:1.8;margin:0}
@media(max-width:900px){.feature-grid{grid-template-columns:repeat(2,1fr);padding:0 18px}}
@media(max-width:700px){.feature-grid{grid-template-columns:1fr;padding:0}.feature-grid article{padding:22px}}


/* Memory Gallery */
.memory-grid{max-width:1000px;margin:0 auto 30px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.memory-grid figure{margin:0;background:#fff;border:1px solid #ead8b2;border-radius:20px;overflow:hidden;box-shadow:0 8px 30px #6c37150d}
.memory-grid img{width:100%;height:210px;display:block;object-fit:cover}.memory-grid figcaption{padding:15px;font-weight:800;color:var(--navy);line-height:1.5}
.about-intro{max-width:1000px}
@media(max-width:900px){.memory-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.memory-grid{grid-template-columns:1fr;padding:0 18px}.memory-grid img{height:240px}}


/* ================= QR DONATION CSS ================= */
/* QR Donation Styling Only */

/* Donation amount options */
.amount-tiles {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    margin-top: 8px;
}

.amount-tile {
    margin: 0 !important;
}

.amount-tile input {
    position: absolute;
    opacity: 0;
}

.amount-tile span {
    display: block;
    text-align: center;
    padding: 13px 8px;
    background: #fff4d5;
    border: 1px solid #e5c98b;
    border-radius: 12px;
    font-weight: 800;
    cursor: pointer;
}

.amount-tile input:checked + span {
    background: var(--saffron);
    color: #fff;
    border-color: var(--saffron);
}

/* QR code box */
.qr-box {
    padding: 22px;
    text-align: center;
    background: #fff8e7;
    border: 1px dashed #d4a017;
    border-radius: 18px;
}

.qr-box img {
    max-width: 240px;
    width: 100%;
    height: auto;
    background: #fff;
    padding: 10px;
    border-radius: 12px;
}

.qr-box h3 {
    margin-top: 0;
    color: var(--navy);
}

/* Mobile donation layout */
@media (max-width: 700px) {
    .amount-tiles {
        grid-template-columns: repeat(3, 1fr);
    }
}


/* ================= CONTACT CSS ================= */
/* Contact Form Styling Only */

/* Contact form layout */
.contact-layout {
    display: grid;
    grid-template-columns: 1fr 1.35fr;
    gap: 40px;
}

/* Contact information */
.contact-info p {
    line-height: 1.9;
}

/* Contact note */
.contact-note {
    margin-top: 28px;
    padding: 20px;
    background: #fff4d5;
    border-radius: 16px;
}

.contact-note p {
    margin-bottom: 0;
}

/* Form labels and fields */
form label {
    display: block;
    margin: 14px 0;
    font-weight: 600;
}

input,
select,
textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #e5c98b;
    border-radius: 10px;
    margin-top: 6px;
    box-sizing: border-box;
}

/* WhatsApp form button */
.whatsapp-form .btn {
    border: 0;
    cursor: pointer;
    font: inherit;
}

/* Form help text */
.form-help {
    font-size: 13px;
    opacity: 0.75;
    line-height: 1.6;
}

/* Responsive contact form */
@media (max-width: 700px) {
    .contact-layout {
        grid-template-columns: 1fr;
        gap: 24px;
    }
}



/* Portal / accessibility / form improvements */
button{font:inherit}.language-switcher button{cursor:pointer}.language-switcher button.active{background:#fff;color:var(--saffron)}.form-grid{display:grid;gap:12px}.filter-grid{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;margin:20px 0}.wide{max-width:1200px}.admin-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:10px 0 22px}.status{display:inline-block;padding:4px 9px;border-radius:999px;background:#fff0c5;font-weight:700;font-size:12px}.inline-form{display:inline-flex;gap:5px;margin:0}.inline-form button{border:0;background:none;color:var(--saffron);cursor:pointer;font-weight:700;padding:0}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.stat-grid article{background:#fff;border:1px solid #ead8b2;border-radius:18px;padding:22px}.stat-grid small,.stat-grid strong{display:block}.stat-grid strong{font-size:28px;color:var(--navy);margin-top:8px}.admin-header{background:var(--navy);color:#fff;padding:15px 24px;display:flex;justify-content:space-between;align-items:center;gap:15px}.admin-header a{color:#fff;text-decoration:none}.admin-header small{display:block;opacity:.7}.admin-shell{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 70px)}.admin-sidebar{background:#fff;border-right:1px solid #ead8b2;padding:20px;display:flex;flex-direction:column;gap:8px}.admin-sidebar a{padding:11px 12px;border-radius:10px;text-decoration:none;color:var(--navy);font-weight:700}.admin-sidebar a:hover{background:#fff0c5}.admin-main{padding:25px;max-width:1400px;width:100%}.member-photo{width:100%;max-height:220px;object-fit:cover;border-radius:14px;margin-bottom:12px}.receipt-head{display:flex;gap:20px;align-items:center}.receipt-head img{width:90px}.receipt hr{border:0;border-top:1px solid #ead8b2;margin:20px 0}.receipt .actions{margin-top:25px}@media(max-width:800px){.filter-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.admin-shell{grid-template-columns:1fr}.admin-sidebar{flex-direction:row;overflow:auto;border-right:0;border-bottom:1px solid #ead8b2}.admin-main{padding:16px}.admin-header{font-size:13px}.admin-title{align-items:flex-start;flex-direction:column}}@media print{.site-header,.top-nav,.site-footer,.bottom-nav,.admin-header,.admin-sidebar,.actions{display:none!important}.page-wrap{padding:0}.content-card{box-shadow:none;border:0}}

/* Public UI polish v2 */
.language-switcher a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:inherit;min-width:38px;height:34px;border-radius:9px}.language-switcher a.active{background:#f4512a;color:#fff}.donation-hero{margin-bottom:35px}.cause-grid{max-width:1200px;margin:0 auto 35px}.cause-card{transition:transform .2s ease,box-shadow .2s ease}.cause-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px rgba(72,42,20,.12)}.cause-card .action-row{margin-top:15px}.member-photo{aspect-ratio:1/1;object-fit:cover}.member-meta{color:#75675e}.join-card{background:linear-gradient(135deg,#fff6dc,#fff);border:1px dashed #dcae57!important}.qr-donation-page{max-width:1100px;margin:0 auto}.qr-donation-form label{display:flex;flex-direction:column;gap:7px}.qr-donation-form input,.qr-donation-form select,.qr-donation-form textarea{width:100%}.qr-donation-form .form-help{margin-top:2px}.cause-hero{margin-bottom:25px}.cause-detail{line-height:1.85}
@media(max-width:800px){.cause-grid{grid-template-columns:1fr}.donation-hero,.cause-hero{grid-template-columns:1fr}.top-nav{overflow-x:auto;white-space:nowrap}.top-nav a{flex:0 0 auto}}

html[lang="pa"] body{font-family:"Noto Sans Gurmukhi","Noto Sans Devanagari",Arial,sans-serif}
html[lang="hi"] body{font-family:"Noto Sans Devanagari",Arial,sans-serif}
.btn{transition:transform .2s ease,box-shadow .2s ease}.btn:hover{box-shadow:0 8px 20px rgba(53,27,19,.12)}.top-nav a{padding:7px 5px;border-radius:8px}.top-nav a:hover{background:#fff0c5}

/* =========================================================
   PUBLIC FRONTEND - PREMIUM CAMPAIGN / CAUSE EXPERIENCE
   Reference-inspired layout, preserving existing functionality.
   ========================================================= */
:root{
  --brand-navy:#0b3b66;
  --brand-navy-dark:#082e50;
  --brand-gold:#f6bd18;
  --brand-gold-soft:#fff3c9;
  --brand-teal:#0c9d93;
  --page-bg:#fffdf4;
  --surface:#ffffff;
  --line-soft:#ece6d8;
  --text-soft:#6d6b68;
}
html{scroll-behavior:smooth}
body{background:var(--page-bg);padding-bottom:0;overflow-x:hidden}
.utility-bar{background:var(--brand-navy);color:#fff;font-family:Inter,"Noto Sans Devanagari",system-ui,sans-serif;font-size:13px}
.utility-inner{max-width:1280px;margin:0 auto;min-height:38px;padding:0 22px;display:flex;align-items:center;gap:12px}
.utility-right{margin-left:auto;opacity:.88}
.utility-divider{opacity:.35}
.site-header{background:#fff;padding:12px clamp(18px,5vw,58px);border-bottom:1px solid #f1ead9;color:var(--brand-navy);box-shadow:0 3px 15px rgba(13,59,102,.05)}
.brand{color:var(--brand-navy)}
.brand strong{font-family:Inter,"Noto Sans Devanagari",system-ui,sans-serif;font-size:clamp(16px,1.8vw,22px)}
.brand small{color:#706a61}
.brand img{width:62px;height:62px}
.header-actions{display:flex;align-items:center;gap:10px}
.header-login,.header-donate{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:900;border-radius:28px;min-height:44px;padding:0 20px;transition:.2s ease}
.header-login{color:#fff;background:var(--brand-teal)}
.header-donate{background:var(--brand-gold);color:var(--brand-navy);padding:0 24px;box-shadow:0 7px 18px rgba(246,189,24,.2)}
.header-login:hover,.header-donate:hover{transform:translateY(-2px)}
.header-donate span:first-child{font-size:16px;margin-right:4px}
.language-switcher{display:flex;align-items:center;padding:3px;background:#f5f1e6;border:1px solid #e8dfca;border-radius:12px}
.language-switcher a{color:var(--brand-navy);min-width:34px;height:32px;border-radius:9px;font-size:12px;font-weight:900}
.language-switcher a.active{background:var(--brand-navy);color:#fff}
.top-nav{position:relative;top:auto;background:#fff;min-height:55px;padding:7px 18px;border-bottom:3px solid var(--brand-gold);gap:clamp(8px,2.3vw,28px);box-shadow:0 4px 16px rgba(0,0,0,.025)}
.top-nav a{color:#4a5869;font-size:14px;padding:10px 7px;transition:.18s ease}
.top-nav a:hover{color:var(--brand-navy);background:#fff7db}
.page-wrap{max-width:1280px;padding:0 22px 54px}

/* Campaign listing hero */
.campaign-hero{position:relative;isolation:isolate;overflow:hidden;min-height:315px;margin:0 -22px;padding:64px clamp(28px,8vw,100px);display:flex;align-items:center;background:var(--brand-navy);color:#fff}
.campaign-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 115%,rgba(255,255,255,.06),transparent 36%)}
.campaign-hero-shape{position:absolute;border-radius:50%;background:var(--brand-gold);z-index:-1;opacity:.98}
.shape-one{width:240px;height:240px;left:-115px;bottom:-38px}
.shape-two{width:280px;height:280px;right:-125px;top:-82px}
.campaign-hero-content{max-width:1000px;margin:auto;text-align:center}
.campaign-hero .eyebrow{color:var(--brand-gold)!important;margin:0 0 10px}
.campaign-hero h1{font-family:Inter,"Noto Sans Devanagari",system-ui,sans-serif;font-size:clamp(34px,5vw,58px);line-height:1.08;margin:0 auto 16px;max-width:1000px;font-weight:900;letter-spacing:-1.2px}
.campaign-hero p:not(.eyebrow){max-width:760px;margin:0 auto;color:#eef5fa;font-size:17px;line-height:1.8}
.campaign-hero-actions{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:28px;flex-wrap:wrap}
.campaign-btn{background:var(--brand-gold);color:var(--brand-navy);border:0;min-width:150px}
.hero-text-link{color:#fff;text-decoration:none;font-weight:800}
.hero-text-link:hover{text-decoration:underline}
.campaign-heading{margin:58px auto 30px}
.campaign-heading h2{color:var(--brand-navy);font-weight:900}
.campaign-heading p:not(.eyebrow){color:var(--text-soft)}

/* Campaign cards inspired by the reference */
.campaign-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;max-width:1160px;margin:0 auto}
.campaign-card{background:#fff;border:1px solid #e9e4d8;border-radius:22px;overflow:hidden;box-shadow:0 8px 26px rgba(31,42,55,.08);transition:transform .22s ease,box-shadow .22s ease;display:flex;flex-direction:column}
.campaign-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(31,42,55,.13)}
.campaign-image-wrap{position:relative;display:block;height:270px;background:#f3efe5;overflow:hidden}
.campaign-image-wrap img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease}
.campaign-card:hover .campaign-image-wrap img{transform:scale(1.025)}
.campaign-badge{position:absolute;right:16px;top:16px;background:var(--brand-navy);color:#fff;padding:8px 14px;border-radius:999px;font-size:12px;font-weight:900;box-shadow:0 6px 16px rgba(0,0,0,.14)}
.campaign-card-body{padding:22px 24px 24px;display:flex;flex-direction:column;flex:1}
.campaign-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.campaign-card .cause-range{margin:0;background:#fff3c9;color:#755400;padding:6px 10px;border-radius:999px;font-size:11px}
.campaign-percent{color:var(--brand-teal);font-weight:900;font-size:13px}
.campaign-card h3{margin:14px 0 8px;color:#20242a;font-size:25px;line-height:1.25}
.campaign-card h3 a{color:inherit;text-decoration:none}
.campaign-card h3 a:hover{color:var(--brand-navy)}
.campaign-card p{color:#6b6b6b;line-height:1.7;margin:0 0 14px;min-height:0}
.progress-track{height:9px;background:#e9ecef;border-radius:999px;overflow:hidden;margin:7px 0 10px}
.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand-teal),#20b7a8)}
.campaign-stats{display:grid;grid-template-columns:1.2fr 1fr 1fr;align-items:center;gap:10px;color:#6c7075;font-size:12px}
.campaign-stats strong{color:var(--brand-navy);font-size:17px}
.campaign-stats span{text-align:right}
.goal-line{display:flex;justify-content:space-between;gap:12px;color:#7c7c7c;font-size:12px;margin-top:6px}
.campaign-info-row{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #f0ece3;padding-top:13px;margin-top:auto;color:#777;font-size:12px}
.campaign-info-row strong{color:var(--brand-navy)}
.campaign-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.campaign-actions .btn{width:100%;min-height:46px}
.empty-state-public{max-width:700px;text-align:center;margin:0 auto 30px}
.empty-state-public .empty-icon{margin-bottom:15px}

/* Single cause page */
.cause-single-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:45px 0 35px;max-width:1160px;margin:0 auto}
.cause-single-image{position:relative;border-radius:24px;overflow:hidden;min-height:390px;background:#eee7d8;box-shadow:0 18px 45px rgba(30,38,48,.12)}
.cause-single-image img{width:100%;height:100%;min-height:390px;display:block;object-fit:cover}
.cause-single-image .campaign-badge{top:18px;left:18px;right:auto;background:var(--brand-gold);color:var(--brand-navy)}
.cause-single-content .cause-range{margin:0 0 16px;background:#fff0bd;color:#725100;padding:7px 12px;border-radius:999px;font-weight:900;font-size:12px}
.cause-single-content h1{font-size:clamp(34px,4.5vw,56px);line-height:1.1;color:var(--brand-navy);margin:0 0 15px;letter-spacing:-1px}
.cause-lead{font-size:18px;line-height:1.85;color:#666;margin:0;max-width:650px}
.cause-single-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}
.large-btn{padding-left:25px;padding-right:25px;min-height:48px}
.cause-single-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:28px;max-width:1160px;margin:5px auto 35px;align-items:start}
.cause-story{max-width:none;margin:0;padding:30px}
.section-mini-heading h2{margin:5px 0 15px;color:var(--brand-navy);font-size:28px}
.cause-detail-text{font-size:16px;line-height:2;color:#514d48}
.fundraising-card{background:#fff;border:1px solid #e5dfd2;border-radius:22px;padding:26px;box-shadow:0 10px 30px rgba(31,42,55,.08);position:sticky;top:20px}
.fundraising-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.fundraising-head .eyebrow{margin:0 0 5px}
.fundraising-head h2{margin:0;color:var(--brand-navy);font-size:31px}
.fundraising-head>span{background:#e4f6f2;color:#087f76;border-radius:999px;padding:6px 10px;font-weight:900;font-size:12px}
.progress-track.big{height:12px;margin:20px 0 10px}
.fundraising-goal{display:flex;justify-content:space-between;align-items:baseline;color:#747474;font-size:13px}
.fundraising-goal strong{color:var(--brand-navy);font-size:22px}
.fundraising-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;background:#fafafa;border-radius:14px;padding:17px 10px}
.fundraising-stats div{text-align:center;border-right:1px solid #e7e7e7}
.fundraising-stats div:last-child{border-right:0}
.fundraising-stats strong{display:block;color:var(--brand-navy);font-size:22px}
.fundraising-stats small{color:#777;font-size:11px}
.no-goal-box{background:#fff8e8;border:1px solid #f0db9d;border-radius:14px;padding:18px;color:#6f5621;display:flex;flex-direction:column;gap:10px;line-height:1.7}
.quick-donate-box{border-top:1px solid #ece7dc;margin-top:20px;padding-top:20px}
.quick-donate-box h3{margin:0 0 12px;color:#333;font-size:16px}
.quick-donate-box{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.quick-donate-box h3{grid-column:1/-1}
.quick-donate-box a{display:flex;align-items:center;justify-content:center;min-height:42px;border:1px solid #ddd6c9;border-radius:10px;text-decoration:none;color:var(--brand-navy);font-weight:900;background:#fffdf8}
.quick-donate-box a:hover{background:#fff1bf;border-color:#e4c466}

/* Donation support block */
.donation-support-strip{max-width:1160px;margin:55px auto 28px;padding:30px 34px;border-radius:22px;background:linear-gradient(135deg,#0b3b66,#125281);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative;overflow:hidden}
.donation-support-strip:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-70px;top:-80px;background:rgba(246,189,24,.95)}
.donation-support-strip>div{position:relative;z-index:1}
.donation-support-strip h2{font-size:clamp(22px,3vw,31px);margin:4px 0 7px}
.donation-support-strip p:not(.eyebrow){margin:0;color:#e8f2f9;line-height:1.7}
.donation-support-strip .btn{position:relative;z-index:1;flex:0 0 auto}
.campaign-options{max-width:1160px;margin:0 auto}
.campaign-options article{border-radius:20px;padding:28px;box-shadow:0 8px 26px rgba(31,42,55,.06);border:1px solid #ebe4d7}
.option-icon{width:48px;height:48px;border-radius:14px;background:#fff1bf;color:var(--brand-navy);display:grid;place-items:center;font-weight:900;margin-bottom:14px}

/* Premium footer - no desktop gap behind it */
.site-footer{background:var(--brand-navy-dark);color:#fff;padding:44px 22px 0;text-align:left;margin-top:30px}
.footer-grid{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px;padding-bottom:35px}
.footer-brand img{width:72px;height:72px;object-fit:contain;background:#fff;border-radius:50%;padding:5px}
.footer-brand h3{font-size:18px;margin:14px 0 8px;color:#fff}
.footer-brand p{max-width:410px;margin:0;color:#cbd8e4;line-height:1.7;font-size:13px}
.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.footer-links h4{margin:0 0 6px;color:var(--brand-gold);font-size:14px;text-transform:uppercase;letter-spacing:.7px}
.footer-links a{color:#eaf1f7;text-decoration:none;font-size:13px}
.footer-links a:hover{color:var(--brand-gold)}
.footer-location{color:#cbd8e4;font-size:13px;line-height:1.6;margin:5px 0 0}
.footer-bottom{max-width:1160px;margin:0 auto;border-top:1px solid rgba(255,255,255,.13);min-height:62px;padding:18px 0;display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;color:#bdcbd7;font-size:11px}
.footer-bottom span:last-child{color:var(--brand-gold);font-weight:800}
.bottom-nav{display:none}

@media(max-width:950px){
  .header-actions{gap:7px}.header-login{padding:0 14px}.header-donate{padding:0 16px}
  .campaign-grid{grid-template-columns:1fr;max-width:720px}
  .cause-single-hero,.cause-single-layout{grid-template-columns:1fr}
  .cause-single-content{order:-1}
  .cause-single-image,.cause-single-image img{min-height:340px}
  .fundraising-card{position:static}
  .footer-grid{grid-template-columns:1.3fr 1fr;gap:35px}
  .footer-grid .footer-links:last-child{grid-column:1/-1}
}
@media(max-width:700px){
  body{padding-bottom:74px}
  .utility-bar{display:none}
  .site-header{padding:10px 14px;gap:10px}
  .brand img{width:48px;height:48px}.brand strong{font-size:13px}.brand small{font-size:10px}
  .header-actions{margin-left:auto}.header-login{display:none}.header-donate{font-size:12px;min-height:40px;padding:0 14px}
  .language-switcher a{min-width:29px;height:28px;font-size:10px}
  .top-nav{display:none}
  .page-wrap{padding:0 14px 25px}
  .campaign-hero{margin:0 -14px;min-height:360px;padding:52px 22px}
  .campaign-hero h1{font-size:34px;letter-spacing:-.6px}.campaign-hero p:not(.eyebrow){font-size:14px}
  .shape-one{width:160px;height:160px;left:-85px;bottom:-45px}.shape-two{width:180px;height:180px;right:-90px;top:-55px}
  .campaign-heading{margin:40px auto 24px}.campaign-heading h2{font-size:30px}
  .campaign-image-wrap{height:220px}.campaign-card-body{padding:19px}.campaign-card h3{font-size:22px}.campaign-card p{font-size:14px}
  .campaign-stats{grid-template-columns:1fr 1fr 1fr}.campaign-stats span{font-size:10px}
  .campaign-actions{grid-template-columns:1fr 1fr}.campaign-actions .btn{padding:10px 9px;font-size:12px}
  .cause-single-hero{padding:26px 0 22px;gap:22px}.cause-single-content{order:0}.cause-single-content h1{font-size:36px}.cause-lead{font-size:15px}.cause-single-image,.cause-single-image img{min-height:245px}
  .cause-single-layout{gap:18px}.cause-story{padding:21px}.fundraising-card{padding:20px}.fundraising-head h2{font-size:26px}
  .donation-support-strip{margin:38px 0 22px;padding:24px 20px;display:block}.donation-support-strip .btn{margin-top:18px}.donation-support-strip:after{width:120px;height:120px;right:-55px;top:-50px}
  .campaign-options{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:25px;padding-bottom:25px}.footer-grid .footer-links:last-child{grid-column:auto}.site-footer{padding-top:35px}.footer-bottom{display:block;padding:15px 0}.footer-bottom span{display:block;margin:5px 0;line-height:1.6}.site-footer{padding-bottom:8px}
  .bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fff;border-top:1px solid #e5dfd2;box-shadow:0 -8px 25px rgba(31,42,55,.1);justify-content:space-around;padding:7px 4px 8px}
  .bottom-nav a{color:var(--brand-navy);text-decoration:none;text-align:center;font-size:17px;min-width:52px}.bottom-nav a span{display:block;font-size:9px;font-weight:900;margin-top:2px}.bottom-nav .bottom-donate{color:#fff;background:var(--brand-gold);border-radius:13px;padding:4px 9px;margin-top:-13px;box-shadow:0 7px 16px rgba(246,189,24,.28)}
}
.quick-amounts-label{font-size:12px;font-weight:900;color:var(--brand-navy);margin:3px 0 -2px}

/* =========================================================
   V4 FRONTEND DESIGN SYSTEM — SAFFRON / CREAM / GOLD
   ========================================================= */
:root{
  --brand-navy:#5b2d19;
  --brand-navy-dark:#3d1e12;
  --brand-gold:#d9a21b;
  --brand-gold-soft:#fff0bd;
  --brand-teal:#b84a25;
  --page-bg:#fffaf0;
  --surface:#ffffff;
  --line-soft:#ead9b7;
  --text-soft:#76675d;
  --theme-saffron:#d9572b;
  --theme-saffron-deep:#a93d1e;
  --theme-gold:#d9a21b;
  --theme-gold-light:#fff0bd;
  --theme-cream:#fffaf0;
  --theme-ink:#3d2418;
}
html,body{background:var(--theme-cream);color:var(--theme-ink)}
body{font-family:"Noto Sans Devanagari","Noto Sans Gurmukhi",Arial,sans-serif;padding-bottom:0}
.page-wrap{padding-bottom:0}
.site-header{background:linear-gradient(135deg,#fffdf7 0%,#fff6df 100%);border-bottom:1px solid #ead7ae;box-shadow:0 6px 22px rgba(92,45,25,.07)}
.brand{color:var(--theme-ink)}
.brand strong{color:var(--theme-saffron-deep)}
.brand small{color:#7a6254}
.header-login{background:var(--theme-saffron);color:#fff}
.header-donate{background:var(--theme-gold);color:#3d2418;box-shadow:0 8px 20px rgba(217,162,27,.22)}
.language-switcher{background:#fff;border-color:#ead9b7}
.language-switcher a{color:var(--theme-saffron-deep)}
.language-switcher a.active{background:var(--theme-saffron);color:#fff}
.top-nav{background:#fffdf8;border-bottom-color:var(--theme-gold)}
.top-nav a{color:#654b3c}
.top-nav a:hover{color:var(--theme-saffron-deep);background:var(--theme-gold-light)}

/* Same campaign-style hero on every frontend page */
.site-page-hero{position:relative;isolation:isolate;overflow:hidden;min-height:300px;margin:0 -22px;padding:58px clamp(28px,8vw,100px);display:flex;align-items:center;background:linear-gradient(135deg,var(--theme-saffron-deep),var(--theme-saffron));color:#fff;border-bottom:6px solid var(--theme-gold)}
.site-page-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 50% 125%,rgba(255,255,255,.16),transparent 38%),linear-gradient(115deg,rgba(255,255,255,.04),transparent 55%)}
.site-page-hero-inner{max-width:1060px;width:100%;margin:auto;text-align:center;position:relative;z-index:2}
.site-page-hero-kicker{margin:0 0 10px;color:#ffe9a6;font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:12px}
.site-page-hero h1{margin:0 auto 15px;max-width:1000px;font-size:clamp(34px,5vw,58px);line-height:1.08;letter-spacing:-1px;font-weight:900;color:#fff}
.site-page-hero-inner>p:last-child{max-width:780px;margin:0 auto;color:#fff8e8;font-size:17px;line-height:1.8}
.site-page-hero-shape{position:absolute;border-radius:50%;z-index:-1;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.site-page-hero-shape-left{width:230px;height:230px;left:-110px;bottom:-75px;background:var(--theme-gold)}
.site-page-hero-shape-right{width:290px;height:290px;right:-120px;top:-100px;background:#ffe8a0}
.site-page-hero-shape-small{width:110px;height:110px;right:22%;bottom:-58px;background:#fff7df;opacity:.8}

/* Replace old blue/teal campaign components with the temple palette */
.campaign-hero{background:linear-gradient(135deg,var(--theme-saffron-deep),var(--theme-saffron));border-bottom:6px solid var(--theme-gold)}
.campaign-hero-shape,.shape-one{background:var(--theme-gold)}
.shape-two{background:#ffe8a0}
.campaign-hero .eyebrow{color:#ffe9a6!important}
.campaign-btn,.primary{background:var(--theme-saffron);color:#fff}
.secondary{background:#fff;border-color:var(--theme-gold);color:var(--theme-saffron-deep)}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(92,45,25,.15)}
.eyebrow{color:var(--theme-saffron)}
.badge,.campaign-card .cause-range,.cause-single-content .cause-range{background:var(--theme-gold-light);color:#6f4b08}
.progress-track span{background:linear-gradient(90deg,var(--theme-saffron),var(--theme-gold))}
.campaign-percent{color:var(--theme-saffron)}
.campaign-card h3,.cause-single-content h1,.section-mini-heading h2,.fundraising-head h2,.campaign-stats strong{color:var(--theme-saffron-deep)}
.fundraising-head>span{background:var(--theme-gold-light);color:#7b5706}
.no-goal-box{background:#fff8e7;border-color:#edd38a;color:#6f5621}
.quick-donate-box a:hover{background:var(--theme-gold-light);border-color:var(--theme-gold)}
.donation-support-strip{background:linear-gradient(135deg,var(--theme-saffron-deep),var(--theme-saffron));border:1px solid rgba(255,255,255,.08)}
.donation-support-strip:after{background:var(--theme-gold)}
.option-icon{background:var(--theme-gold-light);color:var(--theme-saffron-deep)}
.content-card,.cards article,.campaign-card,.fundraising-card{border-color:#ead9b7;box-shadow:0 12px 32px rgba(92,45,25,.07)}
.cards article:hover,.content-card:hover{box-shadow:0 16px 38px rgba(92,45,25,.10)}

/* Premium footer — flush to the content, no trailing cream gap */
.site-footer{background:linear-gradient(145deg,#3d1e12,#5b2d19);margin-top:0;border-top:5px solid var(--theme-gold);padding-top:42px}
.footer-links h4{color:#ffd970}
.footer-links a:hover{color:#ffd970}
.footer-bottom{border-top-color:rgba(255,234,170,.18)}
.footer-bottom span:last-child{color:#ffd970}

/* QR donation experience */
.qr-donation-shell{max-width:1160px;margin:0 auto;padding:34px 0 46px}
.qr-result{display:flex;align-items:center;gap:12px;border-radius:16px;padding:16px 18px;margin-bottom:20px;border:1px solid #ead9b7;background:#fff}
.qr-result>strong{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--theme-gold-light);color:var(--theme-saffron-deep);flex:0 0 auto}
.qr-donation-flow{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:24px;align-items:start}
.qr-step-card,.qr-payment-card{background:#fff;border:1px solid #ead9b7;border-radius:24px;box-shadow:0 14px 36px rgba(92,45,25,.08)}
.qr-step-card{padding:28px}
.qr-payment-card{padding:26px;position:sticky;top:18px;background:linear-gradient(180deg,#fffdf7 0%,#fff 100%)}
.step-heading{display:flex;gap:14px;align-items:flex-start;margin-bottom:22px}
.step-heading h2{margin:2px 0 6px;color:var(--theme-saffron-deep);font-size:25px}
.step-heading p:last-child{margin:0;color:var(--text-soft);line-height:1.65;font-size:13px}
.step-number{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--theme-saffron);color:#fff;font-weight:900;flex:0 0 auto;box-shadow:0 8px 18px rgba(169,61,30,.2)}
.qr-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}
.qr-form-grid label{margin:10px 0}
.amount-picker{grid-column:1/-1;padding:12px 0 6px}
.amount-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:10px}
.amount-tiles button{min-height:46px;border:1px solid #e6d5ae;border-radius:12px;background:#fffdf7;color:var(--theme-saffron-deep);font-weight:900;cursor:pointer;transition:.18s ease}
.amount-tiles button:hover:not(:disabled),.amount-tiles button.selected{background:var(--theme-gold-light);border-color:var(--theme-gold);transform:translateY(-2px)}
.amount-tiles button:disabled{opacity:.38;cursor:not-allowed;background:#f4efe5}
.qr-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.qr-chip{display:inline-flex;padding:5px 9px;border-radius:999px;background:var(--theme-gold-light);color:#6f4b08;font-size:10px;font-weight:900;letter-spacing:.08em}
.qr-card-top h2{margin:8px 0 4px;color:var(--theme-saffron-deep);font-size:23px}
.qr-card-top p{margin:0;color:var(--text-soft);font-size:13px}
.qr-live-amount{white-space:nowrap;color:var(--theme-saffron-deep);font-size:16px;font-weight:800}
.qr-live-amount strong{font-size:30px}
.qr-image-frame{display:grid;place-items:center;margin:20px auto 16px;width:min(100%,330px);aspect-ratio:1;border-radius:22px;background:#fff;border:10px solid #fff;box-shadow:0 0 0 1px #ead9b7,0 16px 32px rgba(92,45,25,.10);overflow:hidden}
.qr-image-frame img{display:block;width:100%;height:100%;object-fit:contain}
.qr-payee{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px;border-radius:15px;background:#fff8e8;border:1px solid #f0dfb8}
.qr-payee div{display:flex;flex-direction:column;gap:3px;min-width:0}
.qr-payee span{font-size:10px;color:#806e60;text-transform:uppercase;letter-spacing:.06em}
.qr-payee strong{font-size:12px;color:var(--theme-saffron-deep);overflow-wrap:anywhere}
.qr-check-note{margin:13px 0 0;color:#6c572f;font-size:12px;line-height:1.6}
.qr-payment-instructions{display:flex;gap:10px;align-items:flex-start;margin-top:18px;padding-top:17px;border-top:1px solid #ead9b7}
.instruction-number{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:var(--theme-gold);color:#3d2418;font-weight:900;flex:0 0 auto}
.qr-payment-instructions p{margin:2px 0 0;font-size:12px;line-height:1.6;color:#67564c}
.receipt-step{grid-column:1/-1}
.receipt-upload-box{display:flex;align-items:center;gap:16px;padding:18px;border:1px dashed #d6b766;border-radius:18px;background:#fffaf0}
.upload-icon{width:46px;height:46px;border-radius:14px;background:var(--theme-gold-light);color:var(--theme-saffron-deep);display:grid;place-items:center;font-size:24px;font-weight:900;flex:0 0 auto}
.upload-copy{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.upload-copy strong{color:var(--theme-saffron-deep)}
.upload-copy span{font-size:12px;line-height:1.6;color:var(--text-soft)}
.file-picker{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:24px;background:var(--theme-saffron);color:#fff;font-weight:900;cursor:pointer;overflow:hidden;flex:0 0 auto}
.file-picker input{position:absolute!important;inset:0;opacity:0;cursor:pointer;margin:0!important;padding:0!important}
.verification-submit{display:flex;gap:12px;align-items:center;margin-top:20px;flex-wrap:wrap}
.qr-bottom-actions{margin-top:20px}
.qr-success-card{max-width:650px;margin:35px auto;padding:42px 28px;text-align:center;background:#fff;border:1px solid #ead9b7;border-radius:26px;box-shadow:0 18px 45px rgba(92,45,25,.09)}
.success-icon{width:70px;height:70px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:var(--theme-gold-light);color:var(--theme-saffron-deep);font-size:34px;font-weight:900}
.qr-success-card h2{color:var(--theme-saffron-deep);margin:0 0 10px}
.qr-success-card p{color:var(--text-soft);line-height:1.8;margin:0 0 22px}

/* Form polish */
input,select,textarea{background:#fffdf9;border-color:#dfc88f;color:var(--theme-ink);outline:none;transition:border-color .18s,box-shadow .18s}
input:focus,select:focus,textarea:focus{border-color:var(--theme-saffron);box-shadow:0 0 0 4px rgba(217,87,43,.10)}
form label{color:#4f382a}
.form-help{color:#86766b;font-size:11px;line-height:1.5}
.alert{background:#fff0e9;border-color:#eab6a5;color:#7b2f1c}
.success{background:#fff7d9;border-color:#e3c66b;color:#5c450a}

/* Consistent section rhythm */
.section-heading{max-width:900px;margin-left:auto;margin-right:auto}
.section-heading h1,.section-heading h2{color:var(--theme-saffron-deep)}
.guide-card{background:#fff;border:1px solid #ead9b7;border-radius:24px;box-shadow:0 12px 32px rgba(92,45,25,.08)}
.yatra-grid article,.feature-grid article,.memory-grid figure{border-color:#ead9b7!important;background:#fff}
.yatra-grid article:hover,.feature-grid article:hover{box-shadow:0 14px 30px rgba(92,45,25,.09)}

@media(max-width:950px){
  .qr-donation-flow{grid-template-columns:1fr}
  .qr-payment-card{position:static;grid-row:auto}
  .receipt-step{grid-column:auto}
}
@media(max-width:700px){
  .site-page-hero{margin:0 -14px;min-height:300px;padding:52px 22px}
  .site-page-hero h1{font-size:34px}
  .site-page-hero-inner>p:last-child{font-size:14px}
  .site-page-hero-shape-left{width:160px;height:160px;left:-85px;bottom:-45px}
  .site-page-hero-shape-right{width:180px;height:180px;right:-90px;top:-55px}
  .site-page-hero-shape-small{display:none}
  .qr-donation-shell{padding:22px 0 34px}
  .qr-step-card,.qr-payment-card{padding:20px;border-radius:20px}
  .qr-form-grid{grid-template-columns:1fr}
  .amount-picker{grid-column:auto}
  .amount-tiles{grid-template-columns:repeat(3,1fr)}
  .qr-payee{grid-template-columns:1fr}
  .receipt-upload-box{align-items:flex-start;flex-wrap:wrap}
  .upload-copy{flex-basis:calc(100% - 62px)}
  .file-picker{width:100%}
  .verification-submit .btn{width:100%;text-align:center}
  .qr-card-top h2{font-size:20px}
  .qr-live-amount strong{font-size:26px}
  .site-footer{padding-bottom:8px}
}
form .file-picker{display:inline-flex;margin:0}
@media(max-width:700px){.site-footer{padding-bottom:90px}}


/* =========================================================
   SENIOR UI LEAD - HOME HERO RESTORE + INNER PAGE HERO
   Home keeps the original hero design. Other frontend pages
   use a matching visual language in the saffron/cream/gold theme.
   ========================================================= */
.home-hero{
  position:relative;
  overflow:hidden;
  margin:0 -22px 0;
  min-height:420px;
  padding:clamp(44px,7vw,78px) clamp(28px,7vw,90px);
  border-radius:0;
  border:0;
  border-bottom:5px solid var(--brand-gold);
  background:
    radial-gradient(circle at 92% 12%,rgba(246,189,24,.30),transparent 27%),
    radial-gradient(circle at 4% 95%,rgba(246,189,24,.25),transparent 25%),
    linear-gradient(135deg,#fffdf5 0%,#fff4d2 52%,#ffe9b0 100%);
  box-shadow:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:48px;
  isolation:isolate;
}
.home-hero:before,.home-hero:after{
  content:"";
  position:absolute;
  border-radius:50%;
  z-index:-1;
}
.home-hero:before{
  width:330px;height:330px;
  left:-190px;bottom:-180px;
  background:var(--brand-gold);
  opacity:.92;
}
.home-hero:after{
  width:430px;height:430px;
  right:-250px;top:-230px;
  background:#f7c928;
  opacity:.82;
}
.home-hero-copy{max-width:900px;position:relative;z-index:2}
.home-hero .eyebrow{color:var(--brand-saffron,#d9572b)!important}
.home-hero .home-heading-line2{white-space:nowrap}
.home-hero h1{
  color:#3a2116;
  font-family:Inter,"Noto Sans Devanagari",system-ui,sans-serif;
  font-size:clamp(34px,4.4vw,58px);
  line-height:1.08;
  letter-spacing:-1.5px;
  margin:10px 0 18px;
  font-weight:900;
}
.home-hero-copy>p:not(.eyebrow){
  max-width:700px;
  color:#665246;
  font-size:18px;
  line-height:1.8;
  margin:0;
}
.home-hero .hero-logo{
  position:relative;
  z-index:2;
  width:min(32vw,300px);
  height:auto;
  filter:drop-shadow(0 18px 24px rgba(91,48,19,.18));
}
.home-hero .primary{
  background:var(--brand-saffron,#d9572b);
  color:#fff;
  box-shadow:0 10px 24px rgba(217,87,43,.18);
}
.home-hero .secondary{
  background:rgba(255,255,255,.88);
  color:#6c3d16;
  border:1px solid var(--brand-gold);
}

.frontend-page-hero{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  margin:0 -22px 0;
  min-height:300px;
  padding:56px clamp(28px,7vw,90px);
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#3a2116;
  border-bottom:5px solid var(--brand-gold);
  background:
    radial-gradient(circle at 92% 15%,rgba(246,189,24,.26),transparent 28%),
    radial-gradient(circle at 7% 95%,rgba(246,189,24,.22),transparent 25%),
    linear-gradient(135deg,#fffdf5 0%,#fff4d2 55%,#ffe8ad 100%);
}
.frontend-page-hero-inner{max-width:980px;position:relative;z-index:2}
.frontend-page-hero-kicker{
  margin:0 0 10px;
  color:#b96b13;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:12px;
}
.frontend-page-hero h1{
  margin:0 auto 14px;
  max-width:1000px;
  color:#3a2116;
  font-family:Inter,"Noto Sans Devanagari",system-ui,sans-serif;
  font-size:clamp(34px,5vw,56px);
  line-height:1.08;
  letter-spacing:-1.1px;
  font-weight:900;
}
.frontend-page-hero-inner>p:last-child{
  max-width:760px;
  margin:0 auto;
  color:#665246;
  font-size:17px;
  line-height:1.8;
}
.frontend-page-hero-shape{
  position:absolute;
  border-radius:50%;
  z-index:-1;
}
.frontend-page-hero-shape-left{
  width:250px;height:250px;
  left:-135px;bottom:-100px;
  background:var(--brand-gold);
}
.frontend-page-hero-shape-right{
  width:300px;height:300px;
  right:-145px;top:-125px;
  background:#f7c928;
}
.frontend-page-hero-shape-small{
  width:115px;height:115px;
  right:18%;bottom:-70px;
  background:#fff;
  opacity:.72;
}

/* Do not let old navy campaign variables leak into the common frontend hero. */
.campaign-hero{
  background:
    radial-gradient(circle at 92% 15%,rgba(246,189,24,.26),transparent 28%),
    radial-gradient(circle at 7% 95%,rgba(246,189,24,.22),transparent 25%),
    linear-gradient(135deg,#fffdf5 0%,#fff4d2 55%,#ffe8ad 100%);
  color:#3a2116;
  border-bottom:5px solid var(--brand-gold);
}
.campaign-hero h1{color:#3a2116}
.campaign-hero p:not(.eyebrow){color:#665246}
.campaign-hero .eyebrow{color:#b96b13!important}

@media(max-width:800px){
  .home-hero{
    margin:0 -14px;
    min-height:0;
    padding:42px 22px 48px;
    flex-direction:column-reverse;
    text-align:center;
    gap:24px;
  }
  .home-hero .hero-logo{width:190px}
  .home-hero h1{font-size:34px;letter-spacing:-.7px}
  .home-hero-copy>p:not(.eyebrow){font-size:15px}
  .home-hero .actions{justify-content:center}
  .frontend-page-hero{
    margin:0 -14px;
    min-height:260px;
    padding:46px 22px;
  }
  .frontend-page-hero h1{font-size:34px;letter-spacing:-.6px}
  .frontend-page-hero-inner>p:last-child{font-size:14px}
  .frontend-page-hero-shape-left{width:170px;height:170px;left:-95px;bottom:-70px}
  .frontend-page-hero-shape-right{width:190px;height:190px;right:-90px;top:-70px}
  .frontend-page-hero-shape-small{display:none}
}


/* =========================================================
   V6 — QR PAGE LAYOUT GLITCH FIX
   Keeps the approved Home/inner-page hero design intact.
   ========================================================= */
html,body{width:100%;max-width:100%;overflow-x:hidden}
.frontend-page-hero{height:auto;min-height:300px;box-sizing:border-box}
.frontend-page-hero-inner{width:min(100%,980px);padding-inline:8px}
.frontend-page-hero h1{overflow-wrap:anywhere}
.qr-donation-shell{width:100%;box-sizing:border-box}
.qr-donation-flow{width:100%;min-width:0}
.qr-step-card,.qr-payment-card{min-width:0;box-sizing:border-box}
.qr-payment-card{overflow:hidden}
.qr-card-top>div:first-child{min-width:0}
.qr-card-top h2{overflow-wrap:anywhere}
.qr-image-frame{max-width:330px;min-width:0}
.qr-image-frame img{max-width:100%;max-height:100%;object-fit:contain}
.receipt-upload-box{min-width:0}
.upload-copy{overflow-wrap:anywhere}
.file-picker{white-space:nowrap}
@media(max-width:950px){
  .qr-donation-flow{grid-template-columns:minmax(0,1fr);}
  .qr-payment-card{width:100%;}
}
@media(max-width:700px){
  .frontend-page-hero{min-height:260px;padding:44px 18px}
  .frontend-page-hero-inner{padding:0}
  .frontend-page-hero h1{font-size:clamp(30px,9vw,38px);line-height:1.12}
  .frontend-page-hero-inner>p:last-child{font-size:14px;line-height:1.65}
  .qr-donation-shell{padding-top:18px}
  .qr-payment-card{padding:18px}
  .qr-image-frame{width:min(100%,300px);margin-left:auto;margin-right:auto}
}

@media(max-width:700px){.site-header .header-login{display:inline-flex;min-height:38px;padding:0 12px;font-size:11px}.site-header .header-actions{gap:6px}.site-header .header-donate{padding:0 12px;font-size:11px}.bottom-nav{overflow-x:auto}.bottom-nav a{min-width:48px}.bottom-nav a:last-child{display:block}}

/* V11 frontend responsive hardening */
html,body{max-width:100%;overflow-x:hidden}
.page-wrap{width:100%;max-width:1280px;min-width:0}
.site-header,.top-nav,.utility-bar{max-width:100%;overflow:hidden}
.brand{min-width:0}
.brand strong,.brand small{overflow-wrap:anywhere}
.header-actions{min-width:0;flex-wrap:wrap}
.top-nav{overflow-x:auto;scrollbar-width:none}
.top-nav::-webkit-scrollbar{display:none}
@media(max-width:900px){
  .page-wrap{padding-left:14px;padding-right:14px}
  .site-header{padding-left:14px;padding-right:14px}
  .brand img{width:54px;height:54px}
  .brand strong{font-size:16px}
  .header-actions{gap:5px}
  .language-switcher a{min-width:30px}
}
@media(max-width:650px){
  .utility-inner{padding:0 12px;min-height:34px;font-size:10px;white-space:nowrap;overflow:hidden}
  .utility-right{display:none}
  .site-header .brand{gap:8px}
  .site-header .brand img{width:48px;height:48px}
  .site-header .brand strong{font-size:14px;line-height:1.2}
  .site-header .brand small{font-size:10px}
  .header-login,.header-donate{min-height:36px;padding:0 10px;font-size:10px}
  .top-nav{min-height:48px;padding:5px 10px;gap:5px}
  .top-nav a{font-size:12px;padding:8px 7px}
  .frontend-page-hero{margin-left:-14px;margin-right:-14px;border-radius:0;min-height:245px}
  .frontend-page-hero h1{max-width:100%;overflow-wrap:anywhere}
}

/* V12 — Auth + Volunteer UX */
.auth-shell,.volunteer-shell{width:min(1180px,100%);margin:34px auto 60px;display:grid;grid-template-columns:.9fr 1.1fr;gap:0;align-items:stretch}
.auth-showcase,.volunteer-intro{position:relative;overflow:hidden;background:linear-gradient(145deg,#3b2117,#7d341f 65%,#d9572b);color:#fff;padding:54px;display:flex;flex-direction:column;justify-content:center;min-height:610px;border-radius:28px 0 0 28px}
.auth-showcase-glow{position:absolute;width:330px;height:330px;border-radius:50%;right:-150px;top:-120px;background:rgba(255,213,102,.18);box-shadow:0 0 0 60px rgba(255,255,255,.03)}
.auth-showcase:after,.volunteer-intro:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;left:-100px;bottom:-90px;background:rgba(255,213,102,.18)}
.auth-logo,.volunteer-art img{width:96px;height:96px;object-fit:contain;background:#fff;border-radius:24px;padding:10px;box-shadow:0 15px 35px rgba(0,0,0,.18);margin-bottom:28px}
.auth-showcase .eyebrow,.volunteer-intro .eyebrow{color:#ffe39b!important}.auth-showcase h1,.volunteer-intro h1{font-size:clamp(34px,4vw,52px);line-height:1.08;margin:0 0 18px;color:#fff;max-width:600px}.auth-showcase>p:not(.eyebrow),.volunteer-intro>p:not(.eyebrow){font-size:17px;line-height:1.8;color:#fff5e7;max-width:520px}
.auth-benefits{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.auth-benefits span{border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.08);padding:9px 12px;border-radius:999px;font-size:13px;font-weight:800}
.auth-form-card,.volunteer-form-card{background:#fff;border:1px solid #ead9b7;padding:42px;border-radius:0 28px 28px 0;box-shadow:0 20px 55px rgba(82,42,23,.1)}.auth-form-head h2{font-size:32px;margin:0 0 8px}.auth-form-head>p:last-child{color:#75675e;line-height:1.7}.auth-links{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.auth-links a,.auth-back{color:#9b4b1f;font-weight:800;text-decoration:none}.auth-links a:hover,.auth-back:hover{text-decoration:underline}.auth-back{display:inline-block;margin-top:22px}.auth-simple-card{margin:50px auto 80px}
.volunteer-shell{grid-template-columns:.82fr 1.18fr}.volunteer-intro{min-height:760px}.volunteer-art img{width:86px;height:86px}.volunteer-steps{display:grid;gap:12px;margin-top:28px}.volunteer-steps div{display:flex;gap:14px;align-items:center}.volunteer-steps b{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.3);border-radius:50%;color:#ffe39b;font-size:12px}.volunteer-steps span{font-weight:800}.volunteer-note{margin-top:30px;padding:16px;border-radius:16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);display:grid;gap:5px}.volunteer-note span{font-size:13px;color:#fff5e7;line-height:1.6}.volunteer-form-card{padding:34px}.volunteer-form{gap:18px}.form-section-title{display:flex;gap:12px;align-items:center;padding:6px 0 2px;border-bottom:1px solid #f0e4cf}.form-section-title>span{width:34px;height:34px;border-radius:10px;background:#fff0c5;color:#8f4a1d;display:grid;place-items:center;font-weight:900}.form-section-title div{display:grid}.form-section-title small{color:#8b7a6c}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.upload-field input[type=file]{padding:12px;background:#fffaf0}.volunteer-success{text-align:center;padding:70px 20px}.success-icon{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;background:#e8f7ed;color:#22834a;font-size:38px;font-weight:900}.large-btn{min-height:52px}.report-wide{margin-top:22px}.compact-stats{grid-template-columns:repeat(4,1fr)}.ops-grid{align-items:start}
@media(max-width:900px){.auth-shell,.volunteer-shell{grid-template-columns:1fr;margin-top:20px}.auth-showcase,.volunteer-intro{border-radius:24px 24px 0 0;min-height:auto;padding:34px}.auth-form-card,.volunteer-form-card{border-radius:0 0 24px 24px;padding:26px}.auth-showcase h1,.volunteer-intro h1{font-size:36px}.compact-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.auth-showcase,.volunteer-intro{padding:28px 22px}.auth-form-card,.volunteer-form-card{padding:22px 18px}.auth-showcase h1,.volunteer-intro h1{font-size:30px}.auth-benefits{display:grid}.form-two{grid-template-columns:1fr}.auth-links{display:grid}.volunteer-shell{margin-bottom:30px}.compact-stats{grid-template-columns:1fr 1fr}.auth-logo{width:76px;height:76px}}


/* =========================================================
   SEWA PARIWAR - MEMBER CARDS (REFERENCE-MATCHED UI ONLY)
   Keeps existing member data, links, roles and functionality intact.
   ========================================================= */
.members-reference-grid{
  display:grid;
  gap:18px;
  margin:0 auto;
}
.management-reference-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  max-width:1040px;
}
.volunteer-reference-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  max-width:1100px;
}
.member-reference-card{
  display:grid;
  grid-template-columns:120px minmax(0,1fr);
  align-items:center;
  gap:14px;
  min-height:186px;
  padding:12px;
  background:#fff;
  border:1px solid #e9e4d8;
  border-radius:15px;
  box-shadow:0 7px 24px rgba(31,42,55,.07);
  overflow:hidden;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.member-reference-card:hover{
  transform:translateY(-3px);
  box-shadow:0 13px 30px rgba(31,42,55,.11);
  border-color:#e3d4b7;
}
.member-reference-photo{
  width:120px;
  height:160px;
  border-radius:10px;
  overflow:hidden;
  background:#f5efe3;
  display:grid;
  place-items:center;
  flex:0 0 auto;
}
.member-reference-photo .member-photo{
  width:100%;
  height:100%;
  aspect-ratio:auto;
  object-fit:cover;
  object-position:center top;
  margin:0;
  border-radius:0;
  display:block;
}
.member-reference-photo>span{
  font-size:34px;
}
.member-reference-content{
  min-width:0;
}
.member-reference-content h3{
  color:#171044;
  font-size:16px;
  line-height:1.3;
  margin:0 0 7px;
  font-weight:900;
}
.member-reference-content .badge{
  margin:0 0 8px;
  font-size:11px;
  line-height:1.2;
  padding:5px 10px;
}
.member-reference-content .member-description{
  color:#514b47;
  font-size:12px;
  line-height:1.55;
  margin:0 0 7px;
}
.member-reference-content .member-meta{
  display:block;
  color:#75675e;
  font-size:10px;
  line-height:1.4;
}
.management-member-card .badge{
  background:#fff0c5;
  color:#8b5d00;
}
.volunteer-member-card .badge{
  background:#fff0c5;
  color:#8b5d00;
}
.volunteer-member-card{
  grid-template-columns:88px minmax(0,1fr);
  min-height:156px;
  padding:10px;
  gap:11px;
}
.volunteer-member-card .member-reference-photo{
  width:88px;
  height:118px;
  border-radius:9px;
}
.member-responsibility-tag{
  display:inline-flex;
  align-items:center;
  max-width:100%;
  margin:0 0 8px;
  padding:4px 9px;
  border-radius:999px;
  background:#fff4d1;
  border:1px solid #efd28b;
  color:#7b5600;
  font-size:10px;
  font-weight:900;
  line-height:1.25;
}
.member-responsibility-admin{
  display:block;
  color:#8b5d00!important;
  font-size:9px!important;
  margin-top:3px;
}
.join-reference-card{
  min-height:186px;
  padding:22px;
  border:1px dashed #e2ad4e!important;
  border-radius:15px;
  background:linear-gradient(135deg,#fffaf0,#fff);
  display:grid;
  place-items:center;
  align-content:center;
  text-align:center;
  box-shadow:none;
}
.join-reference-card>span{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  margin:0 auto 8px;
  border-radius:50%;
  background:#fff0c5;
  color:#c74a26;
  font-size:25px;
}
.join-reference-card h3{
  color:#c63f1f;
  margin:0 0 5px;
  font-size:18px;
  font-weight:900;
}
.join-reference-card p{
  color:#514b47;
  font-size:12px;
  line-height:1.55;
  margin:0 0 12px;
}
.join-reference-card .btn{
  padding:10px 18px;
  font-size:12px;
  min-height:40px;
}
@media(max-width:1000px){
  .management-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}
  .volunteer-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px}
}
@media(max-width:760px){
  .management-reference-grid,.volunteer-reference-grid{grid-template-columns:1fr;max-width:560px}
}
@media(max-width:480px){
  .member-reference-card{grid-template-columns:96px minmax(0,1fr);gap:12px;min-height:156px;padding:10px}
  .member-reference-photo{width:96px;height:132px}
  .member-reference-content h3{font-size:15px}
  .member-reference-content .member-description{font-size:11px}
}
.membership-verify-page{text-align:center;max-width:700px}.verify-icon{width:64px;height:64px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:#e4f5eb;color:#167642;font-size:30px;font-weight:900}.verify-icon.invalid{background:#ffebe7;color:#b42318}.verify-status{display:inline-block;margin:14px 0 22px;padding:9px 16px;border-radius:999px;font-weight:800}.verify-status.valid{background:#e4f5eb;color:#167642}.verify-status.expired{background:#ffebe7;color:#b42318}.verify-details{display:grid;grid-template-columns:1fr 1fr;text-align:left;gap:10px;margin:20px 0 0}.verify-details div{padding:12px 14px;border:1px solid #eadfd4;border-radius:12px;background:#fff}.verify-details dt{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#85766d;font-weight:900}.verify-details dd{margin:4px 0 0;font-weight:800;color:#2d170e}.verify-details small{color:#766b64;font-weight:500}@media(max-width:700px){.verify-details{grid-template-columns:1fr}}


/* Release vNext: consistent breathing room before footer */
.page-wrap{padding-bottom:72px!important}
.admin-content{padding-bottom:72px!important}
@media(max-width:700px){.page-wrap{padding-bottom:88px!important}.admin-content{padding-bottom:84px!important}}

/* Creative public gallery */
.gallery-page-intro{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:30px;margin:8px 0 28px;padding:34px clamp(22px,5vw,52px);border-radius:28px;background:radial-gradient(circle at 88% 20%,rgba(255,220,121,.55),transparent 24%),linear-gradient(135deg,#fffdf7,#fff0cf);border:1px solid #e7c87f;box-shadow:0 18px 50px rgba(91,45,25,.08)}
.gallery-page-intro:after{content:'';position:absolute;width:180px;height:180px;border:1px solid rgba(212,160,23,.22);border-radius:50%;right:-55px;bottom:-80px}.gallery-intro-copy{position:relative;z-index:1;max-width:760px}.gallery-intro-copy h2{font-size:clamp(26px,4vw,44px);margin:5px 0 10px;color:var(--brand-navy)}.gallery-intro-copy p:last-child{margin:0;color:#6b5c53;line-height:1.75}.gallery-intro-mark{width:92px;height:92px;display:grid;place-items:center;border-radius:28px;background:linear-gradient(145deg,#f4512a,#d13c1d);color:#fff6d9;font-size:46px;font-weight:700;box-shadow:0 18px 35px rgba(244,81,42,.24);transform:rotate(4deg)}
.gallery-masonry{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.gallery-item{min-width:0;border-radius:20px;overflow:hidden;background:#fff;border:1px solid #eadfce;box-shadow:0 12px 30px rgba(53,27,19,.08);transition:transform .25s ease,box-shadow .25s ease}.gallery-item:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(53,27,19,.14)}.gallery-item.gallery-featured{border-color:#e3b84e}.gallery-photo{display:block;width:100%;aspect-ratio:4/3;padding:0;border:0;background:#f4eadb;cursor:pointer;position:relative;overflow:hidden}.gallery-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.gallery-item:hover .gallery-photo img{transform:scale(1.035)}.gallery-overlay{position:absolute;inset:auto 12px 12px 12px;display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-radius:13px;background:rgba(31,20,15,.72);backdrop-filter:blur(8px);color:#fff;opacity:0;transform:translateY(6px);transition:.25s ease;font-size:12px;font-weight:800}.gallery-overlay b{font-size:18px}.gallery-item:hover .gallery-overlay,.gallery-photo:focus-visible .gallery-overlay{opacity:1;transform:none}.gallery-caption{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px}.gallery-caption h3{margin:0 0 5px;color:var(--brand-navy);font-size:16px}.gallery-caption p{margin:0;color:#75675e;font-size:12px;line-height:1.55}.gallery-featured-badge{display:inline-flex;flex:0 0 auto;padding:5px 9px;border-radius:999px;background:#fff0c5;color:#8b5d00;font-size:10px;font-weight:900}.gallery-empty{text-align:center;max-width:650px;padding:55px}.gallery-open{overflow:hidden}.gallery-lightbox{position:fixed;inset:0;z-index:100;background:rgba(20,12,8,.92);display:grid;place-items:center;padding:28px}.gallery-lightbox[hidden]{display:none}.gallery-lightbox figure{max-width:calc(100vw - 80px);max-height:calc(100vh - 70px);margin:0;text-align:center}.gallery-lightbox figure img{display:block;width:auto;height:auto;max-width:calc(100vw - 96px);max-height:calc(100vh - 150px);object-fit:contain;margin:auto;border-radius:16px;box-shadow:0 25px 80px rgba(0,0,0,.45)}.gallery-lightbox figcaption{padding-top:12px;color:#fff}.gallery-lightbox figcaption h3{margin:0 0 4px}.gallery-lightbox figcaption p{margin:0;color:#e5d9d1;font-size:13px}.gallery-lightbox-close,.gallery-lightbox-prev,.gallery-lightbox-next{position:absolute;border:0;background:rgba(255,255,255,.12);color:#fff;cursor:pointer;width:46px;height:46px;border-radius:50%;font-size:28px;display:grid;place-items:center}.gallery-lightbox-close{top:18px;right:20px}.gallery-lightbox-prev{left:20px}.gallery-lightbox-next{right:20px}.gallery-lightbox-close:hover,.gallery-lightbox-prev:hover,.gallery-lightbox-next:hover{background:rgba(255,255,255,.22)}
/* Owner gallery manager */
.gallery-admin-editor{display:grid;grid-template-columns:280px 1fr;gap:24px;margin:20px 0 30px;padding:22px;border:1px solid #ead8b2;border-radius:20px;background:#fffaf1}.gallery-admin-preview{display:flex;flex-direction:column;gap:10px}.gallery-preview-frame{min-height:220px;border-radius:16px;background:linear-gradient(145deg,#fff4d5,#f8ead7);border:1px dashed #d4a017;display:grid;place-items:center;overflow:hidden;color:#b17b0b}.gallery-preview-frame img{width:100%;height:220px;object-fit:cover}.gallery-preview-frame span{font-size:42px}.gallery-preview-frame small{color:#8d7566}.gallery-admin-preview p{font-size:11px;color:#786b62;margin:0;line-height:1.5}.gallery-form{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start}.gallery-form label:first-child,.gallery-form label:nth-child(2),.gallery-form label:nth-child(3),.gallery-form label:nth-child(4),.gallery-form label:nth-child(5),.gallery-form label:nth-child(6),.gallery-form label:nth-child(7),.gallery-form label:nth-child(8){grid-column:span 1}.gallery-form .form-submit{grid-column:1/-1}.gallery-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.gallery-admin-card{overflow:hidden;background:#fff;border:1px solid #ead8b2;border-radius:18px;box-shadow:0 8px 24px rgba(53,27,19,.06)}.gallery-admin-card>img{width:100%;height:190px;object-fit:cover;display:block}.gallery-admin-card-body{padding:15px}.gallery-admin-card-meta{display:flex;gap:7px;align-items:center;margin-bottom:7px}.gallery-admin-card h3{margin:0 0 3px;color:var(--brand-navy);font-size:16px}.gallery-admin-card small{color:#796c63}.gallery-admin-card .action-row{margin-top:13px}.gallery-admin-card .inline-form{align-items:center;gap:10px}.gallery-admin-card .danger-text{color:#b42318}.gallery-admin-page{max-width:1280px}
@media(max-width:1100px){.gallery-masonry{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.gallery-admin-editor{grid-template-columns:1fr}.gallery-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-intro-mark{width:72px;height:72px;font-size:36px}}
@media(max-width:600px){.gallery-page-intro{padding:25px 20px}.gallery-intro-mark{display:none}.gallery-masonry{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gallery-item{border-radius:14px}.gallery-photo{aspect-ratio:1/1}.gallery-caption{padding:11px}.gallery-caption h3{font-size:14px}.gallery-caption p{font-size:11px}.gallery-group-label{font-size:8px}.gallery-admin-grid{grid-template-columns:1fr}.gallery-form{grid-template-columns:1fr}.gallery-form label,.gallery-form .form-submit{grid-column:1/-1}.gallery-lightbox{padding:12px}.gallery-lightbox figure{max-width:calc(100vw - 28px);max-height:calc(100vh - 48px)}.gallery-lightbox figure img{max-width:calc(100vw - 56px);max-height:calc(100vh - 100px);border-radius:12px}.gallery-lightbox-prev{left:5px}.gallery-lightbox-next{right:5px}.gallery-lightbox-close{right:8px;top:8px}}

/* Gallery groups */
.gallery-group-filter{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 24px;padding:6px;border-radius:18px;background:#fffaf3;border:1px solid #ead8b2}.gallery-group-chip{display:inline-flex;align-items:center;min-height:40px;padding:0 15px;border-radius:999px;text-decoration:none;color:#6f574b;font-size:12px;font-weight:900;transition:.2s ease}.gallery-group-chip:hover{background:#fff0d0;color:#9b4a1e;transform:translateY(-1px)}.gallery-group-chip.active{background:linear-gradient(135deg,#f4512a,#d83e1a);color:#fff;box-shadow:0 8px 18px rgba(244,81,42,.2)}.gallery-group-label{display:inline-flex;width:max-content;margin:0 0 6px;padding:4px 8px;border-radius:999px;background:#fff4d6;color:#9b6a08;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.7px}.receipt-official-card{padding:18px;margin-bottom:16px;background:linear-gradient(135deg,#fffaf2,#fff);border-color:#e7c87f}.receipt-digital-line{display:flex;align-items:center;gap:8px;margin:0 0 13px;color:#21663d;font-size:12px;font-weight:800}.receipt-digital-line span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e7f7ee;color:#16834d}.receipt-fingerprint{display:block;margin-top:12px;color:#81766f;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;word-break:break-all}.receipt-verify-wrap{max-width:860px;margin:0 auto;padding:42px 0}.receipt-verify-card{background:#fff;border:1px solid #ead8b2;border-radius:28px;padding:34px;box-shadow:0 22px 70px rgba(61,31,18,.1);text-align:center}.receipt-verify-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;font-size:28px;font-weight:900}.receipt-verify-icon.valid{background:#e7f7ee;color:#16834d}.receipt-verify-icon.invalid{background:#ffede9;color:#b43a24}.receipt-verify-card h1{margin:4px 0 9px;color:#28140e;font-size:32px}.receipt-verify-card>p:not(.eyebrow){color:#6e625b;line-height:1.7}.receipt-verify-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;text-align:left;margin:25px 0}.receipt-verify-grid>div{padding:14px;border:1px solid #eee2d6;border-radius:14px;background:#fffaf5}.receipt-verify-grid small{display:block;color:#887b73;font-size:9px;text-transform:uppercase;letter-spacing:.7px}.receipt-verify-grid strong{display:block;color:#33231c;font-size:13px;margin-top:4px}.receipt-verify-status{display:grid;gap:5px;text-align:left;padding:15px 17px;border-radius:15px;margin-bottom:22px;font-size:12px}.receipt-verify-status.success{background:#eaf8ef;color:#16683f;border:1px solid #c4e6d0}.receipt-verify-status.notice{background:#fff5da;color:#805c00;border:1px solid #eed28a}.receipt-verify-status span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;word-break:break-all}.receipt-verify-card .btn{margin-top:2px}
@media(max-width:600px){.gallery-group-filter{padding:5px;overflow:auto;flex-wrap:nowrap}.gallery-group-chip{white-space:nowrap}.receipt-verify-wrap{padding:24px 0}.receipt-verify-card{padding:24px 18px;border-radius:20px}.receipt-verify-grid{grid-template-columns:1fr}.receipt-verify-card h1{font-size:27px}}

.cms-managed-page{max-width:1100px;margin:22px auto;background:#fff;border:1px solid #ead8b2;border-radius:22px;padding:28px;box-shadow:0 8px 30px #6c37150d}.cms-managed-page h1,.cms-managed-page h2{color:var(--navy)}.cms-managed-page p{line-height:1.85}.cms-managed-page ul,.cms-managed-page ol{padding-left:25px;line-height:1.8}.cms-managed-page blockquote{border-left:4px solid var(--theme-gold,#d4a017);padding:12px 18px;background:#fff8e7;border-radius:10px}

/* Donation method chooser v2 */
.donation-method-picker{margin:2rem auto 3rem;max-width:1100px;padding:2rem;border:1px solid rgba(190,130,20,.22);border-radius:24px;background:#fff;box-shadow:0 16px 40px rgba(72,42,10,.08)}
.method-picker-head{margin-bottom:1.25rem}.method-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.method-form-grid label,.razorpay-donation-page label{display:flex;flex-direction:column;gap:.45rem;font-weight:700}.payment-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.25rem 0}.payment-method-card{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:.8rem;padding:1rem;border:1px solid #ead9bd;border-radius:18px;background:#fff8ed;cursor:pointer}.payment-method-card input{margin-top:.2rem}.payment-method-card.selected{border-color:#d58b19;box-shadow:0 0 0 2px rgba(213,139,25,.12);background:#fffdf8}.payment-method-card small{display:block;margin-top:.2rem;font-weight:500;opacity:.75}.payment-method-icon{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:40px;border-radius:12px;background:#f3b321;color:#fff;font-weight:800}.claim-80g-row{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:.6rem;font-weight:500}.claim-80g-row input{margin-top:.25rem}.claim-80g-row span{display:flex;flex-direction:column;gap:.15rem}.claim-80g-row small{font-weight:500;opacity:.7}.payment-summary{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border-radius:14px;background:#fff7e8;border:1px solid #eed8ac}.razorpay-donation-page{max-width:1000px;margin:2rem auto}.razorpay-donation-page .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media(max-width:760px){.method-form-grid,.payment-method-grid,.razorpay-donation-page .form-grid{grid-template-columns:1fr}.donation-method-picker{padding:1.2rem}.payment-summary{flex-direction:column}}

/* Donation method modal */
.donation-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(39,20,10,.62);backdrop-filter:blur(4px)}
.donation-modal.open{display:flex}.donation-modal-card{width:min(560px,100%);background:#fffdf8;border:1px solid #ead9bd;border-radius:24px;box-shadow:0 24px 70px rgba(0,0,0,.25);padding:28px;position:relative}.donation-modal-close{position:absolute;right:16px;top:12px;border:0;background:transparent;font-size:28px;line-height:1;cursor:pointer;color:#6e5a4f}.donation-modal-card .eyebrow{margin-bottom:5px}.donation-modal-card h2{margin:.2rem 0 .5rem}.donation-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.donation-method-btn{display:flex;align-items:center;gap:12px;text-align:left;padding:17px;border:1px solid #e7d3b0;border-radius:18px;background:#fff8ed;color:#2d1a12;text-decoration:none;transition:.2s}.donation-method-btn:hover{transform:translateY(-2px);border-color:#d59a25;box-shadow:0 8px 24px rgba(111,75,20,.12)}.donation-method-btn .method-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#f3b321;color:#fff;font-weight:800;flex:0 0 46px}.donation-method-btn strong{display:block}.donation-method-btn small{display:block;margin-top:3px;color:#735f52}.claim-80g-row{grid-column:1/-1!important;width:max-content;max-width:100%;display:inline-flex!important;align-items:flex-start!important;flex-direction:row!important;gap:7px!important}.claim-80g-row input{width:auto!important;min-width:16px;margin:3px 0 0!important;flex:0 0 auto}.claim-80g-row span{display:inline-flex!important;flex-direction:column!important;gap:2px!important}
@media(max-width:700px){.donation-modal-actions{grid-template-columns:1fr}.donation-modal-card{padding:24px 18px}}

.razorpay-amount-picker{grid-column:1/-1}.razorpay-amount-picker>label:first-child{margin-bottom:.35rem}.amount-tiles{display:flex;flex-wrap:wrap;gap:.55rem;margin:.25rem 0 .8rem}.amount-tiles button{border:1px solid #e5c98f;background:#fff8ed;color:#5b3218;border-radius:12px;padding:.6rem .85rem;font-weight:800;cursor:pointer}.amount-tiles button.selected{background:#d9572b;color:#fff;border-color:#d9572b}.custom-amount-label{max-width:260px!important}.claim-80g-row{grid-column:auto!important;width:max-content!important;max-width:100%!important;display:inline-flex!important;align-items:flex-start!important;flex-direction:row!important;gap:7px!important}.claim-80g-row input{width:16px!important;min-width:16px!important;margin:3px 0 0!important;flex:0 0 16px!important}.claim-80g-row span{display:inline-flex!important;flex-direction:column!important;gap:2px!important}

/* =========================================================
   V4.3 MOBILE UX — compact header actions + donation routing
   ========================================================= */
.header-action-icon{display:none}
@media(max-width:700px){
  .site-header{position:sticky;top:0;z-index:40;min-height:64px;align-items:center;padding:8px 12px;gap:8px;box-shadow:0 4px 18px rgba(61,30,18,.08)}
  .brand{min-width:0;flex:1;gap:8px}
  .brand img{width:42px;height:42px;flex:0 0 42px}
  .brand span{min-width:0;display:block}
  .brand strong{font-size:12px;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .brand small{font-size:9px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}
  .header-actions{display:flex;align-items:center;gap:5px;flex:0 0 auto}
  .header-action-text{display:none!important}
  .header-action-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;font-size:17px;line-height:1}
  .header-login,.header-donate{width:40px;height:40px;min-height:40px!important;padding:0!important;border-radius:12px!important;font-size:0!important;box-shadow:none!important}
  .header-login{background:#b84a25!important;color:#fff!important}
  .header-donate{background:#d9a21b!important;color:#3d1e12!important}
  .language-switcher{display:flex;gap:2px;order:-1}
  .language-switcher a{min-width:27px!important;height:27px!important;padding:0!important;border-radius:8px!important;font-size:9px!important;display:grid;place-items:center}
  .page-wrap{padding-left:12px;padding-right:12px}
  .campaign-heading{padding:0 4px}
  .campaign-grid{gap:14px}
  .campaign-card{border-radius:18px;overflow:hidden}
  .campaign-image-wrap{height:190px}
  .campaign-card-body{padding:16px}
  .campaign-card h3{font-size:19px;line-height:1.25}
  .campaign-card p{font-size:13px;line-height:1.6}
  .campaign-actions{gap:8px}
  .campaign-actions .btn{min-height:42px;display:flex;align-items:center;justify-content:center}
  .donation-support-strip,.campaign-options{margin-left:0;margin-right:0}
  .bottom-nav{padding-bottom:max(8px,env(safe-area-inset-bottom));}
  .bottom-nav .bottom-donate{min-width:54px}
}

/* V4.4 Mobile Creative Navigation — icon system + centered donation CTA */
.header-action-logo{display:none;align-items:center;justify-content:center;width:38px;height:38px}
.header-action-logo img{width:28px;height:28px;object-fit:contain;border-radius:50%}
.mobile-nav-icon{display:grid;place-items:center;width:28px;height:24px;margin:0 auto 3px}
.mobile-nav-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:700px){
  .site-header{padding:8px 10px!important;min-height:62px!important}
  .brand{gap:7px!important}
  .brand img{width:40px!important;height:40px!important;flex-basis:40px!important}
  .brand strong{font-size:11px!important;line-height:1.12!important;-webkit-line-clamp:2!important}
  .header-actions{gap:5px!important}
  .header-login,.header-donate{width:40px!important;height:40px!important;min-height:40px!important;border-radius:12px!important;padding:0!important}
  .header-login .header-action-icon{display:inline-flex!important;width:38px;height:38px}
  .header-donate .header-action-icon{display:none!important}
  .header-donate .header-action-logo{display:inline-flex!important}
  .header-donate{background:#fff!important;border:2px solid var(--theme-gold,#d9a21b)!important;box-shadow:0 4px 12px rgba(91,45,25,.12)!important}
  .header-donate .header-action-logo img{width:31px;height:31px}
  .bottom-nav{display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:2px!important;padding:7px 3px max(8px,env(safe-area-inset-bottom))!important;height:70px;box-sizing:border-box;overflow:visible!important}
  .bottom-nav a{min-width:0!important;width:100%!important;padding:4px 1px!important;font-size:10px!important;line-height:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;color:#5b4033!important;border-radius:10px!important}
  .bottom-nav a span:last-child{display:block!important;font-size:9px!important;font-weight:900!important;line-height:1.1!important;margin-top:2px!important;white-space:nowrap}
  .bottom-nav .bottom-donate{order:4;min-width:0!important;height:58px!important;margin:-16px 1px 0!important;padding:7px 2px!important;border-radius:16px!important;background:linear-gradient(145deg,#e4ad18,#c98700)!important;color:#fff!important;box-shadow:0 10px 24px rgba(183,125,0,.28)!important;border:3px solid #fff8e7!important}
  .bottom-nav .bottom-donate .mobile-nav-icon{width:30px;height:28px}
  .bottom-nav .bottom-donate .mobile-nav-icon svg{width:24px;height:24px;stroke-width:2.2}
  .bottom-nav .bottom-donate span:last-child{font-size:10px!important;margin-top:2px!important}
  .site-footer{padding-bottom:92px!important}
  .page-wrap{padding-bottom:92px!important}
}


/* ================= V4.5 UI POLISH ================= */
[hidden]{display:none !important}
:root{--ui-shadow:0 18px 50px rgba(67,36,20,.10);--ui-shadow-hover:0 24px 65px rgba(67,36,20,.16);--ui-radius:22px}
html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.site-header{position:relative;overflow:hidden;box-shadow:0 8px 30px rgba(67,36,20,.10)}
.site-header:after{content:"";position:absolute;inset:auto -8% -60% auto;width:320px;height:220px;border-radius:50%;background:rgba(255,255,255,.10);pointer-events:none}
.brand{position:relative;z-index:1;min-width:0}.brand img{filter:drop-shadow(0 8px 14px rgba(74,33,12,.16));transition:transform .25s ease}.brand:hover img{transform:translateY(-2px) rotate(-1deg)}
.brand strong{letter-spacing:-.35px}
.header-actions{position:relative;z-index:2}.header-login,.header-donate{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;border-radius:999px!important;min-height:42px!important;transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important}.header-login{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.42);color:#fff;text-decoration:none;padding:0 15px}.header-donate{background:linear-gradient(135deg,#f6c83a,#d79508)!important;color:#2b170d!important;padding:0 18px!important;box-shadow:0 9px 24px rgba(91,53,5,.18)}.header-login:hover,.header-donate:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(67,36,20,.18)}
.header-action-icon{display:inline-flex!important;align-items:center;justify-content:center;width:21px;height:21px}.header-action-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.header-action-logo{display:none;align-items:center;justify-content:center;width:38px;height:38px}.header-action-logo img{width:31px;height:31px;object-fit:contain;border-radius:50%;background:#fff8e7;box-shadow:0 3px 10px rgba(67,36,20,.18)}
.top-nav{backdrop-filter:blur(12px);box-shadow:0 3px 16px rgba(67,36,20,.05)}.top-nav a{position:relative;padding:4px 1px}.top-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:2px;background:var(--saffron);transition:right .22s ease}.top-nav a:hover:after{right:0}
.page-wrap{position:relative}.content-card,.campaign-card,.feature-grid article,.memory-grid figure,.cards article,.donation-options article{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.content-card:hover,.campaign-card:hover,.feature-grid article:hover,.memory-grid figure:hover,.cards article:hover,.donation-options article:hover{transform:translateY(-3px);box-shadow:var(--ui-shadow-hover);border-color:#e0bd68}
input,select,textarea{transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:#d79b19;box-shadow:0 0 0 4px rgba(215,155,25,.13);background:#fffefb}
.btn{transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn:hover{transform:translateY(-2px)}.primary{box-shadow:0 8px 20px rgba(217,87,43,.16)}
.section-heading h2,.content-card h1{letter-spacing:-.6px}
.eyebrow{font-size:11px;text-transform:uppercase}
/* Compact 80G control: checkbox starts the line and PAN stays invisible until checked. */
.claim-80g-row{display:inline-flex!important;width:max-content!important;max-width:100%!important;align-items:flex-start!important;gap:8px!important;margin:10px 0!important;padding:10px 13px!important;border:1px solid #ead9bd;border-radius:14px;background:#fffaf1;cursor:pointer}
.claim-80g-row input{appearance:auto!important;width:16px!important;height:16px!important;min-width:16px!important;margin:3px 0 0!important;padding:0!important;flex:0 0 16px!important;accent-color:#d9572b}
.claim-80g-row span{display:inline-flex!important;flex-direction:column!important;gap:2px!important}.claim-80g-row strong{font-size:13px;color:#3a2116}.claim-80g-row small{font-size:11px;color:#7a685d}
/* Better donation/payment method cards */
.payment-method-card,.donation-method-btn{position:relative;overflow:hidden}.payment-method-card:before,.donation-method-btn:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(#f4c536,#d9572b);opacity:.7}.payment-method-icon{box-shadow:0 8px 16px rgba(191,128,0,.18)}
/* Modern mobile bottom bar */
.bottom-nav{backdrop-filter:blur(16px);background:rgba(255,255,255,.94)!important;border-top:1px solid rgba(214,178,100,.45)!important;box-shadow:0 -12px 35px rgba(48,25,13,.13)!important}
.bottom-nav a{transition:transform .18s ease,color .18s ease}.bottom-nav a:hover{transform:translateY(-1px)}.bottom-nav .bottom-donate{background:linear-gradient(145deg,#f2c331,#d59608)!important}
@media(max-width:700px){
  body{padding-bottom:84px}.page-wrap{padding-left:13px;padding-right:13px}.site-header{padding:9px 12px;gap:8px}.brand{gap:8px}.brand img{width:44px;height:44px}.brand strong{font-size:13px;line-height:1.18;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.brand small{font-size:9px;margin-top:2px}.language-switcher{display:none}.header-actions{gap:5px!important}.header-login{width:38px;padding:0!important;background:rgba(255,255,255,.14)!important}.header-donate{width:42px;padding:0!important;background:#fff8e7!important;border:2px solid rgba(255,255,255,.75)!important}.header-donate .header-action-text{display:none!important}.header-donate .header-action-logo{display:inline-flex!important}.header-donate .header-action-logo img{width:30px;height:30px}.header-login .header-action-text{display:none!important}.header-action-icon{width:38px;height:38px}.header-action-icon svg{width:19px;height:19px}
  .frontend-page-hero-inner{padding:34px 16px!important}.frontend-page-hero-inner h1{font-size:31px!important;line-height:1.08!important}.frontend-page-hero-inner p:not(.frontend-page-hero-kicker){font-size:13px!important;line-height:1.65!important}.content-card{padding:20px!important;border-radius:20px!important}.content-card h1{font-size:28px!important}.section-heading{margin:42px auto 20px}.section-heading h2{font-size:28px!important}.campaign-card{border-radius:18px!important}.campaign-card-body{padding:16px!important}.campaign-actions{grid-template-columns:1fr 1fr!important}.campaign-actions .btn{min-height:44px}
  .payment-method-grid,.donation-modal-actions{grid-template-columns:1fr!important}.razorpay-donation-page .form-grid{grid-template-columns:1fr!important}.claim-80g-row{width:max-content!important;max-width:100%!important;padding:9px 11px!important}
  .bottom-nav{height:72px!important}.bottom-nav .bottom-donate{height:60px!important;border-radius:17px!important}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


/* =========================================================
   V4.6 — MODERN CSS3 DESIGN SYSTEM / MOBILE-FIRST POLISH
   ========================================================= */
:root{
  --ui-bg:#fffaf0;--ui-surface:rgba(255,255,255,.92);--ui-surface-2:#fffdf7;
  --ui-brown:#4a2417;--ui-brown-2:#6d3b24;--ui-saffron:#e85a2f;--ui-gold:#d9a51d;
  --ui-gold-2:#f4c63b;--ui-line:rgba(113,72,34,.14);--ui-shadow:0 16px 45px rgba(70,35,16,.09);
  --ui-shadow-hover:0 22px 60px rgba(70,35,16,.15);--ui-radius:24px;
}
html{scroll-padding-top:90px}
body{background:radial-gradient(circle at 10% 0%,rgba(244,198,59,.13),transparent 28%),linear-gradient(180deg,#fffdf8 0%,#fff8ea 100%);color:var(--ui-brown);}
.utility-bar{background:linear-gradient(90deg,#542616,#6e341d);color:#fff8e7;border-bottom:1px solid rgba(255,255,255,.08)}
.utility-inner{max-width:1440px;margin:auto;min-height:34px;padding:0 22px;display:flex;align-items:center;gap:12px;font-size:11px;font-weight:700;letter-spacing:.2px}
.utility-right{margin-left:auto;opacity:.9}
.site-header{position:sticky;top:0;z-index:40;background:rgba(255,253,247,.92)!important;color:var(--ui-brown);border-bottom:1px solid var(--ui-line);box-shadow:0 10px 32px rgba(72,38,18,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:visible!important}
.site-header:after{display:none}
.brand{color:var(--ui-brown)!important;min-width:0}.brand img{width:58px;height:58px;border-radius:18px;padding:3px;background:#fff;box-shadow:0 7px 20px rgba(83,45,18,.15);border:1px solid rgba(217,165,29,.25)}
.brand strong{color:#a94024;font-weight:900;letter-spacing:-.45px}.brand small{color:#7d6457}
.header-actions{gap:8px}.language-switcher{background:#fff;border:1px solid var(--ui-line);padding:4px;border-radius:14px;box-shadow:0 6px 18px rgba(70,35,16,.06)}
.language-switcher a{color:#6d3b24!important;border-radius:10px!important}.language-switcher a:hover,.language-switcher a.active{background:#f6c83a!important;color:#4a2417!important}
.header-login{background:#fff!important;color:#5a2d1b!important;border:1px solid rgba(90,45,27,.12)!important;box-shadow:0 6px 18px rgba(70,35,16,.06)}
.header-donate{background:linear-gradient(135deg,#f5c93a,#d99b0d)!important;color:#3b200f!important;border:1px solid rgba(180,125,0,.2)!important;box-shadow:0 10px 26px rgba(190,137,12,.22)!important}
.top-nav{position:sticky;top:82px;z-index:35;background:rgba(255,255,255,.86)!important;border-bottom:1px solid var(--ui-line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.top-nav a{color:#5b3626!important;font-weight:800}.top-nav a:after{height:3px;border-radius:99px;background:linear-gradient(90deg,#e85a2f,#d9a51d)}
.page-wrap{max-width:1240px;padding-top:30px;padding-bottom:110px}
.frontend-page-hero{position:relative;overflow:hidden;border-radius:0 0 34px 34px;margin:-30px -0px 20px;min-height:280px;background:radial-gradient(circle at 78% 15%,rgba(255,255,255,.8),transparent 24%),linear-gradient(135deg,#fffdf7,#ffe8ad 65%,#f9d35b);border-bottom:4px solid #d9a51d;box-shadow:0 18px 50px rgba(91,52,16,.08)}
.frontend-page-hero-inner{position:relative;z-index:2;max-width:900px;margin:auto;text-align:center;padding:66px 24px 58px}.frontend-page-hero-kicker{color:#b96512!important;font-weight:900!important;letter-spacing:2px!important;font-size:11px!important}.frontend-page-hero-inner h1{color:#3c1d13!important;font-weight:950!important;letter-spacing:-1.5px!important}.frontend-page-hero-inner p:not(.frontend-page-hero-kicker){color:#725b4d!important}
.content-card,.cards article,.feature-grid article,.memory-grid figure,.campaign-card,.donation-options article,.contact-note{background:linear-gradient(180deg,#fff 0%,#fffdf8 100%);border:1px solid var(--ui-line);box-shadow:var(--ui-shadow);border-radius:var(--ui-radius)}
.content-card:hover,.cards article:hover,.feature-grid article:hover,.memory-grid figure:hover,.campaign-card:hover,.donation-options article:hover{transform:translateY(-5px);box-shadow:var(--ui-shadow-hover);border-color:rgba(217,165,29,.45)}
.section-heading{margin-top:64px}.section-heading h2,.content-card h1{color:#a94024!important;font-weight:900}
.btn{border-radius:14px!important;min-height:44px;padding:11px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 8px 20px rgba(70,35,16,.08)}
.btn.primary,.primary{background:linear-gradient(135deg,#e85a2f,#c94321)!important}.btn.secondary,.secondary{background:#fff!important;border:1px solid rgba(217,165,29,.5)!important;color:#5b2e1b!important}
input,select,textarea{border:1px solid #e3c88f;border-radius:14px;background:#fffdf9;min-height:46px;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
input:focus,select:focus,textarea:focus{border-color:#d9a51d!important;box-shadow:0 0 0 4px rgba(217,165,29,.13)!important}
.claim-80g-row{background:linear-gradient(135deg,#fffaf0,#fff)!important;border-color:rgba(217,165,29,.3)!important;box-shadow:0 7px 20px rgba(70,35,16,.05);width:max-content!important}
.donation-modal{background:rgba(42,22,12,.55)!important;backdrop-filter:blur(10px)}.donation-modal-card{border:1px solid rgba(217,165,29,.35)!important;border-radius:28px!important;box-shadow:0 30px 90px rgba(40,20,10,.25)!important;background:linear-gradient(180deg,#fffdf8,#fff8ea)!important}
.donation-method-btn{border:1px solid rgba(217,165,29,.25)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 10px 25px rgba(70,35,16,.07)!important;transition:.2s ease}.donation-method-btn:hover{transform:translateY(-3px);box-shadow:0 16px 35px rgba(70,35,16,.12)!important}
.site-footer{background:linear-gradient(145deg,#3c1d13,#5c2d1a)!important;border-top:4px solid #d9a51d!important}
.bottom-nav{background:rgba(255,253,248,.94)!important;border-top:1px solid rgba(217,165,29,.35)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;box-shadow:0 -15px 45px rgba(48,25,13,.14)!important}
.bottom-nav a{color:#684838!important}.bottom-nav .bottom-donate{background:linear-gradient(145deg,#f6c83a,#d79a0c)!important;color:#3b200f!important;border:3px solid #fffaf0!important;box-shadow:0 14px 30px rgba(187,132,0,.28)!important}
.mobile-nav-icon svg{stroke-width:1.9}
/* Strong mobile layout: no cramped labels, larger touch targets, cleaner header. */
@media(max-width:700px){
  body{font-size:14px;padding-bottom:88px}.utility-bar{display:none}.site-header{top:0;padding:9px 11px!important;min-height:64px!important}.brand img{width:42px!important;height:42px!important;border-radius:14px}.brand strong{font-size:12px!important;line-height:1.15!important}.brand small{font-size:9px!important}.header-actions{margin-left:auto}.language-switcher{display:none!important}.header-login,.header-donate{width:42px!important;height:42px!important;min-height:42px!important;border-radius:13px!important}.header-donate{background:#fff!important;border:2px solid #e0b128!important}.header-donate .header-action-logo img{width:30px;height:30px}.top-nav{display:none!important}.page-wrap{padding:14px 10px 104px!important}.frontend-page-hero{margin:-14px -10px 10px!important;border-radius:0 0 26px 26px!important;min-height:245px}.frontend-page-hero-inner{padding:54px 18px 48px!important}.frontend-page-hero-inner h1{font-size:31px!important}.frontend-page-hero-inner p:not(.frontend-page-hero-kicker){font-size:14px!important}.content-card{padding:18px!important;border-radius:20px!important}.content-card h1{font-size:27px!important}.cards,.feature-grid,.donation-options,.contact-grid{gap:12px!important}.cards article,.feature-grid article{padding:20px!important;border-radius:18px!important}.memory-grid{padding:0!important;gap:12px!important}.memory-grid figure{border-radius:18px}.memory-grid img{height:205px!important}.section-heading{margin:38px auto 18px!important}.section-heading h2{font-size:27px!important}.campaign-grid{gap:12px!important}.campaign-card-body{padding:15px!important}.bottom-nav{height:76px!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;padding:6px 3px max(8px,env(safe-area-inset-bottom))!important}.bottom-nav a{font-size:9px!important;border-radius:12px!important;min-height:56px!important}.bottom-nav a span:last-child{font-size:9px!important}.bottom-nav .bottom-donate{height:62px!important;margin:-14px 1px 0!important;border-radius:18px!important}.bottom-nav .bottom-donate .mobile-nav-icon svg{width:25px;height:25px}.qr-box{padding:15px!important}.amount-tiles{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.amount-tile span{padding:11px 5px!important}.claim-80g-row{font-size:13px!important;padding:9px 11px!important}.donation-modal-card{padding:24px 18px!important;border-radius:22px!important}.donation-method-btn{padding:15px!important}.site-footer{padding-bottom:110px!important}
}
@media(min-width:701px){.site-header{padding-left:clamp(18px,4vw,58px);padding-right:clamp(18px,4vw,58px)}.brand strong{font-size:clamp(17px,1.8vw,25px)}}
@media(prefers-reduced-motion:reduce){.content-card:hover,.cards article:hover,.feature-grid article:hover,.memory-grid figure:hover,.campaign-card:hover{transform:none}}


/* V4.7 — Mobile header: no duplicate logo on the right. Use a clean donation icon instead. */
.header-donate-icon{display:inline-flex!important;align-items:center;justify-content:center}
.header-donate-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:700px){
  .header-donate{width:42px!important;min-width:42px!important;padding:0!important}
  .header-donate .header-action-logo{display:none!important}
  .header-donate .header-action-text{display:none!important}
  .header-donate .header-donate-icon{display:inline-flex!important;width:38px!important;height:38px!important}
  .header-donate .header-donate-icon svg{width:21px!important;height:21px!important;stroke-width:2!important}
}


/* V4.7 — Mobile header: no duplicate logo on the right. Use a clean donation icon instead. */
.header-donate-icon{display:inline-flex!important;align-items:center;justify-content:center}
.header-donate-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:700px){
  .header-donate{width:42px!important;min-width:42px!important;padding:0!important}
  .header-donate .header-action-logo{display:none!important}
  .header-donate .header-action-text{display:none!important}
  .header-donate .header-donate-icon{display:inline-flex!important;width:38px!important;height:38px!important}
  .header-donate .header-donate-icon svg{width:21px!important;height:21px!important;stroke-width:2!important}
}


/* V4.8 — Mobile header language dropdown + app menu without Login/Portal */
.mobile-language-select{display:none;align-items:center;gap:5px;height:40px;padding:0 8px;border:1px solid rgba(217,165,29,.35);border-radius:13px;background:#fffdf7;color:#5b3626;box-shadow:0 6px 16px rgba(70,35,16,.06)}
.mobile-language-select select{appearance:none;-webkit-appearance:none;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;min-height:32px!important;height:32px!important;width:auto!important;padding:0 18px 0 2px!important;border-radius:8px!important;color:#5b3626!important;font-weight:900;font-size:12px!important;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,#8a5b2e 50%),linear-gradient(135deg,#8a5b2e 50%,transparent 50%)!important;background-position:calc(100% - 9px) 13px,calc(100% - 5px) 13px!important;background-size:4px 4px,4px 4px!important;background-repeat:no-repeat!important}
.mobile-language-globe{font-size:17px;line-height:1;color:#b66a1a;font-weight:900}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:700px){
  .site-header .language-switcher{display:none!important}
  .site-header .mobile-language-select{display:flex!important}
  .site-header .header-donate{display:none!important}
  .site-header .header-login{display:inline-flex!important;width:auto!important;min-width:42px!important;height:42px!important;min-height:42px!important;padding:0 11px!important;border-radius:13px!important}
  .site-header .header-login .header-action-text{display:inline!important;font-size:11px!important;font-weight:900!important}
  .site-header .header-login .header-action-icon{width:28px!important;height:28px!important}
  .mobile-profile-wrap{position:relative;display:inline-flex;align-items:center}
  .mobile-profile-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid rgba(90,45,27,.12);border-radius:13px;background:#fff;color:#5a2d1b;box-shadow:0 6px 18px rgba(70,35,16,.08);cursor:pointer}
  .mobile-profile-icon,.mobile-profile-icon svg{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center}
  .mobile-profile-icon svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .mobile-profile-menu{position:absolute;right:0;top:calc(100% + 8px);width:210px;padding:10px;border:1px solid rgba(217,165,29,.28);border-radius:16px;background:rgba(255,253,248,.98);box-shadow:0 20px 50px rgba(50,25,10,.18);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:none;z-index:100}
  .mobile-profile-menu.show{display:block}
  .mobile-profile-meta{padding:8px 10px 10px;border-bottom:1px solid #ead8b2;margin-bottom:6px}
  .mobile-profile-meta strong,.mobile-profile-meta small{display:block;color:#5b3626}
  .mobile-profile-meta strong{font-size:13px}.mobile-profile-meta small{font-size:10px;opacity:.7;margin-top:2px}
  .mobile-profile-menu a{display:flex;align-items:center;gap:9px;padding:10px;border-radius:10px;color:#5b3626;text-decoration:none;font-size:12px;font-weight:800}
  .mobile-profile-menu a:hover{background:#fff2cf}
  .mobile-profile-menu a span{width:18px;text-align:center;color:#b66a1a}
  .header-actions{gap:6px!important}
  .bottom-nav{grid-template-columns:repeat(6,minmax(0,1fr))!important}
  .bottom-nav .bottom-donate{grid-column:auto!important;order:4!important}
}
@media(min-width:701px){.mobile-profile-wrap{display:none!important}}
@media(min-width:701px){.mobile-language-select{display:none!important}}

/* V4.10 — Mobile logged-in header: keep profile menu, remove standalone Dashboard button. */
@media (max-width:700px){
  .site-header .header-login[href*="dashboard"]{display:none!important}
}


/* V4.38: consistent compact checkbox controls */
form label.checkbox-label, form label:has(> input[type="checkbox"]){
  display:flex !important;
  flex-direction:row !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  gap:8px !important;
  width:100%;
}
form label.checkbox-label > input[type="checkbox"],
form label:has(> input[type="checkbox"]) > input[type="checkbox"]{
  appearance:auto !important;
  -webkit-appearance:checkbox !important;
  width:16px !important;
  min-width:16px !important;
  max-width:16px !important;
  height:16px !important;
  min-height:16px !important;
  max-height:16px !important;
  flex:0 0 16px !important;
  margin:2px 0 0 0 !important;
  padding:0 !important;
  box-shadow:none !important;
}
form label.checkbox-label > span{
  display:block;
  flex:1 1 auto;
  min-width:0;
}
form label.checkbox-label small{
  display:inline;
  margin-left:3px;
}

/* V4.39: final checkbox + button contrast polish */
form label.checkbox-label,
form label.newsletter-optin,
form label:has(> input[type="checkbox"]){
  display:flex !important;
  flex-direction:row !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  gap:9px !important;
  width:100% !important;
  max-width:100% !important;
}
form label.checkbox-label > input[type="checkbox"],
form label.newsletter-optin > input[type="checkbox"],
form label:has(> input[type="checkbox"]) > input[type="checkbox"]{
  display:block !important;
  position:static !important;
  float:none !important;
  appearance:auto !important;
  -webkit-appearance:checkbox !important;
  width:16px !important;
  min-width:16px !important;
  max-width:16px !important;
  height:16px !important;
  min-height:16px !important;
  max-height:16px !important;
  flex:0 0 16px !important;
  margin:2px 0 0 0 !important;
  padding:0 !important;
  border:0 !important;
  box-shadow:none !important;
  transform:none !important;
  cursor:pointer;
  accent-color:#d9572b;
}
form label.checkbox-label > span,
form label.newsletter-optin > span{
  display:block !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
}
.btn.primary,
button.primary,
input[type="submit"].primary,
.form-submit .btn.primary{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

/* V4.41: ensure every dark/primary button uses accessible light text. */
.btn.primary,.btn.dark,.btn.dark-btn,.btn.navy,.btn[class*="dark"],.campaign-btn,.donation-method-btn{color:#fff!important;}
.admin-body .btn.primary,.admin-body .btn.dark,.admin-body .btn.dark-btn,.admin-body .btn.navy{color:#fff!important;}

/* =========================================================
   V4.42 — Premium Sewa Family + Distinct Management Profiles
   ========================================================= */
.management-reference-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  max-width:1120px;
  gap:22px;
}
.management-member-card{
  position:relative;
  display:block;
  min-height:360px;
  padding:0;
  overflow:hidden;
  border:1px solid rgba(212,160,23,.28);
  border-radius:24px;
  background:linear-gradient(180deg,#fff 0%,#fffdf8 72%,#fff4d7 100%);
  box-shadow:0 14px 42px rgba(83,43,22,.09);
}
.management-member-card:hover{
  transform:translateY(-7px);
  border-color:#d4a017;
  box-shadow:0 22px 55px rgba(83,43,22,.16);
}
.management-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 17px;
  background:linear-gradient(135deg,#351b13,#6b2b1a);
  color:#fff;
}
.management-kicker{
  font-size:9px;
  letter-spacing:1.4px;
  font-weight:900;
  color:#ffe29a;
}
.management-mark{
  width:28px;height:28px;border-radius:50%;display:grid;place-items:center;
  background:#ffe29a;color:#6b2b1a;font-weight:900;
}
.management-member-card .member-reference-photo{
  width:118px;height:118px;border-radius:50%;
  margin:-42px auto 12px;
  position:relative;z-index:2;
  border:6px solid #fff;
  box-shadow:0 12px 28px rgba(58,29,17,.16);
  background:#efe4d3;
}
.management-member-card .member-reference-photo .member-photo{
  object-position:center top;
}
.management-member-card .member-reference-content{
  padding:0 24px 24px;
  text-align:center;
}
.management-member-card .member-reference-content h3{
  font-size:20px;line-height:1.25;margin:0 0 9px;color:#351b13;
}
.management-member-card .management-badge{
  background:#fff0c5;color:#805600;border:1px solid #f0d58e;
  margin-bottom:12px;
}
.management-member-card .member-description{
  font-size:12px;line-height:1.65;color:#65584f;max-width:430px;margin:0 auto 13px;
}
.management-member-card .member-meta{
  display:inline-flex;align-items:center;gap:6px;
  padding:7px 11px;border-radius:999px;background:#fff;border:1px solid #ead9b7;
  color:#7a675a;font-size:10px;font-weight:800;
}
.management-member-card .member-meta:before{content:'▣';color:#c64a27}

/* Make volunteer cards feel like a welcoming sewa community, not an admin list. */
.volunteer-reference-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  max-width:1160px;
  gap:20px;
}
.volunteer-member-card{
  position:relative;
  min-height:330px;
  display:block;
  padding:18px;
  border:1px solid #eadfcf;
  border-radius:24px;
  background:linear-gradient(145deg,#fff,#fffaf0);
  box-shadow:0 12px 34px rgba(83,43,22,.08);
  overflow:hidden;
}
.volunteer-member-card:before{
  content:'';position:absolute;right:-55px;bottom:-70px;width:180px;height:150px;
  background:radial-gradient(circle,#f4512a22 0 45%,transparent 46%);
  pointer-events:none;
}
.volunteer-member-card:hover{transform:translateY(-7px);box-shadow:0 22px 48px rgba(83,43,22,.14);border-color:#e7c56e}
.volunteer-member-card .member-reference-photo{
  width:112px;height:128px;border-radius:18px;margin:0 auto 14px;
  border:4px solid #fff;box-shadow:0 10px 25px rgba(83,43,22,.13);
}
.volunteer-member-card .member-reference-content{text-align:left;position:relative;z-index:1}
.volunteer-member-card .member-reference-content h3{font-size:18px;margin-bottom:8px;color:#171044}
.volunteer-member-card .badge{font-size:10px;margin-bottom:8px}
.volunteer-member-card .member-responsibility-tag{
  display:flex;width:max-content;max-width:100%;font-size:10px;
  background:#fff0d5;border-color:#efc87d;color:#9a531b;margin:0 0 10px;
}
.volunteer-member-card .member-responsibility-tag:before{content:'✦';margin-right:5px;color:#f4512a}
.volunteer-member-card .member-description{font-size:11px;line-height:1.55;min-height:34px}
.volunteer-member-card .member-meta{font-size:9px}
.join-reference-card{
  min-height:330px!important;border:1px dashed #e2ad4e!important;border-radius:24px!important;
  background:radial-gradient(circle at 50% 12%,#fff0c566,transparent 28%),linear-gradient(145deg,#fffdf7,#fff3d0)!important;
  padding:24px!important;position:relative;overflow:hidden;
}
.join-reference-card:before{content:'♥';position:absolute;top:22px;right:25px;font-size:44px;color:#f4512a18;transform:rotate(12deg)}
.join-reference-card>span{width:68px;height:68px;font-size:32px;background:#fff0c5;box-shadow:0 8px 20px #8b5d0020}
.join-reference-card h3{font-size:21px!important;margin-top:6px!important}
.join-reference-card p{font-size:12px!important;max-width:220px}
.join-reference-card .btn{background:linear-gradient(135deg,#f4512a,#d83e1e);color:#fff!important;box-shadow:0 10px 24px #d83e1e30;padding:12px 20px!important}

@media(max-width:1000px){
  .management-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:780px}
  .volunteer-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:780px}
}
@media(max-width:760px){
  .management-reference-grid,.volunteer-reference-grid{grid-template-columns:1fr;max-width:560px}
  .management-member-card{min-height:330px}
  .volunteer-member-card{min-height:300px}
}

/* =========================================================
   V4.43 — Refined Management Leadership Cards
   Distinct from the warm/community Sewadar cards.
   ========================================================= */
.management-reference-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  max-width:1160px;
  gap:22px;
  align-items:stretch;
}
.management-member-card{
  min-height:238px;
  height:auto;
  padding:18px;
  display:flex;
  align-items:center;
  gap:18px;
  overflow:hidden;
  position:relative;
  border:1px solid rgba(176,125,31,.20);
  border-radius:22px;
  background:linear-gradient(135deg,#ffffff 0%,#fffdfa 62%,#fff7e5 100%);
  box-shadow:0 14px 38px rgba(68,37,22,.08);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.management-member-card:before{
  content:'';
  position:absolute;
  left:0;top:0;bottom:0;
  width:5px;
  background:linear-gradient(180deg,#e1b52c,#c64a27,#e1b52c);
}
.management-member-card:after{
  content:'✦';
  position:absolute;
  right:16px;top:12px;
  color:#e1b52c;
  font-size:17px;
  opacity:.55;
}
.management-member-card:hover{
  transform:translateY(-6px);
  border-color:#e0b94d;
  box-shadow:0 24px 52px rgba(68,37,22,.14);
}
.management-card-top{
  position:absolute;
  left:18px;top:15px;
  padding:0;
  background:none;
  color:#a44a2c;
  display:block;
}
.management-kicker{
  font-size:8px;
  letter-spacing:1.5px;
  font-weight:900;
  color:#b85a32;
  text-transform:uppercase;
}
.management-mark{display:none}
.management-member-card .member-reference-photo{
  flex:0 0 108px;
  width:108px;height:136px;
  margin:0;
  border-radius:18px;
  border:4px solid #fff;
  box-shadow:0 12px 28px rgba(58,29,17,.14);
  background:linear-gradient(145deg,#f4ead9,#ead7bd);
  overflow:hidden;
  z-index:2;
}
.management-member-card .member-reference-photo .member-photo{
  width:100%;height:100%;
  object-fit:cover;
  object-position:center top;
}
.management-member-card .member-reference-content{
  min-width:0;
  flex:1;
  padding:0 18px 0 0;
  text-align:left;
  position:relative;
  z-index:2;
}
.management-member-card .member-reference-content h3{
  font-size:18px;
  line-height:1.25;
  margin:0 0 9px;
  color:#351b13;
}
.management-member-card .management-badge{
  display:inline-flex;
  align-items:center;
  width:max-content;
  margin:0 0 12px;
  padding:5px 10px;
  border-radius:999px;
  background:#fff0c7;
  color:#79520a;
  border:1px solid #efd48f;
  font-size:9px;
  font-weight:900;
}
.management-member-card .member-description{
  font-size:10.5px;
  line-height:1.55;
  color:#75645a;
  margin:0 0 12px;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.management-member-card .member-meta{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:6px 9px;
  border-radius:999px;
  background:#fff;
  border:1px solid #eadcc4;
  color:#79695e;
  font-size:8.5px;
  font-weight:800;
}
.management-member-card .member-meta:before{content:'▣';color:#c64a27}

@media(max-width:1000px){
  .management-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px}
}
@media(max-width:760px){
  .management-reference-grid{grid-template-columns:1fr;max-width:560px}
  .management-member-card{min-height:210px}
}
@media(max-width:480px){
  .management-member-card{gap:13px;padding:15px}
  .management-member-card .member-reference-photo{flex-basis:92px;width:92px;height:120px}
  .management-member-card .member-reference-content{padding-right:5px}
  .management-member-card .member-reference-content h3{font-size:16px}
}

/* V5.3 donation purpose presentation */
.cause-purpose-box{margin:0 0 18px;padding:16px 18px;border:1px solid #ead7b7;border-left:4px solid #d59b20;border-radius:12px;background:#fff8e9}.cause-purpose-box strong{display:block;margin-bottom:6px;color:#9f4a1e;font-size:12px;text-transform:uppercase;letter-spacing:.8px}.cause-purpose-box p{margin:0;color:#4b3a31;line-height:1.7}

/* Management member responsibility tag — aligned with volunteer designation/tag treatment */
.management-member-card .management-responsibility-tag{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  margin:0 0 8px;
  padding:4px 9px;
  border-radius:999px;
  background:#fff0d5;
  border:1px solid #efc87d;
  color:#9a531b;
  font-size:10px;
  font-weight:900;
  line-height:1.25;
}
.management-member-card .management-responsibility-tag:before{
  content:'✥';
  margin-right:5px;
  color:#a43a22;
  font-size:9px;
}
.management-member-card .member-description{margin-top:2px;}


/* V6.8 — unified designation + responsibility layout and multilingual presentation */
.member-role-tags{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:0 0 10px;}
.member-role-tags .badge,.member-role-tags .member-responsibility-tag{margin:0!important;}
.member-role-tags .badge{display:inline-flex;align-items:center;width:max-content;max-width:100%;}
.member-role-tags .member-responsibility-tag{display:inline-flex;align-items:center;width:max-content;max-width:100%;}
.management-member-card .member-role-tags{gap:8px;margin-bottom:10px;}
.volunteer-member-card .member-role-tags{gap:7px;margin-bottom:10px;}
@media(max-width:700px){.member-role-tags{gap:6px}.member-role-tags .badge,.member-role-tags .member-responsibility-tag{font-size:9px;}}


/* =========================================================
   V6.15.6 — PWA APP-SHELL MOBILE / TABLET EXPERIENCE
   Public website remains a website; compact devices get an app-like PWA shell.
   ========================================================= */
.mobile-appbar,.mobile-nav-drawer,.mobile-nav-backdrop{display:none}
@media (max-width:1024px){
  html{scroll-padding-top:72px}
  body{
    padding-bottom:calc(78px + env(safe-area-inset-bottom));
    overscroll-behavior-y:none;
    -webkit-tap-highlight-color:transparent;
  }
  .utility-bar{display:none!important}
  .site-header{
    position:sticky!important;top:0!important;z-index:100!important;
    min-height:64px!important;padding:0!important;margin:0!important;
    background:rgba(255,253,247,.94)!important;
    border-bottom:1px solid rgba(113,72,34,.12)!important;
    box-shadow:0 8px 28px rgba(72,38,18,.10)!important;
    backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  }
  .site-header>.brand,.site-header>.header-actions{display:none!important}
  .mobile-appbar{
    display:flex!important;align-items:center;justify-content:space-between;
    min-height:64px;width:100%;padding:8px 10px 8px 10px;gap:8px;
  }
  .mobile-appbar-brand-group{display:flex;align-items:center;min-width:0;gap:0}
  .mobile-menu-toggle{
    width:42px;height:44px;flex:0 0 42px;border:1px solid rgba(217,165,29,.24);
    border-right:0;border-radius:14px 0 0 14px;background:#fff8e9;color:#6b351e;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
    cursor:pointer;box-shadow:0 6px 18px rgba(70,35,16,.07);padding:0;
  }
  .mobile-menu-toggle span{display:block;width:18px;height:2px;border-radius:99px;background:currentColor;transition:.2s ease}
  .mobile-menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .mobile-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .mobile-menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .mobile-brand{
    display:flex;align-items:center;gap:8px;min-width:0;max-width:min(58vw,500px);height:44px;
    padding:0 12px 0 7px;border:1px solid rgba(217,165,29,.24);border-left:0;
    border-radius:0 14px 14px 0;background:#fff;color:#4a2417;text-decoration:none;
    box-shadow:0 6px 18px rgba(70,35,16,.07);
  }
  .mobile-brand img{width:37px!important;height:37px!important;object-fit:contain;border-radius:11px;padding:2px;background:#fffdf7;border:1px solid rgba(217,165,29,.25)}
  .mobile-brand span{min-width:0;display:block}
  .mobile-brand strong{display:block;color:#a94024;font-size:13px;line-height:1.12;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-brand small{display:block;color:#7d6457;font-size:9px;line-height:1.1;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-appbar-actions{display:flex;align-items:center;gap:6px;margin-left:auto;flex:0 0 auto}
  .mobile-app-language{display:flex;align-items:center;height:42px;padding:0 8px;border:1px solid rgba(217,165,29,.24);border-radius:13px;background:#fff;color:#5b3626;box-shadow:0 6px 18px rgba(70,35,16,.06)}
  .mobile-app-language select{width:48px!important;height:32px!important;margin:0!important;padding:0 2px!important;border:0!important;background:transparent!important;box-shadow:none!important;appearance:none;-webkit-appearance:none;text-align:center;color:#5b3626;font-size:11px!important;font-weight:900;cursor:pointer}
  .mobile-app-action,.mobile-profile-btn{width:42px!important;height:42px!important;display:inline-flex!important;align-items:center;justify-content:center;border:1px solid rgba(90,45,27,.12)!important;border-radius:13px!important;background:#fff!important;color:#5a2d1b!important;box-shadow:0 6px 18px rgba(70,35,16,.08)!important}
  .mobile-app-action svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .mobile-profile-wrap{position:relative;display:inline-flex;align-items:center}
  .mobile-profile-icon,.mobile-profile-icon svg{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center}
  .mobile-profile-icon svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .mobile-profile-menu{position:absolute;right:0;top:calc(100% + 8px);width:220px;padding:10px;border:1px solid rgba(217,165,29,.28);border-radius:16px;background:rgba(255,253,248,.98);box-shadow:0 20px 50px rgba(50,25,10,.18);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:none;z-index:200}
  .mobile-profile-menu.show{display:block}
  .mobile-profile-meta{padding:8px 10px 10px;border-bottom:1px solid #ead8b2;margin-bottom:6px}
  .mobile-profile-meta strong,.mobile-profile-meta small{display:block;color:#5b3626}
  .mobile-profile-meta strong{font-size:13px}.mobile-profile-meta small{font-size:10px;opacity:.7;margin-top:2px}
  .mobile-profile-menu a{display:flex;align-items:center;gap:9px;padding:10px;border-radius:10px;color:#5b3626;text-decoration:none;font-size:12px;font-weight:800}
  .mobile-profile-menu a:hover{background:#fff2cf}
  .mobile-profile-menu a span{width:18px;text-align:center;color:#b66a1a}

  .top-nav{display:none!important}
  .mobile-nav-backdrop{position:fixed;inset:0;background:rgba(34,17,9,.42);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:120;opacity:0;pointer-events:none;transition:opacity .22s ease}
  .mobile-nav-backdrop.show{display:block;opacity:1;pointer-events:auto}
  .mobile-nav-drawer{position:fixed;left:0;top:0;bottom:0;width:min(88vw,360px);display:flex;flex-direction:column;background:linear-gradient(180deg,#fffdf8 0%,#fff8e9 100%);z-index:130;box-shadow:20px 0 60px rgba(45,20,9,.20);transform:translateX(-105%);transition:transform .25s ease;overflow:auto;padding:0 14px max(16px,env(safe-area-inset-bottom));}
  .mobile-nav-drawer.open{transform:translateX(0)}
  .mobile-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 6px 15px;border-bottom:1px solid #ead8b2;position:sticky;top:0;background:rgba(255,253,248,.96);backdrop-filter:blur(12px);z-index:1}
  .mobile-drawer-head strong,.mobile-drawer-head small{display:block;color:#5b3626}.mobile-drawer-head strong{font-size:14px;line-height:1.2}.mobile-drawer-head small{font-size:10px;margin-top:3px;color:#9a7c68}
  .mobile-drawer-close{width:38px;height:38px;border:1px solid #ead8b2;border-radius:12px;background:#fff;color:#6b351e;font-size:24px;line-height:1;cursor:pointer}
  .mobile-drawer-links{display:flex;flex-direction:column;gap:6px;padding:14px 0}
  .mobile-drawer-links a{display:flex;align-items:center;gap:12px;min-height:50px;padding:10px 12px;border-radius:15px;color:#4a2417;text-decoration:none;font-size:13px;font-weight:800;border:1px solid transparent}
  .mobile-drawer-links a:hover,.mobile-drawer-links a:focus{background:#fff0c7;border-color:#edd59b}
  .mobile-drawer-links a span{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#fff0c7;color:#a24b22;font-size:15px}
  .mobile-drawer-foot{margin-top:auto;padding:16px 8px 4px;border-top:1px solid #ead8b2;color:#a24b22;font-size:10px;font-weight:900;letter-spacing:1.2px;text-align:center}
  body.mobile-menu-open{overflow:hidden}

  .site-footer{display:none!important}
  .bottom-nav{position:fixed!important;display:grid!important;left:0!important;right:0!important;bottom:0!important;height:78px!important;padding:7px 4px max(7px,env(safe-area-inset-bottom))!important;z-index:110!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;background:rgba(255,253,248,.96)!important;border-top:1px solid rgba(217,165,29,.35)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;box-shadow:0 -14px 40px rgba(48,25,13,.14)!important}
  .bottom-nav a{min-width:0!important;min-height:56px!important;padding:5px 2px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;border-radius:13px!important;color:#684838!important;font-size:9px!important;text-decoration:none}
  .bottom-nav a span:last-child{display:block!important;font-size:9px!important;font-weight:900!important;line-height:1.05!important;white-space:nowrap}
  .bottom-nav .mobile-nav-icon{width:26px!important;height:25px!important;display:flex!important;align-items:center;justify-content:center}
  .bottom-nav .mobile-nav-icon svg{width:22px!important;height:22px!important}
  .bottom-nav .bottom-donate{height:62px!important;margin:-13px 1px 0!important;border-radius:17px!important;background:linear-gradient(145deg,#f6c83a,#d79a0c)!important;color:#3b200f!important;border:3px solid #fffaf0!important;box-shadow:0 12px 28px rgba(187,132,0,.28)!important}
  .page-wrap{max-width:none!important;width:100%!important;padding:16px 12px calc(96px + env(safe-area-inset-bottom))!important}
  .frontend-page-hero{margin:-16px -12px 14px!important;border-radius:0 0 24px 24px!important;min-height:230px!important}
  .content-card,.cards article,.feature-grid article,.donation-options article{border-radius:20px!important}
}
@media (min-width:701px) and (max-width:1024px){
  .mobile-appbar{min-height:70px!important;padding:10px 16px!important}
  .mobile-brand{max-width:62vw!important;height:48px!important}
  .mobile-brand img{width:41px!important;height:41px!important}
  .mobile-brand strong{font-size:15px!important}.mobile-brand small{font-size:10px!important}
  .mobile-menu-toggle{height:48px!important;width:46px!important;flex-basis:46px!important}
  .page-wrap{padding-left:18px!important;padding-right:18px!important}
  .frontend-page-hero{margin:-16px -18px 18px!important}
  .bottom-nav{height:82px!important}
  .bottom-nav a{font-size:10px!important}.bottom-nav a span:last-child{font-size:10px!important}
}
@media (max-width:480px){
  .mobile-appbar{padding-left:7px!important;padding-right:7px!important;gap:5px!important}
  .mobile-appbar-brand-group{flex:1;min-width:0}.mobile-brand{max-width:none!important;flex:1;padding-right:8px!important}
  .mobile-brand strong{font-size:11px!important}.mobile-brand small{font-size:8px!important}
  .mobile-app-language{padding:0 5px!important}.mobile-app-language select{width:42px!important;font-size:10px!important}
  .mobile-app-action,.mobile-profile-btn{width:40px!important;height:40px!important}
  .bottom-nav{height:74px!important}
  .bottom-nav .bottom-donate{height:60px!important}
}
@media (display-mode: standalone){
  body{padding-top:env(safe-area-inset-top);}
  .site-header{top:env(safe-area-inset-top)!important}
}


/* V6.15.7 — compact PWA refinements, QR scaling, iOS install/splash, Creative Ideas credit */
.creative-ideas-link{color:#ffd36a!important;text-decoration:none!important;font-weight:800}.creative-ideas-link:hover{text-decoration:underline!important}
.qr-image-frame canvas{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;max-height:100%!important;image-rendering:auto!important}
@media(max-width:1024px){
  .mobile-brand{width:50px!important;max-width:50px!important;flex:0 0 50px!important;height:44px!important;padding:0!important;justify-content:center!important;border-left:1px solid rgba(217,165,29,.24)!important;border-radius:0 14px 14px 0!important}
  .mobile-brand span{display:none!important}
  .mobile-brand img{width:37px!important;height:37px!important;margin:0!important}
  .mobile-drawer-head{padding:16px 8px 15px!important}
  .mobile-drawer-brand{display:flex;align-items:center;gap:10px;min-width:0}
  .mobile-drawer-brand img{width:52px;height:52px;object-fit:contain;border-radius:14px;background:#fff;padding:3px;border:1px solid #ead8b2;box-shadow:0 5px 14px rgba(70,35,16,.08)}
  .mobile-drawer-brand-copy{min-width:0}.mobile-drawer-brand-copy strong{display:block;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
  .mobile-install-btn{display:flex;align-items:center;gap:12px;min-height:50px;padding:10px 12px;border-radius:15px;color:#4a2417;background:#fff0c7;border:1px solid #edd59b;font:inherit;font-size:13px;font-weight:800;text-align:left;cursor:pointer;width:100%}
  .mobile-install-btn span{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#f5c52d;color:#6b351e;font-size:18px}
  .mobile-drawer-foot{display:flex!important;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:14px 8px 4px!important}
  .drawer-powered-logo{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#f4512a;color:#fff;font-size:9px;font-weight:900;letter-spacing:-.5px;box-shadow:0 4px 10px rgba(244,81,42,.2)}
  .mobile-drawer-foot span{font-size:10px}.mobile-drawer-foot a{color:#a24b22;font-weight:900;text-decoration:none}
  .qr-image-frame{width:min(100%,320px)!important;padding:8px!important;border-width:2px!important;border-radius:18px!important}
  .qr-image-frame canvas{width:100%!important;height:auto!important}
}
@media(max-width:480px){
  .mobile-brand{width:46px!important;max-width:46px!important;flex-basis:46px!important}
  .mobile-brand img{width:34px!important;height:34px!important}
  .qr-image-frame{width:min(100%,292px)!important;padding:8px!important}
}
.pwa-splash{position:fixed;inset:0;z-index:1000000;display:none;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#fff5dc 0%,#fff8e7 48%,#f7e6c9 100%);opacity:0;pointer-events:none;transition:opacity .3s ease}.pwa-splash.show{display:flex;opacity:1;pointer-events:auto}.pwa-splash.hide{opacity:0}.pwa-splash-inner{text-align:center;width:min(86vw,380px);padding:30px}.pwa-splash-logo{display:block;width:150px;height:150px;object-fit:contain;margin:0 auto 18px;filter:drop-shadow(0 14px 24px rgba(76,37,16,.18))}.pwa-splash-name{font-size:20px;font-weight:900;line-height:1.2;color:#6b351e}.pwa-splash-powered{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px;color:#806d61;font-size:11px;font-weight:700}.pwa-splash-powered a{color:#a94024;text-decoration:none;font-weight:900}.ci-mark{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;background:#f4512a;color:#fff;font-size:8px;font-weight:900}
@media(min-width:1025px){.pwa-splash{display:none!important}}
@media(max-width:1024px){.pwa-splash{display:none}.pwa-splash.show{display:flex}}
\n\n/* V6.15.8 — final PWA / drawer / footer refinements */\n.creative-ideas-link{color:#ffd36a!important;text-decoration:none!important;font-weight:900!important}.creative-ideas-link:hover{text-decoration:underline!important}\n.footer-powered-by{font-weight:700}.footer-powered-by .creative-ideas-link{font-weight:900}\n.mobile-drawer-head{display:grid!important;grid-template-columns:minmax(0,1fr) 48px 38px!important;align-items:center!important;gap:10px!important}\n.mobile-drawer-brand-copy{min-width:0!important}.mobile-drawer-brand-copy strong{display:block!important;color:#5b3626!important;font-size:14px!important;line-height:1.18!important;white-space:normal!important}.mobile-drawer-brand-copy small{display:block!important;color:#9a7c68!important;font-size:10px!important;margin-top:4px!important}\n.mobile-drawer-logo{width:46px!important;height:46px!important;object-fit:contain!important;border-radius:12px!important;background:#fff!important;padding:2px!important;border:1px solid #ead8b2!important;box-shadow:0 5px 14px rgba(70,35,16,.08)!important}\n.mobile-install-btn{display:none!important}\nhtml.pwa-ios-installable .mobile-install-btn,html.pwa-install-available .mobile-install-btn{display:flex!important}\n.drawer-powered-logo{width:28px!important;height:28px!important;object-fit:contain!important;border-radius:7px!important;background:transparent!important;box-shadow:none!important}\n.pwa-splash-powered{gap:8px!important}.ci-powered-logo{width:28px!important;height:28px!important;object-fit:contain!important;display:block!important}\n.pwa-ios-modal{position:fixed;inset:0;z-index:1000001;display:none;align-items:flex-end;justify-content:center}.pwa-ios-modal.open{display:flex}.pwa-ios-modal-backdrop{position:absolute;inset:0;background:rgba(34,17,9,.52);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}\n.pwa-ios-modal-card{position:relative;width:min(94vw,430px);margin:0 10px max(12px,env(safe-area-inset-bottom));padding:22px 20px 18px;border-radius:24px;background:#fffdf8;border:1px solid #ead8b2;box-shadow:0 24px 80px rgba(45,20,9,.28);color:#4a2417}.pwa-ios-modal-close{position:absolute;right:12px;top:12px;width:36px;height:36px;border:1px solid #ead8b2;border-radius:12px;background:#fff;color:#6b351e;font-size:22px;line-height:1;cursor:pointer}.pwa-ios-modal-icon{width:64px;height:64px;margin:0 auto 12px;border-radius:17px;background:#fff0c7;display:grid;place-items:center;border:1px solid #edd59b}.pwa-ios-modal-icon img{width:50px;height:50px;object-fit:contain}.pwa-ios-modal-card .eyebrow{text-align:center;margin:0 0 7px}.pwa-ios-modal-card h2{text-align:center;font-size:21px;line-height:1.18;margin:0 32px 10px;color:#5b2e1f}.pwa-ios-modal-card>p:not(.eyebrow){text-align:center;font-size:13px;line-height:1.5;color:#7d6457;margin:0 6px 13px}.pwa-ios-modal-card ol{margin:0 4px 16px;padding-left:22px;color:#5b3626}.pwa-ios-modal-card li{padding:6px 0;font-size:13px;line-height:1.4}.pwa-ios-modal-done{width:100%;height:46px;border:0;border-radius:14px;background:linear-gradient(145deg,#f6c83a,#d79a0c);color:#3b200f;font:inherit;font-weight:900;cursor:pointer}\nbody.pwa-ios-modal-open{overflow:hidden}\n@media(min-width:1025px){.pwa-ios-modal{display:none!important}}\n@media(max-width:1024px){\n  .mobile-drawer-head{padding:16px 8px 15px!important}\n  .mobile-drawer-logo{width:48px!important;height:48px!important}\n  .mobile-drawer-links{padding-top:14px!important}\n}\n@media(max-width:480px){\n  .mobile-drawer-head{grid-template-columns:minmax(0,1fr) 42px 36px!important;gap:8px!important}\n  .mobile-drawer-logo{width:40px!important;height:40px!important}\n  .mobile-drawer-close{width:36px!important;height:36px!important}\n}\n

/* V6.15.9 — harden compact-device logo sizing and drawer geometry */
@media (max-width:1024px){
  .mobile-nav-drawer{
    width:min(88vw,360px)!important;
    max-width:min(88vw,360px)!important;
    min-width:0!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
  }
  .mobile-drawer-head{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 48px 38px!important;
    align-items:center!important;
  }
  .mobile-drawer-brand-copy{
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  .mobile-drawer-brand-copy strong,
  .mobile-drawer-brand-copy small{
    max-width:100%!important;
    overflow:hidden!important;
  }
  .mobile-drawer-logo,
  .mobile-drawer-head img.mobile-drawer-logo{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    max-width:48px!important;
    max-height:48px!important;
    object-fit:contain!important;
    display:block!important;
    position:static!important;
    transform:none!important;
    margin:0!important;
    padding:2px!important;
    box-sizing:border-box!important;
  }
  .mobile-drawer-close{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    min-height:38px!important;
    max-height:38px!important;
    display:grid!important;
    place-items:center!important;
    margin:0!important;
  }
  .mobile-drawer-links,
  .mobile-drawer-foot{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  .mobile-drawer-foot img.drawer-powered-logo{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
    max-width:28px!important;
    max-height:28px!important;
    object-fit:contain!important;
  }
  .mobile-brand img{
    width:37px!important;height:37px!important;
    min-width:37px!important;min-height:37px!important;
    max-width:37px!important;max-height:37px!important;
    object-fit:contain!important;
  }
  .pwa-splash-logo{
    width:150px!important;height:150px!important;
    min-width:150px!important;min-height:150px!important;
    max-width:150px!important;max-height:150px!important;
    object-fit:contain!important;
  }
  .ci-powered-logo{
    width:28px!important;height:28px!important;
    min-width:28px!important;min-height:28px!important;
    max-width:28px!important;max-height:28px!important;
    object-fit:contain!important;
  }
}
@media (max-width:480px){
  .mobile-nav-drawer{width:min(88vw,340px)!important;max-width:min(88vw,340px)!important}
  .mobile-drawer-head{grid-template-columns:minmax(0,1fr) 42px 36px!important;gap:8px!important}
  .mobile-drawer-logo,
  .mobile-drawer-head img.mobile-drawer-logo{
    width:42px!important;height:42px!important;
    min-width:42px!important;min-height:42px!important;
    max-width:42px!important;max-height:42px!important;
  }
  .mobile-drawer-close{width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;min-height:36px!important;max-height:36px!important}
}


/* V6.15.10 — drawer brand order + official PWA launch splash */
@media (max-width:1024px){
  .mobile-drawer-head{
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr) 38px!important;
    align-items:center!important;
    justify-content:initial!important;
    gap:12px!important;
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  .mobile-drawer-logo,
  .mobile-drawer-head img.mobile-drawer-logo{
    grid-column:1!important;
    grid-row:1!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    max-width:48px!important;
    max-height:48px!important;
    margin:0!important;
    padding:2px!important;
    box-sizing:border-box!important;
    object-fit:contain!important;
    display:block!important;
    position:static!important;
    transform:none!important;
  }
  .mobile-drawer-brand-copy{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  .mobile-drawer-brand-copy strong{
    display:block!important;
    max-width:100%!important;
    color:#5b3626!important;
    font-size:15px!important;
    line-height:1.16!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .mobile-drawer-brand-copy small{
    display:block!important;
    margin-top:4px!important;
    color:#9a7c68!important;
    font-size:10px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .mobile-drawer-close{
    grid-column:3!important;
    grid-row:1!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    max-width:38px!important;
    max-height:38px!important;
    margin:0!important;
    display:grid!important;
    place-items:center!important;
    box-sizing:border-box!important;
  }

  /* PWA splash: logo -> site name -> CI logo + Powered by Creative Ideas */
  .pwa-splash-inner{
    width:min(88vw,420px)!important;
    padding:28px 22px!important;
    text-align:center!important;
  }
  .pwa-splash-logo{
    width:150px!important;
    height:150px!important;
    min-width:150px!important;
    min-height:150px!important;
    max-width:150px!important;
    max-height:150px!important;
    margin:0 auto 18px!important;
    object-fit:contain!important;
  }
  .pwa-splash-name{
    font-size:20px!important;
    line-height:1.25!important;
    font-weight:900!important;
    color:#6b351e!important;
    max-width:360px!important;
    margin:0 auto!important;
  }
  .pwa-splash-powered{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:9px!important;
    margin-top:22px!important;
  }
  .ci-powered-logo{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    max-width:30px!important;
    max-height:30px!important;
    object-fit:contain!important;
    display:block!important;
  }
}
@media (max-width:480px){
  .mobile-drawer-head{
    grid-template-columns:42px minmax(0,1fr) 36px!important;
    gap:9px!important;
  }
  .mobile-drawer-logo,
  .mobile-drawer-head img.mobile-drawer-logo{
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    max-width:42px!important;
    max-height:42px!important;
  }
  .mobile-drawer-brand-copy strong{font-size:14px!important}
  .mobile-drawer-close{
    width:36px!important;height:36px!important;
    min-width:36px!important;min-height:36px!important;
    max-width:36px!important;max-height:36px!important;
  }
  .pwa-splash-logo{
    width:136px!important;height:136px!important;
    min-width:136px!important;min-height:136px!important;
    max-width:136px!important;max-height:136px!important;
  }
  .pwa-splash-name{font-size:19px!important}
}


/* V6.15.11 — no modal install UI; stable drawer + inline iOS guidance */
@media (max-width:1024px){
  .mobile-nav-drawer{
    position:fixed!important;
    left:0!important;
    top:0!important;
    bottom:0!important;
    width:min(88vw,360px)!important;
    max-width:min(88vw,360px)!important;
    min-width:280px!important;
    padding:0 14px max(16px,env(safe-area-inset-bottom))!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    box-sizing:border-box!important;
  }
  .mobile-drawer-head{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    padding:16px 6px 15px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  .mobile-drawer-logo,
  .mobile-drawer-head img.mobile-drawer-logo{
    flex:0 0 48px!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    max-width:48px!important;
    max-height:48px!important;
    display:block!important;
    object-fit:contain!important;
    object-position:center!important;
    position:static!important;
    transform:none!important;
    margin:0!important;
    padding:2px!important;
    box-sizing:border-box!important;
  }
  .mobile-drawer-brand-copy{
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:none!important;
    overflow:hidden!important;
  }
  .mobile-drawer-brand-copy strong{
    display:block!important;
    color:#5b3626!important;
    font-size:15px!important;
    line-height:1.18!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .mobile-drawer-brand-copy small{
    display:block!important;
    margin-top:4px!important;
    color:#9a7c68!important;
    font-size:10px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .mobile-drawer-close{
    flex:0 0 38px!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    max-width:38px!important;
    max-height:38px!important;
    margin-left:auto!important;
    display:grid!important;
    place-items:center!important;
    box-sizing:border-box!important;
  }
  .mobile-drawer-links{width:100%!important;min-width:0!important;box-sizing:border-box!important}
  .mobile-drawer-links a{width:100%!important;box-sizing:border-box!important}
  .mobile-install-btn{width:100%!important;box-sizing:border-box!important}
  .pwa-ios-hint{
    width:100%!important;
    margin:0 0 4px!important;
    padding:11px 12px!important;
    border:1px solid #edd59b!important;
    border-radius:13px!important;
    background:#fff8df!important;
    color:#6b4a3a!important;
    font-size:11px!important;
    line-height:1.45!important;
    box-sizing:border-box!important;
  }
  .pwa-ios-hint strong{display:block!important;color:#8e4425!important;font-size:11px!important;margin-bottom:3px!important}
  .pwa-ios-hint span{display:block!important}
}
@media (max-width:480px){
  .mobile-nav-drawer{width:min(88vw,340px)!important;max-width:min(88vw,340px)!important;min-width:280px!important}
  .mobile-drawer-logo,.mobile-drawer-head img.mobile-drawer-logo{flex-basis:42px!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;max-width:42px!important;max-height:42px!important}
  .mobile-drawer-close{flex-basis:36px!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;max-width:36px!important;max-height:36px!important}
}
/* Never render the removed iOS modal, even if stale markup is cached. */
.pwa-ios-modal{display:none!important}

/* =========================================================
   V6.15.12 — native mobile app shell cleanup
   - stable document scrolling on Android/iOS
   - true per-page-load splash on compact devices
   - modern SVG drawer icon system
   - no PWA install CTA in the public navigation
   ========================================================= */
@media (max-width:1024px){
  html,body{
    width:100%;
    min-height:100%;
    max-width:100%;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-y;
    overscroll-behavior-y:auto!important;
  }
  body{
    position:relative;
    padding-bottom:calc(86px + env(safe-area-inset-bottom))!important;
  }
  body.mobile-menu-open{overflow:hidden!important;touch-action:none!important}
  .page-wrap{
    min-height:calc(100dvh - 64px);
    padding-bottom:calc(98px + env(safe-area-inset-bottom))!important;
  }
  .site-header{isolation:isolate}

  /* App-like drawer: crisp spacing, proper icons, no website-like glyphs. */
  .mobile-nav-drawer{
    width:min(86vw,350px)!important;
    max-width:350px!important;
    min-width:0!important;
    padding:0 12px max(14px,env(safe-area-inset-bottom))!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
  }
  .mobile-drawer-head{
    flex:0 0 auto!important;
    padding:16px 6px 14px!important;
    min-height:78px!important;
  }
  .mobile-drawer-links{
    gap:5px!important;
    padding:12px 0 10px!important;
  }
  .mobile-drawer-links a{
    min-height:54px!important;
    padding:8px 10px!important;
    gap:12px!important;
    border-radius:16px!important;
    font-size:13px!important;
    transition:background .18s ease,transform .18s ease,border-color .18s ease!important;
  }
  .mobile-drawer-links a:active{transform:scale(.985)}
  .mobile-drawer-links a:hover,.mobile-drawer-links a:focus-visible{
    background:#fff0c7!important;
    border-color:#edd59b!important;
    outline:none!important;
  }
  .mobile-drawer-links .drawer-nav-icon{
    flex:0 0 38px!important;
    width:38px!important;
    height:38px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:12px!important;
    background:linear-gradient(145deg,#fff3d0,#ffe6a0)!important;
    color:#a24b22!important;
    box-shadow:inset 0 0 0 1px rgba(214,164,45,.16)!important;
  }
  .mobile-drawer-links .drawer-nav-icon svg{
    width:20px!important;
    height:20px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }
  .mobile-drawer-links b{font-weight:850!important;letter-spacing:-.1px}
  .mobile-drawer-foot{padding-top:14px!important}

  /* The install control is intentionally not part of the public app navigation. */
  .mobile-install-btn,.pwa-ios-hint{display:none!important}

  .pwa-splash.hide{opacity:0;pointer-events:none}
}
@media (min-width:1025px){
  .mobile-appbar,.mobile-nav-drawer,.mobile-nav-backdrop{display:none!important}
  .mobile-install-btn,.pwa-ios-hint{display:none!important}
}
@media (max-width:480px){
  .mobile-nav-drawer{width:min(88vw,340px)!important}
  .mobile-drawer-links .drawer-nav-icon{flex-basis:36px!important;width:36px!important;height:36px!important;border-radius:11px!important}
  .mobile-drawer-links .drawer-nav-icon svg{width:19px!important;height:19px!important}
}

@media (max-width:1024px){
  .mobile-brand{
    width:auto!important;
    max-width:min(62vw,360px)!important;
    flex:1 1 auto!important;
    justify-content:flex-start!important;
    padding:0 10px 0 7px!important;
  }
  .mobile-brand span{display:block!important;min-width:0!important}
  .mobile-brand strong{font-size:12px!important;line-height:1.14!important}
  .mobile-brand small{font-size:8.5px!important}
}
@media (max-width:480px){
  .mobile-brand{max-width:none!important}
  .mobile-brand strong{font-size:10.5px!important}
  .mobile-brand small{font-size:8px!important}
}


/* V6.15.13 — one-session splash, meaningful donation icon, full Sewa Parivar label */
.rupee-icon{font-family:Inter,Arial,sans-serif!important;font-weight:900!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-style:normal!important}
.header-action-icon.rupee-icon{font-size:20px!important;width:26px!important;height:26px!important}
.drawer-nav-icon.rupee-icon{font-size:19px!important}
.bottom-nav .mobile-nav-icon.rupee-icon{font-size:24px!important;font-weight:900!important}
.bottom-nav .bottom-donate .rupee-icon{font-size:27px!important}
@media(max-width:700px){.bottom-nav a[aria-label="Sewa Parivar"] span:last-child{font-size:8px!important;letter-spacing:-.1px!important}}


/* V6.15.14 — splash lifecycle fix
   Show once on the initial app/site session load only. Never replay on internal page navigation. */
.pwa-splash{display:none!important;opacity:0;pointer-events:none;visibility:hidden;}
html.mandir-launch-splash .pwa-splash{display:flex!important;opacity:1;visibility:visible;pointer-events:auto;}
.pwa-splash.show{display:flex!important;opacity:1;visibility:visible;pointer-events:auto;}
.pwa-splash.hide{opacity:0!important;visibility:hidden!important;pointer-events:none!important;}


/* V6.15.15 — compact app-shell header + tab cleanup
   - Hide the Mandir name/location in mobile + tablet app header; keep logo only.
   - Remove the profile/person glyph from the About bottom tab.
   - Creative Ideas drawer mark sits on a clean white tile.
*/
@media (max-width:1024px){
  .mobile-brand{
    flex:0 0 auto!important;
    width:auto!important;
    max-width:none!important;
    padding:0!important;
    justify-content:center!important;
  }
  .mobile-brand > span{display:none!important}
  .mobile-brand img{
    width:38px!important;height:38px!important;
    min-width:38px!important;min-height:38px!important;
    max-width:38px!important;max-height:38px!important;
  }
  .bottom-nav a[aria-label="About"] .about-tab-icon{display:none!important}
  .bottom-nav a[aria-label="About"]{padding-top:6px!important}
  .mobile-drawer-foot img.drawer-powered-logo{
    background:#fff!important;
    border:1px solid #ead8b2!important;
    border-radius:9px!important;
    padding:3px!important;
    box-shadow:0 4px 12px rgba(70,35,16,.10)!important;
  }
}


/* V6.15.16 — mobile header / bottom-tab repair
   - Give the Mandir logo a clean standalone app tile beside the hamburger.
   - Restore a visible, consistent About information icon.
   - Keep the compact header free of the long site-name text.
*/
@media (max-width:1024px){
  .mobile-appbar{
    min-height:64px!important;
    padding:8px 10px!important;
    gap:8px!important;
  }
  .mobile-appbar-brand-group{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    min-width:0!important;
    flex:0 1 auto!important;
  }
  .mobile-menu-toggle{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    flex:0 0 44px!important;
    border:1px solid rgba(217,165,29,.30)!important;
    border-radius:14px!important;
    background:#fff9ee!important;
    box-shadow:0 5px 16px rgba(70,35,16,.08)!important;
  }
  .mobile-menu-toggle span{width:21px!important;height:2.4px!important}
  .mobile-brand{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    max-width:48px!important;
    flex:0 0 48px!important;
    display:grid!important;
    place-items:center!important;
    padding:0!important;
    border:1px solid rgba(217,165,29,.34)!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 5px 16px rgba(70,35,16,.08)!important;
    overflow:hidden!important;
  }
  .mobile-brand > span{display:none!important}
  .mobile-brand img{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    max-width:40px!important;
    max-height:40px!important;
    padding:0!important;
    border:0!important;
    border-radius:10px!important;
    background:#fff!important;
    object-fit:contain!important;
    display:block!important;
  }
  .mobile-appbar-actions{
    gap:7px!important;
  }
  .mobile-app-language{
    height:44px!important;
    min-width:54px!important;
    padding:0 5px!important;
    border-radius:14px!important;
    background:#fff!important;
  }
  .mobile-app-language select{
    width:44px!important;
    height:34px!important;
    font-size:12px!important;
  }
  .mobile-profile-btn,.mobile-app-action{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    border-radius:14px!important;
    box-shadow:0 5px 16px rgba(70,35,16,.07)!important;
  }

  .bottom-nav a[aria-label="About"] .about-tab-icon{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
  }
  .bottom-nav a[aria-label="About"]{
    padding-top:0!important;
  }
  .bottom-nav a[aria-label="About"] .about-tab-icon svg{
    width:22px!important;
    height:22px!important;
    display:block!important;
  }
}
@media (max-width:480px){
  .mobile-brand{
    width:46px!important;height:46px!important;
    min-width:46px!important;max-width:46px!important;
    flex-basis:46px!important;
  }
  .mobile-brand img{
    width:38px!important;height:38px!important;
    min-width:38px!important;min-height:38px!important;
    max-width:38px!important;max-height:38px!important;
  }
}

/* V6.15.17 — Mobile Sewadar / Volunteer portrait cards
   On phones and small devices, volunteer cards use the same compact
   horizontal portrait layout as Management Member cards. Desktop/tablet
   large layouts remain unchanged. */
@media (max-width:760px){
  .volunteer-reference-grid{
    grid-template-columns:1fr!important;
    max-width:560px!important;
    gap:12px!important;
  }
  .volunteer-member-card{
    min-height:210px!important;
    height:auto!important;
    padding:15px!important;
    display:flex!important;
    align-items:center!important;
    gap:13px!important;
    overflow:hidden!important;
    position:relative!important;
    border-radius:22px!important;
  }
  .volunteer-member-card .member-reference-photo{
    flex:0 0 92px!important;
    width:92px!important;
    height:120px!important;
    min-width:92px!important;
    margin:0!important;
    border-radius:18px!important;
    border:4px solid #fff!important;
    box-shadow:0 12px 28px rgba(58,29,17,.14)!important;
    background:linear-gradient(145deg,#f4ead9,#ead7bd)!important;
    overflow:hidden!important;
    position:relative!important;
    z-index:2!important;
  }
  .volunteer-member-card .member-reference-photo .member-photo{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center top!important;
  }
  .volunteer-member-card .member-reference-content{
    min-width:0!important;
    flex:1!important;
    padding:0 5px 0 0!important;
    text-align:left!important;
    position:relative!important;
    z-index:2!important;
  }
  .volunteer-member-card .member-reference-content h3{
    font-size:16px!important;
    line-height:1.25!important;
    margin:0 0 8px!important;
    color:#351b13!important;
  }
  .volunteer-member-card .member-role-tags{
    gap:6px!important;
    margin-bottom:8px!important;
  }
  .volunteer-member-card .member-role-tags .badge,
  .volunteer-member-card .member-role-tags .member-responsibility-tag{
    font-size:9px!important;
  }
  .volunteer-member-card .member-description{
    font-size:10px!important;
    line-height:1.55!important;
    min-height:0!important;
    margin:0 0 8px!important;
    display:-webkit-box!important;
    -webkit-line-clamp:3!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  .volunteer-member-card .member-meta{
    display:inline-flex!important;
    font-size:8.5px!important;
    padding:6px 9px!important;
  }
  .volunteer-member-card:before{
    right:-55px!important;
    bottom:-70px!important;
    width:180px!important;
    height:150px!important;
  }
  .join-reference-card{
    display:block!important;
    min-height:250px!important;
  }
}

@media (max-width:480px){
  .volunteer-member-card{
    gap:13px!important;
    padding:15px!important;
  }
  .volunteer-member-card .member-reference-photo{
    flex-basis:92px!important;
    width:92px!important;
    height:120px!important;
  }
  .volunteer-member-card .member-reference-content h3{
    font-size:15px!important;
  }
}

/* V6.15.18 — Mobile Sewadar portrait cards: match Management Members
   On phones and small devices the Sewadar/Volunteer cards intentionally use
   the same horizontal card + vertical portrait treatment as management cards. */
@media (max-width:760px){
  .management-section .volunteer-reference-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    max-width:560px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    gap:12px!important;
  }
  .management-section .volunteer-reference-grid .volunteer-member-card{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    width:100%!important;
    min-width:0!important;
    min-height:210px!important;
    height:auto!important;
    box-sizing:border-box!important;
    padding:15px!important;
    gap:13px!important;
    overflow:hidden!important;
    position:relative!important;
    border-radius:22px!important;
  }
  .management-section .volunteer-reference-grid .volunteer-member-card .member-reference-photo{
    flex:0 0 92px!important;
    width:92px!important;
    min-width:92px!important;
    max-width:92px!important;
    height:120px!important;
    min-height:120px!important;
    max-height:120px!important;
    aspect-ratio:auto!important;
    margin:0!important;
    padding:0!important;
    border-radius:18px!important;
    border:4px solid #fff!important;
    box-shadow:0 12px 28px rgba(58,29,17,.14)!important;
    background:linear-gradient(145deg,#f4ead9,#ead7bd)!important;
    overflow:hidden!important;
    display:grid!important;
    place-items:center!important;
    position:relative!important;
    z-index:2!important;
  }
  .management-section .volunteer-reference-grid .volunteer-member-card .member-reference-photo .member-photo{
    display:block!important;
    width:100%!important;
    min-width:100%!important;
    max-width:none!important;
    height:100%!important;
    min-height:100%!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:center center!important;
    image-rendering:auto!important;
  }
  .management-section .volunteer-reference-grid .volunteer-member-card .member-reference-content{
    min-width:0!important;
    flex:1 1 auto!important;
    padding:0 5px 0 0!important;
    text-align:left!important;
    position:relative!important;
    z-index:2!important;
  }
  .management-section .volunteer-reference-grid .volunteer-member-card .member-reference-content h3{
    font-size:16px!important;
    line-height:1.25!important;
    margin:0 0 8px!important;
  }
  .management-section .volunteer-reference-grid .volunteer-member-card .member-role-tags{
    gap:6px!important;
    margin-bottom:8px!important;
  }
  .management-section .volunteer-reference-grid .volunteer-member-card .member-role-tags .badge,
  .management-section .volunteer-reference-grid .volunteer-member-card .member-role-tags .member-responsibility-tag{
    font-size:9px!important;
  }
  .management-section .volunteer-reference-grid .volunteer-member-card .member-description{
    font-size:10px!important;
    line-height:1.55!important;
    min-height:0!important;
    margin:0 0 8px!important;
    display:-webkit-box!important;
    -webkit-line-clamp:3!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  .management-section .volunteer-reference-grid .volunteer-member-card .member-meta{
    display:inline-flex!important;
    font-size:8.5px!important;
    padding:6px 9px!important;
  }
}
@media (max-width:480px){
  .management-section .volunteer-reference-grid .volunteer-member-card{
    min-height:190px!important;
    padding:12px!important;
    gap:12px!important;
  }
  .management-section .volunteer-reference-grid .volunteer-member-card .member-reference-photo{
    flex-basis:82px!important;
    width:82px!important;
    min-width:82px!important;
    max-width:82px!important;
    height:108px!important;
    min-height:108px!important;
    max-height:108px!important;
    border-radius:15px!important;
  }
  .management-section .volunteer-reference-grid .volunteer-member-card .member-reference-content h3{
    font-size:14px!important;
    margin-bottom:6px!important;
  }
}


/* V6.15.19 — Tablet Sewadar/Volunteer portrait cards
   Match the Management Member horizontal portrait layout on tablets/small devices. */
@media (min-width:761px) and (max-width:1024px){
  .volunteer-reference-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    max-width:820px!important;
    gap:18px!important;
  }
  .volunteer-member-card{
    min-height:210px!important;
    height:auto!important;
    padding:15px!important;
    display:flex!important;
    align-items:center!important;
    gap:13px!important;
    overflow:hidden!important;
  }
  .volunteer-member-card .member-reference-photo{
    flex:0 0 108px!important;
    width:108px!important;
    height:136px!important;
    min-width:108px!important;
    min-height:136px!important;
    margin:0!important;
    border-radius:18px!important;
    border:4px solid #fff!important;
    box-shadow:0 12px 28px rgba(58,29,17,.14)!important;
    overflow:hidden!important;
  }
  .volunteer-member-card .member-reference-photo .member-photo{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center top!important;
    display:block!important;
  }
  .volunteer-member-card .member-reference-content{
    min-width:0!important;
    flex:1!important;
    padding:0 5px 0 0!important;
    text-align:left!important;
  }
  .volunteer-member-card .member-reference-content h3{
    font-size:16px!important;
    line-height:1.25!important;
    margin:0 0 8px!important;
  }
  .volunteer-member-card .member-role-tags{
    margin-bottom:8px!important;
  }
  .volunteer-member-card .member-description{
    font-size:10px!important;
    line-height:1.5!important;
    min-height:0!important;
    margin-bottom:9px!important;
  }
  .volunteer-member-card .member-meta{font-size:8.5px!important;}
}

/* V6.15.20 — Compact Management Member cards
   Reduce vertical height while preserving the existing portrait layout. */
.management-reference-grid{
  align-items:start;
}
.management-member-card{
  min-height:172px!important;
  height:172px!important;
  padding:14px!important;
  gap:16px!important;
}
.management-member-card .member-reference-photo{
  flex-basis:108px!important;
  width:108px!important;
  height:136px!important;
}
.management-member-card .member-reference-content h3{
  margin-bottom:7px!important;
}
.management-member-card .management-badge{
  margin-bottom:8px!important;
}
.management-member-card .member-description{
  margin-bottom:8px!important;
  -webkit-line-clamp:2!important;
}
@media(max-width:760px){
  .management-member-card{
    min-height:158px!important;
    height:158px!important;
    padding:11px!important;
    gap:12px!important;
  }
  .management-member-card .member-reference-photo{
    flex-basis:92px!important;
    width:92px!important;
    height:120px!important;
  }
}
@media(max-width:480px){
  .management-member-card{
    min-height:146px!important;
    height:146px!important;
    padding:10px!important;
  }
  .management-member-card .member-reference-photo{
    flex-basis:82px!important;
    width:82px!important;
    height:108px!important;
  }
}

/* V6.15.21 — Further reduce Management Member card height */
.management-member-card{
  min-height:164px!important;
  height:164px!important;
  padding:12px!important;
  gap:14px!important;
}
.management-member-card .member-reference-photo{
  flex-basis:104px!important;
  width:104px!important;
  height:140px!important;
}
.management-member-card .member-reference-content h3{margin-bottom:5px!important;}
.management-member-card .management-badge{margin-bottom:6px!important;}
.management-member-card .member-role-tags{margin-bottom:6px!important;}
.management-member-card .member-description{margin-bottom:6px!important;}
@media(max-width:760px){
  .management-member-card{
    min-height:142px!important;
    height:142px!important;
    padding:9px!important;
    gap:11px!important;
  }
  .management-member-card .member-reference-photo{
    flex-basis:90px!important;
    width:90px!important;
    height:120px!important;
  }
}
@media(max-width:480px){
  .management-member-card{
    min-height:126px!important;
    height:126px!important;
    padding:8px!important;
    gap:10px!important;
  }
  .management-member-card .member-reference-photo{
    flex-basis:82px!important;
    width:82px!important;
    height:108px!important;
  }
  .management-member-card .member-reference-content h3{font-size:14px!important;}
}

/* V6.15.22 — Final compact Management Member cards only */
.management-member-card{
  min-height:150px!important;
  height:150px!important;
  padding:10px!important;
  gap:12px!important;
}
.management-member-card .member-reference-photo{
  flex-basis:98px!important;
  width:98px!important;
  height:126px!important;
}
.management-member-card .member-reference-content h3{margin-bottom:4px!important;}
.management-member-card .management-badge{margin-bottom:5px!important;}
.management-member-card .member-role-tags{margin-bottom:5px!important;}
.management-member-card .member-description{margin-bottom:5px!important;}
@media(max-width:760px){
  .management-member-card{
    min-height:132px!important;
    height:132px!important;
    padding:8px!important;
    gap:10px!important;
  }
  .management-member-card .member-reference-photo{
    flex-basis:84px!important;
    width:84px!important;
    height:112px!important;
  }
}
@media(max-width:480px){
  .management-member-card{
    min-height:116px!important;
    height:116px!important;
    padding:7px!important;
    gap:9px!important;
  }
  .management-member-card .member-reference-photo{
    flex-basis:76px!important;
    width:76px!important;
    height:100px!important;
  }
  .management-member-card .member-reference-content h3{font-size:13px!important;}
}

/* V6.15.23 — Management card height correction
   Keep the compact cards, but keep the portrait fully inside the card. */
.management-member-card{
  box-sizing:border-box!important;
  min-height:180px!important;
  height:180px!important;
  max-height:180px!important;
  padding:10px!important;
  gap:14px!important;
  align-items:center!important;
  overflow:hidden!important;
}
.management-member-card .member-reference-photo{
  box-sizing:border-box!important;
  flex:0 0 98px!important;
  width:98px!important;
  height:140px!important;
  max-height:140px!important;
  min-height:0!important;
  align-self:center!important;
  overflow:hidden!important;
}
.management-member-card .member-reference-photo .member-photo{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:cover!important;
  object-position:center top!important;
}
.management-member-card .member-reference-content{
  min-height:0!important;
  max-height:100%!important;
  overflow:hidden!important;
}
@media(max-width:1000px){
  .management-member-card{
    height:170px!important;
    min-height:170px!important;
    max-height:170px!important;
  }
  .management-member-card .member-reference-photo{
    flex-basis:94px!important;
    width:94px!important;
    height:132px!important;
    max-height:132px!important;
  }
}
@media(max-width:760px){
  .management-member-card{
    height:150px!important;
    min-height:150px!important;
    max-height:150px!important;
    padding:8px!important;
    gap:10px!important;
  }
  .management-member-card .member-reference-photo{
    flex-basis:84px!important;
    width:84px!important;
    height:126px!important;
    max-height:126px!important;
  }
}
@media(max-width:480px){
  .management-member-card{
    height:138px!important;
    min-height:138px!important;
    max-height:138px!important;
    padding:7px!important;
    gap:9px!important;
  }
  .management-member-card .member-reference-photo{
    flex-basis:78px!important;
    width:78px!important;
    height:116px!important;
    max-height:116px!important;
  }
  .management-member-card .member-reference-content h3{font-size:13px!important;}
}

/* V6.15.24 — Final Management Member compact sizing
   Reduce only Management Member cards and keep the portrait fully contained. */
.management-member-card{
  min-height:158px!important;
  height:158px!important;
  max-height:158px!important;
  padding:8px!important;
  gap:12px!important;
  align-items:center!important;
  overflow:hidden!important;
}
.management-member-card .member-reference-photo{
  flex:0 0 96px!important;
  width:96px!important;
  height:140px!important;
  max-height:140px!important;
  margin:0!important;
  overflow:hidden!important;
  align-self:center!important;
}
.management-member-card .member-reference-content{
  min-width:0!important;
  min-height:0!important;
  max-height:100%!important;
  overflow:hidden!important;
  padding-right:4px!important;
}
.management-member-card .member-reference-content h3{
  margin:0 0 5px!important;
  font-size:18px!important;
}
.management-member-card .management-badge{margin-bottom:6px!important;}
.management-member-card .member-role-tags{margin-bottom:5px!important;}
.management-member-card .member-description{margin-bottom:6px!important;}

@media(max-width:1000px){
  .management-member-card{
    height:150px!important;
    min-height:150px!important;
    max-height:150px!important;
  }
  .management-member-card .member-reference-photo{
    flex-basis:88px!important;
    width:88px!important;
    height:132px!important;
    max-height:132px!important;
  }
}
@media(max-width:760px){
  .management-member-card{
    height:140px!important;
    min-height:140px!important;
    max-height:140px!important;
    padding:7px!important;
    gap:10px!important;
  }
  .management-member-card .member-reference-photo{
    flex-basis:82px!important;
    width:82px!important;
    height:124px!important;
    max-height:124px!important;
  }
}
@media(max-width:480px){
  .management-member-card{
    height:132px!important;
    min-height:132px!important;
    max-height:132px!important;
    padding:6px!important;
    gap:9px!important;
  }
  .management-member-card .member-reference-photo{
    flex-basis:76px!important;
    width:76px!important;
    height:116px!important;
    max-height:116px!important;
  }
  .management-member-card .member-reference-content h3{font-size:14px!important;}
}

/* V6.15.25 — Management Members desktop reference layout
   Match the supplied reference: wide three-column cards, compact vertical
   portrait on the left, and a short, clean card body. Mobile/tablet rules
   remain responsive and retain the existing portrait-card behavior. */
@media (min-width:1001px){
  .management-reference-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    max-width:1620px!important;
    gap:28px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .management-member-card{
    min-height:326px!important;
    height:326px!important;
    padding:18px!important;
    gap:26px!important;
    border-radius:24px!important;
    display:flex!important;
    align-items:center!important;
    overflow:hidden!important;
  }
  .management-member-card .member-reference-photo{
    flex:0 0 143px!important;
    width:143px!important;
    height:180px!important;
    min-width:143px!important;
    min-height:180px!important;
    max-width:143px!important;
    max-height:180px!important;
    aspect-ratio:auto!important;
    margin:0!important;
    border-radius:18px!important;
    border:4px solid #fff!important;
    overflow:hidden!important;
    background:#f2e7d7!important;
  }
  .management-member-card .member-reference-photo .member-photo{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:center top!important;
  }
  .management-member-card .member-reference-content{
    flex:1!important;
    min-width:0!important;
    padding:0 28px 0 0!important;
  }
  .management-member-card .member-reference-content h3{
    font-size:27px!important;
    line-height:1.2!important;
    margin:0 0 14px!important;
  }
  .management-member-card .member-role-tags{
    gap:10px!important;
    margin-bottom:18px!important;
  }
  .management-member-card .management-badge,
  .management-member-card .management-responsibility-tag{
    font-size:13px!important;
    padding:7px 14px!important;
  }
  .management-member-card .member-meta{
    font-size:12px!important;
    padding:8px 12px!important;
  }
}

@media (min-width:761px) and (max-width:1000px){
  .management-member-card{
    min-height:250px!important;
    height:250px!important;
    padding:16px!important;
    gap:16px!important;
  }
  .management-member-card .member-reference-photo{
    flex:0 0 118px!important;
    width:118px!important;
    height:150px!important;
    min-width:118px!important;
    min-height:150px!important;
    aspect-ratio:auto!important;
  }
}

@media (max-width:760px){
  .management-member-card .member-reference-photo{
    aspect-ratio:auto!important;
  }
}

/* V6.15.28 — Management Members visual refinement ONLY
   Intentionally scoped to .management-member-card so the Sewadar / Volunteer
   section keeps its existing design and responsive behavior unchanged. */
@media (min-width:1001px){
  .management-reference-grid{
    max-width:1180px!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:22px!important;
  }
  .management-member-card{
    height:246px!important;
    min-height:246px!important;
    max-height:246px!important;
    padding:14px!important;
    gap:22px!important;
    border-radius:22px!important;
    background:linear-gradient(135deg,#ffffff 0%,#fffdf9 68%,#fff7e7 100%)!important;
    border:1px solid #eadcc5!important;
    box-shadow:0 12px 32px rgba(83,43,22,.09)!important;
    align-items:center!important;
  }
  .management-member-card .member-reference-photo{
    flex:0 0 132px!important;
    width:132px!important;
    height:176px!important;
    min-width:132px!important;
    min-height:176px!important;
    max-width:132px!important;
    max-height:176px!important;
    border-radius:16px!important;
    border:4px solid #fff!important;
    box-shadow:0 8px 22px rgba(83,43,22,.14)!important;
  }
  .management-member-card .member-reference-content{
    padding:0 10px 0 0!important;
  }
  .management-member-card .member-reference-content h3{
    font-size:24px!important;
    line-height:1.18!important;
    margin:0 0 11px!important;
    color:#351b13!important;
  }
  .management-member-card .member-role-tags{
    gap:8px!important;
    margin-bottom:14px!important;
  }
  .management-member-card .management-badge,
  .management-member-card .management-responsibility-tag{
    font-size:12px!important;
    padding:6px 12px!important;
  }
  .management-member-card .member-description{display:none!important;}
  .management-member-card .member-meta{
    font-size:11px!important;
    padding:7px 11px!important;
    white-space:nowrap!important;
  }
}

@media (min-width:761px) and (max-width:1000px){
  .management-reference-grid{
    max-width:820px!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px!important;
  }
  .management-member-card{
    height:210px!important;
    min-height:210px!important;
    max-height:210px!important;
    padding:12px!important;
    gap:15px!important;
    border-radius:20px!important;
  }
  .management-member-card .member-reference-photo{
    flex:0 0 108px!important;
    width:108px!important;
    height:150px!important;
    min-width:108px!important;
    min-height:150px!important;
    max-width:108px!important;
    max-height:150px!important;
    border-radius:14px!important;
    border:3px solid #fff!important;
  }
  .management-member-card .member-reference-content h3{
    font-size:20px!important;
    line-height:1.2!important;
    margin-bottom:9px!important;
  }
  .management-member-card .member-role-tags{margin-bottom:10px!important;gap:7px!important;}
  .management-member-card .management-badge,
  .management-member-card .management-responsibility-tag{font-size:11px!important;padding:5px 9px!important;}
  .management-member-card .member-meta{font-size:9px!important;padding:6px 9px!important;}
  .management-member-card .member-description{display:none!important;}
}

@media (max-width:760px){
  .management-reference-grid{gap:12px!important;}
  .management-member-card{
    height:142px!important;
    min-height:142px!important;
    max-height:142px!important;
    padding:9px!important;
    gap:11px!important;
    border-radius:16px!important;
  }
  .management-member-card .member-reference-photo{
    flex:0 0 88px!important;
    width:88px!important;
    height:122px!important;
    min-width:88px!important;
    min-height:122px!important;
    max-width:88px!important;
    max-height:122px!important;
    border-radius:12px!important;
    border:3px solid #fff!important;
  }
  .management-member-card .member-reference-content{padding:0 3px 0 0!important;}
  .management-member-card .member-reference-content h3{
    font-size:16px!important;
    line-height:1.18!important;
    margin-bottom:7px!important;
  }
  .management-member-card .member-role-tags{gap:5px!important;margin-bottom:7px!important;}
  .management-member-card .management-badge,
  .management-member-card .management-responsibility-tag{font-size:9px!important;padding:4px 7px!important;}
  .management-member-card .member-meta{font-size:8px!important;padding:5px 7px!important;white-space:normal!important;}
  .management-member-card .member-description{display:none!important;}
}

@media (max-width:480px){
  .management-member-card{
    height:128px!important;
    min-height:128px!important;
    max-height:128px!important;
    padding:7px!important;
    gap:9px!important;
  }
  .management-member-card .member-reference-photo{
    flex-basis:78px!important;
    width:78px!important;
    height:112px!important;
    min-width:78px!important;
    min-height:112px!important;
    max-width:78px!important;
    max-height:112px!important;
    border-radius:10px!important;
  }
  .management-member-card .member-reference-content h3{font-size:14px!important;margin-bottom:5px!important;}
  .management-member-card .member-role-tags{margin-bottom:5px!important;}
  .management-member-card .member-meta{font-size:7.5px!important;padding:4px 6px!important;}
}

/* V6.15.28 — Supplied reference design: Management Members ONLY.
   Do not apply these rules to Sewadar / Volunteer cards. */
@media (min-width:1001px){
  .management-reference-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    max-width:1180px!important;
    gap:22px!important;
    align-items:start!important;
  }
  .management-member-card{
    height:246px!important;
    min-height:246px!important;
    max-height:246px!important;
    padding:14px!important;
    gap:22px!important;
    border-radius:22px!important;
    overflow:hidden!important;
    display:flex!important;
    align-items:center!important;
    box-sizing:border-box!important;
    background:linear-gradient(135deg,#fff 0%,#fffdf9 68%,#fff7e7 100%)!important;
    border:1px solid #eadcc5!important;
    box-shadow:0 12px 32px rgba(83,43,22,.09)!important;
  }
  .management-member-card .member-reference-photo{
    flex:0 0 132px!important;
    width:132px!important;
    height:176px!important;
    min-width:132px!important;
    min-height:176px!important;
    max-width:132px!important;
    max-height:176px!important;
    aspect-ratio:auto!important;
    margin:0!important;
    border-radius:16px!important;
    border:4px solid #fff!important;
    box-shadow:0 8px 22px rgba(83,43,22,.14)!important;
    overflow:hidden!important;
  }
  .management-member-card .member-reference-photo .member-photo{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:center top!important;
  }
  .management-member-card .member-reference-content{
    flex:1 1 auto!important;
    min-width:0!important;
    min-height:0!important;
    padding:0 10px 0 0!important;
    overflow:hidden!important;
  }
  .management-member-card .member-reference-content h3{
    font-size:24px!important;
    line-height:1.18!important;
    margin:0 0 11px!important;
    color:#351b13!important;
  }
  .management-member-card .member-role-tags{
    gap:8px!important;
    margin-bottom:14px!important;
  }
  .management-member-card .management-badge,
  .management-member-card .management-responsibility-tag{
    font-size:12px!important;
    padding:6px 12px!important;
  }
  .management-member-card .member-description{display:none!important;}
  .management-member-card .member-meta{
    font-size:11px!important;
    padding:7px 11px!important;
    white-space:nowrap!important;
  }
}

@media (min-width:761px) and (max-width:1000px){
  .management-reference-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    max-width:820px!important;
    gap:18px!important;
  }
  .management-member-card{
    height:210px!important;
    min-height:210px!important;
    max-height:210px!important;
    padding:12px!important;
    gap:15px!important;
    border-radius:20px!important;
    overflow:hidden!important;
  }
  .management-member-card .member-reference-photo{
    flex:0 0 108px!important;
    width:108px!important;
    height:150px!important;
    min-width:108px!important;
    min-height:150px!important;
    max-width:108px!important;
    max-height:150px!important;
    aspect-ratio:auto!important;
    border-radius:14px!important;
    border:3px solid #fff!important;
  }
  .management-member-card .member-reference-content h3{
    font-size:20px!important;
    line-height:1.2!important;
    margin-bottom:9px!important;
  }
  .management-member-card .member-description{display:none!important;}
}

@media (max-width:760px){
  .management-reference-grid{gap:12px!important;}
  .management-member-card{
    height:142px!important;
    min-height:142px!important;
    max-height:142px!important;
    padding:9px!important;
    gap:11px!important;
    border-radius:16px!important;
    overflow:hidden!important;
  }
  .management-member-card .member-reference-photo{
    flex:0 0 88px!important;
    width:88px!important;
    height:122px!important;
    min-width:88px!important;
    min-height:122px!important;
    max-width:88px!important;
    max-height:122px!important;
    aspect-ratio:auto!important;
    border-radius:12px!important;
    border:3px solid #fff!important;
  }
  .management-member-card .member-reference-content h3{
    font-size:16px!important;
    line-height:1.18!important;
    margin-bottom:7px!important;
  }
  .management-member-card .member-description{display:none!important;}
}

@media (max-width:480px){
  .management-member-card{
    height:128px!important;
    min-height:128px!important;
    max-height:128px!important;
    padding:7px!important;
    gap:9px!important;
  }
  .management-member-card .member-reference-photo{
    flex-basis:78px!important;
    width:78px!important;
    height:112px!important;
    min-width:78px!important;
    min-height:112px!important;
    max-width:78px!important;
    max-height:112px!important;
    border-radius:10px!important;
  }
  .management-member-card .member-reference-content h3{font-size:14px!important;margin-bottom:5px!important;}
}

/* V6.17.1 — Bhakti floating button refinement */
.bhakti-floating-button{position:fixed;right:18px;bottom:96px;z-index:1200;width:92px;height:92px;border-radius:28px;background:linear-gradient(145deg,#f57a2d 0%,#ef4b20 58%,#d93a19 100%);border:3px solid rgba(255,255,255,.9);box-shadow:0 14px 32px rgba(74,30,15,.28),0 0 0 5px rgba(255,191,72,.24);display:flex;align-items:center;justify-content:center;text-decoration:none;overflow:visible;transition:transform .2s ease,box-shadow .2s ease}.bhakti-floating-button:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 18px 38px rgba(74,30,15,.34),0 0 0 6px rgba(255,191,72,.3)}.bhakti-floating-icon{position:absolute!important;top:9px;left:50%;transform:translateX(-50%);width:58px;height:58px;border-radius:50%;background:#fff;padding:3px;display:grid;place-items:center;box-shadow:0 5px 14px rgba(74,30,15,.2)}.bhakti-floating-icon img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.bhakti-floating-label{position:absolute!important;bottom:7px;left:0;right:0;text-align:center;font-size:11px;font-weight:900;letter-spacing:.5px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35)}.bhakti-floating-note{position:absolute!important;top:-7px;right:-7px;width:27px;height:27px;border-radius:50%;background:#f4512a;color:#fff;border:2px solid #fff;display:grid;place-items:center;font-size:15px;font-weight:900;line-height:1;z-index:3;box-shadow:0 4px 10px rgba(74,30,15,.2)}
.bhakti-page{max-width:1280px;margin:0 auto;padding:28px 18px 100px}.bhakti-hero{position:relative;overflow:hidden;min-height:430px;border-radius:34px;background:radial-gradient(circle at 80% 45%,rgba(255,217,102,.5),transparent 34%),linear-gradient(135deg,#fff8e9 0%,#ffe7a6 45%,#f4b33c 100%);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:52px 64px;box-shadow:0 24px 70px rgba(91,49,15,.13);border:1px solid rgba(214,133,34,.2)}.bhakti-hero-glow{position:absolute;width:480px;height:480px;border-radius:50%;right:-110px;top:-80px;background:radial-gradient(circle,rgba(255,255,255,.8),rgba(255,193,7,.05) 65%,transparent 70%)}.bhakti-hero-copy{position:relative;z-index:1;max-width:650px}.bhakti-hero-copy h1{font-size:clamp(58px,8vw,104px);line-height:.88;margin:8px 0 12px;color:#6e2a13;letter-spacing:-.05em}.bhakti-hero-copy h2{font-size:clamp(24px,3vw,42px);margin:0 0 16px;color:#b43d1f}.bhakti-hero-copy p:not(.eyebrow){font-size:18px;line-height:1.7;color:#59301e;max-width:590px}.bhakti-hero-art{position:relative;z-index:1;display:flex;justify-content:center}.bhakti-hero-art img{width:min(390px,100%);aspect-ratio:1;object-fit:cover;border-radius:50%;box-shadow:0 25px 55px rgba(95,43,10,.28),0 0 0 9px rgba(255,255,255,.55)}.bhakti-start-btn{margin-top:18px;border:0;border-radius:999px;padding:15px 24px;background:#b83d1d;color:#fff;font-weight:800;font-size:16px;box-shadow:0 10px 25px rgba(111,42,18,.22);cursor:pointer}.bhakti-start-btn span{margin-right:7px}.bhakti-player-shell{margin:24px auto 0;max-width:1050px;background:rgba(255,252,244,.96);border:1px solid rgba(180,104,33,.18);border-radius:28px;padding:28px;box-shadow:0 18px 50px rgba(74,35,13,.11)}.bhakti-now-playing{display:flex;gap:22px;align-items:center}.bhakti-now-cover{width:130px;height:130px;flex:0 0 130px;border-radius:24px;overflow:hidden;background:#f6c45b;box-shadow:0 10px 24px rgba(91,49,15,.18)}.bhakti-now-cover img{width:100%;height:100%;object-fit:cover}.bhakti-now-copy{min-width:0}.bhakti-now-label{font-size:11px;font-weight:900;letter-spacing:.18em;color:#e25a28}.bhakti-now-copy h2{font-size:32px;color:#5d2615;margin:5px 0}.bhakti-now-copy p{margin:0;color:#754733}.bhakti-wave{height:30px;display:flex;gap:4px;align-items:center;margin-top:14px}.bhakti-wave i{display:block;width:4px;border-radius:10px;background:#e55b28;height:10px;opacity:.45}.bhakti-wave i:nth-child(2){height:20px}.bhakti-wave i:nth-child(3){height:28px}.bhakti-wave i:nth-child(4){height:15px}.bhakti-wave i:nth-child(5){height:24px}.bhakti-wave i:nth-child(6){height:12px}.bhakti-wave i:nth-child(7){height:26px}.bhakti-wave i:nth-child(8){height:18px}.bhakti-wave i:nth-child(9){height:9px}.bhakti-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin:22px 0 10px}.bhakti-controls button{width:48px;height:48px;border:0;border-radius:50%;background:#fff1d0;color:#7a2c17;font-size:19px;cursor:pointer}.bhakti-controls .bhakti-play{width:66px;height:66px;background:#e75525;color:#fff;font-size:24px;box-shadow:0 10px 22px rgba(195,69,28,.25)}.bhakti-volume{display:flex;align-items:center;gap:7px;color:#7a2c17;margin-left:12px}.bhakti-volume input{width:100px}.bhakti-progress{display:grid;grid-template-columns:42px 1fr 42px;gap:10px;align-items:center;color:#8a5a45;font-size:12px}.bhakti-progress input{accent-color:#e75525}.bhakti-autoplay-note{text-align:center;color:#94705f;font-size:12px;margin:12px 0 0}.bhakti-library{padding:56px 0 10px}.bhakti-track-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.bhakti-track-card{display:grid;grid-template-columns:42px 72px 1fr 42px;gap:14px;align-items:center;text-align:left;border:1px solid rgba(177,99,32,.14);background:#fff;border-radius:20px;padding:12px;cursor:pointer;box-shadow:0 9px 24px rgba(75,37,14,.06);transition:.2s}.bhakti-track-card:hover,.bhakti-track-card.active{border-color:#e85a27;transform:translateY(-2px);box-shadow:0 12px 30px rgba(75,37,14,.12)}.bhakti-track-number{font-weight:900;color:#c76735;text-align:center}.bhakti-track-cover{width:72px;height:72px;border-radius:15px;overflow:hidden;background:#f7d06d}.bhakti-track-cover img{width:100%;height:100%;object-fit:cover}.bhakti-track-copy{min-width:0}.bhakti-track-copy strong{display:block;color:#4d2113;font-size:17px}.bhakti-track-copy small{display:block;color:#8a5d49;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:5px}.bhakti-track-play{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff0cf;color:#c94b22;font-size:14px}.bhakti-empty{text-align:center;padding:45px 20px}.bhakti-empty-icon,.bhakti-empty-admin .bhakti-empty-icon{font-size:50px}.bhakti-admin-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px;border-radius:24px;background:linear-gradient(135deg,#fff8eb,#ffe4a2);margin-bottom:20px}.bhakti-admin-hero>div{display:flex;align-items:center;gap:18px}.bhakti-admin-hero img{width:120px;height:120px;border-radius:28px;object-fit:cover}.bhakti-admin-om{width:68px;height:68px;border-radius:22px;display:grid;place-items:center;background:#e85624;color:#fff;font-size:38px}.bhakti-setting-form{align-items:center}.bhakti-track-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}.bhakti-track-admin-card{display:grid;grid-template-columns:120px 1fr;gap:18px;padding:18px;border:1px solid #f0dfc7;border-radius:22px;background:#fff;box-shadow:0 10px 30px rgba(78,36,13,.06)}.bhakti-track-admin-cover{width:120px;height:120px;border-radius:18px;overflow:hidden;background:#f8d16e}.bhakti-track-admin-cover img{width:100%;height:100%;object-fit:cover}.bhakti-track-admin-body{min-width:0}.bhakti-track-admin-body h3{margin:8px 0 4px;color:#562314}.bhakti-track-admin-body p{margin:0 0 10px;color:#7d5b49;font-size:13px}.bhakti-track-admin-body audio{width:100%;height:38px}.bhakti-badges{display:flex;gap:6px;flex-wrap:wrap}.bhakti-badge{font-size:10px;font-weight:800;padding:5px 8px;border-radius:999px;background:#fff0cb;color:#a94720}.bhakti-admin-audio{width:100%;margin-top:18px}.bhakti-empty-admin{text-align:center}
@media(max-width:900px){.bhakti-hero{grid-template-columns:1fr;padding:42px 30px;text-align:center}.bhakti-hero-copy{margin:auto}.bhakti-hero-art{margin-top:20px}.bhakti-track-grid,.bhakti-track-list{grid-template-columns:1fr}.bhakti-floating-button{right:14px;bottom:82px}}
@media(max-width:600px){.bhakti-page{padding:14px 10px 90px}.bhakti-hero{min-height:0;padding:30px 20px;border-radius:24px}.bhakti-hero-copy h1{font-size:62px}.bhakti-hero-copy h2{font-size:25px}.bhakti-hero-copy p:not(.eyebrow){font-size:15px}.bhakti-hero-art img{width:250px}.bhakti-player-shell{padding:18px;border-radius:22px}.bhakti-now-playing{gap:14px}.bhakti-now-cover{width:86px;height:86px;flex-basis:86px;border-radius:18px}.bhakti-now-copy h2{font-size:21px}.bhakti-now-copy p{font-size:12px}.bhakti-controls{gap:10px}.bhakti-controls button{width:42px;height:42px}.bhakti-controls .bhakti-play{width:58px;height:58px}.bhakti-volume{margin-left:0}.bhakti-volume input{width:70px}.bhakti-track-card{grid-template-columns:34px 58px 1fr 34px;padding:9px;gap:9px}.bhakti-track-cover{width:58px;height:58px}.bhakti-track-copy strong{font-size:15px}.bhakti-floating-button{width:72px;height:72px;border-radius:22px;right:10px;bottom:78px}.bhakti-floating-icon{top:6px;width:46px;height:46px}.bhakti-floating-label{bottom:5px;font-size:8px}.bhakti-floating-note{width:23px;height:23px;top:-6px;right:-6px;font-size:13px}.bhakti-admin-hero{align-items:flex-start}.bhakti-admin-hero img{width:82px;height:82px}.bhakti-admin-om{width:54px;height:54px;font-size:30px}.bhakti-track-admin-card{grid-template-columns:1fr}.bhakti-track-admin-cover{width:100%;height:180px}}

/* V6.17.4 — Sewa Parivar / Management Members visual cleanup + Bhakti launcher */
.seva-pariwar-page .management-reference-grid{align-items:stretch!important}
.management-section .management-reference-grid{max-width:1180px!important}
.management-section .management-member-card{
  position:relative!important;display:flex!important;align-items:center!important;box-sizing:border-box!important;
  background:linear-gradient(135deg,#fffdf8 0%,#fff8e8 100%)!important;
  border:1px solid rgba(201,132,43,.22)!important;border-left:4px solid #e6a719!important;
  box-shadow:0 12px 30px rgba(72,37,17,.09)!important;
}
.management-section .management-member-card:after{content:'✦';position:absolute;right:14px;top:10px;color:#e8b43a;font-size:13px;opacity:.8}
.management-section .management-member-card .member-reference-photo{background:#f2e6d6!important;box-shadow:0 8px 20px rgba(72,37,17,.13)!important}
.management-section .management-member-card .member-reference-content h3{color:#3c2014!important;overflow-wrap:anywhere!important}
.management-section .management-member-card .member-role-tags{display:flex!important;align-items:center!important;flex-wrap:wrap!important}
.management-section .management-member-card .member-description{color:#705548!important;line-height:1.5!important}
.management-section .management-member-card .member-meta{display:inline-flex!important;align-items:center!important;width:max-content!important;max-width:100%!important;background:#fff2cf!important;border-radius:999px!important;color:#795331!important;line-height:1.2!important}
.management-section .management-member-card .member-meta:before{content:'▣';margin-right:6px;color:#d18b16}
@media (min-width:1001px){
  .management-section .management-reference-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}
  .management-section .management-member-card{height:210px!important;min-height:210px!important;max-height:210px!important;padding:14px!important;gap:18px!important;border-radius:20px!important}
  .management-section .management-member-card .member-reference-photo{flex:0 0 112px!important;width:112px!important;height:158px!important;min-width:112px!important;min-height:158px!important;max-width:112px!important;max-height:158px!important;border-radius:14px!important;border:3px solid #fff!important}
  .management-section .management-member-card .member-reference-content{padding:0 8px 0 0!important}
  .management-section .management-member-card .member-reference-content h3{font-size:20px!important;line-height:1.2!important;margin:0 0 9px!important}
  .management-section .management-member-card .management-badge,.management-section .management-member-card .management-responsibility-tag{font-size:10px!important;padding:5px 9px!important}
  .management-section .management-member-card .member-meta{font-size:9px!important;padding:5px 8px!important}
}
@media (min-width:701px) and (max-width:1000px){
  .management-section .management-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
  .management-section .management-member-card{height:190px!important;min-height:190px!important;max-height:190px!important;padding:12px!important;gap:14px!important;border-radius:18px!important}
  .management-section .management-member-card .member-reference-photo{flex:0 0 92px!important;width:92px!important;height:136px!important;min-width:92px!important;min-height:136px!important;max-width:92px!important;max-height:136px!important;border-radius:12px!important;border:3px solid #fff!important}
  .management-section .management-member-card .member-reference-content h3{font-size:18px!important;margin-bottom:7px!important}
  .management-section .management-member-card .management-badge,.management-section .management-member-card .management-responsibility-tag{font-size:9px!important;padding:4px 7px!important}
  .management-section .management-member-card .member-meta{font-size:8px!important;padding:4px 7px!important}
}
@media (max-width:700px){
  .management-section .management-reference-grid{grid-template-columns:1fr!important;gap:14px!important;max-width:560px!important}
  .management-section .management-member-card{height:auto!important;min-height:148px!important;max-height:none!important;padding:10px!important;gap:12px!important;border-radius:17px!important}
  .management-section .management-member-card .member-reference-photo{flex:0 0 88px!important;width:88px!important;height:118px!important;min-width:88px!important;min-height:118px!important;max-width:88px!important;max-height:118px!important;border-radius:12px!important;border:3px solid #fff!important}
  .management-section .management-member-card .member-reference-content h3{font-size:17px!important;line-height:1.2!important;margin-bottom:7px!important}
  .management-section .management-member-card .management-badge,.management-section .management-member-card .management-responsibility-tag{font-size:9px!important;padding:4px 7px!important}
  .management-section .management-member-card .member-meta{font-size:8px!important;padding:4px 7px!important}
}

/* Bhakti launcher: prominent devotional floating control, independent of page layout. */
.bhakti-floating-button{width:104px!important;height:104px!important;border-radius:30px!important;right:22px!important;bottom:98px!important;background:linear-gradient(145deg,#ff9a2f 0%,#f45a24 55%,#d83a18 100%)!important;border:3px solid rgba(255,255,255,.96)!important;box-shadow:0 16px 34px rgba(72,31,14,.30),0 0 0 6px rgba(255,193,7,.20)!important}
.bhakti-floating-button:before{content:'';position:absolute;inset:5px;border:1px solid rgba(255,255,255,.38);border-radius:24px;pointer-events:none}
.bhakti-floating-icon{top:9px!important;width:67px!important;height:67px!important;background:#fff!important;padding:3px!important;box-shadow:0 6px 16px rgba(72,31,14,.22)!important}
.bhakti-floating-label{bottom:7px!important;font-size:11px!important;letter-spacing:.8px!important}
.bhakti-floating-note{top:-8px!important;right:-8px!important;width:29px!important;height:29px!important;background:#f4512a!important;font-size:16px!important}
.bhakti-floating-button:hover{transform:translateY(-4px) scale(1.05)!important}
@media (max-width:1000px){.bhakti-floating-button{width:90px!important;height:90px!important;right:16px!important;bottom:88px!important;border-radius:26px!important}.bhakti-floating-icon{width:58px!important;height:58px!important}.bhakti-floating-label{font-size:10px!important}}
@media (max-width:600px){.bhakti-floating-button{width:82px!important;height:82px!important;right:12px!important;bottom:76px!important;border-radius:24px!important}.bhakti-floating-icon{top:7px!important;width:54px!important;height:54px!important}.bhakti-floating-label{bottom:5px!important;font-size:9px!important}.bhakti-floating-note{width:25px!important;height:25px!important;font-size:14px!important}}

/* V6.17.5 — Membership ID presentation on Sewa Parivar page. */
.member-reference-content .member-id-chip{
  display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;
  gap:8px!important;width:max-content!important;max-width:100%!important;box-sizing:border-box!important;
  margin:8px 0 0!important;padding:6px 10px!important;border:1px solid #ead5ad!important;
  border-radius:10px!important;background:linear-gradient(135deg,#fff8e7,#fff1cf)!important;
  color:#70451f!important;line-height:1!important;white-space:nowrap!important;
  box-shadow:0 4px 12px rgba(117,76,24,.07)!important;
}
.member-reference-content .member-id-chip .member-id-label{display:inline-flex!important;align-items:center!important;font-size:8px!important;font-weight:900!important;letter-spacing:.65px!important;text-transform:uppercase!important;color:#9a6a26!important;white-space:nowrap!important}
.member-reference-content .member-id-chip .member-id-label:before{content:'ID';display:grid!important;place-items:center!important;width:18px!important;height:18px!important;margin-right:5px!important;border-radius:6px!important;background:#f4bd3b!important;color:#5d300f!important;font-size:7px!important;font-weight:900!important;letter-spacing:0!important}
.member-reference-content .member-id-chip .member-id-value{display:inline-block!important;min-width:0!important;max-width:170px!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:10px!important;font-weight:900!important;letter-spacing:.35px!important;color:#3e2115!important;white-space:nowrap!important}
.management-member-card .member-id-chip{margin:8px auto 0!important}
.volunteer-member-card .member-id-chip{margin:10px 0 0!important;padding:7px 9px!important;border-radius:11px!important;background:linear-gradient(135deg,#fffaf0,#fff2da)!important}
.volunteer-member-card .member-id-chip .member-id-label{font-size:7.5px!important}.volunteer-member-card .member-id-chip .member-id-value{font-size:9px!important;max-width:145px!important}
@media(max-width:760px){.member-reference-content .member-id-chip{gap:6px!important;padding:5px 8px!important}.member-reference-content .member-id-chip .member-id-label{font-size:7px!important}.member-reference-content .member-id-chip .member-id-value{font-size:9px!important;max-width:130px!important}.member-reference-content .member-id-chip .member-id-label:before{width:17px!important;height:17px!important;font-size:6.5px!important}}

/* V6.17.8 — Removed the word Membership from public ID badges. */
.seva-pariwar-page .member-reference-content .member-id-chip{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:3px!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  margin:10px 0 0!important;
  padding:8px 10px 9px!important;
  border:1px solid #e7c77f!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#fffaf0 0%,#fff0ca 100%)!important;
  color:#4a2a19!important;
  line-height:1.05!important;
  white-space:normal!important;
  overflow:hidden!important;
  box-shadow:0 4px 12px rgba(120,72,20,.08)!important;
  position:relative!important;
}
.seva-pariwar-page .member-reference-content .member-id-chip:before{
  content:'ID'!important;
  position:absolute!important;
  top:7px!important;
  right:8px!important;
  display:grid!important;
  place-items:center!important;
  width:22px!important;
  height:18px!important;
  border-radius:6px!important;
  background:#f0b62f!important;
  color:#5b2f12!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.4px!important;
}
.seva-pariwar-page .member-reference-content .member-id-chip .member-id-label{
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:#a36a20!important;
  font-size:7px!important;
  font-weight:900!important;
  letter-spacing:1px!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
.seva-pariwar-page .member-reference-content .member-id-chip .member-id-value{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:calc(100% - 28px)!important;
  margin:0!important;
  padding:0!important;
  color:#3b2014!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.25px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.seva-pariwar-page .management-member-card .member-id-chip{
  width:min(100%,190px)!important;
  margin:10px auto 0!important;
}
.seva-pariwar-page .volunteer-member-card .member-id-chip{
  width:100%!important;
  margin:10px 0 0!important;
  padding:7px 9px 8px!important;
  border-radius:12px!important;
}
.seva-pariwar-page .volunteer-member-card .member-id-chip .member-id-label{font-size:6.5px!important;letter-spacing:.9px!important}
.seva-pariwar-page .volunteer-member-card .member-id-chip .member-id-value{font-size:10px!important;max-width:calc(100% - 26px)!important}
@media(max-width:760px){
  .seva-pariwar-page .member-reference-content .member-id-chip{padding:7px 9px 8px!important;margin-top:8px!important}
  .seva-pariwar-page .member-reference-content .member-id-chip .member-id-value{font-size:11px!important}
}

/* V6.17.9 — Footer desktop content flushes from the left/start edge. */
@media(min-width:701px){
  .site-footer .footer-grid{max-width:none;margin:0;padding-left:14px;padding-right:14px;}
  .site-footer .footer-brand{align-items:flex-start;}
  .site-footer .footer-bottom{max-width:none;margin:0;padding-left:14px;padding-right:14px;}
}

/* V6.18.1 — Quick donation amounts are consistent everywhere. */
.quick-donate-box a.disabled,
.amount-tiles button.disabled,
#method-amount-tiles button.disabled{opacity:.42;cursor:not-allowed;pointer-events:none;background:#f3eee4;border-color:#ddd5c8;color:#8b8175;}
.amount-tiles button.selected,
#method-amount-tiles button.selected{background:#fff0c5;border-color:#e4c466;}

/* V6.18.3 — Android/iOS polish: PWA icon, Bhakti launcher, contact address and mobile home heading */
.official-contact-address{margin-top:8px!important;line-height:1.45!important;color:#5d463c!important;font-size:14px!important}
.official-contact-address span{font-weight:800!important}
.official-contact-address small{font-size:12px!important;line-height:1.5!important;color:#7d6659!important}
.bhakti-floating-button{isolation:isolate!important;-webkit-tap-highlight-color:transparent!important}
.bhakti-floating-headphones{position:absolute!important;right:-5px!important;bottom:25px!important;width:29px!important;height:29px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#fff!important;color:#8a351b!important;border:2px solid #f5c24c!important;font-size:14px!important;line-height:1!important;z-index:5!important;box-shadow:0 5px 13px rgba(74,30,15,.24)!important}
@media(max-width:1024px){
  .bhakti-floating-button{width:82px!important;height:82px!important;right:14px!important;bottom:92px!important;border-radius:25px!important;box-shadow:0 14px 30px rgba(72,31,14,.28),0 0 0 5px rgba(255,193,7,.18)!important}
  .bhakti-floating-icon{top:7px!important;width:51px!important;height:51px!important;border-radius:50%!important}
  .bhakti-floating-note{top:-6px!important;right:-6px!important;width:24px!important;height:24px!important;font-size:13px!important}
  .bhakti-floating-headphones{right:-5px!important;bottom:20px!important;width:26px!important;height:26px!important;font-size:12px!important}
  .bhakti-floating-label{bottom:6px!important;font-size:9px!important;letter-spacing:.65px!important}
}
@media(max-width:800px){
  .home-hero h1{font-size:28px!important;line-height:1.12!important;letter-spacing:-.35px!important}
  .home-hero .home-heading-line2{white-space:normal!important}
}
@media(max-width:480px){
  .home-hero h1{font-size:25px!important;line-height:1.15!important}
  .official-contact-address{font-size:13px!important}
  .official-contact-address small{font-size:11px!important}
}
@media (display-mode: standalone) and (max-width:1024px){
  .bhakti-floating-button{bottom:calc(92px + env(safe-area-inset-bottom))!important}
}
@supports (-webkit-touch-callout:none){
  .bhakti-floating-button{bottom:calc(96px + env(safe-area-inset-bottom))!important}
}

/* V6.18.4 — Production Bhakti/iOS control polish */
.bhakti-icon,.bhakti-volume-icon{display:grid;place-items:center}
.bhakti-icon svg,.bhakti-volume-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bhakti-controls button{-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;display:grid;place-items:center}
.bhakti-controls .bhakti-play .bhakti-icon svg{width:29px;height:29px}
.bhakti-volume-icon svg{width:22px;height:22px}
.bhakti-volume input{-webkit-appearance:none;appearance:none;height:6px;border-radius:999px;background:linear-gradient(90deg,#e75525 0 100%,#eadfd3 100%);accent-color:#e75525}
.bhakti-volume input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid #e75525;box-shadow:0 3px 10px rgba(74,30,15,.2)}
.bhakti-volume input::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid #e75525;box-shadow:0 3px 10px rgba(74,30,15,.2)}
.online-coming-soon{max-width:720px;margin:40px auto}
@media(max-width:600px){.bhakti-controls{gap:8px;flex-wrap:nowrap}.bhakti-controls button{flex:0 0 auto}.bhakti-volume{min-width:105px}.bhakti-volume input{width:78px}.bhakti-volume-icon svg{width:20px;height:20px}.bhakti-controls .bhakti-play .bhakti-icon svg{width:27px;height:27px}}

/* V6.18.8 — Desktop footer readability + Creative Ideas logo treatment */
@media (min-width:701px){
  .site-footer .footer-bottom,
  .site-footer .footer-bottom > span:first-child{
    color:#fff!important;
  }
  .site-footer .footer-location{
    color:#fff!important;
  }
  .site-footer .footer-powered-by{
    color:#fff!important;
  }
  .site-footer .footer-ci-logo{
    width:28px!important;
    height:28px!important;
    padding:3px!important;
    object-fit:contain!important;
    background:#fff!important;
    border-radius:50%!important;
    border:1px solid rgba(255,255,255,.85)!important;
    box-shadow:0 2px 8px rgba(0,0,0,.16)!important;
  }
}

/* V6.19.0 — multilingual Bhakti, mobile player polish, donation tiles and footer refinement */
.bhakti-ui-editor-row{padding:16px;border:1px solid #ead8b2;border-radius:18px;background:#fffaf0;margin-bottom:12px}
.bhakti-ui-editor-row>strong{display:block;color:#6e2a13;margin-bottom:8px;text-transform:capitalize}
.bhakti-ui-editor-row{display:grid;grid-template-columns:1fr;gap:8px}
.bhakti-ui-editor-row label{margin:0}
@media(min-width:801px){.bhakti-ui-editor-row{grid-template-columns:180px repeat(3,minmax(0,1fr));align-items:start}.bhakti-ui-editor-row>strong{padding-top:10px}}
.bhakti-floating-button{overflow:visible!important;transition:transform .25s ease,box-shadow .25s ease!important}
.bhakti-floating-button:after{content:'';position:absolute;inset:-7px;border-radius:34px;border:1px solid rgba(255,207,84,.35);animation:bhaktiPulse 2.8s ease-in-out infinite;pointer-events:none}
.bhakti-floating-headphones svg{width:17px;height:17px;fill:none;stroke:#a44520;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bhakti-floating-headphones{animation:bhaktiHeadphoneGlow 2.4s ease-in-out infinite}
@keyframes bhaktiPulse{0%,100%{transform:scale(.96);opacity:.35}50%{transform:scale(1.04);opacity:.8}}
@keyframes bhaktiHeadphoneGlow{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
.bhakti-player-shell{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(255,248,231,.96));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.bhakti-controls button{background:linear-gradient(145deg,#fff7dc,#ffe9b1)!important;box-shadow:0 7px 18px rgba(91,49,15,.10);border:1px solid rgba(212,160,23,.16)!important}
.bhakti-controls .bhakti-play{background:linear-gradient(145deg,#ff6a2b,#d9421e)!important;box-shadow:0 12px 28px rgba(213,67,27,.30)!important}
@media(max-width:700px){.bhakti-player-shell{border-radius:26px;padding:16px}.bhakti-now-playing{padding:2px}.bhakti-now-cover{box-shadow:0 10px 22px rgba(91,49,15,.18),0 0 0 4px rgba(255,255,255,.65)}.bhakti-controls{padding:10px 6px 4px;border-radius:22px;background:rgba(255,247,226,.72);box-shadow:inset 0 1px rgba(255,255,255,.8)}.bhakti-volume{padding-left:4px}.bhakti-progress{padding:0 4px}.bhakti-floating-button:after{inset:-5px;border-radius:29px}}
@media(max-width:480px){.home-hero h1{font-size:clamp(25px,8vw,31px)!important;line-height:1.02!important;letter-spacing:-.9px!important}.home-hero .home-heading-line2{white-space:normal!important;display:inline-block;max-width:100%}.home-hero-copy>p:not(.eyebrow){line-height:1.55!important}.bhakti-hero-copy h1{font-size:52px!important;line-height:.95!important}.bhakti-hero-copy h2{font-size:22px!important;line-height:1.2!important}}
@media(min-width:701px){.site-footer .footer-bottom,.site-footer .footer-location,.site-footer .footer-powered-by{color:#fff!important}.site-footer .footer-ci-logo{width:22px!important;height:22px!important;padding:2px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 1px 4px rgba(0,0,0,.10)!important;border:0!important}}

/* V6.19.1 — multilingual desktop footer + Punjabi hero rhythm + premium iOS Bhakti player */
.footer-trust-name{max-width:430px;text-align:left}
.footer-trust-name span{display:block;overflow-wrap:anywhere}
.footer-trust-name small{display:block;margin-top:6px;color:#fff!important;font-size:13px;line-height:1.45;font-weight:600}

/* Give Gurmukhi headings more breathing room without changing the desktop composition. */
html[lang="pa"] .home-hero h1,
html[lang="pa"] .home-hero h1 span{line-height:1.16!important}
@media(max-width:700px){
  html[lang="pa"] .home-hero h1,
  html[lang="pa"] .home-hero h1 span{line-height:1.12!important}
}

/* iOS / Safari premium Bhakti player */
.bhakti-player-shell{isolation:isolate;overflow:hidden}
.bhakti-player-shell.is-playing .bhakti-now-cover{box-shadow:0 14px 34px rgba(91,49,15,.20),0 0 0 5px rgba(255,255,255,.72),0 0 0 9px rgba(231,91,40,.10);animation:bhaktiCoverBreath 2.8s ease-in-out infinite}
.bhakti-player-shell.is-playing .bhakti-wave i{animation:bhaktiWave .9s ease-in-out infinite alternate}
.bhakti-player-shell.is-playing .bhakti-wave i:nth-child(2){animation-delay:.08s}.bhakti-player-shell.is-playing .bhakti-wave i:nth-child(3){animation-delay:.16s}.bhakti-player-shell.is-playing .bhakti-wave i:nth-child(4){animation-delay:.24s}.bhakti-player-shell.is-playing .bhakti-wave i:nth-child(5){animation-delay:.32s}.bhakti-player-shell.is-playing .bhakti-wave i:nth-child(6){animation-delay:.4s}.bhakti-player-shell.is-playing .bhakti-wave i:nth-child(7){animation-delay:.48s}.bhakti-player-shell.is-playing .bhakti-wave i:nth-child(8){animation-delay:.56s}.bhakti-player-shell.is-playing .bhakti-wave i:nth-child(9){animation-delay:.64s}
@keyframes bhaktiCoverBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.018)}}
@keyframes bhaktiWave{from{transform:scaleY(.55);opacity:.45}to{transform:scaleY(1.25);opacity:.95}}
.bhakti-controls button{touch-action:manipulation;-webkit-touch-callout:none;user-select:none}
.bhakti-icon svg{pointer-events:none}
.bhakti-volume{touch-action:manipulation}
@media(max-width:600px){
  .bhakti-player-shell{margin:18px 4px 0;padding:16px 14px 15px;border-radius:28px;box-shadow:0 18px 46px rgba(74,35,13,.12)}
  .bhakti-now-playing{display:grid;grid-template-columns:86px minmax(0,1fr);gap:14px;align-items:center}
  .bhakti-now-cover{width:86px;height:86px;flex-basis:auto;border-radius:21px}
  .bhakti-now-copy h2{font-size:22px;line-height:1.15;margin:4px 0 5px;overflow-wrap:anywhere}
  .bhakti-now-copy p{font-size:12px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .bhakti-now-label{font-size:10px;letter-spacing:.16em}
  .bhakti-wave{height:24px;margin-top:9px;gap:3px}
  .bhakti-wave i{width:3px}
  .bhakti-controls{display:grid;grid-template-columns:48px 64px 48px;justify-content:center;gap:12px;margin:18px 0 12px;padding:8px 10px 12px;border-radius:24px}
  .bhakti-controls button{width:48px;height:48px}
  .bhakti-controls .bhakti-play{width:64px;height:64px;margin-top:-1px}
  .bhakti-controls .bhakti-play .bhakti-icon svg{width:28px;height:28px}
  .bhakti-volume{grid-column:1 / -1;width:100%;display:grid;grid-template-columns:25px 1fr;gap:10px;margin:0;padding:4px 5px 0}
  .bhakti-volume input{width:100%;height:5px}
  .bhakti-volume input::-webkit-slider-thumb{width:22px;height:22px}
  .bhakti-progress{grid-template-columns:36px minmax(0,1fr) 36px;gap:7px;font-size:11px}
  .bhakti-progress input{height:5px}
  .bhakti-autoplay-note{font-size:11px;line-height:1.45;margin-top:10px}
}
@media(max-width:390px){
  .bhakti-player-shell{padding-left:11px;padding-right:11px}
  .bhakti-now-playing{grid-template-columns:76px minmax(0,1fr);gap:11px}
  .bhakti-now-cover{width:76px;height:76px;border-radius:18px}
  .bhakti-now-copy h2{font-size:19px}
  .bhakti-controls{grid-template-columns:44px 58px 44px;gap:10px}
  .bhakti-controls button{width:44px;height:44px}
  .bhakti-controls .bhakti-play{width:58px;height:58px}
}

/* V6.19.2 — Premium universal Bhakti player controls */
.bhakti-controls button{
  -webkit-tap-highlight-color:transparent;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease;
}
.bhakti-controls button:active{transform:scale(.94)}
.bhakti-controls .bhakti-play{
  background:#fff!important;
  color:#e75525!important;
  border:2px solid rgba(231,85,37,.16)!important;
  box-shadow:0 10px 24px rgba(112,45,18,.16),inset 0 0 0 5px #fff7e8!important;
}
.bhakti-controls .bhakti-play:hover{background:#fff!important;box-shadow:0 14px 28px rgba(112,45,18,.20),inset 0 0 0 5px #fff1d0!important}
.bhakti-controls .bhakti-play .bhakti-icon svg{stroke-width:2.4}
.bhakti-controls>button:not(.bhakti-play){background:#fff!important;border:1px solid #f0dfc2!important;box-shadow:0 7px 18px rgba(93,44,16,.09)!important;color:#7b351d!important}
.bhakti-volume{
  min-height:50px;padding:7px 12px 7px 9px!important;border-radius:999px!important;
  background:#fff!important;border:1px solid #eadfce!important;
  box-shadow:0 7px 18px rgba(93,44,16,.08)!important;margin-left:4px!important;
}
.bhakti-volume-icon{width:30px;height:30px;border-radius:50%;background:#fff4dc;color:#d9572b}
.bhakti-volume-icon svg{width:18px!important;height:18px!important}
.bhakti-volume input{
  width:112px!important;height:6px!important;margin:0!important;accent-color:#e75525;
  appearance:none;-webkit-appearance:none;background:linear-gradient(90deg,#e75525 0%,#e75525 100%) no-repeat,#eadfd3;
  background-size:100% 100%;border-radius:999px;outline:none;
}
.bhakti-volume input::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:#eadfd3}
.bhakti-volume input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;margin-top:-7px;border-radius:50%;background:#fff;border:2px solid #e75525;box-shadow:0 3px 10px rgba(91,49,15,.2)}
.bhakti-volume input::-moz-range-track{height:6px;border-radius:999px;background:#eadfd3}
.bhakti-volume input::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid #e75525;box-shadow:0 3px 10px rgba(91,49,15,.2)}
.bhakti-progress input{appearance:none;-webkit-appearance:none;height:6px!important;border-radius:999px;outline:none;background:#e9e0d8}
.bhakti-progress input::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:#e9e0d8}
.bhakti-progress input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;margin-top:-6px;border-radius:50%;background:#fff;border:2px solid #e75525;box-shadow:0 3px 9px rgba(91,49,15,.18)}
.bhakti-progress input::-moz-range-track{height:6px;border-radius:999px;background:#e9e0d8}
.bhakti-progress input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #e75525}
@media(max-width:700px){
  .bhakti-player-shell{padding:17px 14px 16px!important;border-radius:26px!important;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(255,249,239,.98))!important}
  .bhakti-now-playing{grid-template-columns:78px minmax(0,1fr)!important;gap:13px!important}
  .bhakti-now-cover{width:78px!important;height:78px!important;border-radius:20px!important}
  .bhakti-now-copy h2{font-size:20px!important;line-height:1.16!important}
  .bhakti-controls{display:grid!important;grid-template-columns:46px 62px 46px!important;grid-template-rows:auto auto!important;gap:11px!important;margin:17px 0 13px!important;padding:10px 8px 12px!important;border:1px solid #f1e3d1!important;background:rgba(255,247,226,.78)!important;border-radius:24px!important}
  .bhakti-controls>button{width:46px!important;height:46px!important}
  .bhakti-controls .bhakti-play{width:62px!important;height:62px!important;margin-top:-2px!important}
  .bhakti-controls .bhakti-play .bhakti-icon svg{width:27px!important;height:27px!important}
  .bhakti-volume{grid-column:1/-1!important;width:100%!important;min-height:46px!important;display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;gap:10px!important;margin:0!important;padding:6px 9px!important}
  .bhakti-volume input{width:100%!important;height:7px!important}
  .bhakti-volume input::-webkit-slider-runnable-track{height:7px}
  .bhakti-volume input::-webkit-slider-thumb{width:22px;height:22px;margin-top:-7.5px}
  .bhakti-progress{grid-template-columns:34px minmax(0,1fr) 34px!important;gap:7px!important;margin-top:4px}
  .bhakti-progress input{height:7px!important}
  .bhakti-progress input::-webkit-slider-runnable-track{height:7px}
  .bhakti-progress input::-webkit-slider-thumb{width:20px;height:20px;margin-top:-6.5px}
}
@media(max-width:390px){
  .bhakti-now-playing{grid-template-columns:70px minmax(0,1fr)!important;gap:10px!important}
  .bhakti-now-cover{width:70px!important;height:70px!important;border-radius:18px!important}
  .bhakti-now-copy h2{font-size:18px!important}
  .bhakti-controls{grid-template-columns:43px 57px 43px!important;gap:9px!important}
  .bhakti-controls>button{width:43px!important;height:43px!important}
  .bhakti-controls .bhakti-play{width:57px!important;height:57px!important}
}


/* V6.19.3 — Final Bhakti mobile controls + Punjabi heading typography */
/* Keep the Bhakti hero slogan on one line while scaling gracefully on narrow phones. */
.bhakti-hero-copy h2{
  white-space:nowrap!important;
  font-size:clamp(18px,3vw,42px)!important;
  line-height:1.15!important;
  letter-spacing:-.02em;
}
/* Native-looking, high-visibility play/pause control. */
.bhakti-controls{justify-content:center!important;align-items:center!important}
.bhakti-controls .bhakti-play{
  width:78px!important;height:78px!important;
  min-width:78px!important;
  background:#fff!important;
  color:#e75525!important;
  border:2px solid rgba(231,85,37,.20)!important;
  box-shadow:0 14px 32px rgba(112,45,18,.18),0 0 0 7px rgba(255,247,232,.92),inset 0 0 0 2px rgba(231,85,37,.06)!important;
}
.bhakti-controls .bhakti-play .bhakti-icon svg{width:34px!important;height:34px!important;fill:currentColor!important;stroke:none!important}
.bhakti-controls>button:not(.bhakti-play){width:56px!important;height:56px!important;min-width:56px!important;background:#fff!important;color:#7b351d!important;border:1px solid #efd9bd!important;box-shadow:0 8px 20px rgba(93,44,16,.10)!important}
.bhakti-controls>button:not(.bhakti-play) .bhakti-icon svg{width:26px!important;height:26px!important}
/* Library track buttons use a clean devotional play disc rather than a text/emoji glyph. */
.bhakti-track-play{width:44px!important;height:44px!important;border:1px solid rgba(231,85,37,.14)!important;background:linear-gradient(145deg,#fff8df,#ffe8b2)!important;color:#e75525!important;box-shadow:0 7px 16px rgba(93,44,16,.10)!important;transition:transform .18s ease,box-shadow .18s ease!important}
.bhakti-track-play svg{width:20px;height:20px;display:block;fill:currentColor;stroke:none}
.bhakti-track-card:hover .bhakti-track-play,.bhakti-track-card.active .bhakti-track-play{transform:scale(1.08);box-shadow:0 9px 20px rgba(213,67,27,.18)!important}
/* Punjabi: use the proper Gurmukhi family with the same bold visual weight as the Latin/Hindi hero. */
html[lang="pa"] .home-hero h1,
html[lang="pa"] .home-hero h1 span{
  font-family:"Noto Sans Gurmukhi",Inter,Arial,sans-serif!important;
  font-weight:800!important;
  line-height:1.28!important;
  letter-spacing:-.45px!important;
}
@media(max-width:700px){
  .bhakti-hero-copy h2{font-size:clamp(17px,4.75vw,24px)!important;line-height:1.12!important;letter-spacing:-.02em!important}
  .bhakti-controls{
    display:grid!important;
    grid-template-columns:56px 78px 56px!important;
    grid-template-rows:auto auto!important;
    justify-content:center!important;
    justify-items:center!important;
    align-items:center!important;
    column-gap:20px!important;
    row-gap:13px!important;
  }
  .bhakti-controls>button:not(.bhakti-play){width:56px!important;height:56px!important}
  .bhakti-controls .bhakti-play{width:78px!important;height:78px!important;margin:0!important}
  .bhakti-volume{grid-column:1/-1!important;width:min(100%,330px)!important;justify-self:center!important}
  html[lang="pa"] .home-hero h1,
  html[lang="pa"] .home-hero h1 span{line-height:1.30!important;letter-spacing:-.35px!important}
}
@media(max-width:390px){
  .bhakti-hero-copy h2{font-size:17px!important}
  .bhakti-controls{grid-template-columns:52px 72px 52px!important;column-gap:15px!important}
  .bhakti-controls>button:not(.bhakti-play){width:52px!important;height:52px!important}
  .bhakti-controls .bhakti-play{width:72px!important;height:72px!important;min-width:72px!important}
  .bhakti-controls .bhakti-play .bhakti-icon svg{width:31px!important;height:31px!important}
}

/* V6.19.4 — Footer brand split, multilingual contact address, reduced Creative Ideas logo whiteness */
.footer-trust-name .footer-name-line{display:block!important;overflow-wrap:normal!important;white-space:nowrap!important;}
.contact-brand-line{display:block!important;font-weight:800!important;}
.official-contact-address small{display:block!important;margin-top:7px!important;}
@media(min-width:701px){
  .site-footer .footer-ci-logo{width:21px!important;height:21px!important;padding:1px!important;background:rgba(255,255,255,.48)!important;border:0!important;box-shadow:0 1px 3px rgba(0,0,0,.08)!important;}
}
@media(max-width:700px){
  .footer-trust-name .footer-name-line{white-space:normal!important;}
}

/* Gallery launch: optional metadata, equal-size grid cards, natural-size viewer. */
.field-optional{font-size:.78em;color:#88786d;font-weight:600}
.gallery-caption:has(h3:only-child), .gallery-caption:has(p:only-child){min-height:0}

.gallery-caption{display:none!important}

.gallery-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin:26px 0 8px;flex-wrap:wrap}.gallery-page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 11px;border:1px solid #e7d7c5;border-radius:10px;background:#fff;color:var(--brand-navy);text-decoration:none;font-weight:800;font-size:13px;transition:.2s ease}.gallery-page-btn:hover{transform:translateY(-1px);border-color:#d9ad32}.gallery-page-btn.active{background:#d9572b;color:#fff;border-color:#d9572b}.gallery-pagination-info{text-align:center;margin:0 0 8px;color:#75675e;font-size:12px}
@media(max-width:600px){.gallery-masonry{gap:10px}.gallery-pagination{gap:6px;margin-top:20px}.gallery-page-btn{min-width:34px;height:34px;padding:0 9px}}