/*
 * Compact storefront header.
 * Pehle header (top bar + logo/search row + category nav) ~180px leta tha.
 * Yahan sirf heights, paddings aur font sizes chhote kiye hain - layout,
 * rang aur markup wahi hai. Sabse aakhir me load hota hai (header.php).
 */

@media (min-width: 992px){
    /* top utility strip: 38px -> 28px */
    body.bda-storefront .bda-topbar{ font-size:12px; }
    body.bda-storefront .bda-topbar-inner{ min-height:28px; gap:10px; }
    body.bda-storefront .bda-topbar ul{ gap:14px; }

    /* logo + search + actions row: ~80px -> ~56px */
    body.bda-storefront .mf-header-main{ padding:7px 0; }
    body.bda-storefront .mf-header-row{ gap:16px; }
    body.bda-storefront .mf-logo{ flex:0 0 150px; }
    body.bda-storefront .mf-logo img{ max-height:44px; }
    body.bda-storefront .mf-search input,
    body.bda-storefront .mf-search button{ height:40px; }
    body.bda-storefront .mf-search input{ font-size:13.5px; }
    body.bda-storefront .mf-search button{ padding:0 18px; font-size:14px; }
    body.bda-storefront .mf-actions{ gap:8px; }
    body.bda-storefront .mf-action-card{ min-height:42px; padding:5px 10px; min-width:0; gap:8px; }
    body.bda-storefront .mf-action-icon{ width:30px; height:30px; flex-basis:30px; font-size:14px; }
    body.bda-storefront .mf-action-text small{ font-size:10.5px; margin-bottom:0; }
    body.bda-storefront .mf-action-text strong{ font-size:12.5px; }
    body.bda-storefront .bda-loc-pill{ padding-top:4px; padding-bottom:4px; min-height:0; }

    /* category nav: ~60px -> ~42px */
    body.bda-storefront .bda-allcat-btn{ min-height:34px; padding:7px 14px; margin:4px 0; font-size:13px; }
    body.bda-storefront .mf-menu > li > a{ padding:10px 10px; font-size:13.5px; }
}

/* Header ab scroll par upar-neeche nahi hota - hamesha dikhta hai. */
body.bda-storefront.bda-header-hidden .mf-site-header{ transform:none; }