#contact_map {
display: none !important;
}

.product > a img {
transition: all .3s ease-in-out !important;
}

.product:hover > a img {
transform: scale(1.06);
}

.--distinguished {
    color: #FFFFFF !important;
    background: #FF0000 !important;
}

 /* =========================
     ETYKIETA PROMOCJA
  ========================== */

span.label.--promo {
    background-color:#FFEBA1 !important;
    color:#000000 !important;
    border-color:#ff0000 !important;
}

 /* =========================
     LICZNIK PROMOCJA >>>>>
  ========================== */

#CDT{
    display:inline-block !important;
    width:fit-content !important;
    max-width:100% !important;

    background:#f6f8fb !important;
    border:1px solid #e4e9f0 !important;
    border-radius:12px !important;

    padding:6px 16px !important;
    margin:6px 0 18px 0 !important;

    box-sizing:border-box !important;
}

#CDT .projector_label{
    display:block !important;
    margin:0 0 4px 0 !important;

    color:#2b3440 !important;
    font-size:13px !important;
    font-weight:600 !important;
}

#CDT > div{
    display:flex !important;
    gap:16px !important;
}

#CDT .number-wrapper{
    min-width:46px !important;
    text-align:center !important;
    position:relative !important;
}

#CDT .number-wrapper:not(:last-child)::after{
    content:"" !important;
    position:absolute !important;
    top:4px !important;
    right:-8px !important;
    width:1px !important;
    height:28px !important;
    background:#d7dee8 !important;
}

#CDT .number{
    display:block !important;
    margin-bottom:1px !important;

    background:none !important;
    border:0 !important;
    box-shadow:none !important;

    color:#0f172a !important;
    font-size:28px !important;
    font-weight:800 !important;
    line-height:1 !important;
}

#CDT .caption{
    color:#6b7280 !important;
    font-size:11px !important;
    margin-top:0 !important;
    letter-spacing:0.02em !important;
}

#CDT .line{
    display:none !important;
}

@media (max-width:640px){

    #CDT{
        padding:6px 14px !important;
        margin:6px 0 16px 0 !important;
    }

    #CDT > div{
        gap:12px !important;
    }

    #CDT .number{
        font-size:26px !important;
        margin-bottom:1px !important;
    }

    #CDT .number-wrapper:not(:last-child)::after{
        right:-6px !important;
        height:24px !important;
    }

}

 /* =========================
     <<<<<<< LICZNIK PROMOCJA
  ========================== */

#projector_amount {
display: none !important;
}

[title="KOSZULKI DAMSKIE"]:hover {
color: #fff;
background: #000000
}

[title="KOSZULKI MĘSKIE"]:hover {
color: #fff;
background: #000000
}

[title="BLUZY MĘSKIE"]:hover {
color: #fff;
background: #000000
}

[title="BESTSELLERY"]:hover {
color: #fff;
background: #000000
}


[title="NOWOŚCI"]:hover {
color: #fff;
background: #000000
}

[title="PREZENT"]:hover {
color: #fff;
background: #000000
}

[title="OUTLET"]:hover {
color: #fff;
background: #000000
}

[title="POMOC"]:hover {
color: #fff;
background: #000000
}

[title="KONTAKT"]:hover {
color: #fff;
background: #000000
}

[title="O SKLEPIE"]:hover {
color: #fff;
background: #000000
}

[title="PROMOCJE"]:hover {
color: #ff0000;
background: #000000
}

[title="O NAS"]:hover {
color: #fff;
background: #000000
}

[title="VOYOVNIK"]:hover {
color: #fff;
background: #000000
}

[title="OUTDOOR"]:hover {
color: #fff;
background: #000000
}

[title="ABSTRAKCYJNE"]:hover {
color: #fff;
background: #000000
}

[title="DRAPIEŻNIKI"]:hover {
color: #fff;
background: #000000
}

[title="MYSTIC CIRCUS"]:hover {
color: #fff;
background: #000000
}

[title="MYŚLIWCE"]:hover {
color: #fff;
background: #000000
}

[title="BLUZY Z KAPTUREM"]:hover {
color: #fff;
background: #000000
}

[title="BLUZY BEZ KAPTURA"]:hover {
color: #fff;
background: #000000
}

[title="DLA NIEJ"]:hover {
color: #fff;
background: #000000
}

[title="DLA NIEGO"]:hover {
color: #fff;
background: #000000
}

[title="DLA MAMY"]:hover {
color: #fff;
background: #000000
}

[title="DLA TATY"]:hover {
color: #fff;
background: #000000
}

[title="OUTLET DAMSKIE"]:hover {
color: #fff;
background: #000000
}

[title="OUTLET MĘSKIE"]:hover {
color: #fff;
background: #000000
}

[title="TABELE ROZMIARÓW"]:hover {
color: #fff;
background: #000000
}

[title="PORADNIKI"]:hover {
color: #fff;
background: #000000
}

[title="OPINIE"]:hover {
color: #fff;
background: #000000
}

[title="INFORMACJE"]:hover {
color: #fff;
background: #000000
}

[title="KRÓJ OVERSIZE (LUŹNY)"]:hover {
color: #fff;
background: #000000
}

[title="KRÓJ STANDARD (DOPASOWANY)"]:hover {
color: #fff;
background: #000000
}

[title="VOYOVNIK: URBAN TACTICS"]:hover {
color: #fff;
background: #000000
}

[title="VOYOVNIK: THE DARK ORDER"]:hover {
color: #fff;
background: #000000
}

[title="VOYOVNIK: ELITE FORCE"]:hover {
color: #fff;
background: #000000
}

[title="NOWOŚCI - KOSZULKI DAMSKIE"]:hover {
color: #fff;
background: #000000
}

[title="NOWOŚCI - KOSZULKI MĘSKIE"]:hover {
color: #fff;
background: #000000
}

[title="NOWOŚCI - BLUZY BEZ KAPTURA"]:hover {
color: #fff;
background: #000000
}

[title="NOWOŚCI - BLUZY Z KAPTUREM"]:hover {
color: #fff;
background: #000000
}

[title="WYSYŁKA"]:hover {
color: #fff;
background: #000000
}

[title="PŁATNOŚCI"]:hover {
color: #fff;
background: #000000
}

[title="ZWROT / WYMIANA"]:hover {
color: #fff;
background: #000000
}

[title="DOSTĘPNOŚĆ"]:hover {
color: #fff;
background: #000000
}

.contact_stocks {
display: none !important;
}

/* Footer – usuń link do Kontakt */
footer a[href*="contact"],
footer a[href*="kontakt"] {
  display: none !important;
}

/* Footer – usuń link "Moje rabaty" */
footer a[href*="client-rebate.html"] {
  display: none !important;
}

/* Footer – usuń link "Informacje o sklepie" */
footer a[href*="Informacje-o-sklepie-cterms-pol-19.html"] {
  display: none !important;
}

/* Footer – usuń link "Wysyłka" */
footer a[href*="delivery.html"] {
  display: none !important;
}

/* Footer – usuń link "Płatności" */
footer a[href*="payments.html"] {
  display: none !important;
}

/* FOOTER – Newsletter: kolor czcionki */
footer a[href*="newsletter.html"] {
  color:#0090F6 !important;
}

/* GLOBAL – ukryj "Listy zakupowe" (po URL) */
a[href*="/pl/shoppinglist"],
a[href*="voyovnik.pl/pl/shoppinglist"]{
  display:none !important;
}

/* FOOTER – ukryj "Chcę wymienić produkt" (po parametrach URL) */
footer a[href*="client-orders.html"][href*="exchange=true"]{
  display:none !important;
}

/* Footer – usuń link "Koszyk" */
footer a[href*="basketedit.html"] {
  display: none !important;
}

/* =========================================================
  LOGOWANIE - usuwa LinkedIn
========================================================= */

#client_new_social a.service_item[data-name="service_LinkedIn"]{
  display: none !important;
}

/* 1) Ukryj CALE <li> z LinkedIn, zeby grid sie zlozyl */
#client_new_social .client_new_social_sub ul li:has(> a.service_item[data-name="service_LinkedIn"]){
  display:none !important;
}

/* 2) Opcjonalnie: gdyby siatka miala sztywne kolumny, ustaw auto-fit,
      wtedy 3 ikony uloza sie bez pustej kolumny */
#client_new_social .client_new_social_sub ul{
  grid-template-columns:repeat(auto-fit, minmax(105px, 1fr)) !important;
}

/* =========================================================
  LOGO PO PRAWEJ NA GÓRZE - zmniejszenie logo
========================================================= */

#logo img{
  max-height:60px !important;  /* zmien na 50px jesli chcesz mniejsze */
  width:auto !important;
  height:auto !important;
}

/* =========================================================
  <<<<< MENU - wyśrodkowanie plus nowa belka i kolory
========================================================= */

@media (min-width: 992px){

  /* =========================
     BELKA MENU - PREMIUM (bez ruszania układu menu)
  ========================== */

  #menu_navbar.navbar-collapse{
    display:flex !important;
    justify-content:center !important;

    width:100% !important;
    max-width:1200px;
    margin:10px auto 0 !important;

    position:relative;
    z-index:9999;
    box-sizing:border-box;

    /* wyglad premium */
    background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78)) !important;
    border:1px solid rgba(0,0,0,.08) !important;
    border-radius:14px !important;
    padding:8px 12px !important;

    /* lekki "glass" */
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);

    /* premium shadow */
    box-shadow:
      0 10px 26px rgba(0,0,0,.10),
      0 1px 0 rgba(255,255,255,.75) inset !important;

    /* Opcjonalnie: separator od tła strony (bardzo subtelny) */
    outline:1px solid rgba(255,255,255,.65);
    outline-offset:-2px;
  }

  /* delikatna tekstura / sheen w tle */
  #menu_navbar.navbar-collapse:before{
    content:"";
    position:absolute;
    inset:0;
    border-radius:14px;
    pointer-events:none;
    background:
      radial-gradient(1200px 120px at 50% 0%, rgba(0,0,0,.06), transparent 65%),
      radial-gradient(900px 90px at 20% 100%, rgba(0,0,0,.05), transparent 60%),
      linear-gradient(180deg, rgba(255,255,255,.55), rgba(255,255,255,0));
    opacity:.9;
  }

  /* =========================
     Menu w jednej linii, wycentrowane
  ========================== */

  #menu_navbar .navbar-nav{
    display:flex !important;
    justify-content:center !important;
    flex-wrap:nowrap !important;
    white-space:nowrap !important;

    width:100% !important;
    margin:0 !important;
    padding:0 !important;
  }

  #menu_navbar .navbar-nav .nav-item{ margin:0 !important; }

  /* =========================
     LINKI - PREMIUM HOVER
  ========================== */

  #menu_navbar .navbar-nav .nav-link{
    font-size:13px !important;
    padding:10px 10px !important;
    letter-spacing:0.2px;

    color:#111 !important;
    border-radius:10px;
    transition: all .18s ease;
  }

  #menu_navbar .navbar-nav .nav-link:hover{
    background:rgba(0,0,0,.06);
    color:#000 !important;
  }

  /* =========================
     AKTYWNA / OTWARTA POZYCJA (ZAMIAST NIEBIESKIEGO) - czarny chip
  ========================== */

  #menu_navbar .navbar-nav .nav-link.active,
  #menu_navbar .navbar-nav .nav-item.nav-open > .nav-link-wrapper > .nav-link{
    background:#111 !important;
    color:#fff !important;
    box-shadow:
      0 4px 14px rgba(0,0,0,.18),
      0 1px 0 rgba(255,255,255,.25) inset;
  }

  /* Usunięcie starego niebieskiego koloru */
  #menu_navbar .navbar-nav .nav-link:visited{
    color:#111 !important;
  }

  /* ===============================
     SUBMENU - aktywna pozycja (bez czarnego "placka")
  ================================ */

  #menu_categories ul.navbar-subnav .nav-link.active,
  #menu_categories ul.navbar-subsubnav .nav-link.active{
    background:rgba(0,0,0,.06) !important;
    color:#000 !important;

    border-left:3px solid #111 !important;
    padding-left:15px !important;

    box-shadow:none !important;
    border-radius:0 !important;
  }

  /* Usuwamy czarny chip z submenu */
  #menu_categories ul.navbar-subnav .nav-link,
  #menu_categories ul.navbar-subsubnav .nav-link{
    border-radius:0 !important;
    box-shadow:none !important;
  }

  /* =========================
     DROPDOWN (stabilizacja, bez ingerencji w uklad IdoSell)
  ========================== */

  /* nic nie ucina dropdownow */
  #menu_categories,
  #menu_categories.wide,
  #menu_navbar.navbar-collapse,
  #menu_navbar .navbar-nav,
  #menu_navbar .nav-link-wrapper{
    overflow:visible !important;
  }

  /* dropdown zawsze nad hero i klikalny */
  #menu_categories{ position:relative; z-index:99999 !important; }

  #menu_categories ul.navbar-subnav,
  #menu_categories ul.navbar-subsubnav{
    z-index:200000 !important;
    pointer-events:auto !important;

    /* NIE ruszamy: display/position/left/top/transform/width/columns */
  }

  /* Desktop: schowaj elementy "powrotu" z wersji mobilnej (te strzalki i naglowki) */
  #menu_categories li.nav-header,
  #menu_categories .nav-header__backLink{
    display:none !important;
  }

  /* Tekst w dropdownach: zawijaj zamiast ucinac */
  #menu_categories ul.navbar-subnav .nav-link,
  #menu_categories ul.navbar-subsubnav .nav-link{
    white-space:normal !important;
    overflow:visible !important;
    text-overflow:clip !important;
    overflow-wrap:anywhere;
    word-break:break-word;
    line-height:1.25 !important;
  }
  
  /* =========================================================
  WYSZUKIWARKA - autocomplete nad belka menu (desktop)
========================================================= */
@media (min-width: 992px){

  /* kontener wyszukiwarki na gorze warstw */
  #menu_search,
  .menu_search,
  .menu_search_block{
    position:relative !important;
    z-index:300000 !important;
  }

  /* lista podpowiedzi (IdoSell roznie nazywa) */
  .search__results,
  .search_results,
  .autocomplete,
  .autocomplete__results,
  .ui-autocomplete{
    position:relative !important;
    z-index:300001 !important;
  }

  /* na wypadek, gdy lista jest absolutnie pozycjonowana w innym wrapperze */
  .ui-front{
    z-index:300001 !important;
  }
}

/* === STATUS DOSTĘPNOŚCI - PREMIUM BLUE STEEL === */

div#projector_status.projector_info__item.--status.projector_status{
  position: relative !important;
  overflow: hidden !important;

  display: flex !important;
  align-items: center !important;
  gap: 16px !important;

  padding: 15px 18px !important;
  margin: 14px 0 !important;

  border-radius: 20px !important;

  background:
    radial-gradient(circle at top left,
      rgba(80,170,255,.22),
      transparent 28%),
    radial-gradient(circle at bottom left,
      rgba(255,255,255,.10),
      transparent 34%),
    linear-gradient(135deg,
      #4b5563 0%,
      #2d3642 38%,
      #1d2430 72%,
      #141922 100%) !important;

  border: 1px solid rgba(140,200,255,.22) !important;

  box-shadow:
    0 12px 28px rgba(0,0,0,.20),
    0 0 26px rgba(0,140,255,.12),
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -10px 24px rgba(0,0,0,.16) !important;
}

div#projector_status.projector_info__item.--status.projector_status::before{
  content: "" !important;

  position: absolute !important;
  inset: 0 !important;

  background:
    linear-gradient(
      135deg,
      rgba(255,255,255,.10) 0%,
      rgba(255,255,255,.04) 18%,
      transparent 42%
    ) !important;

  pointer-events: none !important;
}

div#projector_status.projector_info__item.--status.projector_status::after{
  content: "" !important;

  position: absolute !important;
  inset: -1px !important;

  border-radius: inherit !important;

  background:
    linear-gradient(
      135deg,
      rgba(120,190,255,.34),
      transparent 26%,
      transparent 70%,
      rgba(120,190,255,.12)
    ) !important;

  pointer-events: none !important;
}

#projector_status_gfx_wrapper{
  position: relative !important;
  display: inline-flex !important;
  flex-shrink: 0 !important;
  z-index: 2 !important;
}

#projector_status_gfx{
  display: block !important;

  width: 44px !important;
  height: 44px !important;

  object-fit: contain !important;

  filter:
    drop-shadow(0 0 10px rgba(80,170,255,.28))
    brightness(1.08) !important;
}

#projector_status_wrapper{
  position: relative !important;
  display: block !important;
  z-index: 2 !important;
}

#projector_status_description{
  display: block !important;

  font-size: 16px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;

  letter-spacing: .04em !important;
  text-transform: uppercase !important;

  color: #ffffff !important;
}

#projector_shipping_info{
  display: block !important;

  margin-top: 4px !important;

  font-size: 13px !important;
  line-height: 1.5 !important;

  color: rgba(255,255,255,.82) !important;
}

#projector_delivery_label{
  color: rgba(255,255,255,.82) !important;
}

#projector_delivery_days{
  color: #63b8ff !important;
  font-weight: 800 !important;
}

#projector_amount{
  color: rgba(255,255,255,.74) !important;
  opacity: .74 !important;
}

/* === MOBILE === */

@media screen and (max-width: 768px){

  body div#projector_status.projector_info__item.--status.projector_status{
    gap: 13px !important;

    padding: 13px 14px !important;
    margin: 12px 0 !important;

    border-radius: 18px !important;

    background:
      radial-gradient(circle at top left,
        rgba(80,170,255,.24),
        transparent 30%),
      radial-gradient(circle at bottom left,
        rgba(255,255,255,.10),
        transparent 36%),
      linear-gradient(135deg,
        #46515f 0%,
        #2b3440 42%,
        #1c2330 76%,
        #141922 100%) !important;

    border: 1px solid rgba(140,200,255,.24) !important;

    box-shadow:
      0 10px 22px rgba(0,0,0,.20),
      0 0 22px rgba(0,140,255,.12),
      inset 0 1px 0 rgba(255,255,255,.14),
      inset 0 -8px 20px rgba(0,0,0,.14) !important;
  }

  body #projector_status_gfx{
    width: 38px !important;
    height: 38px !important;
  }

  body #projector_status_description{
    font-size: 14px !important;
    line-height: 1.25 !important;
  }

  body #projector_shipping_info{
    font-size: 12px !important;
    line-height: 1.45 !important;
  }
}