/*! Optimized Header CSS - Final Update for Grid Spacing Fix */

/* ========================================================================= */
/* EXISTING CORE STYLES */
/* ========================================================================= */

#mobile-panel .sub-nav-grid .grid-box,#site-header{background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.1)}.grid-ripple,.mobile-ripple,.ripple-btn{position:relative;overflow:hidden}.group .absolute.top-full.left-0{left:0!important;margin-left:-1px!important;transition:.3s cubic-bezier(.4, 0, .2, 1)}.grid-ripple::before,.mobile-ripple::before,.ripple-btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;transform:translate(-50%,-50%);transition:width .4s,height .4s;background:rgba(26,115,232,.12)}.dark #desktop-search-toggle,.dark #mobile-menu-toggle,.dark #mobile-search-toggle,.dark .grid-ripple::before,.dark .mobile-ripple::before,.dark .ripple-btn::before,.dark .theme-toggle-btn{background:rgba(138,180,248,.12)}.dark #mobile-panel,.dark .sub-nav-wrap{background-color:#202124}.ripple-btn:hover::before{width:80px;height:80px}.grid-ripple:hover::before,.mobile-ripple:hover::before{width:200px;height:200px}.theme-icon{transition:.4s cubic-bezier(.4, 0, .2, 1)}.dark .moon-icon,.light .sun-icon{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0);visibility:visible}.light .moon-icon{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(90deg);visibility:hidden}.dark .sun-icon{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(-90deg);visibility:hidden}.search-loading::after{content:'';position:absolute;right:50px;top:50%;width:16px;height:16px;border:2px solid #dadce0;border-top:2px solid #1a73e8;border-radius:50%;animation:1s linear infinite spin;transform:translateY(-50%)}.absolute.top-full,.absolute.top-full.left-0{z-index:999!important;transform:translateY(-20px);transition:.4s cubic-bezier(.4, 0, .2, 1)}.dark .search-loading::after{border-color:#8ab4f8 #5f6368 #5f6368}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.sub-nav-wrap,body.mobile-panel-open{overflow:hidden}.scrollbar-hide::-webkit-scrollbar{display:none}.search-form-desktop{transition:.3s cubic-bezier(.4, 0, .2, 1)}

/* ⭐ মোবাইল সাবমেনু ফিক্স এবং ট্রানজিশন ⭐ */
.sub-nav-wrap{
    max-height:0;
    opacity:0;
    visibility: hidden; 
    transition:max-height .3s cubic-bezier(.4, 0, .2, 1),opacity .3s cubic-bezier(.4, 0, .2, 1),visibility .3s; 
    padding:0;
    background-color:#f8f9fa;
    margin:0;
    border-radius:0 0 8px 8px;
    z-index:1!important
}
.sub-nav-wrap.open{
    opacity:1;
    padding:0;
    margin:0;
    visibility: visible 
}
/* ⭐ মোবাইল সাবমেনু ফিক্স শেষ ⭐ */

.mobile-menu .nav-item{min-height:48px;height:auto;border-bottom:1px solid #e8eaed;position:relative;background-color:#fff}.dark .mobile-menu .nav-item{border-bottom-color:#5f6368;background-color:#303134}.absolute.top-full li:last-child,.mobile-menu .nav-item:last-child{border-bottom:none}.desktop-search-active #desktop-search-toggle{opacity:0;visibility:hidden;width:0;height:0;overflow:hidden}.sub-nav-grid{margin:8px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.toggle-icon{transition:transform .3s cubic-bezier(.4, 0, .2, 1)}

/* ⭐ GRID BOX FOCUSED STYLES - বাম দিকের ফাঁকা স্থান ফিক্সের জন্য গুরুত্বপূর্ণ ⭐ */
#mobile-panel .sub-nav-grid .grid-box{
    border:1.5px solid #e8eaed;
    transition:.2s cubic-bezier(.4, 0, .2, 1);
    min-height:70px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center; /* ⭐ কনটেন্টকে কেন্দ্রে আনার জন্য ফ্লেক্স অ্যালাইনমেন্ট ⭐ */
    position:relative;
    overflow:hidden;
    cursor:pointer;
    padding:8px 4px;
    text-align:center;
    z-index:1!important;
    width:100%;
    height:auto;
    min-width:0;
    box-sizing:border-box
}
.dark #mobile-panel .sub-nav-grid .grid-box{border-color:#3c4043;background:#303134;box-shadow:0 2px 4px rgba(0,0,0,.2)}
#mobile-panel .sub-nav-grid .grid-box.hover-active,#mobile-panel .sub-nav-grid .grid-box:hover{background-color:rgba(26,115,232,.08);border-color:#1a73e8;transform:translateY(-2px);box-shadow:0 4px 12px rgba(26,115,232,.15)}.dark #mobile-panel .sub-nav-grid .grid-box.hover-active,.dark #mobile-panel .sub-nav-grid .grid-box:hover{background-color:rgba(138,180,248,.08);border-color:#8ab4f8;box-shadow:0 4px 12px rgba(138,180,248,.15)}#mobile-panel .sub-nav-grid .grid-box.active{background-color:rgba(26,115,232,.12);border-color:#1a73e8;transform:translateY(-1px)}.dark #mobile-panel .sub-nav-grid .grid-box.active{background-color:rgba(138,180,248,.12);border-color:#8ab4f8}

/* আইকন এবং টেক্সট কনটেইনার ফিক্স */
#mobile-panel .sub-nav-grid .grid-box i,
#mobile-panel .sub-nav-grid .grid-box img,
#mobile-panel .sub-nav-grid .grid-box svg {
    /* নিশ্চিত করুন যে আইকনের কোনো অতিরিক্ত মার্জিন নেই */
    margin: 0 auto !important; 
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 28px !important;
    height: 28px !important;
    font-size: 20px !important;
}

#mobile-panel .sub-nav-grid .grid-box .fab,#mobile-panel .sub-nav-grid .grid-box .far,#mobile-panel .sub-nav-grid .grid-box .fas,#mobile-panel .sub-nav-grid .grid-box .material-icons{display:flex!important;justify-content:center!important;align-items:center!important;width:28px!important;height:28px!important;font-size:20px!important;margin:0 auto!important}
/* ⭐ END GRID BOX FOCUSED STYLES ⭐ */

#mobile-panel .sub-nav-grid .grid-box .grid-text{text-align:center;width:100%;font-size:13px;font-weight:500;line-height:1.1;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:28px;max-height:28px;word-break:break-word;hyphens:auto}#mobile-panel .sub-nav-grid .grid-box.active .icon-container,#mobile-panel .sub-nav-grid .grid-box.hover-active .icon-container,#mobile-panel .sub-nav-grid .grid-box:hover .icon-container{transform:translateY(-1px)}#mobile-panel .sub-nav-grid .grid-box>*{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}#mobile-panel .sub-nav-grid .grid-box [class*=icon]{margin-left:auto!important;margin-right:auto!important;display:block!important;text-align:center!important}#mobile-panel .sub-nav-grid{background-color:transparent;padding:12px 8px!important;margin:0;z-index:1!important;grid-template-columns:repeat(2,1fr);gap:8px;width:100%;box-sizing:border-box}.mobile-menu .nav-item .menu-link,.mobile-menu .nav-item .menu-toggle-btn{position:relative;display:flex;align-items:center;width:100%;padding:12px 16px}.mobile-menu .nav-item .menu-link i.toggle-icon,.mobile-menu .nav-item .menu-toggle-btn i.toggle-icon{position:absolute!important;right:16px!important;left:auto!important;margin-left:0!important;margin-right:0!important;transform:none!important}.mobile-menu .nav-item.has-dropdown .menu-link,.mobile-menu .nav-item.has-dropdown .menu-toggle-btn{padding-right:46px!important}.mobile-menu .nav-item.has-dropdown .menu-link .toggle-icon,.mobile-menu .nav-item.has-dropdown .menu-toggle-btn .toggle-icon{position:absolute!important;right:16px!important;left:auto!important}.container,.container\:mx-auto,.content-area,.grid-container,.main-content,.site-content,[class*=max-w-]{max-width:none!important;width:100%!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important}body .site-content{max-width:100%!important}body .container,body .container\:mx-auto,body .content-area,body .grid-container,body .main-content,body .site-content,body [class*=max-w-]{max-width:none!important;width:100%!important;padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important}.content-area,.main-content,.site-content{position:relative;z-index:1!important}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}100%{transform:translateY(-50%) rotate(360deg)}}@media (hover:none) and (pointer:coarse){.grid-ripple:hover::before,.mobile-ripple:hover::before,.ripple-btn:hover::before{width:0;height:0}#mobile-panel .sub-nav-grid .grid-box:hover{transform:none;background-color:#fff;border-color:#e8eaed}.dark #mobile-panel .sub-nav-grid .grid-box:hover{background-color:#303134;border-color:#3c4043}}@media print{#site-header{display:none}body{padding-top:0}}@media (prefers-reduced-motion:reduce){#mobile-panel .sub-nav-grid .grid-box,.grid-ripple::before,.mobile-ripple::before,.ripple-btn::before,.search-form-desktop,.sub-nav-wrap,.theme-icon,.toggle-icon{transition:none;animation:none}.grid-ripple:hover::before,.mobile-ripple:hover::before,.ripple-btn:hover::before{width:0;height:0}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){#mobile-panel .sub-nav-grid .grid-box{border-width:1px}}#desktop-search-input,#mobile-search-input{border-radius:24px}@media (max-width:767px){#mobile-panel,.sub-nav-wrap{background-color:#fff}.sub-nav-grid{grid-template-columns:1fr 1fr;gap:8px;padding:10px 6px!important}#mobile-panel .sub-nav-grid .grid-box{min-height:65px;padding:6px 4px;width:100%;height:auto}#mobile-panel{width:100%;max-width:280px!important}#mobile-search-input{border-radius:20px}.dark #mobile-panel,.dark .sub-nav-wrap{background-color:#202124}#mobile-panel .sub-nav-grid .grid-box .fab,#mobile-panel .sub-nav-grid .grid-box .far,#mobile-panel .sub-nav-grid .grid-box .fas,#mobile-panel .sub-nav-grid .grid-box .material-icons,#mobile-panel .sub-nav-grid .grid-box i,#mobile-panel .sub-nav-grid .grid-box img,#mobile-panel .sub-nav-grid .grid-box svg{width:24px!important;height:24px!important;font-size:18px!important}#mobile-panel .sub-nav-grid .grid-box .grid-text{font-size:11px;min-height:24px;max-height:24px;-webkit-line-clamp:2;line-height:1.1;margin-top:1px}.mobile-menu .nav-item .menu-link,.mobile-menu .nav-item .menu-toggle-btn{min-height:44px;padding:14px 16px}#desktop-search-toggle,#mobile-menu-toggle,#mobile-search-toggle,.theme-toggle-btn{min-width:44px;min-height:44px}}