/* Restricted to marked header controls; no footer or desktop restyling. */
@media(max-width:1024px){
    .fpg-header-action:not(footer *){
        display:inline-flex!important;align-items:center!important;justify-content:center!important;
        box-sizing:border-box!important;min-height:44px!important;height:44px!important;
        padding:0 12px!important;border:0!important;border-radius:22px!important;
        font-family:Arial,Helvetica,sans-serif!important;font-size:13px!important;
        font-weight:700!important;line-height:1.2!important;white-space:nowrap!important;
        text-decoration:none!important;margin-block:0!important;vertical-align:middle!important;
        color:#fff!important;
    }
    .fpg-header-action .elementor-button-text{font-size:inherit!important;line-height:inherit!important;white-space:nowrap!important}
    .fpg-header-action .elementor-button-content-wrapper{align-items:center!important}
    .fpg-header-products{background:#c44709!important;background-image:none!important}
    .fpg-header-offer{background:#d91c29!important;background-image:none!important}
    .fpg-header-menu{
        position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
        flex:0 0 44px!important;box-sizing:border-box!important;width:44px!important;height:44px!important;min-height:44px!important;
        padding:0!important;border:1px solid #ddd!important;border-radius:8px!important;
        background:#fff!important;color:#d94e0b!important;opacity:1!important;visibility:visible!important;
    }
    /* CSS-drawn bars stay visible even if the icon font fails to load. */
    .fpg-header-menu::before{
        content:""!important;display:block!important;position:absolute!important;
        width:22px!important;height:18px!important;top:12px!important;left:10px!important;
        background:linear-gradient(to bottom,#d94e0b 0 2px,transparent 2px 8px,#d94e0b 8px 10px,transparent 10px 16px,#d94e0b 16px 18px)!important;
        pointer-events:none!important;
    }
    .fpg-header-menu>i,.fpg-header-menu>svg,.fpg-header-menu>.elementskit-menu-hamburger-icon,.fpg-header-menu>.hfe-nav-menu-icon{visibility:hidden!important}
    .fpg-header-action:focus-visible,.fpg-header-menu:focus-visible{outline:3px solid #202020!important;outline-offset:3px!important}
}

/* Equal outer columns centre Offer independently of the controls' widths.
   JS marks only a verified row with the three existing controls, including nested Elementor wrappers. */
@media(max-width:1024px){
    .fpg-mobile-action-row{
        display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
        align-items:center!important;column-gap:6px!important;min-height:52px;
    }
    .fpg-mobile-action-row .fpg-products-slot,
    .fpg-mobile-action-row .fpg-offer-slot,
    .fpg-mobile-action-row .fpg-menu-slot{
        grid-row:1!important;width:auto!important;min-width:0!important;max-width:100%!important;
        margin:0!important;align-self:center!important;padding-inline:0!important;
    }
    .fpg-mobile-action-row .fpg-products-slot{grid-column:1!important;justify-self:start!important}
    .fpg-mobile-action-row .fpg-offer-slot{grid-column:2!important;justify-self:center!important}
    .fpg-mobile-action-row .fpg-menu-slot{grid-column:3!important;justify-self:end!important}
    .fpg-mobile-action-row .fpg-header-action{transform:none!important}
    .fpg-mobile-action-row .fpg-header-menu{margin:0!important}
    .fpg-mobile-action-row .fpg-menu-slot .elementor-widget-container{margin:0!important;padding:0!important}
    /* The menu's dropdown must not inherit the hamburger's narrow column. */
    .fpg-mobile-action-row .fpg-menu-slot nav.hfe-nav-menu__layout-horizontal,
    .fpg-mobile-action-row .fpg-menu-slot .elementor-nav-menu--dropdown.elementor-nav-menu__container{
        width:min(340px,calc(100vw - 24px))!important;
        max-width:calc(100vw - 24px)!important;
        left:auto!important;right:0!important;
        box-sizing:border-box!important;
    }
}
@media(max-width:359px){
    .fpg-mobile-action-row{column-gap:4px!important}
    .fpg-mobile-action-row .fpg-header-action{padding-inline:8px!important}
}

@media(max-width:1024px){
 .fpg-mobile-action-row .fpg-action-wrapper{display:contents!important}
 .fpg-mobile-action-row{width:100%!important;max-width:none!important;box-sizing:border-box!important}
 .fpg-mobile-action-row .fpg-products-slot,.fpg-mobile-action-row .fpg-offer-slot,.fpg-mobile-action-row .fpg-menu-slot{position:relative!important;inset:auto!important;transform:none!important;flex:none!important;float:none!important}
 .fpg-mobile-action-row .fpg-offer-slot .elementor-widget-container,.fpg-mobile-action-row .fpg-products-slot .elementor-widget-container{margin:0!important;padding:0!important}
 .fpg-mobile-action-row .fpg-header-action{font-size:11px!important;padding-inline:10px!important}
 .fpg-mobile-action-row .fpg-menu-slot{z-index:30}
}

/* The existing Elementor icon widget is the actual mobile toggle. */
@media(max-width:1024px){
 #frigo-menu-toggle.fpg-header-menu .elementor-widget-container,
 #frigo-menu-toggle.fpg-header-menu .elementor-icon-wrapper,
 #frigo-menu-toggle.fpg-header-menu .elementor-icon{width:100%!important;height:100%!important;margin:0!important;padding:0!important;line-height:1!important}
 #frigo-menu-toggle.fpg-header-menu .elementor-icon i,
 #frigo-menu-toggle.fpg-header-menu .elementor-icon svg{visibility:hidden!important}
}
@media(max-width:1024px){
 #frigo-main-nav.fpg-mobile-action-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important}
 #frigo-main-nav.fpg-mobile-action-row #frigo-products-nav.fpg-action-wrapper,
 #frigo-main-nav.fpg-mobile-action-row #frigo-nav-right.fpg-action-wrapper{display:contents!important}
 #frigo-main-nav.fpg-mobile-action-row #frigo-menu-toggle.fpg-menu-slot{width:44px!important;min-width:44px!important;max-width:44px!important}
}