:root{
  --hx-layout-orange:#ff7a24;
  --hx-layout-navy:#172033;
  --hx-layout-nav:#f3f5f7;
  --hx-layout-footer:#111318;
}

/* ===== JEDEN HEADER NA CAŁYM SKLEPIE ===== */
.hx-site-header{
  position:sticky!important;
  top:0!important;
  z-index:9990!important;
  width:100%!important;
  max-width:none!important;
  background:#fff!important;
  color:var(--hx-layout-navy)!important;
  border-bottom:1px solid #e4e8ee!important;
  box-shadow:0 5px 20px rgba(28,39,55,.07)!important;
  transform:translateZ(0);
}
.hx-site-header *{box-sizing:border-box}
.hx-site-header-inner{
  max-width:1600px!important;
  min-height:92px!important;
  margin:0 auto!important;
  padding:10px 24px!important;
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
}
.hx-brand-lockup{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  flex:0 0 auto!important;
  line-height:1!important;
  text-decoration:none!important;
}
.hx-brand-lockup>img{
  display:block!important;
  width:72px!important;
  height:66px!important;
  object-fit:contain!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
.hx-brand-wordmark{
  display:inline-flex!important;
  align-items:baseline!important;
  color:#151c28!important;
  font-size:29px!important;
  font-weight:950!important;
  letter-spacing:-1.35px!important;
  white-space:nowrap!important;
}
.hx-brand-expert{color:var(--hx-layout-orange)!important}
.hx-main-nav{
  display:flex!important;
  align-items:center!important;
  gap:1px!important;
  margin:0 0 0 10px!important;
  padding:3px 9px!important;
  background:var(--hx-layout-nav)!important;
  border:1px solid #dfe4eb!important;
  border-radius:999px!important;
  color:var(--hx-layout-navy)!important;
}
.hx-main-nav a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:58px!important;
  padding:10px 16px!important;
  border-radius:999px!important;
  color:#2b374b!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1.15!important;
  text-align:center!important;
  white-space:nowrap!important;
  transition:.18s ease!important;
}
.hx-main-nav a:hover{
  background:#fff!important;
  color:#101826!important;
  box-shadow:0 4px 14px rgba(25,35,49,.07)!important;
}
.hx-header-spacer{flex:1 1 auto!important}
.hx-header-phone{
  color:#172033!important;
  font-size:15px!important;
  font-weight:950!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  letter-spacing:-.25px!important;
}
.hx-header-quote{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:52px!important;
  padding:0 22px!important;
  background:var(--hx-layout-orange)!important;
  color:#fff!important;
  border-radius:999px!important;
  font-size:13px!important;
  font-weight:950!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  box-shadow:0 10px 26px rgba(255,122,36,.22)!important;
}
.hx-header-cart{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:46px!important;
  padding:0 13px!important;
  background:#fff!important;
  color:#1d2635!important;
  border:1px solid #dce2e9!important;
  border-radius:999px!important;
  font-size:11px!important;
  font-weight:900!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.hx-cartcount{
  min-width:22px!important;
  height:22px!important;
  border-radius:99px!important;
  background:var(--hx-layout-orange)!important;
  color:#fff!important;
  display:grid!important;
  place-items:center!important;
  font-size:11px!important;
}
.hx-qshort{display:none!important}

/* ===== v13.17 — jedna nowoczesna wyszukiwarka UX ===== */

body.hx-home-page .hx-global-search{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:8px 18px 11px!important;
  background:#fff!important;
  border:0!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  transform:none!important;
  overflow:visible!important;
  max-height:none!important;
}

body.hx-home-page .hx-search-wrap{
  width:min(960px,calc(100vw - 36px))!important;
  max-width:960px!important;
  margin:0 auto!important;
}

/* Jedna czysta bryła zamiast kilku pomarańczowych ramek. */
body.hx-home-page .hx-global-search-inner{
  width:100%!important;
  max-width:none!important;
  min-height:60px!important;
  margin:0!important;
  padding:5px 5px 5px 8px!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) 142px!important;
  align-items:center!important;
  gap:4px!important;
  background:#fff!important;
  border:1px solid #dce3ea!important;
  border-radius:18px!important;
  box-shadow:0 10px 28px rgba(25,35,50,.10)!important;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease!important;
}

body.hx-home-page .hx-global-search-inner:focus-within{
  border-color:#ff9b5c!important;
  box-shadow:0 13px 34px rgba(25,35,50,.12),0 0 0 3px rgba(255,122,36,.10)!important;
}

body.hx-home-page .hero-search-highlight::after{
  display:none!important;
}

body.hx-home-page .hero-search{
  margin-top:0!important;
}

/* Ikona lupy po lewej. */
body.hx-home-page .hx-search-leading{
  width:36px!important;
  height:36px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:11px!important;
  background:#f3f5f7!important;
  color:#4e5b6d!important;
}

body.hx-home-page .hx-search-leading svg{
  width:19px!important;
  height:19px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2!important;
  stroke-linecap:round!important;
}

/* Input zajmuje całą wolną szerokość. */
body.hx-home-page .hero-search-field{
  position:relative!important;
  min-width:0!important;
  height:48px!important;
}

body.hx-home-page .hx-global-search-input{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:48px!important;
  margin:0!important;
  padding:0 12px!important;
  border:0!important;
  outline:0!important;
  border-radius:12px!important;
  background:transparent!important;
  color:#172033!important;
  font-size:15px!important;
  font-weight:750!important;
  line-height:48px!important;
  box-shadow:none!important;
}

body.hx-home-page .hx-global-search-input:focus{
  background:#f8fafc!important;
  box-shadow:none!important;
}

/* Animowany przykład jest subtelny jak placeholder. */
body.hx-home-page .hero-typewriter{
  left:12px!important;
  right:8px!important;
  top:0!important;
  height:48px!important;
  color:#8993a0!important;
  font-size:14px!important;
  font-weight:650!important;
}

body.hx-home-page .hero-typewriter i{
  width:2px!important;
  height:19px!important;
  background:#ff7a24!important;
}

/* CTA bez ciężkiego gradientu / żółtej ramki. */
body.hx-home-page .hx-global-search-btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:142px!important;
  min-width:142px!important;
  height:48px!important;
  margin:0!important;
  padding:0 17px!important;
  border:0!important;
  border-radius:13px!important;
  background:#ff7622!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:950!important;
  letter-spacing:-.1px!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  box-shadow:0 7px 17px rgba(255,118,34,.20)!important;
  transition:transform .15s ease,background .15s ease,box-shadow .15s ease!important;
}

body.hx-home-page .hx-global-search-btn:hover{
  background:#f36c17!important;
  transform:translateY(-1px)!important;
  box-shadow:0 9px 20px rgba(255,118,34,.24)!important;
}

body.hx-home-page .hx-global-search-btn:active{
  transform:translateY(0)!important;
}

body.hx-home-page .hx-search-btn-short{
  display:none!important;
}

/* Jeden spokojny wiersz informacji pod wyszukiwarką. */
body.hx-home-page .hx-search-under{
  min-height:27px!important;
  margin:5px 2px 0!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
}

body.hx-home-page .hx-search-helper{
  min-height:24px!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
  color:#707b89!important;
  font-size:10.5px!important;
  line-height:1.35!important;
  white-space:nowrap!important;
}

body.hx-home-page .hx-search-helper-main{
  color:#4f5b6b!important;
  font-weight:800!important;
}

body.hx-home-page .hx-search-helper-example{
  color:#9099a5!important;
  font-weight:600!important;
}

/* Rozpoznane parametry — mniejsze, elegantsze chipy. */
body.hx-home-page .hx-primary-recognized{
  width:auto!important;
  max-width:55%!important;
  margin:0!important;
  display:flex!important;
  justify-content:flex-end!important;
  gap:5px!important;
  flex-wrap:wrap!important;
}

body.hx-home-page .hx-primary-recognized span{
  margin:0!important;
  padding:5px 8px!important;
  border:1px solid #d8eadf!important;
  border-radius:999px!important;
  background:#f4faf6!important;
  color:#246342!important;
  font-size:9.5px!important;
  font-weight:850!important;
  line-height:1.2!important;
  box-shadow:none!important;
}

/* Tablet */
@media(max-width:900px){
  body.hx-home-page .hx-global-search{
    padding:7px 10px 9px!important;
  }

  body.hx-home-page .hx-search-wrap{
    width:calc(100vw - 20px)!important;
  }

  body.hx-home-page .hx-global-search-inner{
    min-height:56px!important;
    grid-template-columns:38px minmax(0,1fr) 116px!important;
    padding:4px 4px 4px 7px!important;
    border-radius:16px!important;
  }

  body.hx-home-page .hx-search-leading{
    width:32px!important;
    height:32px!important;
    border-radius:10px!important;
  }

  body.hx-home-page .hero-search-field,
  body.hx-home-page .hx-global-search-input,
  body.hx-home-page .hero-typewriter{
    height:46px!important;
  }

  body.hx-home-page .hx-global-search-input{
    line-height:46px!important;
    font-size:13px!important;
  }

  body.hx-home-page .hero-typewriter{
    height:46px!important;
    font-size:12.5px!important;
  }

  body.hx-home-page .hx-global-search-btn{
    width:116px!important;
    min-width:116px!important;
    height:46px!important;
    font-size:11.5px!important;
  }

  body.hx-home-page .hx-search-helper-example{
    display:none!important;
  }
}

/* Mobile — jeden rząd, maksymalnie dużo miejsca na wpisanie auta. */
@media(max-width:620px){
  body.hx-home-page .hx-global-search{
    padding:6px 6px 8px!important;
  }

  body.hx-home-page .hx-search-wrap{
    width:calc(100vw - 12px)!important;
  }

  body.hx-home-page .hx-global-search-inner{
    min-height:52px!important;
    grid-template-columns:34px minmax(0,1fr) 78px!important;
    gap:2px!important;
    padding:3px 3px 3px 6px!important;
    border-radius:15px!important;
    box-shadow:0 7px 20px rgba(25,35,50,.09)!important;
  }

  body.hx-home-page .hx-search-leading{
    width:29px!important;
    height:29px!important;
    border-radius:9px!important;
  }

  body.hx-home-page .hx-search-leading svg{
    width:17px!important;
    height:17px!important;
  }

  body.hx-home-page .hero-search-field,
  body.hx-home-page .hx-global-search-input,
  body.hx-home-page .hero-typewriter{
    height:44px!important;
  }

  body.hx-home-page .hx-global-search-input{
    line-height:44px!important;
    padding:0 7px!important;
    font-size:12px!important;
  }

  body.hx-home-page .hero-typewriter{
    left:7px!important;
    height:44px!important;
    font-size:11px!important;
  }

  body.hx-home-page .hx-global-search-btn{
    width:78px!important;
    min-width:78px!important;
    height:44px!important;
    padding:0 7px!important;
    font-size:10.5px!important;
    border-radius:11px!important;
  }

  body.hx-home-page .hx-search-btn-full{
    display:none!important;
  }

  body.hx-home-page .hx-search-btn-short{
    display:inline!important;
  }

  body.hx-home-page .hx-search-under{
    margin-top:4px!important;
    min-height:22px!important;
    gap:6px!important;
    flex-wrap:wrap!important;
  }

  body.hx-home-page .hx-search-helper{
    font-size:9.5px!important;
    white-space:normal!important;
  }

  body.hx-home-page .hx-primary-recognized{
    max-width:100%!important;
    justify-content:flex-start!important;
  }

  body.hx-home-page .hx-primary-recognized span{
    padding:4px 7px!important;
    font-size:9px!important;
  }
}

@media(max-width:380px){
  body.hx-home-page .hx-global-search-inner{
    grid-template-columns:31px minmax(0,1fr) 70px!important;
  }

  body.hx-home-page .hx-global-search-btn{
    width:70px!important;
    min-width:70px!important;
    font-size:10px!important;
  }

  body.hx-home-page .hx-search-helper-main{
    display:none!important;
  }
}

/* Podstrony zachowują swój dotychczasowy pojedynczy pasek. */
body:not(.hx-home-page) .hx-global-search{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  max-height:none!important;
  overflow:visible!important;
}

/* ===== JEDEN FOOTER NA CAŁYM SKLEPIE ===== */
.hx-site-footer{
  width:100%!important;
  max-width:none!important;
  margin-top:54px!important;
  padding:44px 22px 28px!important;
  background:var(--hx-layout-footer)!important;
  color:#fff!important;
  box-sizing:border-box!important;
}
.hx-site-footer *{box-sizing:border-box}
.hx-site-footer-grid{
  max-width:1420px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:1.5fr .8fr 1fr .8fr!important;
  gap:34px!important;
}
.hx-site-footer-brand p{
  max-width:510px!important;
  margin:14px 0!important;
  color:#c1cad5!important;
  font-size:14px!important;
  line-height:1.65!important;
}
.hx-footer-brand-lockup{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  color:#fff!important;
  text-decoration:none!important;
}
.hx-footer-brand-lockup img{
  width:58px!important;
  height:54px!important;
  object-fit:contain!important;
}
.hx-footer-wordmark{
  display:inline-flex!important;
  align-items:baseline!important;
  font-size:29px!important;
  font-weight:950!important;
  letter-spacing:-1.2px!important;
  color:#fff!important;
}
.hx-footer-wordmark span:last-child{color:var(--hx-layout-orange)!important}

/* karta mBank — dokładnie jako osobny element płatności */
.hx-mbank-card{
  width:min(100%,540px)!important;
  min-height:94px!important;
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  margin-top:24px!important;
  padding:16px 26px!important;
  background:#11161d!important;
  border:1px solid #323943!important;
  border-radius:22px!important;
  box-shadow:none!important;
}
.hx-mbank-card img{
  width:104px!important;
  height:40px!important;
  object-fit:contain!important;
  flex:0 0 auto!important;
  border-radius:8px!important;
}
.hx-mbank-copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
  color:#fff!important;
  line-height:1.25!important;
}
.hx-mbank-copy b{
  color:#fff!important;
  font-size:16px!important;
  font-weight:850!important;
}
.hx-mbank-copy span{
  color:#fff!important;
  font-size:13px!important;
  font-weight:450!important;
}
.hx-footer-col{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  color:#c1cad5!important;
  font-size:13px!important;
  line-height:1.45!important;
}
.hx-footer-col strong{
  color:#fff!important;
  font-size:15px!important;
  margin-bottom:4px!important;
}
.hx-footer-col a{
  color:#c1cad5!important;
  text-decoration:none!important;
  margin:0!important;
}
.hx-footer-col a:hover{color:#fff!important}
.hx-site-footer-bottom{
  max-width:1420px!important;
  margin:38px auto 0!important;
  padding-top:22px!important;
  border-top:1px solid #2c3036!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  color:#8d98a5!important;
  font-size:12px!important;
}
.hx-site-footer-bottom>div{
  display:flex!important;
  gap:22px!important;
  flex-wrap:wrap!important;
}
.hx-site-footer-bottom a{
  color:#9da8b5!important;
  text-decoration:none!important;
}
.hx-site-footer-bottom a:hover{color:#fff!important}

@media(max-width:1280px){
  .hx-site-header-inner{min-height:78px!important;padding:8px 14px!important;gap:10px!important}
  .hx-brand-lockup>img{width:60px!important;height:56px!important}
  .hx-brand-wordmark{font-size:25px!important}
  .hx-main-nav a{padding:9px 10px!important;font-size:12px!important;min-height:50px!important}
  .hx-header-phone{font-size:13px!important}
  .hx-header-quote{padding:0 15px!important}
}
@media(max-width:980px){
  .hx-site-header-inner{min-height:68px!important;padding:7px 10px!important;gap:7px!important}
  .hx-brand-lockup>img{width:45px!important;height:44px!important}
  .hx-brand-wordmark{font-size:20px!important}
  .hx-main-nav{display:none!important}
  .hx-header-phone{display:none!important}
  .hx-header-quote{min-height:42px!important;padding:0 12px!important;font-size:11px!important}
  .hx-header-cart{min-height:42px!important;padding:0 10px!important}
  .hx-cart-label{display:none!important}
  .hx-qfull{display:none!important}
  .hx-qshort{display:inline!important}
  .hx-site-footer-grid{grid-template-columns:1fr 1fr!important;gap:28px 22px!important}
  .hx-site-footer-brand{grid-column:1/-1!important}
}
@media(max-width:560px){
  .hx-brand-lockup>img{width:41px!important;height:40px!important}
  .hx-brand-wordmark{font-size:18px!important}
  .hx-header-quote{padding:0 10px!important}
  .hx-header-cart{padding:0 9px!important}
  .hx-global-search{padding:6px 8px!important;border-top:1px solid #e5e9ee!important}
  .hx-global-search-inner{width:100%!important;max-width:none!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
  .hx-global-search-input{height:42px!important;border:1px solid #d7dde5!important;font-size:11px!important}
  .hx-global-search-btn{height:42px!important;padding:0 10px!important}
  .hx-site-footer{padding:34px 14px 38px!important}
  .hx-site-footer-grid{grid-template-columns:1fr!important}
  .hx-site-footer-brand{grid-column:auto!important}
  .hx-mbank-card{min-height:82px!important;padding:13px 15px!important;gap:12px!important;border-radius:18px!important}
  .hx-mbank-card img{width:92px!important;height:auto!important}
  .hx-mbank-copy b{font-size:14px!important}
  .hx-mbank-copy span{font-size:12px!important}
  .hx-site-footer-bottom{align-items:flex-start!important;flex-direction:column!important}
}