/* Maheshpur SKUS v2.6.2 — one-line header with dropdowns, accordion mobile menu, board grid */

/* ---------- Desktop header: single line ---------- */
.ms-header{transition:box-shadow .25s,padding .25s}
.ms-header.is-scrolled{box-shadow:0 6px 24px rgba(18,48,29,.12)}
.ms-header-in{flex-wrap:nowrap;gap:18px}
.ms-brand{flex:0 1 auto;max-width:330px}
.ms-brand strong{font-size:1.08rem;line-height:1.25}
.ms-header.is-scrolled .ms-brand img{width:52px;height:52px}
.ms-brand img{transition:width .25s,height .25s}
.ms-nav{flex:0 0 auto}
.ms262-menu{display:flex;flex-wrap:nowrap!important;align-items:center;gap:2px}
.ms262-menu>li>a{padding:10px 11px;font-size:.97rem;border-radius:10px;position:relative}
.ms262-menu>li.menu-item-has-children>a:after{content:"";display:inline-block;width:6px;height:6px;margin:0 0 3px 7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);opacity:.6;transition:transform .2s}
.ms262-menu>li:hover>a:after{transform:rotate(-135deg) translate(-2px,-2px)}
.ms262-menu>li.current-menu-item>a,.ms262-menu>li.current-menu-ancestor>a{color:#1f7a3a!important;background:#eaf4ec}
.ms262-menu>li>a:before{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;border-radius:2px;background:#e8a317;transform:scaleX(0);transition:transform .2s}
.ms262-menu>li:hover>a:before,.ms262-menu>li.current-menu-ancestor>a:before{transform:scaleX(1)}
.ms262-menu>li.ms262-cta>a{background:linear-gradient(135deg,#1f7a3a,#2f9a52);color:#fff!important;padding:10px 18px;border-radius:30px;margin-left:6px;box-shadow:0 6px 16px rgba(31,122,58,.28)}
.ms262-menu>li.ms262-cta>a:before{display:none}
.ms262-menu>li.ms262-cta>a:hover{filter:brightness(1.08);background:linear-gradient(135deg,#1f7a3a,#2f9a52)}
.ms262-tog{display:none}

/* dropdown */
.ms262-menu .sub-menu{min-width:250px;padding:10px;border-radius:16px;border-top:3px solid #1f7a3a;box-shadow:0 18px 44px rgba(18,48,29,.18);top:calc(100% + 6px)}
.ms262-menu>li:before{content:"";position:absolute;left:0;right:0;top:100%;height:10px}
.ms262-menu .sub-menu li a{display:flex;align-items:center;gap:10px;padding:9px 12px;font-size:.94rem;font-weight:600;border-radius:10px;white-space:nowrap}
.ms262-menu .sub-menu li a i{font-style:normal;flex:0 0 30px;height:30px;border-radius:9px;background:#f2f7f3;display:flex;align-items:center;justify-content:center;font-size:1rem}
.ms262-menu .sub-menu li a:hover i{background:#fff}
.ms262-menu .sub-menu li.current-menu-item>a{background:#eaf4ec;color:#1f7a3a!important}
.ms262-menu .ms262-head{font-size:.75rem;font-weight:700;letter-spacing:.04em;color:#b06a00;text-transform:uppercase;padding:8px 12px 4px}
.ms262-menu .sub-menu.ms262-mega{display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:column;grid-template-rows:repeat(6,auto);column-gap:8px;min-width:500px;left:50%;margin-left:-250px}
.ms262-menu>li:last-child .sub-menu,.ms262-menu>li:nth-last-child(2) .sub-menu{left:auto;right:0}

@media(max-width:1320px) and (min-width:1181px){
	.ms262-menu>li>a{padding:9px 8px;font-size:.92rem}
	.ms262-menu>li.ms262-cta>a{padding:9px 14px}
	.ms-brand{max-width:280px}.ms-brand strong{font-size:1rem}
}

/* ---------- Mobile / tablet: off-canvas accordion ---------- */
@media(max-width:1180px){
	.ms-burger{display:block;flex:0 0 44px}
	.ms-nav{position:fixed;top:0;right:-100%;width:min(88vw,360px);height:100vh;height:100dvh;background:#fff;z-index:90;padding:76px 14px 30px;overflow:auto;transition:right .35s;box-shadow:-10px 0 40px rgba(0,0,0,.2)}
	body.ms-nav-open .ms-nav{right:0;box-shadow:0 0 0 100vmax rgba(10,30,18,.45)}
	body.ms-nav-open .ms-burger{position:fixed;right:16px;top:14px;z-index:95}
	body.ms-nav-open .ms-burger span:nth-child(1){transform:translateY(8px) rotate(45deg)}
	body.ms-nav-open .ms-burger span:nth-child(2){opacity:0}
	body.ms-nav-open .ms-burger span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
	.ms-brand{max-width:none}
	.ms262-menu{flex-direction:column;align-items:stretch;gap:0}
	.ms262-menu>li{border-bottom:1px solid #edf2ee}
	.ms262-menu>li>a{padding:14px 52px 14px 12px;font-size:1.04rem;white-space:normal}
	.ms262-menu>li>a:before,.ms262-menu>li.menu-item-has-children>a:after{display:none}
	.ms262-tog{display:block;position:absolute;right:2px;top:5px;width:44px;height:44px;border:0;border-radius:12px;background:#f2f7f3;cursor:pointer}
	.ms262-tog:before{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-6px 0 0 -4px;border-right:2px solid #1f7a3a;border-bottom:2px solid #1f7a3a;transform:rotate(45deg);transition:transform .2s}
	.ms262-menu>li.is-open>.ms262-tog:before{transform:rotate(-135deg);margin-top:-2px}
	.ms262-menu .sub-menu,.ms262-menu .sub-menu.ms262-mega{display:none;position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;min-width:0;margin:0 0 10px;padding:4px 0 4px 8px;left:auto;right:auto;grid-template-columns:1fr;background:transparent}
	.ms262-menu>li.is-open>.sub-menu{display:block}
	.ms262-menu .sub-menu li a{white-space:normal;padding:10px 10px;font-size:.98rem}
	.ms262-menu>li.ms262-cta{border:0;margin-top:16px}
	.ms262-menu>li.ms262-cta>a{margin:0;text-align:center;padding:14px;font-size:1.05rem}
	.ms262-menu>li:before{display:none}
}

/* ---------- Board of Directors: tidy 2-column grid on phones ---------- */
@media(max-width:640px){
	.ms26-board,.ms26 .ms26-board{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin-bottom:12px}
	.ms26-person{padding:18px 10px 16px;border-radius:18px;display:flex;flex-direction:column;align-items:center;min-height:100%;box-shadow:0 6px 18px rgba(18,48,29,.06)}
	.ms26-person .ms26-avatar{width:78px;height:78px;margin-bottom:10px;border-width:3px;box-shadow:0 0 0 2px #e8a317,0 6px 14px rgba(18,48,29,.16)}
	.ms26-person .ms26-avatar span{font-size:1.5rem}
	.ms26-person h3{font-size:.96rem;line-height:1.35;margin:0 0 6px;word-break:break-word}
	.ms26-person em{font-size:.78rem;padding:3px 10px}
	.ms26-person a{font-size:.82rem}
	.ms26-board>.ms26-person:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 6px)}
	.ms26-board-lead>.ms26-person:first-child{grid-column:1/-1;display:grid;grid-template-columns:84px 1fr;column-gap:16px;row-gap:4px;align-content:center;text-align:left;padding:16px 18px;background:linear-gradient(120deg,#fff7e3,#fff)}.ms26-board-lead>.ms26-person:first-child>*:not(.ms26-avatar){grid-column:2;justify-self:start;margin:0}.ms26-board-lead>.ms26-person:first-child .ms26-avatar{grid-row:1/span 2;align-self:center}.ms26-board-lead>.ms26-person:first-child h3{align-self:end}.ms26-board-lead>.ms26-person:first-child em{align-self:start}
	.ms26-board-lead>.ms26-person:first-child .ms26-avatar{margin:0;flex:0 0 84px;width:84px;height:84px}
	.ms26-board-lead>.ms26-person:first-child h3{font-size:1.08rem}
	.ms26-board-lead>.ms26-person:first-child:not(:last-child)~.ms26-person:last-child:nth-child(odd){grid-column:auto;justify-self:stretch;width:auto}
	/* old committee grid */
	.ms-people{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
	.ms-person{padding:16px 10px;border-radius:18px;text-align:center}
	.ms-person img{width:80px!important;height:80px!important;border-radius:50%;object-fit:cover}
	.ms-person h3{font-size:.95rem}
}

/* e-Paddy service card accent */
.ms-v210-service.ms262-hot{border-color:#e8a317!important;background:linear-gradient(160deg,#fffaf0,#fff)!important}
.ms-v210-service.ms262-hot:after{content:"নতুন";position:absolute;top:10px;left:10px;background:#c62828;color:#fff;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:20px}
.ms-v210-service{position:relative}

/* portrait phone screenshots (e-Paddy, Nov 2026) */
.ms26-gstep.has-shot .ms26-browser:has(img[src*="/ep26-home"]),.ms26-gstep.has-shot .ms26-browser:has(img[src*="/ep26-services"]){max-width:420px}
