/* MARJAN.IN Master Redesign — shared desktop/mobile header */
header.marjan-header{position:relative;z-index:100;display:flex;align-items:center;gap:18px;padding:12px max(4%,calc((100% - 1240px)/2)) 10px!important;background:#fff!important;color:#243047!important;border-bottom:1px solid #e7eaf0}
header.marjan-header>.brand,header.marjan-header>a.brand{display:flex!important;flex:0 0 154px;align-items:center;max-width:154px;text-decoration:none}
header.marjan-header>.brand img,header.marjan-header>a.brand img{display:block;width:154px!important;max-width:100%;height:auto!important;max-height:64px!important;object-fit:contain;object-position:left center}
header.marjan-header>nav.primary-navigation{position:static;display:flex;flex:1 1 auto;min-width:0;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:2px;margin:0!important;padding:0!important;background:transparent!important;color:#243047}
header.marjan-header>nav.primary-navigation a{color:#243047;text-decoration:none}
header.marjan-header>nav.primary-navigation>.nav-home,header.marjan-header>nav.primary-navigation>.nav-direct{display:inline-flex;align-items:center;min-height:38px;padding:7px 8px;border-radius:7px;font-size:12.5px;font-weight:750;white-space:nowrap}
header.marjan-header>nav.primary-navigation>.nav-home:hover,header.marjan-header>nav.primary-navigation>.nav-direct:hover{background:#f1f4f8}
header.marjan-header>nav.primary-navigation .nav-group{position:static;display:block}
header.marjan-header>nav.primary-navigation .nav-group>summary{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:7px 8px;border-radius:7px;cursor:pointer;list-style:none;color:#243047;font-size:12.5px;font-weight:750;white-space:nowrap}
header.marjan-header>nav.primary-navigation .nav-group>summary::-webkit-details-marker{display:none}
header.marjan-header>nav.primary-navigation .nav-group>summary:after{content:"";width:6px;height:6px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px)}
header.marjan-header>nav.primary-navigation .nav-group[open]>summary:after{transform:rotate(225deg) translate(-1px,-1px)}
header.marjan-header>nav.primary-navigation .nav-group>summary:hover,header.marjan-header>nav.primary-navigation .nav-group[open]>summary{background:#f1f4f8}
header.marjan-header>nav.primary-navigation .nav-group:not([open])>.nav-mega{display:none}
header.marjan-header>nav.primary-navigation .nav-mega{position:absolute;top:100%;left:0;right:0;z-index:120;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding:24px max(5%,calc((100% - 1160px)/2));background:#fff;color:#243047;border:1px solid #e4e8ef;border-top:3px solid #e97885;border-radius:0 0 15px 15px;box-shadow:0 18px 42px rgba(24,36,58,.16)}
header.marjan-header>nav.primary-navigation .nav-mega-col{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:6px}
header.marjan-header>nav.primary-navigation .nav-mega-title{margin:0 0 5px;color:#243047;font-size:13px;font-weight:800}
header.marjan-header>nav.primary-navigation .nav-mega a{display:block;width:100%;padding:6px 8px;border-radius:6px;color:#40516e;font-size:13px;line-height:1.5;white-space:normal}
header.marjan-header>nav.primary-navigation .nav-mega a:hover{background:#f5f7fb;color:#18243a}
header.marjan-header>nav.primary-navigation .nav-mega .nav-mega-feature{color:#a74357;font-weight:800}
header.marjan-header>.marjan-header-actions{display:flex;flex:0 0 auto;align-items:center;gap:8px}
header.marjan-header .nav-search{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid #d9e0eb;border-radius:9px;color:#243047;text-decoration:none;background:#fff}
header.marjan-header .nav-search:hover{background:#f5f7fb;border-color:#aeb9ca}
header.marjan-header .nav-search svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
header.marjan-header .marjan-header-actions>.menu-toggle{display:none!important}
header.marjan-header a:focus-visible,header.marjan-header summary:focus-visible,header.marjan-header button:focus-visible{outline:3px solid #f5c4cc;outline-offset:3px}
@media(min-width:901px){
 header.marjan-header{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;padding-left:2%!important;padding-right:2%!important}
 header.marjan-header>.brand,header.marjan-header>a.brand{flex:0 0 126px!important;max-width:126px!important}
 header.marjan-header>.brand img,header.marjan-header>a.brand img{width:126px!important;max-height:54px!important}
 header.marjan-header>nav.primary-navigation{display:flex!important;flex:1 1 auto!important;flex-wrap:nowrap!important;justify-content:space-between!important;gap:0!important;min-width:0!important}
 header.marjan-header>nav.primary-navigation>.nav-home,header.marjan-header>nav.primary-navigation .nav-group>summary{font-size:11px!important;padding:6px 5px!important;min-height:36px!important;gap:4px!important}
 header.marjan-header>nav.primary-navigation .nav-group>summary:after{width:5px;height:5px}
 header.marjan-header>.marjan-header-actions{flex:0 0 36px!important;gap:0!important}
 header.marjan-header .nav-search{width:34px;height:34px}
 header.marjan-header .marjan-header-actions>.menu-toggle{display:none!important}
}
@media(max-width:900px){
 header.marjan-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto!important;align-items:center!important;justify-content:stretch!important;gap:8px!important;padding:8px 4%!important;min-height:68px!important}
 header.marjan-header>.brand,header.marjan-header>a.brand{grid-column:1;grid-row:1;align-self:center}
 header.marjan-header>.marjan-header-actions{grid-column:2;grid-row:1;align-self:center;margin:0!important}
 header.marjan-header>nav.primary-navigation{grid-column:1 / -1;grid-row:2}
 header.marjan-header>.brand,header.marjan-header>a.brand{width:100%;max-width:170px;flex:none}
 header.marjan-header>.brand img,header.marjan-header>a.brand img{width:170px!important;max-height:58px!important}
 header.marjan-header>.marjan-header-actions{gap:7px}
 header.marjan-header .nav-search{width:40px;height:40px}
 header.marjan-header .marjan-header-actions>.menu-toggle{display:inline-flex!important;align-items:center;justify-content:center;width:42px;height:40px;margin:0;padding:8px;border:1px solid #d9e0eb;border-radius:9px;background:#f5f7fb;color:#243047;cursor:pointer}
 header.marjan-header .marjan-header-actions>.menu-toggle svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
 header.marjan-header .marjan-header-actions>.menu-toggle span{display:none}
 header.marjan-header>nav.primary-navigation{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;gap:2px;max-height:calc(100dvh - 150px);overflow-y:auto;margin:0!important;padding:12px 4% 20px!important;background:#243047!important;box-shadow:0 18px 34px rgba(24,36,58,.2)}
 header.marjan-header>nav.primary-navigation.is-open{display:flex}
 header.marjan-header>nav.primary-navigation>.nav-home,header.marjan-header>nav.primary-navigation>.nav-direct{display:flex;width:100%;min-height:43px;padding:10px 12px;color:#fff;font-size:15px}
 header.marjan-header>nav.primary-navigation .nav-group{width:100%;border-bottom:1px solid rgba(255,255,255,.14)}
 header.marjan-header>nav.primary-navigation .nav-group>summary{display:flex;width:100%;min-height:45px;justify-content:space-between;padding:10px 12px;color:#fff;font-size:15px}
 header.marjan-header>nav.primary-navigation .nav-group>summary:hover,header.marjan-header>nav.primary-navigation .nav-group[open]>summary{background:#40516e}
 header.marjan-header>nav.primary-navigation .nav-mega{position:static;display:none;grid-template-columns:1fr;gap:10px;padding:8px 10px 14px 14px;background:#fff;border:0;border-radius:9px;box-shadow:none}
 header.marjan-header>nav.primary-navigation .nav-group[open]>.nav-mega{display:grid}
 header.marjan-header>nav.primary-navigation .nav-mega-col{gap:3px}
 header.marjan-header>nav.primary-navigation .nav-mega-title{margin:0 0 2px;font-size:13px}
 header.marjan-header>nav.primary-navigation .nav-mega a{padding:7px 8px;color:#40516e;font-size:14px}
}

/* Fixed mobile bottom navigation inspired by the supplied Parentune reference */
.marjan-mobile-bottom,.marjan-bottom-more{display:none}
@media(max-width:900px){
 body{padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))!important}
 .marjan-mobile-bottom{position:fixed;left:0;right:0;bottom:0;z-index:1000;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;min-height:64px;padding:5px 4px calc(5px + env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #e2e5eb;box-shadow:0 -3px 12px rgba(24,36,58,.08)}
 .marjan-mobile-bottom .bottom-item{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:2px 1px;border:0;background:transparent;color:#505968;text-decoration:none;font:inherit;cursor:pointer}
 .marjan-mobile-bottom .bottom-item svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
 .marjan-mobile-bottom .bottom-item span{max-width:100%;overflow:hidden;color:inherit;font-size:11px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
 .marjan-mobile-bottom .bottom-item.is-active{color:#d35d72}
 .marjan-mobile-bottom .bottom-item.is-active span{font-weight:750}
 .marjan-mobile-bottom .bottom-item:focus-visible,.marjan-bottom-more a:focus-visible{outline:2px solid #d35d72;outline-offset:-2px;border-radius:6px}
 .marjan-bottom-more{position:fixed;right:8px;bottom:calc(72px + env(safe-area-inset-bottom,0px));z-index:1001;display:grid;grid-template-columns:1fr 1fr;gap:2px;width:min(310px,calc(100vw - 16px));padding:10px;background:#fff;border:1px solid #e1e5ec;border-radius:13px;box-shadow:0 10px 30px rgba(24,36,58,.2)}
 .marjan-bottom-more[hidden]{display:none}
 .marjan-bottom-more a{padding:11px 9px;border-radius:7px;color:#243047;text-decoration:none;font-size:13px;font-weight:650}
 .marjan-bottom-more a:hover{background:#f4f6f9}
}