/* Zachowuje istniejące menu, koszyk i ich obsługę po przewinięciu. */
body.fh-compact-menu .header-container{height:var(--fh-header-height)}
body.fh-compact-menu #header{position:fixed;top:0;left:0;right:0;width:100%;z-index:2000;background:#fff;border-bottom:1px solid #eee8ed;box-shadow:0 3px 16px rgba(35,25,39,.09)}
body.fh-compact-menu #header>.nav,body.fh-compact-menu #header>.banner{display:none}
body.fh-compact-menu #header>div:not(.nav):not(.banner)>.container>.row{display:grid;grid-template-columns:155px minmax(0,1fr) 160px;gap:18px;align-items:center;min-height:64px;margin:0;position:relative}
body.fh-compact-menu #header>div:not(.nav):not(.banner)>.container>.row:before,body.fh-compact-menu #header>div:not(.nav):not(.banner)>.container>.row:after{display:none}
body.fh-compact-menu #header #search_block_top{display:none}
body.fh-compact-menu #header #header_logo{grid-column:1;grid-row:1;float:none;width:auto;padding:0;margin:0;text-align:left}
body.fh-compact-menu #header #header_logo a{display:block;width:155px}
body.fh-compact-menu #header #header_logo img{display:block;width:100%;height:auto;max-height:38px;object-fit:contain}
body.fh-compact-menu #header #block_top_menu{grid-column:2;grid-row:1;float:none;width:auto;padding:0;margin:0;border:0;position:static;clear:none}
body.fh-compact-menu #header #block_top_menu>.sf-menu{display:flex;align-items:center;justify-content:center;margin:0;padding:0;border:0;background:none;min-height:0;width:auto}
body.fh-compact-menu #header #block_top_menu>.sf-menu>li{float:none;margin:0;border:0;background:none}
body.fh-compact-menu #header #block_top_menu>.sf-menu>li>a{font-size:14px;line-height:20px;padding:10px 13px;margin:0;border:0;border-radius:20px;white-space:nowrap}
body.fh-compact-menu #header .cart-wrapper{grid-column:3;grid-row:1;width:auto;float:none;padding:0;margin:0;position:relative}
body.fh-compact-menu #header .shopping_cart{padding:0;margin:0}
body.fh-compact-menu #header .shopping_cart>a{padding:12px 16px 12px 25px;font-size:12px;line-height:20px;white-space:nowrap}
body.fh-compact-menu #header .shopping_cart>a:before{font-size:17px;left:0}
body.fh-compact-menu #header .shopping_cart>a:after{right:0}
body.fh-compact-menu #header .cart_block{top:100%;right:0}
body.fh-compact-menu #header .sf-menu>li>ul{top:100%}
html{scroll-padding-top:80px}
@media(min-width:768px) and (max-width:1199px){
 body.fh-compact-menu #header>div:not(.nav):not(.banner)>.container>.row{grid-template-columns:130px minmax(0,1fr) 130px;gap:10px;min-height:60px}
 body.fh-compact-menu #header #header_logo a{width:130px}
 body.fh-compact-menu #header #block_top_menu>.sf-menu>li>a{font-size:12px;padding:9px 9px}
 body.fh-compact-menu #header .shopping_cart>a{font-size:11px;padding-right:10px;padding-left:23px}
}
@media(max-width:767px){
 body.fh-compact-menu #header>div:not(.nav):not(.banner)>.container>.row{grid-template-columns:minmax(0,1fr) 115px 42px;gap:12px;min-height:58px}
 body.fh-compact-menu #header #header_logo a{width:min(140px,100%)}
 body.fh-compact-menu #header .cart-wrapper{grid-column:2}
 body.fh-compact-menu #header #block_top_menu{grid-column:3}
 body.fh-compact-menu #header #block_top_menu>.cat-title{display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;margin:0;font-size:0;background:#fff4f8;color:#b73f6b;border:1px solid #f3dce5;border-radius:5px;cursor:pointer}
 body.fh-compact-menu #header #block_top_menu>.cat-title:before{content:'\f0c9';font-family:FontAwesome;font-size:19px;line-height:1}
 body.fh-compact-menu #header #block_top_menu>.cat-title:after{display:none}
 body.fh-compact-menu #header #block_top_menu>.sf-menu{display:none;position:absolute;top:100%;left:0;right:0;width:100%;max-height:calc(100vh - 80px);overflow-y:auto;overscroll-behavior:contain;background:#fff;border:1px solid #eee5eb;box-shadow:0 5px 12px #21102312;padding:10px;text-align:left}
 body.fh-compact-menu #header #block_top_menu>.sf-menu>li>a{font-size:14px;padding:12px 14px}
 body.fh-compact-menu #header .shopping_cart>a{font-size:11px;padding:10px 10px 10px 23px}
 body.fh-compact-menu #header #block_top_menu>.sf-menu ul{max-width:100%}
 html{scroll-padding-top:74px}
}
/* Minimalistyczny wariant: 44 px na komputerze, 48 px na telefonie. */
body.fh-compact-menu #header{padding:0;box-shadow:0 1px 7px rgba(35,25,39,.055)}
body.fh-compact-menu #header>div:not(.nav):not(.banner)>.container>.row{min-height:44px;grid-template-columns:125px minmax(0,1fr) 150px;gap:14px}
body.fh-compact-menu #header #header_logo a{width:125px}
body.fh-compact-menu #header #header_logo img{max-height:28px}
body.fh-compact-menu #header #block_top_menu>.sf-menu>li>a{font-size:12px;line-height:18px;padding:6px 11px;border-radius:0;background:transparent;box-shadow:none}
body.fh-compact-menu #header #block_top_menu>.sf-menu>li:is(.sfHover,.active)>a,body.fh-compact-menu #header #block_top_menu>.sf-menu>li>a:hover{background:transparent;color:#c34975}
body.fh-compact-menu #header .cart-wrapper,body.fh-compact-menu #header .shopping_cart{height:36px;min-height:0}
body.fh-compact-menu #header .shopping_cart>a{height:36px;box-sizing:border-box;font-size:11px;line-height:18px;padding:9px 14px 9px 23px}
body.fh-compact-menu #header .shopping_cart>a:before{font-size:15px;line-height:18px}
body.fh-compact-menu #header .ajax_cart_quantity{font-size:10px}
@media(min-width:768px) and (max-width:1199px){
 body.fh-compact-menu #header>div:not(.nav):not(.banner)>.container>.row{grid-template-columns:115px minmax(0,1fr) 125px;gap:8px}
 body.fh-compact-menu #header #header_logo a{width:115px}
 body.fh-compact-menu #header #block_top_menu>.sf-menu>li>a{font-size:11px;padding:6px 8px}
}
@media(max-width:767px){
 body.fh-compact-menu #header>div:not(.nav):not(.banner)>.container>.row{min-height:48px;grid-template-columns:minmax(0,1fr) 110px 42px;gap:10px}
 body.fh-compact-menu #header #header_logo a{width:min(120px,100%)}
 body.fh-compact-menu #header #block_top_menu>.cat-title{background:#fff;border:0}
 body.fh-compact-menu #header #block_top_menu>.sf-menu>li>a{font-size:14px;padding:12px 14px}
}
/* Delikatne podświetlenie bez zwiększania wysokości paska. */
body.fh-compact-menu #header #block_top_menu>.sf-menu>li>a{position:relative;border-radius:4px;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease}
body.fh-compact-menu #header #block_top_menu>.sf-menu>li:is(.sfHover,.active)>a{color:#b43864;background:#fff1f6;box-shadow:inset 0 -2px 0 #e7799e}
body.fh-compact-menu #header #block_top_menu>.sf-menu>li>a:hover,body.fh-compact-menu #header #block_top_menu>.sf-menu>li>a:focus-visible{color:#a92e5b;background:#ffe7f0;box-shadow:inset 0 -2px 0 #dc5b89;text-decoration:none}
body.fh-compact-menu #header #block_top_menu>.sf-menu>li>a:focus-visible{outline:2px solid #d95b88;outline-offset:2px}
@media(prefers-reduced-motion:reduce){body.fh-compact-menu #header #block_top_menu>.sf-menu>li>a{transition:none}}
