/* All Things Hygiene community pages. Preserve existing ATH brand colours. */
:root{--ath-community-navy:#194376;--ath-community-cyan:#46C6CE}
.ath-whatsapp-float{position:fixed;left:22px;bottom:24px;z-index:1100;display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff!important;box-shadow:0 8px 27px rgba(0,0,0,.22);font-size:31px;text-decoration:none!important;transition:transform .2s,box-shadow .2s}
.ath-whatsapp-float:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.3)}
.ath-whatsapp-float:focus-visible{outline:3px solid var(--ath-community-cyan);outline-offset:4px}
.ath-community-hero{background:var(--ath-community-navy);color:#fff;padding:70px 0}
.ath-community-hero h1{color:#fff;font-size:clamp(2.25rem,5vw,3.8rem);max-width:820px;line-height:1.13}
.ath-community-hero p:not(.ath-overline){color:#e9f3fa;max-width:780px;font-size:1.09rem;line-height:1.8;margin:16px 0 25px}
.ath-overline{font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:var(--ath-community-cyan);margin-bottom:12px}
.ath-community-section{background:#f8fbfe;padding:66px 0 75px}
.ath-community-section h2,.ath-community-section h3{color:var(--ath-community-navy)}
.ath-section-intro{max-width:740px;margin-bottom:28px}
.ath-section-intro h2{font-size:clamp(1.85rem,3.7vw,2.65rem);margin-bottom:12px}
.ath-section-intro p:not(.ath-overline){color:#5f6f83;line-height:1.7}
.ath-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
.ath-gallery-card{min-width:0;margin:0;border:1px solid #dce9f1;background:#fff;border-radius:16px;box-shadow:0 11px 26px rgba(25,67,118,.055);overflow:hidden}
.ath-gallery-card a{display:block;overflow:hidden}
.ath-gallery-card img{width:100%;height:240px;object-fit:cover;transition:transform .25s ease}
.ath-gallery-card a:hover img{transform:scale(1.035)}
.ath-gallery-card figcaption{padding:22px;color:var(--ath-community-navy);font-weight:750}
.ath-gallery-card figcaption span{display:block;font-size:.83rem;font-weight:500;margin-top:7px;color:#566b7d}
.ath-community-banner{background:var(--ath-community-navy);color:white;padding:50px 0}
.ath-community-banner h2{color:#fff;font-size:clamp(1.8rem,3.6vw,2.5rem);margin-bottom:12px}
.ath-community-banner p:not(.ath-overline){color:#eaf2f9;margin-bottom:0;max-width:690px}
.ath-banner-inner{display:flex;gap:24px;justify-content:space-between;align-items:center}
.ath-banner-inner .btn{flex:0 0 auto;white-space:normal}
.ath-opportunity-grid,.ath-steps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.ath-steps-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.ath-info-panel{border:1px solid #dae6f0;background:white;border-radius:16px;padding:32px;box-shadow:0 10px 28px rgba(25,67,118,.055)}
.ath-info-panel h2,.ath-info-panel h3{font-size:1.4rem;margin:18px 0 12px}
.ath-info-panel p{line-height:1.8;margin-bottom:20px}
.ath-panel-icon{width:57px;height:57px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;color:var(--ath-community-navy);background:#e4f8fa;font-size:1.45rem}
.ath-stage-pill{display:inline-block;border-radius:30px;padding:9px 15px;background:#e7f4fb;color:var(--ath-community-navy);font-size:.84rem;font-weight:700}
.ath-step-index{font-size:2rem;color:#268894;font-weight:800}
.ath-share-panel{background:#fff;border:1px solid #d9e6f0;border-radius:18px;padding:32px;margin-top:34px}
.ath-share-panel h2{font-size:1.65rem}
.ath-share-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:23px 0 7px}
.ath-share-actions .btn{padding:12px 17px}
.ath-share-whatsapp{background:#188e47;color:white!important}
.ath-share-whatsapp:hover{background:#14783d}
.ath-share-status{min-height:1.4em;font-size:.9rem;color:#194376;margin-bottom:0}
.ath-referral-note{margin:24px 0 0;color:#4c5e70;line-height:1.75}
.ath-coming-card{background:#f3f6ff;border:1px solid #d8e8f1;border-radius:17px;padding:34px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px}
.ath-coming-card h2{font-size:clamp(1.7rem,3.5vw,2.5rem);color:#194376}
.ath-coming-card p{max-width:700px;line-height:1.7}
.ath-coming-card .btn{flex:0 0 auto}
.ath-referral-caption{margin-top:7px;font-size:.88rem}
@media(max-width:991.98px){.ath-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ath-steps-grid{grid-template-columns:1fr}.ath-banner-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:767.98px){.ath-community-hero{padding:48px 0}.ath-community-section{padding:44px 0}.ath-gallery-grid,.ath-opportunity-grid{grid-template-columns:1fr}.ath-gallery-card img{height:230px}.ath-whatsapp-float{bottom:18px;left:16px;width:54px;height:54px;font-size:28px}.ath-info-panel,.ath-share-panel{padding:25px}}
@media(max-width:575.98px){.ath-share-actions{align-items:stretch;flex-direction:column}.ath-share-actions>*{width:100%;text-align:center}.ath-gallery-card img{height:205px}.ath-coming-card{padding:25px}}
@media(prefers-reduced-motion:reduce){.ath-whatsapp-float,.ath-gallery-card img{transition:none}.ath-whatsapp-float:hover,.ath-gallery-card a:hover img{transform:none}}

#referredByGroup[hidden]{display:none!important}

/* Compact accessible navbar dropdown when supplementary pages are added. */
.ath-menu .dropdown-menu{border:1px solid #d9e7f0;border-radius:10px;padding:8px;box-shadow:0 12px 25px rgba(25,67,118,.12);min-width:180px}
.ath-menu .dropdown-item{padding:10px 13px;border-radius:7px;color:#194376;font-weight:650}
.ath-menu .dropdown-item:hover,.ath-menu .dropdown-item:focus,.ath-menu .dropdown-item.active{color:#194376;background:#F3F6FF}
.ath-menu .dropdown-item.active{box-shadow:inset 3px 0 #46C6CE}
@media(max-width:991.98px){.ath-menu .dropdown-menu{border:0;box-shadow:none;padding:4px 0 8px 12px;margin:0}}