/* Pan Kwiatek - nagłówek ecommerce [pan_kwiatek_header].
 * 0.4.22: zwarty układ desktop inspirowany ergonomią dużych sklepów ecommerce.
 */
.pk-site-header{
  --pk-header-green:#526b3f;
  --pk-header-green-dark:#405532;
  --pk-header-text:#171a16;
  --pk-header-muted:#6d736a;
  --pk-header-line:#e7e4dd;
  --pk-header-soft:#f6f7f4;
  position:relative!important;
  z-index:9990!important;
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-bottom:1px solid var(--pk-header-line)!important;
  border-radius:0!important;
  background:#fff!important;
  color:var(--pk-header-text)!important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  box-shadow:0 2px 10px rgba(25,31,23,.035)!important;
}
.pk-site-header *{box-sizing:border-box!important}
.pk-site-header a{text-decoration:none!important}

/* Pierwszy rząd: logo, wyszukiwarka, ikony, hurtownia. */
.pk-site-header__top{
  display:grid!important;
  grid-template-columns:205px minmax(360px,1fr) minmax(360px,auto) 118px!important;
  align-items:center!important;
  gap:20px!important;
  width:min(1480px,calc(100% - 48px))!important;
  min-height:92px!important;
  margin:0 auto!important;
  padding:12px 0!important;
}
.pk-site-header__brand{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
.pk-site-header__brand img{
  display:block!important;
  width:auto!important;
  max-width:190px!important;
  height:auto!important;
  max-height:62px!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
}

.pk-site-header__search{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
.pk-site-header__search .xboats-store-search-bar--shortcode{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:50px!important;
  min-height:50px!important;
  margin:0!important;
  padding:0 16px 0 19px!important;
  border:1px solid #d9ddd5!important;
  border-radius:12px!important;
  background:#f7f8f6!important;
  color:#697067!important;
  font:500 14px/1 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  text-align:left!important;
  box-shadow:none!important;
  appearance:none!important;
  cursor:text!important;
}
.pk-site-header__search .xboats-store-search-bar--shortcode:hover,
.pk-site-header__search .xboats-store-search-bar--shortcode:focus-visible{
  border-color:#a7b59c!important;
  background:#fff!important;
  outline:none!important;
  box-shadow:0 0 0 3px rgba(82,107,63,.08)!important;
}
.pk-site-header__search .xboats-store-search-bar--shortcode svg{
  display:block!important;
  width:22px!important;
  height:22px!important;
  color:#30372e!important;
  flex:0 0 22px!important;
}

/* Narzędzia po prawej - jeden równy poziomy rząd. */
.pk-site-header__tools{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(76px,1fr))!important;
  align-items:center!important;
  justify-content:end!important;
  gap:2px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
.pk-site-header__tool{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:58px!important;
  margin:0!important;
  padding:3px 4px!important;
  border:0!important;
  background:transparent!important;
  color:#2d332b!important;
}
.pk-site-header__tool .xboats-customer-icon,
.pk-site-header__tool .xboats-header-tool,
.pk-site-header__tool .xboats-header-tool__button,
.pk-site-header__tool .pan-kwiatek-cart-icon{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:38px!important;
  min-width:38px!important;
  height:35px!important;
  min-height:35px!important;
  margin:0 auto!important;
  padding:0!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#2d332b!important;
  box-shadow:none!important;
  appearance:none!important;
}
.pk-site-header__tool .xboats-header-tool{overflow:visible!important}
.pk-site-header__tool .xboats-header-tool__button{gap:0!important}
.pk-site-header__tool .xboats-header-tool__chevron{display:none!important}
.pk-site-header__tool .xboats-customer-icon svg,
.pk-site-header__tool .xboats-header-tool__button svg,
.pk-site-header__tool .pan-kwiatek-cart-icon svg{
  width:25px!important;
  height:25px!important;
  min-width:25px!important;
}
.pk-site-header__tool:hover .xboats-customer-icon,
.pk-site-header__tool:hover .xboats-header-tool__button,
.pk-site-header__tool:hover .pan-kwiatek-cart-icon{
  background:#f2f5ef!important;
  color:var(--pk-header-green)!important;
}
.pk-site-header__tool .xboats-customer-icon[data-tooltip]::before,
.pk-site-header__tool .xboats-customer-icon[data-tooltip]::after{display:none!important}
.pk-site-header__tool-label{
  display:block!important;
  width:100%!important;
  margin:1px 0 0!important;
  padding:0!important;
  overflow:hidden!important;
  color:#51584f!important;
  font:650 10.5px/1.15 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  text-align:center!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.pk-site-header__tool:hover .pk-site-header__tool-label{color:var(--pk-header-green)!important}

.pk-site-header__tool .xboats-customer-icon__count,
.pk-site-header__tool .pan-kwiatek-cart-icon__count{
  position:absolute!important;
  top:-5px!important;
  right:-7px!important;
  display:grid!important;
  place-items:center!important;
  min-width:17px!important;
  height:17px!important;
  padding:0 4px!important;
  border:2px solid #fff!important;
  border-radius:999px!important;
  background:var(--pk-header-green)!important;
  color:#fff!important;
  font:800 9px/1 Inter,system-ui,sans-serif!important;
}
.pk-site-header__tool .xboats-customer-icon__count[hidden],
.pk-site-header__tool .pan-kwiatek-cart-icon__count[hidden]{display:none!important}

.pk-site-header__wholesale{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:118px!important;
  min-width:118px!important;
  height:46px!important;
  min-height:46px!important;
  margin:0!important;
  padding:0 16px!important;
  border:1px solid var(--pk-header-green)!important;
  border-radius:10px!important;
  background:var(--pk-header-green)!important;
  color:#fff!important;
  font:800 13px/1 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  white-space:nowrap!important;
  box-shadow:none!important;
  transition:background-color .16s ease,border-color .16s ease!important;
}
.pk-site-header__wholesale:hover,
.pk-site-header__wholesale:focus-visible{
  border-color:var(--pk-header-green-dark)!important;
  background:var(--pk-header-green-dark)!important;
  outline:none!important;
}

/* Drugi rząd - cienki pasek kategorii jak w dużych sklepach ecommerce. */
.pk-site-header__nav-wrap{
  position:relative!important;
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border-top:1px solid var(--pk-header-line)!important;
  background:#fff!important;
}
.pk-site-header__nav{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:4px!important;
  width:min(1480px,calc(100% - 48px))!important;
  height:50px!important;
  min-height:50px!important;
  margin:0 auto!important;
  padding:0!important;
  overflow:visible!important;
}
.pk-site-header__nav-link,
.pk-site-header button.pk-site-header__nav-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  width:auto!important;
  min-width:0!important;
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:0 15px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#262b24!important;
  font:650 14px/1 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  text-decoration:none!important;
  text-transform:none!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  box-shadow:none!important;
  appearance:none!important;
  cursor:pointer!important;
}
.pk-site-header__nav-link svg{
  display:block!important;
  width:14px!important;
  height:14px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  transition:transform .15s ease!important;
}
.pk-site-header a.pk-site-header__nav-link:hover,
.pk-site-header a.pk-site-header__nav-link:focus-visible,
.pk-site-header__mega:hover>.pk-site-header__nav-link,
.pk-site-header__mega:focus-within>.pk-site-header__nav-link{
  background:#f1f4ee!important;
  color:var(--pk-header-green)!important;
  outline:none!important;
}
.pk-site-header__nav-link.is-pending{
  color:#262b24!important;
  cursor:default!important;
}
.pk-site-header__nav-link.is-pending:hover{background:transparent!important;color:#262b24!important}

/* Mega menu rozciągnięte pod całym paskiem, a nie surowy dropdown. */
.pk-site-header__mega{
  position:static!important;
  display:flex!important;
  align-items:center!important;
  align-self:stretch!important;
  margin:0!important;
  padding:0!important;
}
.pk-site-header__mega:hover>.pk-site-header__nav-link svg,
.pk-site-header__mega:focus-within>.pk-site-header__nav-link svg{transform:rotate(180deg)!important}
.pk-site-header__mega-panel{
  position:absolute!important;
  top:100%!important;
  left:50%!important;
  z-index:9999!important;
  display:block!important;
  width:min(1180px,calc(100vw - 56px))!important;
  max-height:540px!important;
  margin:0!important;
  padding:22px 26px 26px!important;
  overflow:auto!important;
  border:1px solid #dedbd4!important;
  border-top:0!important;
  border-radius:0 0 14px 14px!important;
  background:#fff!important;
  color:var(--pk-header-text)!important;
  box-shadow:0 20px 45px rgba(33,38,30,.13)!important;
  opacity:0!important;
  pointer-events:none!important;
  transform:translate(-50%,-8px)!important;
  visibility:hidden!important;
  transition:opacity .14s ease,transform .14s ease,visibility .14s ease!important;
}
.pk-site-header__mega:hover .pk-site-header__mega-panel,
.pk-site-header__mega:focus-within .pk-site-header__mega-panel{
  opacity:1!important;
  pointer-events:auto!important;
  transform:translate(-50%,0)!important;
  visibility:visible!important;
}
.pk-site-header__mega-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  margin:0 0 16px!important;
  padding:0 0 14px!important;
  border-bottom:1px solid var(--pk-header-line)!important;
}
.pk-site-header__mega-head>div{display:grid!important;gap:3px!important}
.pk-site-header__mega-head strong{
  margin:0!important;
  color:#1d211c!important;
  font:800 18px/1.2 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.pk-site-header__mega-head span:not(.pk-site-header__az){
  color:var(--pk-header-muted)!important;
  font:500 12px/1.3 Inter,system-ui,sans-serif!important;
}
.pk-site-header__az{
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  height:38px!important;
  border-radius:9px!important;
  background:#eef3e9!important;
  color:var(--pk-header-green)!important;
  font:850 11px/1 Inter,system-ui,sans-serif!important;
}
.pk-site-header__mega-list{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:1px 22px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  columns:auto!important;
}
.pk-site-header__mega-list a,
.pk-site-header__mega-list>span{
  display:flex!important;
  align-items:center!important;
  min-height:35px!important;
  margin:0!important;
  padding:7px 9px!important;
  border-radius:7px!important;
  background:transparent!important;
  color:#30342e!important;
  font:600 13px/1.25 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  text-decoration:none!important;
  break-inside:auto!important;
}
.pk-site-header__mega-list a:hover,
.pk-site-header__mega-list a:focus-visible{
  background:#f1f4ee!important;
  color:var(--pk-header-green)!important;
  outline:none!important;
}
.pk-site-header__mega-list>span{color:#959990!important}

/* Dropdown konta musi być ponad nagłówkiem. */
.pk-site-header .xboats-header-dropdown{z-index:10020!important}

@media(max-width:1320px){
  .pk-site-header__top{
    grid-template-columns:170px minmax(300px,1fr) minmax(310px,auto) 104px!important;
    gap:12px!important;
    width:calc(100% - 32px)!important;
  }
  .pk-site-header__brand img{max-width:158px!important;max-height:54px!important}
  .pk-site-header__tools{grid-template-columns:repeat(4,minmax(68px,1fr))!important}
  .pk-site-header__tool-label{font-size:9.5px!important}
  .pk-site-header__wholesale{width:104px!important;min-width:104px!important;padding:0 12px!important}
  .pk-site-header__nav{width:calc(100% - 32px)!important}
  .pk-site-header__nav-link,.pk-site-header button.pk-site-header__nav-link{padding:0 11px!important;font-size:13px!important}
  .pk-site-header__mega-panel{width:min(1080px,calc(100vw - 36px))!important}
}

/* Tablet - jeszcze bez finalnego menu mobilnego, ale układ pozostaje schludny. */
@media(max-width:1020px){
  .pk-site-header__top{
    grid-template-columns:145px minmax(0,1fr) auto!important;
    grid-template-areas:"brand search tools" "wholesale wholesale wholesale"!important;
    gap:9px 12px!important;
    min-height:auto!important;
    padding:10px 0!important;
  }
  .pk-site-header__brand{grid-area:brand!important}
  .pk-site-header__search{grid-area:search!important}
  .pk-site-header__tools{grid-area:tools!important;display:flex!important;width:auto!important}
  .pk-site-header__wholesale{grid-area:wholesale!important;width:100%!important;min-width:0!important;height:40px!important;min-height:40px!important}
  .pk-site-header__tool{width:42px!important;min-width:42px!important;padding:0!important}
  .pk-site-header__tool-label{display:none!important}
  .pk-site-header__nav-wrap{display:none!important}
}

@media(max-width:680px){
  .pk-site-header__top{
    grid-template-columns:minmax(108px,1fr) auto!important;
    grid-template-areas:"brand tools" "search search"!important;
    width:calc(100% - 20px)!important;
    gap:7px 8px!important;
  }
  .pk-site-header__brand img{max-width:128px!important;max-height:44px!important}
  .pk-site-header__search .xboats-store-search-bar--shortcode{height:44px!important;min-height:44px!important;border-radius:10px!important}
  .pk-site-header__wholesale{display:none!important}
  .pk-site-header__tool{width:38px!important;min-width:38px!important}
  .pk-site-header__tool--recent{display:none!important}
  .pk-site-header__tool .xboats-customer-icon,
  .pk-site-header__tool .xboats-header-tool__button,
  .pk-site-header__tool .pan-kwiatek-cart-icon{width:35px!important;min-width:35px!important;height:35px!important}
}


/* 0.4.23 - szerokie menu konta Pan Kwiatek, bez niebieskiego popupu. */
.pk-site-header__account-trigger{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:38px!important;
  min-width:38px!important;
  height:35px!important;
  min-height:35px!important;
  margin:0 auto!important;
  padding:0!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#2d332b!important;
  box-shadow:none!important;
  appearance:none!important;
  cursor:pointer!important;
}
.pk-site-header__account-trigger svg{
  display:block!important;
  width:25px!important;
  height:25px!important;
  min-width:25px!important;
  stroke:currentColor!important;
}
.pk-site-header__tool--account:hover .pk-site-header__account-trigger,
.pk-site-header__account-trigger:hover,
.pk-site-header__account-trigger:focus-visible,
.pk-site-header.is-account-open .pk-site-header__account-trigger{
  background:#f2f5ef!important;
  color:var(--pk-header-green)!important;
  outline:none!important;
}

.pk-site-account-panel[hidden]{display:none!important}
.pk-site-account-panel{
  position:absolute!important;
  top:calc(100% + 30px)!important;
  left:50%!important;
  z-index:10030!important;
  display:block!important;
  width:min(1900px,calc(100vw - 88px))!important;
  margin:0!important;
  padding:28px 34px 30px!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  color:#20251f!important;
  box-shadow:0 18px 45px rgba(30,36,27,.10)!important;
  transform:translateX(-50%)!important;
}
.pk-site-account-panel__grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:34px!important;
  width:100%!important;
}
.pk-site-account-panel__group{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
.pk-site-account-panel__title{
  display:block!important;
  margin:0 0 10px!important;
  padding:0 0 10px!important;
  border-bottom:1px solid #ece9e2!important;
  color:#171a16!important;
  font:800 14px/1.2 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.pk-site-account-panel__links{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:2px!important;
}
.pk-site-account-panel__link{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-height:46px!important;
  margin:0!important;
  padding:9px 10px!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#2b3029!important;
  font:650 14px/1.25 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
.pk-site-account-panel__link:hover,
.pk-site-account-panel__link:focus-visible{
  background:#f2f5ef!important;
  color:var(--pk-header-green-dark)!important;
  outline:none!important;
}
.pk-site-account-panel__link-icon{
  display:grid!important;
  place-items:center!important;
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
  border-radius:9px!important;
  background:#eef3e9!important;
  color:var(--pk-header-green)!important;
}
.pk-site-account-panel__link-icon svg{
  display:block!important;
  width:19px!important;
  height:19px!important;
  stroke:currentColor!important;
}
.pk-site-account-panel__link.is-logout{
  color:#53594f!important;
}
.pk-site-account-panel__link.is-logout .pk-site-account-panel__link-icon{
  background:#f5f3ef!important;
  color:#656b62!important;
}
.pk-site-account-panel__guest{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:32px!important;
}
.pk-site-account-panel__guest>div:first-child{
  display:grid!important;
  gap:5px!important;
}
.pk-site-account-panel__eyebrow{
  color:var(--pk-header-green)!important;
  font:800 11px/1 Inter,system-ui,sans-serif!important;
  text-transform:uppercase!important;
  letter-spacing:.07em!important;
}
.pk-site-account-panel__guest strong{
  color:#171a16!important;
  font:800 20px/1.2 Inter,system-ui,sans-serif!important;
}
.pk-site-account-panel__guest p{
  margin:0!important;
  color:#6d736a!important;
  font:500 13px/1.45 Inter,system-ui,sans-serif!important;
}
.pk-site-account-panel__guest-actions{
  display:flex!important;
  gap:10px!important;
}
.pk-site-account-panel__guest-actions a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  padding:0 18px!important;
  border:1px solid #d9ddd5!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#2b3029!important;
  font:750 13px/1 Inter,system-ui,sans-serif!important;
  text-decoration:none!important;
}
.pk-site-account-panel__guest-actions a.is-primary{
  border-color:var(--pk-header-green)!important;
  background:var(--pk-header-green)!important;
  color:#fff!important;
}

/* Stary dropdown konta nie jest używany wewnątrz nowego pełnego nagłówka. */
.pk-site-header .pk-site-header__tool--account .xboats-header-dropdown{display:none!important}

@media(max-width:1020px){
  .pk-site-account-panel{
    top:calc(100% + 16px)!important;
    width:calc(100vw - 32px)!important;
    padding:22px!important;
  }
  .pk-site-account-panel__grid{grid-template-columns:1fr 1fr!important;gap:24px!important}
}
@media(max-width:680px){
  .pk-site-account-panel{
    position:fixed!important;
    top:auto!important;
    right:12px!important;
    bottom:12px!important;
    left:12px!important;
    width:auto!important;
    max-height:calc(100vh - 24px)!important;
    padding:18px!important;
    overflow:auto!important;
    transform:none!important;
    border-radius:14px!important;
  }
  .pk-site-account-panel__grid{grid-template-columns:1fr!important;gap:18px!important}
  .pk-site-account-panel__guest{grid-template-columns:1fr!important;gap:18px!important}
  .pk-site-account-panel__guest-actions{display:grid!important;grid-template-columns:1fr!important}
}


/* 0.4.24 - pełno-szerokie mega menu, kompaktowe ikony i konto na hover. */
@media(min-width:1021px){
  .pk-site-header__top{
    grid-template-columns:220px minmax(400px,1fr) auto 118px!important;
    gap:16px!important;
  }
  .pk-site-header__tools{
    display:flex!important;
    grid-template-columns:none!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:5px!important;
    width:auto!important;
  }
  .pk-site-header__tool{
    width:72px!important;
    min-width:72px!important;
    padding:3px 2px!important;
  }
  .pk-site-header__tool-label{
    max-width:72px!important;
    font-size:10px!important;
  }
}

/* Mega menu jak część nagłówka: pełna szerokość, bez ramki, bez kresek. */
.pk-site-header__mega-panel{
  left:50%!important;
  width:100vw!important;
  max-width:100vw!important;
  padding:24px max(32px,calc((100vw - 1480px)/2 + 24px)) 30px!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:0 18px 35px rgba(31,36,29,.10)!important;
}
.pk-site-header__mega-head{
  margin:0 0 12px!important;
  padding:0!important;
  border:0!important;
}
.pk-site-header__mega-head strong{font-size:18px!important}
.pk-site-header__mega-head span{font-size:12px!important}
.pk-site-header__az{display:none!important}
.pk-site-header__mega-list{
  gap:2px 34px!important;
}
.pk-site-header__mega-list a,
.pk-site-header__mega-list>span{
  min-height:34px!important;
  padding:6px 8px!important;
  border:0!important;
  border-radius:7px!important;
}

/* Konto - mały panel pod ikoną, otwierany hoverem jak klasyczny sklepowy dropdown. */
.pk-site-header__tool--account{overflow:visible!important}
.pk-site-account-panel{
  position:absolute!important;
  top:calc(100% + 6px)!important;
  left:auto!important;
  right:-30px!important;
  z-index:10040!important;
  width:310px!important;
  max-width:calc(100vw - 24px)!important;
  margin:0!important;
  padding:12px!important;
  border:0!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#20251f!important;
  box-shadow:0 18px 42px rgba(31,36,29,.16)!important;
  transform:none!important;
}
.pk-site-account-panel::before{
  position:absolute!important;
  top:-10px!important;
  right:28px!important;
  width:120px!important;
  height:14px!important;
  content:""!important;
}
.pk-site-account-panel__compact{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:1px!important;
}
.pk-site-account-panel__grid{display:block!important}
.pk-site-account-panel__group{display:contents!important}
.pk-site-account-panel__title{display:none!important}
.pk-site-account-panel__links{display:contents!important}
.pk-site-account-panel__link{
  min-height:43px!important;
  gap:10px!important;
  padding:7px 9px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#2a3028!important;
  font-size:13.5px!important;
}
.pk-site-account-panel__link:hover,
.pk-site-account-panel__link:focus-visible{
  background:#f1f4ee!important;
  color:#405532!important;
}
.pk-site-account-panel__link-icon{
  width:32px!important;
  height:32px!important;
  flex-basis:32px!important;
  border-radius:8px!important;
  background:#f1f4ee!important;
  color:#526b3f!important;
}
.pk-site-account-panel__link-icon svg{width:18px!important;height:18px!important}
.pk-site-account-panel__link.is-logout{
  margin-top:5px!important;
  padding-top:9px!important;
  border-top:1px solid #eeeae3!important;
  border-radius:0 0 8px 8px!important;
}

/* Gość - kompaktowy panel logowania w tym samym miejscu. */
.pk-site-account-panel__guest{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:14px!important;
}
.pk-site-account-panel__guest strong{font-size:17px!important}
.pk-site-account-panel__guest-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
.pk-site-account-panel__guest-actions a{width:100%!important}

@media(max-width:1320px) and (min-width:1021px){
  .pk-site-header__top{
    grid-template-columns:178px minmax(300px,1fr) auto 104px!important;
    gap:10px!important;
  }
  .pk-site-header__tool{width:65px!important;min-width:65px!important}
  .pk-site-header__tool-label{max-width:65px!important;font-size:9.2px!important}
  .pk-site-header__mega-panel{
    padding-left:24px!important;
    padding-right:24px!important;
  }
}


/* 0.4.25 - full bleed jak duży sklep ecommerce: bez ramki Kadence, bez kresek,
 * treść od jednej osi z zawartością strony i pełno-szerokie mega menu. */
.pk-site-header{
  width:100vw!important;
  max-width:none!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
  overflow:visible!important;
}

/* Kadence może opakować shortcode w wąski kontener. Header świadomie wychodzi poza niego. */
.header-html-inner:has(> .pk-site-header),
.header-html:has(.pk-site-header),
.site-header-item:has(.pk-site-header){
  overflow:visible!important;
}

.pk-site-header__nav-wrap{
  border:0!important;
  border-top:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
}

@media(min-width:1321px){
  .pk-site-header__top{
    grid-template-columns:220px minmax(430px,760px) minmax(300px,1fr) 118px!important;
    width:min(1920px,calc(100vw - 96px))!important;
    max-width:none!important;
    gap:18px!important;
  }
  .pk-site-header__nav{
    width:min(1920px,calc(100vw - 96px))!important;
    max-width:none!important;
  }
}

@media(max-width:1320px) and (min-width:1021px){
  .pk-site-header__top,
  .pk-site-header__nav{
    width:calc(100vw - 64px)!important;
    max-width:none!important;
  }
}

/* Nawigacja jak w klasycznym dużym ecommerce - sam tekst, bez zielonych pigułek. */
.pk-site-header__nav-link,
.pk-site-header button.pk-site-header__nav-link{
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.pk-site-header a.pk-site-header__nav-link:hover,
.pk-site-header a.pk-site-header__nav-link:focus-visible,
.pk-site-header__mega:hover>.pk-site-header__nav-link,
.pk-site-header__mega:focus-within>.pk-site-header__nav-link{
  background:transparent!important;
  color:var(--pk-header-green)!important;
}

/* Mega menu nie ma własnej ramki. Białe tło idzie od krawędzi do krawędzi,
 * a właściwa zawartość zaczyna się na tej samej osi co strona. */
.pk-site-header__mega-panel{
  left:50%!important;
  width:100vw!important;
  max-width:100vw!important;
  margin:0!important;
  padding:26px max(48px,calc((100vw - 1920px)/2 + 48px)) 32px!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:0 14px 24px rgba(31,36,29,.07)!important;
}
.pk-site-header__mega-head{
  margin:0 0 14px!important;
  padding:0!important;
  border:0!important;
}
.pk-site-header__mega-list{
  gap:2px 40px!important;
}
.pk-site-header__mega-list a,
.pk-site-header__mega-list>span{
  padding-left:0!important;
  padding-right:8px!important;
  border:0!important;
  border-radius:0!important;
}
.pk-site-header__mega-list a:hover,
.pk-site-header__mega-list a:focus-visible{
  background:transparent!important;
  color:var(--pk-header-green)!important;
}

/* Usunięcie pustych marginesów generowanych przez blok HTML Kadence. */
.header-html-inner > p:empty,
.header-html-inner > p:has(+ .pk-site-header),
.header-html-inner > .pk-site-header + p:empty{
  display:none!important;
  margin:0!important;
  padding:0!important;
}


/* 0.4.26 - finalne proporcje topbara: dłuższa wyszukiwarka, ikony bliżej niej,
 * szerszy przycisk Hurtownia. */
@media(min-width:1321px){
  .pk-site-header__top{
    grid-template-columns:250px minmax(560px,1fr) auto 150px!important;
    gap:16px!important;
  }
  .pk-site-header__tools{
    width:auto!important;
    min-width:max-content!important;
    justify-content:flex-start!important;
    gap:2px!important;
  }
  .pk-site-header__tool{
    width:70px!important;
    min-width:70px!important;
  }
  .pk-site-header__tool-label{
    max-width:70px!important;
  }
  .pk-site-header__wholesale{
    width:150px!important;
    min-width:150px!important;
    padding-left:20px!important;
    padding-right:20px!important;
  }
}

@media(max-width:1320px) and (min-width:1021px){
  .pk-site-header__top{
    grid-template-columns:180px minmax(360px,1fr) auto 126px!important;
    gap:10px!important;
  }
  .pk-site-header__tools{
    width:auto!important;
    min-width:max-content!important;
    justify-content:flex-start!important;
    gap:1px!important;
  }
  .pk-site-header__tool{
    width:62px!important;
    min-width:62px!important;
  }
  .pk-site-header__tool-label{
    max-width:62px!important;
  }
  .pk-site-header__wholesale{
    width:126px!important;
    min-width:126px!important;
  }
}


/* 0.4.27 - akcent nagłówka: Ostatnie sztuki. */
.pk-site-header__nav-link.is-last-chance,
.pk-site-header a.pk-site-header__nav-link.is-last-chance,
.pk-site-header span.pk-site-header__nav-link.is-last-chance{
  color:#B50067!important;
}
.pk-site-header a.pk-site-header__nav-link.is-last-chance:hover,
.pk-site-header a.pk-site-header__nav-link.is-last-chance:focus-visible{
  color:#8f0052!important;
}

/* =========================================================
 * 0.4.38 - RESPONSYWNY SYSTEM NAGŁÓWKA PAN KWIATEK
 * Jedna estetyczna geometria na dużym desktopie, laptopie,
 * tablecie i telefonie. Te reguły są finalnym override'em.
 * ======================================================= */
.pk-site-header{
  --pk-header-max:1600px;
  --pk-header-pad:48px;
  overflow:visible!important;
}

.pk-site-header__mobile-toggle,
.pk-site-mobile-menu{display:none!important}

@media(min-width:1400px){
  .pk-site-header__top,
  .pk-site-header__nav{
    width:min(var(--pk-header-max),calc(100vw - 96px))!important;
    max-width:var(--pk-header-max)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .pk-site-header__top{
    grid-template-columns:230px minmax(520px,1fr) 288px 150px!important;
    gap:16px!important;
    min-height:94px!important;
    padding:12px 0!important;
  }
  .pk-site-header__brand img{
    max-width:210px!important;
    max-height:64px!important;
  }
  .pk-site-header__search .xboats-store-search-bar--shortcode{
    height:52px!important;
    min-height:52px!important;
    font-size:15px!important;
  }
  .pk-site-header__tools{
    width:288px!important;
    min-width:288px!important;
    justify-content:space-between!important;
    gap:0!important;
  }
  .pk-site-header__tool{
    width:68px!important;
    min-width:68px!important;
  }
  .pk-site-header__tool-label{
    max-width:68px!important;
    font-size:10px!important;
  }
  .pk-site-header__wholesale{
    width:150px!important;
    min-width:150px!important;
  }
  .pk-site-header__nav{
    gap:10px!important;
    height:52px!important;
  }
  .pk-site-header__nav-link,
  .pk-site-header button.pk-site-header__nav-link{
    padding:0 12px!important;
    font-size:14px!important;
  }
  .pk-site-header__mega-panel{
    padding-left:max(48px,calc((100vw - var(--pk-header-max))/2))!important;
    padding-right:max(48px,calc((100vw - var(--pk-header-max))/2))!important;
  }
}

@media(min-width:1101px) and (max-width:1399px){
  .pk-site-header__top,
  .pk-site-header__nav{
    width:calc(100vw - 48px)!important;
    max-width:1360px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .pk-site-header__top{
    grid-template-columns:190px minmax(340px,1fr) 260px 124px!important;
    gap:12px!important;
    min-height:88px!important;
    padding:10px 0!important;
  }
  .pk-site-header__brand img{
    max-width:176px!important;
    max-height:56px!important;
  }
  .pk-site-header__search .xboats-store-search-bar--shortcode{
    height:48px!important;
    min-height:48px!important;
  }
  .pk-site-header__tools{
    width:260px!important;
    min-width:260px!important;
    justify-content:space-between!important;
    gap:0!important;
  }
  .pk-site-header__tool{
    width:61px!important;
    min-width:61px!important;
  }
  .pk-site-header__tool-label{
    max-width:61px!important;
    font-size:9.2px!important;
  }
  .pk-site-header__wholesale{
    width:124px!important;
    min-width:124px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0 12px!important;
  }
  .pk-site-header__nav{
    gap:3px!important;
    height:50px!important;
  }
  .pk-site-header__nav-link,
  .pk-site-header button.pk-site-header__nav-link{
    padding:0 10px!important;
    font-size:13px!important;
  }
  .pk-site-header__mega-panel{
    padding-left:24px!important;
    padding-right:24px!important;
  }
}

/* Tablet + telefon: nie ściskamy desktopu, tylko osobny układ. */
@media(max-width:1100px){
  .pk-site-header{
    --pk-mobile-pad:16px;
  }
  .pk-site-header__top{
    display:grid!important;
    grid-template-columns:42px minmax(120px,1fr) auto!important;
    grid-template-areas:
      "menu brand tools"
      "search search search"!important;
    align-items:center!important;
    gap:8px 10px!important;
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    margin:0!important;
    padding:10px var(--pk-mobile-pad) 11px!important;
  }
  .pk-site-header__mobile-toggle{
    grid-area:menu!important;
    display:grid!important;
    place-content:center!important;
    gap:4px!important;
    width:42px!important;
    height:42px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #e4e2dc!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#2e342c!important;
    box-shadow:none!important;
    appearance:none!important;
  }
  .pk-site-header__mobile-toggle span{
    display:block!important;
    width:18px!important;
    height:2px!important;
    border-radius:999px!important;
    background:currentColor!important;
    transition:transform .18s ease,opacity .18s ease!important;
  }
  .pk-site-header.is-mobile-menu-open .pk-site-header__mobile-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)!important}
  .pk-site-header.is-mobile-menu-open .pk-site-header__mobile-toggle span:nth-child(2){opacity:0!important}
  .pk-site-header.is-mobile-menu-open .pk-site-header__mobile-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)!important}
  .pk-site-header__brand{
    grid-area:brand!important;
    justify-content:flex-start!important;
  }
  .pk-site-header__brand img{
    max-width:165px!important;
    max-height:48px!important;
  }
  .pk-site-header__search{
    grid-area:search!important;
    width:100%!important;
  }
  .pk-site-header__search .xboats-store-search-bar--shortcode{
    height:46px!important;
    min-height:46px!important;
    border-radius:11px!important;
    font-size:14px!important;
  }
  .pk-site-header__tools{
    grid-area:tools!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    width:auto!important;
    min-width:0!important;
    gap:2px!important;
  }
  .pk-site-header__tool{
    width:40px!important;
    min-width:40px!important;
    min-height:42px!important;
    padding:0!important;
  }
  .pk-site-header__tool--recent{display:none!important}
  .pk-site-header__tool-label{display:none!important}
  .pk-site-header__tool .xboats-customer-icon,
  .pk-site-header__tool .xboats-header-tool,
  .pk-site-header__tool .xboats-header-tool__button,
  .pk-site-header__tool .pan-kwiatek-cart-icon,
  .pk-site-header__account-trigger{
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    margin:0!important;
  }
  .pk-site-header__tool .xboats-customer-icon svg,
  .pk-site-header__tool .xboats-header-tool__button svg,
  .pk-site-header__tool .pan-kwiatek-cart-icon svg,
  .pk-site-header__account-trigger svg{
    width:23px!important;
    height:23px!important;
  }
  .pk-site-header__wholesale,
  .pk-site-header__nav-wrap{display:none!important}

  .pk-site-mobile-menu[hidden]{display:none!important}
  .pk-site-mobile-menu{
    position:absolute!important;
    top:100%!important;
    left:0!important;
    z-index:10025!important;
    display:block!important;
    width:100vw!important;
    max-height:calc(100vh - 116px)!important;
    margin:0!important;
    padding:0!important;
    overflow:auto!important;
    background:#fff!important;
    box-shadow:0 18px 40px rgba(31,36,29,.14)!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .pk-site-mobile-menu__nav{
    display:grid!important;
    gap:0!important;
    width:100%!important;
    margin:0!important;
    padding:8px var(--pk-mobile-pad) 20px!important;
  }
  .pk-site-mobile-menu__link,
  .pk-site-mobile-menu__flowers>summary{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    min-height:50px!important;
    margin:0!important;
    padding:0 4px!important;
    border:0!important;
    border-bottom:1px solid #efede7!important;
    background:#fff!important;
    color:#222720!important;
    font:700 15px/1.2 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    text-decoration:none!important;
    list-style:none!important;
  }
  .pk-site-mobile-menu__flowers>summary::-webkit-details-marker{display:none!important}
  .pk-site-mobile-menu__flowers>summary svg{
    width:18px!important;
    height:18px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
    transition:transform .18s ease!important;
  }
  .pk-site-mobile-menu__flowers[open]>summary svg{transform:rotate(180deg)!important}
  .pk-site-mobile-menu__flower-list{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0 16px!important;
    padding:8px 0 14px!important;
  }
  .pk-site-mobile-menu__flower-list a{
    display:flex!important;
    align-items:center!important;
    min-height:40px!important;
    padding:5px 4px!important;
    color:#4a5047!important;
    font:600 13px/1.2 Inter,system-ui,sans-serif!important;
    text-decoration:none!important;
  }
  .pk-site-mobile-menu__link.is-last-chance{color:#B50067!important}
  .pk-site-mobile-menu__link.is-pending{color:#30352e!important}
  .pk-site-mobile-menu__secondary{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    padding:16px 0 8px!important;
  }
  .pk-site-mobile-menu__secondary a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:44px!important;
    padding:8px 10px!important;
    border-radius:10px!important;
    background:#f3f5f1!important;
    color:#405532!important;
    font:700 12px/1.2 Inter,system-ui,sans-serif!important;
    text-decoration:none!important;
    text-align:center!important;
  }
  .pk-site-mobile-menu__wholesale{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:48px!important;
    margin-top:8px!important;
    border-radius:10px!important;
    background:#526b3f!important;
    color:#fff!important;
    font:800 14px/1 Inter,system-ui,sans-serif!important;
    text-decoration:none!important;
  }
  html.pk-mobile-menu-open{overflow:hidden!important}

  /* Konto na urządzeniach dotykowych jako czytelny panel, nie wiszący desktopowy dropdown. */
  .pk-site-account-panel{
    position:fixed!important;
    top:auto!important;
    right:12px!important;
    bottom:12px!important;
    left:12px!important;
    width:auto!important;
    max-width:none!important;
    max-height:calc(100vh - 24px)!important;
    padding:12px!important;
    overflow:auto!important;
    border-radius:14px!important;
    transform:none!important;
  }
}

@media(max-width:520px){
  .pk-site-header{--pk-mobile-pad:10px}
  .pk-site-header__top{
    grid-template-columns:40px minmax(105px,1fr) auto!important;
    gap:7px 6px!important;
    padding-top:8px!important;
    padding-bottom:9px!important;
  }
  .pk-site-header__mobile-toggle{
    width:40px!important;
    height:40px!important;
  }
  .pk-site-header__brand img{
    max-width:138px!important;
    max-height:43px!important;
  }
  .pk-site-header__tools{gap:0!important}
  .pk-site-header__tool{
    width:36px!important;
    min-width:36px!important;
  }
  .pk-site-header__tool .xboats-customer-icon,
  .pk-site-header__tool .xboats-header-tool,
  .pk-site-header__tool .xboats-header-tool__button,
  .pk-site-header__tool .pan-kwiatek-cart-icon,
  .pk-site-header__account-trigger{
    width:35px!important;
    min-width:35px!important;
    height:35px!important;
    min-height:35px!important;
  }
  .pk-site-header__search .xboats-store-search-bar--shortcode{
    height:44px!important;
    min-height:44px!important;
    padding-left:14px!important;
    padding-right:13px!important;
  }
  .pk-site-mobile-menu__flower-list{grid-template-columns:1fr 1fr!important;gap:0 10px!important}
}

/* 0.4.45 - wyszukiwarka w nagłówku wykorzystuje całą dostępną kolumnę.
 * Usuwa stare ograniczenie 510 px z shortcode wyszukiwarki. */
@media(min-width:1101px){
  .pk-site-header__search{
    min-width:0!important;
    width:100%!important;
  }
  .pk-site-header__search .xboats-store-search-bar--shortcode{
    display:flex!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    flex:1 1 auto!important;
  }
}


/* 0.4.46 - mobile: działający hamburger dla każdej instancji nagłówka + Ostatnio oglądane. */
@media(max-width:1100px){
  .pk-site-header__tool--recent{display:flex!important}
  .pk-site-header__tools{gap:0!important}
  .pk-site-header__tool{
    width:36px!important;
    min-width:36px!important;
  }
}

@media(max-width:520px){
  .pk-site-header__top{
    grid-template-columns:40px minmax(112px,1fr) auto!important;
  }
  .pk-site-header__brand img{
    max-width:132px!important;
    max-height:42px!important;
  }
  .pk-site-header__tool{
    width:34px!important;
    min-width:34px!important;
  }
  .pk-site-header__tool .xboats-customer-icon,
  .pk-site-header__tool .xboats-header-tool,
  .pk-site-header__tool .xboats-header-tool__button,
  .pk-site-header__tool .pan-kwiatek-cart-icon,
  .pk-site-header__account-trigger{
    width:33px!important;
    min-width:33px!important;
    height:35px!important;
    min-height:35px!important;
  }
  .pk-site-header__tool .xboats-customer-icon svg,
  .pk-site-header__tool .xboats-header-tool__button svg,
  .pk-site-header__tool .pan-kwiatek-cart-icon svg,
  .pk-site-header__account-trigger svg{
    width:21px!important;
    height:21px!important;
  }
}

@media(max-width:380px){
  .pk-site-header{--pk-mobile-pad:8px}
  .pk-site-header__top{
    grid-template-columns:36px minmax(96px,1fr) auto!important;
    gap:6px 4px!important;
  }
  .pk-site-header__mobile-toggle{
    width:36px!important;
    height:36px!important;
  }
  .pk-site-header__brand img{
    max-width:116px!important;
    max-height:38px!important;
  }
  .pk-site-header__tool{
    width:31px!important;
    min-width:31px!important;
  }
  .pk-site-header__tool .xboats-customer-icon,
  .pk-site-header__tool .xboats-header-tool,
  .pk-site-header__tool .xboats-header-tool__button,
  .pk-site-header__tool .pan-kwiatek-cart-icon,
  .pk-site-header__account-trigger{
    width:30px!important;
    min-width:30px!important;
    height:32px!important;
    min-height:32px!important;
  }
}
