/* PILKIGOLFOWE.PL - ETAP 1: NOWOCZESNY HEADER */
@media (min-width:992px){
:root{
  --pg-green:#267d0d;
  --pg-green-dark:#1d6809;
  --pg-orange:#ff7300;
  --pg-text:#18212b;
  --pg-muted:#68717c;
  --pg-border:#e3e7eb;
  --pg-light:#f7f9f7;
}

/* Pasek pomarańczowy */
#header.mod-header-3 .infoblock_header{
  min-height:30px!important;
  padding:5px 15px!important;
  background:linear-gradient(90deg,#ff7a00,#ff6d00)!important;
  box-sizing:border-box!important;
}
#header.mod-header-3 .infoblock_header_content{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
}
#header.mod-header-3 .infoblock_header_content p{
  margin:0!important;
  line-height:1.35!important;
}
#header.mod-header-3 .infoblock_header_content span{
  font-family:Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:600!important;
}

/* Górny pasek kontaktowy */
#header.mod-header-3 .top_bar{
  background:#fff!important;
}
#header.mod-header-3 .top_bar_inner_wrapper{
  min-height:46px!important;
  align-items:center!important;
  border-bottom:1px solid var(--pg-border)!important;
}
#header.mod-header-3 .top_bar_item_list_item{
  min-height:46px!important;
  padding:0 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
}
#header.mod-header-3 .top_bar_item_list_item>a,
#header.mod-header-3 .top_bar_item_list_item_language_icon,
#header.mod-header-3 .top_bar_item_list_item_currency_icon,
#header.mod-header-3 .header_top_bar_social_user_icon{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
}
#header.mod-header-3 .top_bar .helper-text,
#header.mod-header-3 .header_top_bar_social_user_icon{
  font-size:13px!important;
  font-weight:500!important;
  color:var(--pg-text)!important;
}
#header.mod-header-3 .top_bar .fa{
  color:#25313d!important;
  transition:.2s ease!important;
}
#header.mod-header-3 .top_bar_item_list_item:hover .fa,
#header.mod-header-3 .top_bar_item_list_item:hover .helper-text,
#header.mod-header-3 .top_bar_item_list_item:hover .header_top_bar_social_user_icon{
  color:var(--pg-green)!important;
}

/* Główna część headera */
#header.mod-header-3 .header_middle_content{
  padding:25px 0!important;
  background:#fff!important;
}
#header.mod-header-3 .header_middle_content_inner_wrapper{
  display:grid!important;
  grid-template-columns:minmax(210px,285px) minmax(360px,1fr) minmax(155px,185px)!important;
  column-gap:32px!important;
  align-items:center!important;
  justify-content:initial!important;
  padding:0!important;
}

/* Logo */
#header.mod-header-3 .header_middle_content_logo{
  width:100%!important;
  max-width:285px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
}
#header.mod-header-3 .header_middle_content_logo img{
  display:block!important;
  width:100%!important;
  max-width:285px!important;
  height:auto!important;
  max-height:none!important;
}

/* Wyszukiwarka */
#header.mod-header-3 .header_middle_content_searchbox{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  position:relative!important;
}
#header.mod-header-3 .header_middle_content_searchbox form{
  width:100%!important;
  height:50px!important;
  display:flex!important;
  align-items:stretch!important;
  background:#fff!important;
  border:1px solid #d5dbe0!important;
  border-radius:12px!important;
  box-shadow:0 2px 5px rgba(20,35,25,.04)!important;
  overflow:visible!important;
  box-sizing:border-box!important;
  transition:.2s ease!important;
}
#header.mod-header-3 .header_middle_content_searchbox form:focus-within{
  border-color:var(--pg-green)!important;
  box-shadow:0 0 0 3px rgba(38,125,13,.12),0 5px 15px rgba(20,35,25,.07)!important;
}
#header.mod-header-3 .header_middle_content_searchbox_input_wrapper{
  flex:1 1 auto!important;
  min-width:0!important;
}
#header.mod-header-3 .header_middle_content_searchbox .input-field{
  width:100%!important;
  height:48px!important;
  margin:0!important;
  padding:0 19px!important;
  border:0!important;
  border-radius:11px 0 0 11px!important;
  outline:none!important;
  background:transparent!important;
  color:var(--pg-text)!important;
  font-size:14px!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
#header.mod-header-3 .header_middle_content_searchbox .input-field::placeholder{
  color:#8a929b!important;
  opacity:1!important;
}
#header.mod-header-3 .header_middle_content_searchbox_button_wrapper{
  flex:0 0 145px!important;
  height:48px!important;
  position:static!important;
}
#header.mod-header-3 .header_middle_content_searchbox_button_wrapper .btn{
  width:100%!important;
  height:48px!important;
  margin:0!important;
  padding:0 20px!important;
  border:0!important;
  border-radius:0 10px 10px 0!important;
  background:var(--pg-green)!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:700!important;
  cursor:pointer!important;
  box-shadow:none!important;
  transition:.2s ease!important;
}
#header.mod-header-3 .header_middle_content_searchbox_button_wrapper .btn:hover{
  background:var(--pg-green-dark)!important;
}
#header.mod-header-3 .header_middle_content_searchbox .search{
  top:calc(100% + 8px)!important;
  border:1px solid var(--pg-border)!important;
  border-radius:12px!important;
  box-shadow:0 14px 35px rgba(25,40,30,.14)!important;
  overflow:hidden!important;
}

/* Koszyk */
#header.mod-header-3 .header_middle_content_quick_cart_wrapper{
  display:block!important;
  width:100%!important;
  margin:0!important;
  position:relative!important;
}
#header.mod-header-3 .header_middle_content_quick_cart{
  min-height:50px!important;
  padding:7px 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  background:var(--pg-light)!important;
  border:1px solid #e0e6e0!important;
  border-radius:12px!important;
  box-sizing:border-box!important;
  transition:.2s ease!important;
}
#header.mod-header-3 .header_middle_content_quick_cart:hover{
  background:#fff!important;
  border-color:rgba(38,125,13,.55)!important;
  box-shadow:0 5px 15px rgba(25,70,20,.08)!important;
}
#header.mod-header-3 .header_middle_content_quick_cart .fa-shopping-basket{
  order:1!important;
  position:static!important;
  bottom:auto!important;
  font-size:29px!important;
  color:#344453!important;
}
#header.mod-header-3 .header_middle_content_quick_cart_price{
  order:2!important;
  min-width:0!important;
  margin:0 0 0 12px!important;
  padding:0!important;
  text-align:left!important;
  color:var(--pg-green)!important;
  font-size:15px!important;
  font-weight:700!important;
  line-height:1.2!important;
}
#header.mod-header-3 .header_middle_content_quick_cart_price:before{
  content:"Koszyk"!important;
  display:block!important;
  margin-bottom:3px!important;
  color:var(--pg-muted)!important;
  font-size:11px!important;
  font-weight:500!important;
  line-height:1!important;
}
#header.mod-header-3 .header_middle_content_quick_cart_counter{
  top:4px!important;
  right:7px!important;
  min-width:21px!important;
  width:auto!important;
  height:21px!important;
  padding:0 6px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:var(--pg-green)!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:21px!important;
  border-radius:20px!important;
  box-sizing:border-box!important;
}
#header.mod-header-3 .header_middle_content_quick_cart_counter span{
  position:static!important;
  top:auto!important;
}
}

@media (min-width:992px) and (max-width:1199px){
#header.mod-header-3 .header_middle_content_inner_wrapper{
  grid-template-columns:minmax(175px,210px) minmax(320px,1fr) minmax(145px,160px)!important;
  column-gap:18px!important;
}
#header.mod-header-3 .header_middle_content_logo,
#header.mod-header-3 .header_middle_content_logo img{
  max-width:210px!important;
}
#header.mod-header-3 .header_middle_content_searchbox_button_wrapper{
  flex-basis:115px!important;
}
#header.mod-header-3 .top_bar_item_list_item{
  padding-left:9px!important;
  padding-right:9px!important;
}
}

/* Korekta: nie pokazuj elementów mobilnych na komputerze */
@media (min-width:992px){
  #header.mod-header-3 .top_bar .hidden-on-desktop{
    display:none!important;
  }
}

/* Korekta wyszukiwarki: wyniki na pełną szerokość pola */
@media (min-width:992px){
  #header.mod-header-3 .header_middle_content_searchbox{
    position:relative!important;
    z-index:30!important;
  }

  #header.mod-header-3 .header_middle_content_searchbox .search{
    left:0!important;
    right:0!important;
    width:auto!important;
    max-width:none!important;
    max-height:460px!important;
    overflow-y:auto!important;
    background:#fff!important;
    z-index:1000!important;
  }

  #header.mod-header-3 .header_middle_content_searchbox .search-results{
    width:100%!important;
    table-layout:fixed!important;
  }

  #header.mod-header-3 .header_middle_content_searchbox .search-results .search-img{
    width:62px!important;
  }

  #header.mod-header-3 .header_middle_content_searchbox .search-results .search-price{
    width:120px!important;
  }

  #header.mod-header-3 .header_middle_content_searchbox .search-count{
    padding:12px 15px!important;
    border-top:1px solid #e3e7eb!important;
    background:#f7f9f7!important;
  }
}

/* ==================================================
   ETAP 2: NOWOCZESNE MENU DESKTOPOWE
   10 głównych kategorii + 7 linków uzupełniających
   ================================================== */
@media (min-width:992px){

  #header.mod-header-3 .menu-wrapper{
    position:relative!important;
    z-index:20!important;
    display:block!important;
    padding:0 0 12px!important;
    background:#fff!important;
  }

  #header.mod-header-3 .menu-wrapper .sky-container{
    overflow:visible!important;
  }

  #header.mod-header-3 .header_inner_wrapper .menu{
    position:relative!important;
    overflow:visible!important;
    background:#fff!important;
    border:1px solid #dfe5e1!important;
    border-radius:12px!important;
    box-shadow:0 5px 18px rgba(24,55,30,.07)!important;
  }

  #header.mod-header-3 .header_inner_wrapper .menu ul.header_bottom_content_list.golf-menu-expanded{
    display:grid!important;
    grid-template-columns:repeat(70,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    align-items:stretch!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    row-gap:0!important;
    column-gap:0!important;
    overflow:visible!important;
    font-size:0!important;
    box-sizing:border-box!important;
  }

  /* Pierwszy rząd: 10 głównych kategorii */
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(-n+10){
    grid-column:span 7!important;
    min-width:0!important;
    border-bottom:1px solid #e5eae6!important;
  }

  /* Drugi rząd: 7 linków uzupełniających */
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(n+11):nth-child(-n+17){
    grid-column:span 10!important;
    min-width:0!important;
    background:#f8faf8!important;
  }

  #header.mod-header-3 .golf-menu-expanded>li{
    display:block!important;
    float:none!important;
    position:relative!important;
    margin:0!important;
    padding:0!important;
    border-right:1px solid #edf0ed!important;
    box-sizing:border-box!important;
  }

  #header.mod-header-3 .golf-menu-expanded>li:nth-child(10),
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(17){
    border-right:0!important;
  }

  #header.mod-header-3 .golf-menu-expanded>li:nth-child(18){
    display:none!important;
  }

  #header.mod-header-3 .golf-menu-expanded>li>a,
  #header.mod-header-3 .golf-menu-expanded>li>span,
  #header.mod-header-3 .golf-menu-expanded>li>div>a,
  #header.mod-header-3 .golf-menu-expanded>li>div>span{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    height:52px!important;
    margin:0!important;
    padding:0 7px!important;
    border-radius:0!important;
    background:transparent!important;
    color:#202a24!important;
    font-size:12.5px!important;
    font-weight:700!important;
    line-height:1.15!important;
    text-align:center!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    box-sizing:border-box!important;
    transition:background-color .2s ease,color .2s ease,box-shadow .2s ease!important;
  }

  #header.mod-header-3 .golf-menu-expanded>li:nth-child(n+11):nth-child(-n+17)>a,
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(n+11):nth-child(-n+17)>span,
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(n+11):nth-child(-n+17)>div>a,
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(n+11):nth-child(-n+17)>div>span{
    min-height:43px!important;
    height:43px!important;
    padding:4px 8px!important;
    color:#4e5952!important;
    font-size:11.5px!important;
    font-weight:600!important;
    white-space:normal!important;
  }

  /* Wyróżniony przycisk ASORTYMENT */
  #header.mod-header-3 .golf-menu-expanded>li:first-child{
    background:#f1f8ef!important;
    border-radius:11px 0 0 0!important;
  }

  #header.mod-header-3 .golf-menu-expanded>li:first-child>a{
    color:var(--pg-green)!important;
  }

  #header.mod-header-3 .golf-menu-expanded>li:first-child>a:before{
    content:"\f0c9"!important;
    display:inline-block!important;
    margin-right:8px!important;
    font-family:"FontAwesome"!important;
    font-size:14px!important;
    font-weight:normal!important;
  }

  /* Hover */
  #header.mod-header-3 .golf-menu-expanded>li:hover>a,
  #header.mod-header-3 .golf-menu-expanded>li:hover>span,
  #header.mod-header-3 .golf-menu-expanded>li:hover>div>a,
  #header.mod-header-3 .golf-menu-expanded>li:hover>div>span{
    background:#eef7eb!important;
    color:var(--pg-green)!important;
    box-shadow:inset 0 -3px 0 var(--pg-green)!important;
  }

  #header.mod-header-3 .golf-menu-expanded .helper-arrow{
    margin-left:5px!important;
  }

  #header.mod-header-3 .golf-menu-expanded .helper-arrow .fa{
    font-size:9px!important;
    color:inherit!important;
  }

  /* Rozwijane podmenu */
  #header.mod-header-3 .header_inner_wrapper .menu ul.header_bottom_content_list li.full-width{
    position:static!important;
  }

  #header.mod-header-3 .header_inner_wrapper .menu ul.header_bottom_content_list li.full-width .dropdown{
    top:100%!important;
    left:0!important;
    width:100%!important;
    max-width:100%!important;
    padding:18px 14px!important;
    border:1px solid #dfe5e1!important;
    border-top:3px solid var(--pg-green)!important;
    border-radius:0 0 12px 12px!important;
    background:#fff!important;
    box-shadow:0 18px 35px rgba(23,47,28,.15)!important;
    z-index:100!important;
    box-sizing:border-box!important;
  }

  #header.mod-header-3 .header_inner_wrapper .menu li .dropdown .cat-title{
    margin-bottom:3px!important;
  }

  #header.mod-header-3 .header_inner_wrapper .menu li .dropdown .cat-title>a{
    color:#1d2921!important;
    font-size:14px!important;
    font-weight:700!important;
  }

  #header.mod-header-3 .header_inner_wrapper .menu li .dropdown ul li{
    padding:4px 10px!important;
  }

  #header.mod-header-3 .header_inner_wrapper .menu li .dropdown ul li a{
    color:#4f5952!important;
    font-size:13px!important;
    line-height:1.35!important;
    transition:color .15s ease,transform .15s ease!important;
  }

  #header.mod-header-3 .header_inner_wrapper .menu li .dropdown ul li a:hover{
    color:var(--pg-green)!important;
    transform:translateX(2px)!important;
  }
}

/* Zwężenie tekstów na mniejszych laptopach */
@media (min-width:992px) and (max-width:1199px){
  #header.mod-header-3 .golf-menu-expanded>li>a,
  #header.mod-header-3 .golf-menu-expanded>li>span,
  #header.mod-header-3 .golf-menu-expanded>li>div>a,
  #header.mod-header-3 .golf-menu-expanded>li>div>span{
    padding-left:4px!important;
    padding-right:4px!important;
    font-size:11px!important;
  }

  #header.mod-header-3 .golf-menu-expanded>li:nth-child(n+11):nth-child(-n+17)>a,
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(n+11):nth-child(-n+17)>span,
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(n+11):nth-child(-n+17)>div>a,
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(n+11):nth-child(-n+17)>div>span{
    font-size:10.5px!important;
  }
}

/* ==================================================
   ETAP 2.1: KOREKTA WIZUALNA MENU
   Lżejszy drugi rząd, lepsza hierarchia i odstępy
   ================================================== */
@media (min-width:992px){

  /* Delikatnie więcej oddechu nad i pod menu */
  #header.mod-header-3 .menu-wrapper{
    padding-top:4px!important;
    padding-bottom:15px!important;
  }

  /* Lżejsza rama całego menu */
  #header.mod-header-3 .header_inner_wrapper .menu{
    border-color:#e3e8e4!important;
    border-radius:13px!important;
    box-shadow:0 7px 22px rgba(24,55,30,.06)!important;
  }

  /* Pierwszy rząd pozostaje najważniejszy */
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(-n+10){
    background:#fff!important;
    border-right:1px solid #eef1ef!important;
    border-bottom:1px solid #e8ece9!important;
  }

  #header.mod-header-3 .golf-menu-expanded>li:nth-child(-n+10)>a,
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(-n+10)>span,
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(-n+10)>div>a,
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(-n+10)>div>span{
    height:54px!important;
    padding-left:8px!important;
    padding-right:8px!important;
    color:#1e2822!important;
    font-size:12.7px!important;
    font-weight:700!important;
    letter-spacing:-.05px!important;
  }

  /* Pierwsza pozycja jako subtelny przycisk kategorii */
  #header.mod-header-3 .golf-menu-expanded>li:first-child{
    background:#f2f8f0!important;
    border-radius:12px 0 0 0!important;
  }

  #header.mod-header-3 .golf-menu-expanded>li:first-child>a{
    color:var(--pg-green)!important;
  }

  /* Ostatnia pozycja pierwszego rzędu */
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(10){
    border-right:0!important;
    border-radius:0 12px 0 0!important;
  }

  /* Drugi rząd: spokojniejszy pasek pomocniczy */
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(n+11):nth-child(-n+17){
    background:#fafcfa!important;
    border-right:0!important;
    border-bottom:0!important;
  }

  #header.mod-header-3 .golf-menu-expanded>li:nth-child(n+11):nth-child(-n+17)>a,
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(n+11):nth-child(-n+17)>span,
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(n+11):nth-child(-n+17)>div>a,
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(n+11):nth-child(-n+17)>div>span{
    position:relative!important;
    min-height:40px!important;
    height:40px!important;
    padding:4px 10px!important;
    background:transparent!important;
    color:#58625b!important;
    font-size:11.4px!important;
    font-weight:600!important;
    line-height:1.18!important;
    white-space:normal!important;
    box-shadow:none!important;
  }

  /* Delikatne separatory między elementami drugiego rzędu */
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(n+12):nth-child(-n+17)>a:before,
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(n+12):nth-child(-n+17)>span:before,
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(n+12):nth-child(-n+17)>div>a:before,
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(n+12):nth-child(-n+17)>div>span:before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:11px!important;
    bottom:11px!important;
    width:1px!important;
    background:#edf0ee!important;
  }

  #header.mod-header-3 .golf-menu-expanded>li:nth-child(11){
    border-radius:0 0 0 12px!important;
  }

  #header.mod-header-3 .golf-menu-expanded>li:nth-child(17){
    border-radius:0 0 12px 0!important;
  }

  /* Hover: mniej ciężki, bardziej elegancki */
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(-n+10):hover>a,
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(-n+10):hover>span,
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(-n+10):hover>div>a,
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(-n+10):hover>div>span{
    background:#f3f8f1!important;
    color:var(--pg-green)!important;
    box-shadow:inset 0 -3px 0 var(--pg-green)!important;
  }

  #header.mod-header-3 .golf-menu-expanded>li:nth-child(n+11):nth-child(-n+17):hover>a,
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(n+11):nth-child(-n+17):hover>span,
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(n+11):nth-child(-n+17):hover>div>a,
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(n+11):nth-child(-n+17):hover>div>span{
    background:#f4f8f4!important;
    color:var(--pg-green)!important;
    box-shadow:inset 0 -2px 0 var(--pg-green)!important;
  }

  /* Strzałki trochę subtelniejsze */
  #header.mod-header-3 .golf-menu-expanded .helper-arrow{
    margin-left:4px!important;
  }

  #header.mod-header-3 .golf-menu-expanded .helper-arrow .fa{
    font-size:8px!important;
  }
}

/* Dostosowanie do mniejszych laptopów */
@media (min-width:992px) and (max-width:1199px){

  #header.mod-header-3 .golf-menu-expanded>li:nth-child(-n+10)>a,
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(-n+10)>span,
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(-n+10)>div>a,
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(-n+10)>div>span{
    padding-left:4px!important;
    padding-right:4px!important;
    font-size:10.8px!important;
  }

  #header.mod-header-3 .golf-menu-expanded>li:nth-child(n+11):nth-child(-n+17)>a,
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(n+11):nth-child(-n+17)>span,
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(n+11):nth-child(-n+17)>div>a,
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(n+11):nth-child(-n+17)>div>span{
    padding-left:6px!important;
    padding-right:6px!important;
    font-size:10.2px!important;
  }
}

/* ==================================================
   ETAP 2.2: PASEK KONTAKTOWY + BRAK STICKY HEADERA
   ================================================== */

/* Pasek informacyjny w kolorze marki */
#header.mod-header-3 .infoblock_header{
  background:#135129!important;
}

/* Całkowite wyłączenie przyklejanego nagłówka/menu */
#sticky-header,
#sticky-header.active{
  display:none!important;
  max-height:0!important;
  overflow:hidden!important;
  box-shadow:none!important;
}

/* Sky-Shop może dodawać tę klasę podczas przewijania.
   Przywracamy zwykłe zachowanie nagłówka w dokumencie. */
#header.sticky-active{
  position:static!important;
  top:auto!important;
  left:auto!important;
  width:100%!important;
  z-index:auto!important;
}

#header.sticky-active .top_bar,
#header.sticky-active .header_middle_content,
#header.sticky-active .menu-wrapper,
#header.sticky-active .infoblock_header{
  display:block!important;
}

/* Uporządkowany górny pasek kontaktowy */
@media (min-width:992px){

  #header.mod-header-3 .top_bar .top_bar_inner_wrapper{
    border-bottom-color:#edf1ee!important;
  }

  /* Delikatniejsze separatory */
  #header.mod-header-3
  .top_bar
  .top_bar_item.left
  li.top_bar_item_list_item:not(:last-child)::after,

  #header.mod-header-3
  .top_bar
  .top_bar_item.right
  li.top_bar_item_list_item:not(:first-child)::before{
    height:17px!important;
    background:#edf1ee!important;
    opacity:1!important;
  }

  /* E-mail i telefon */
  #header.mod-header-3
  #top_bar_item_list_item_email>a,

  #header.mod-header-3
  #top_bar_item_list_item_phone>a{
    transition:color .2s ease!important;
  }

  #header.mod-header-3
  #top_bar_item_list_item_email .fa,

  #header.mod-header-3
  #top_bar_item_list_item_phone .fa{
    color:#135129!important;
  }

  #header.mod-header-3
  #top_bar_item_list_item_email:hover .helper-text,

  #header.mod-header-3
  #top_bar_item_list_item_phone:hover .helper-text{
    color:#135129!important;
  }

  /* Facebook i Instagram jako lekkie, okrągłe przyciski */
  #header.mod-header-3
  .top_bar_item_list_item[data-type^="social-"]{
    padding-left:7px!important;
    padding-right:7px!important;
  }

  #header.mod-header-3
  .top_bar_item_list_item[data-type^="social-"]>a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:30px!important;
    height:30px!important;
    border:1px solid #dce8de!important;
    border-radius:50%!important;
    background:#f4f8f4!important;
    color:#135129!important;
    box-sizing:border-box!important;
    transition:
      background-color .2s ease,
      border-color .2s ease,
      color .2s ease,
      transform .2s ease!important;
  }

  #header.mod-header-3
  .top_bar_item_list_item[data-type^="social-"]
  .top_bar_item_list_item_social_media,

  #header.mod-header-3
  .top_bar_item_list_item[data-type^="social-"]
  .top_bar_item_list_item_social_media_icon{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:100%!important;
  }

  #header.mod-header-3
  .top_bar_item_list_item[data-type^="social-"] .fa{
    margin:0!important;
    color:#135129!important;
    font-size:14px!important;
    transform:none!important;
  }

  #header.mod-header-3
  .top_bar_item_list_item[data-type^="social-"]:hover>a{
    background:#135129!important;
    border-color:#135129!important;
    color:#fff!important;
    transform:translateY(-1px)!important;
  }

  #header.mod-header-3
  .top_bar_item_list_item[data-type^="social-"]:hover .fa{
    color:#fff!important;
    transform:none!important;
  }
}

/* ==================================================
   ETAP 2.3: PŁYNNE PRZEWIJANIE + SZERSZY ASORTYMENT
   ================================================== */

/* Sky-Shop podczas przewijania dopisuje padding do głównej treści.
   Wyłączamy go, aby strona nie "szarpała". */
@media (min-width:992px){
  body > main{
    padding-top:0!important;
    transition:none!important;
  }

  #header,
  #header.sticky-active{
    position:static!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    width:100%!important;
    transform:none!important;
    transition:none!important;
  }

  #sticky-header,
  #sticky-header.active{
    display:none!important;
    position:static!important;
    max-height:0!important;
    height:0!important;
    overflow:hidden!important;
    visibility:hidden!important;
    opacity:0!important;
    transition:none!important;
    box-shadow:none!important;
  }

  /* Bardziej naturalne szerokości pierwszego rzędu menu */
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(1){
    grid-column:span 8!important;
  }

  #header.mod-header-3 .golf-menu-expanded>li:nth-child(2){
    grid-column:span 7!important;
  }

  #header.mod-header-3 .golf-menu-expanded>li:nth-child(3){
    grid-column:span 8!important;
  }

  #header.mod-header-3 .golf-menu-expanded>li:nth-child(4){
    grid-column:span 7!important;
  }

  #header.mod-header-3 .golf-menu-expanded>li:nth-child(5),
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(6),
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(7){
    grid-column:span 6!important;
  }

  #header.mod-header-3 .golf-menu-expanded>li:nth-child(8),
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(9){
    grid-column:span 7!important;
  }

  #header.mod-header-3 .golf-menu-expanded>li:nth-child(10){
    grid-column:span 8!important;
  }

  /* Więcej miejsca między ikoną a napisem Asortyment */
  #header.mod-header-3 .golf-menu-expanded>li:first-child>a{
    padding-left:10px!important;
    padding-right:8px!important;
  }

  #header.mod-header-3 .golf-menu-expanded>li:first-child>a:before{
    margin-right:7px!important;
    flex:0 0 auto!important;
  }

  #header.mod-header-3 .golf-menu-expanded>li:first-child .helper-arrow{
    margin-left:5px!important;
    flex:0 0 auto!important;
  }
}

/* ==================================================
   ETAP 2.4: UJEDNOLICONA ZIELEŃ + LŻEJSZE MENU
   + NOWOCZESNY PANEL SOCIAL MEDIA
   ================================================== */

:root{
  --pg-green:#135129;
  --pg-green-dark:#0d3d1e;
}

/* Spójny kolor przycisku i elementów aktywnych */
@media (min-width:992px){

  #header.mod-header-3 .header_middle_content{
    padding-top:21px!important;
    padding-bottom:21px!important;
  }

  #header.mod-header-3 .top_bar .top_bar_inner_wrapper,
  #header.mod-header-3 .top_bar_item_list_item{
    min-height:42px!important;
  }

  #header.mod-header-3 .header_middle_content_searchbox form:focus-within{
    border-color:#135129!important;
    box-shadow:
      0 0 0 3px rgba(19,81,41,.14),
      0 5px 15px rgba(20,35,25,.07)!important;
  }

  #header.mod-header-3 .header_middle_content_searchbox_button_wrapper .btn{
    background:#135129!important;
  }

  #header.mod-header-3 .header_middle_content_searchbox_button_wrapper .btn:hover{
    background:#0d3d1e!important;
  }

  #header.mod-header-3 .header_middle_content_quick_cart_counter{
    background:#135129!important;
  }

  #header.mod-header-3 .header_middle_content_quick_cart_price{
    color:#135129!important;
  }

  /* Całe menu trochę bardziej kompaktowe */
  #header.mod-header-3 .menu-wrapper{
    padding-top:2px!important;
    padding-bottom:12px!important;
  }

  #header.mod-header-3 .header_inner_wrapper .menu{
    border-color:#e4e9e5!important;
    border-radius:14px!important;
    background:#fff!important;
    box-shadow:0 8px 24px rgba(20,61,32,.07)!important;
    overflow:visible!important;
  }

  /* Pierwszy rząd bez efektu tabeli */
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(-n+10){
    background:transparent!important;
    border-right:0!important;
    border-bottom:1px solid #edf1ee!important;
  }

  #header.mod-header-3 .golf-menu-expanded>li:nth-child(-n+10)>a,
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(-n+10)>span,
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(-n+10)>div>a,
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(-n+10)>div>span{
    width:calc(100% - 8px)!important;
    height:44px!important;
    min-height:44px!important;
    margin:5px 4px!important;
    padding-left:7px!important;
    padding-right:7px!important;
    border-radius:9px!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  #header.mod-header-3 .golf-menu-expanded>li:first-child{
    background:transparent!important;
  }

  #header.mod-header-3 .golf-menu-expanded>li:first-child>a{
    background:#eef5f0!important;
    color:#135129!important;
  }

  #header.mod-header-3 .golf-menu-expanded>li:nth-child(-n+10):hover>a,
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(-n+10):hover>span,
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(-n+10):hover>div>a,
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(-n+10):hover>div>span{
    background:#f0f6f2!important;
    color:#135129!important;
    box-shadow:none!important;
  }

  /* Drugi rząd jako jeden lekki pasek linków */
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(n+11):nth-child(-n+17){
    background:#fafcfa!important;
    border:0!important;
  }

  #header.mod-header-3 .golf-menu-expanded>li:nth-child(n+11):nth-child(-n+17)>a,
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(n+11):nth-child(-n+17)>span,
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(n+11):nth-child(-n+17)>div>a,
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(n+11):nth-child(-n+17)>div>span{
    width:calc(100% - 12px)!important;
    min-height:34px!important;
    height:34px!important;
    margin:3px 6px!important;
    padding:3px 8px!important;
    border-radius:8px!important;
    background:transparent!important;
    color:#566159!important;
    box-shadow:none!important;
  }

  #header.mod-header-3 .golf-menu-expanded>li:nth-child(n+11):nth-child(-n+17):hover>a,
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(n+11):nth-child(-n+17):hover>span,
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(n+11):nth-child(-n+17):hover>div>a,
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(n+11):nth-child(-n+17):hover>div>span{
    background:#edf5ef!important;
    color:#135129!important;
    box-shadow:none!important;
  }

  /* Usunięcie separatorów pomocniczego rzędu */
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(n+12):nth-child(-n+17)>a:before,
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(n+12):nth-child(-n+17)>span:before,
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(n+12):nth-child(-n+17)>div>a:before,
  #header.mod-header-3 .golf-menu-expanded>li:nth-child(n+12):nth-child(-n+17)>div>span:before{
    display:none!important;
    content:none!important;
  }

  /* Zielone akcenty rozwijanego menu */
  #header.mod-header-3 .header_inner_wrapper .menu ul.header_bottom_content_list li.full-width .dropdown{
    border-top-color:#135129!important;
  }

  #header.mod-header-3 .header_inner_wrapper .menu li .dropdown ul li a:hover,
  #header.mod-header-3 .header_inner_wrapper .menu li .dropdown .cat-title>a:hover{
    color:#135129!important;
  }
}

/* ==================================================
   NOWOCZESNY BOCZNY PANEL SOCIAL MEDIA
   ================================================== */
@media (min-width:641px){

  .sm-panel{
    position:fixed!important;
    top:50%!important;
    right:16px!important;
    width:48px!important;
    padding:6px!important;
    border:1px solid #e2e8e3!important;
    border-radius:15px!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 12px 30px rgba(20,49,29,.14)!important;
    transform:translateY(-50%)!important;
    visibility:visible!important;
    opacity:1!important;
    z-index:1000!important;
    box-sizing:border-box!important;
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
  }

  .sm-panel>ul{
    display:flex!important;
    flex-direction:column!important;
    gap:5px!important;
    margin:0!important;
    padding:0!important;
  }

  .sm-panel>ul>li,
  .sm-panel>ul>li:hover{
    width:36px!important;
    height:36px!important;
    margin:0!important;
    padding:0!important;
    border-radius:10px!important;
    background:transparent!important;
    transform:none!important;
    overflow:hidden!important;
    transition:background-color .2s ease,transform .2s ease!important;
  }

  .sm-panel>ul>li>a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:36px!important;
    height:36px!important;
    padding:0!important;
    border-radius:10px!important;
    background:#f4f7f4!important;
    color:#135129!important;
    box-sizing:border-box!important;
  }

  .sm-panel>ul>li>a>img{
    display:block!important;
    width:23px!important;
    height:23px!important;
    margin:0!important;
    object-fit:contain!important;
    filter:grayscale(1)!important;
    opacity:.72!important;
    transition:filter .2s ease,opacity .2s ease,transform .2s ease!important;
  }

  .sm-panel>ul>li>a>span{
    display:none!important;
  }

  .sm-panel>ul>li:hover{
    transform:translateY(-1px)!important;
  }

  .sm-panel>ul>li:hover>a{
    background:#edf4ef!important;
  }

  .sm-panel>ul>li:hover>a>img{
    filter:none!important;
    opacity:1!important;
    transform:scale(1.05)!important;
  }
}

/* ==================================================
   ETAP 2.5: POPRAWKA WARSTW MENU JĘZYKA / WALUTY
   Dropdowny górnego paska zawsze nad wyszukiwarką
   ================================================== */
@media (min-width:992px){

  /* Górny pasek tworzy najwyższą warstwę nagłówka */
  #header.mod-header-3 .top_bar{
    position:relative!important;
    z-index:300!important;
    overflow:visible!important;
  }

  #header.mod-header-3 .top_bar .top_bar_inner_wrapper,
  #header.mod-header-3 .top_bar .top_bar_item,
  #header.mod-header-3 .top_bar .top_bar_item_list_wrapper,
  #header.mod-header-3 .top_bar ul.top_bar_item_list{
    position:relative!important;
    overflow:visible!important;
  }

  /* Język, waluta i konto nad pozostałą częścią headera */
  #header.mod-header-3 .top_bar li.top_bar_item_list_item.language,
  #header.mod-header-3 .top_bar li.top_bar_item_list_item.currency,
  #header.mod-header-3 .top_bar li.top_bar_item_list_item.user-menu{
    position:relative!important;
    z-index:310!important;
  }

  #header.mod-header-3 .top_bar li.top_bar_item_list_item .dropdown,
  #header.mod-header-3 .top_bar li.top_bar_item_list_item:hover .dropdown{
    z-index:320!important;
  }

  /* Główna część nagłówka pozostaje pod dropdownami */
  #header.mod-header-3 .header_middle_content{
    position:relative!important;
    z-index:20!important;
  }

  #header.mod-header-3 .menu-wrapper{
    z-index:15!important;
  }

  /* Delikatne dopracowanie listy języków i walut */
  #header.mod-header-3 .top_bar li.top_bar_item_list_item .dropdown{
    min-width:135px!important;
    margin-top:0!important;
    border:1px solid #e1e8e3!important;
    border-radius:0 0 10px 10px!important;
    background:#fff!important;
    box-shadow:0 12px 28px rgba(20,49,29,.14)!important;
    overflow:hidden!important;
  }

  #header.mod-header-3 .top_bar li.top_bar_item_list_item .dropdown ul{
    margin:0!important;
    padding:6px!important;
  }

  #header.mod-header-3 .top_bar li.top_bar_item_list_item .dropdown ul li{
    margin:0!important;
    padding:0!important;
  }

  #header.mod-header-3 .top_bar li.top_bar_item_list_item .dropdown ul li a{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    min-height:34px!important;
    padding:7px 10px!important;
    border-radius:7px!important;
    color:#263129!important;
    font-size:13px!important;
    text-decoration:none!important;
    transition:background-color .18s ease,color .18s ease!important;
  }

  #header.mod-header-3 .top_bar li.top_bar_item_list_item .dropdown ul li a:hover{
    background:#eef5f0!important;
    color:#135129!important;
  }
}

/* ==================================================
   ETAP 2.6: NAPRAWA WARSTW WYSZUKIWARKI I KOSZYKA
   Wyniki oraz mini-koszyk zawsze nad menu głównym
   ================================================== */
@media (min-width:992px){

  /* Kolejność głównych sekcji nagłówka:
     1. pasek języka i waluty
     2. logo, wyszukiwarka i koszyk
     3. menu kategorii */
  #header.mod-header-3 .top_bar{
    position:relative!important;
    z-index:3000!important;
  }

  #header.mod-header-3 .header_middle_content{
    position:relative!important;
    z-index:2000!important;
    overflow:visible!important;
  }

  #header.mod-header-3 .header_middle_content .sky-container,
  #header.mod-header-3 .header_middle_content_inner_wrapper{
    position:relative!important;
    overflow:visible!important;
  }

  #header.mod-header-3 .menu-wrapper{
    position:relative!important;
    z-index:1000!important;
  }

  /* Wyniki wyszukiwania:
     pozycjonujemy zewnętrzny kontener, a nie samą tabelę */
  #header.mod-header-3 .header_middle_content_searchbox{
    position:relative!important;
    z-index:2200!important;
    overflow:visible!important;
  }

  #header.mod-header-3
  .header_middle_content_searchbox
  .search_dropdown_inner_wrapper{
    position:absolute!important;
    top:calc(100% + 8px)!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    z-index:2300!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  #header.mod-header-3
  .header_middle_content_searchbox
  .search_dropdown_inner_wrapper
  .search{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    width:100%!important;
    max-width:none!important;
    max-height:460px!important;
    margin:0!important;
    overflow-y:auto!important;
    background:#fff!important;
    border:1px solid #e1e8e3!important;
    border-radius:12px!important;
    box-shadow:0 16px 38px rgba(20,49,29,.18)!important;
    z-index:auto!important;
    box-sizing:border-box!important;
  }

  /* Koszyk i jego rozwijana zawartość */
  #header.mod-header-3 .header_middle_content_quick_cart_wrapper{
    position:relative!important;
    z-index:2200!important;
    overflow:visible!important;
  }

  #header.mod-header-3
  .header_middle_content_quick_cart_wrapper
  .dropdown-quick-cart{
    z-index:2300!important;
  }

  /* Elementy menu pozostają niżej od wyszukiwarki i koszyka */
  #header.mod-header-3 .menu-wrapper .menu,
  #header.mod-header-3 .menu-wrapper .header_bottom_content_list{
    z-index:auto!important;
  }
}
