span#projector_amount {
    display: none !important;
}
.projector_buy__number_amounts {
    display: none !important;
}
span.stock__availabilty_desc {
    display: none !important;
}



/* # # # # # # # #  STYLOWANIE SEKCJI HOTSPOT NA STRONIE GŁÓWNEJ (ZM. 16.02.2026)    # # # # # # # # # # # */
/* ==========================================
   HOME: H3 (hotspot) 1:1 jak przyciski menu
   ========================================== */

:root{
  --menuBtn-bg1: rgba(70,70,70,.98);
  --menuBtn-bg2: rgba(35,35,35,.98);
  --menuBtn-border: rgba(255,255,255,.12);
  --menuBtn-text: #fff;

  --menuBtn-shadow-raised:
    0 10px 18px rgba(0,0,0,.35),
    0 2px 0 rgba(255,255,255,.10) inset,
    0 -2px 0 rgba(0,0,0,.28) inset;

  --menuBtn-shadow-pressed:
    0 2px 6px rgba(0,0,0,.25),
    0 8px 16px rgba(0,0,0,.25) inset,
    0 2px 0 rgba(255,255,255,.08) inset;
}

/* odstęp między sekcjami */
section.hotspot__wrapper[data-pagetype="main"]{
  margin-top: 18px;
}
section.hotspot__wrapper[data-pagetype="main"]:first-of-type{
  margin-top: 0;
}

/* H3 jako flex (tytuł + zobacz wszystko) */
section.hotspot__wrapper[data-pagetype="main"] .hotspot__name.headline__wrapper{
  /* reset ewentualnych styli systemowych */
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;

  display: flex !important;
  align-items: stretch;
  justify-content: flex-start;
  gap: 8px;

  text-align: left !important;

  padding: 0 !important;
  margin: 0 0 12px 0 !important;
}

/* lewy "przycisk" – tytuł strefy */
section.hotspot__wrapper[data-pagetype="main"] .hotspot__name.headline__wrapper > a.headline{
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;

  border-radius: 999px;
  padding: 12px 18px;
  line-height: 1.1;

  color: var(--menuBtn-text) !important;
  text-decoration: none !important;

  background: linear-gradient(180deg, var(--menuBtn-bg1), var(--menuBtn-bg2)); /* JAK MENU */
  border: 1px solid var(--menuBtn-border);
  box-shadow: var(--menuBtn-shadow-raised);

  transform: translateY(0);
  transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
  will-change: transform, box-shadow;

  /* żeby przy długich nazwach było ok */
  min-width: 0;
  flex: 0 0 auto;
}

section.hotspot__wrapper[data-pagetype="main"] .hotspot__name.headline__wrapper > a.headline .headline__name{
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* prawy "przycisk" – Zobacz wszystko */
section.hotspot__wrapper[data-pagetype="main"] .hotspot__name.headline__wrapper > a.headline__after{
  margin-left: auto;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border-radius: 999px;
  padding: 12px 16px;
  line-height: 1.1;

  color: var(--menuBtn-text) !important;
  text-decoration: none !important;
  white-space: nowrap;

  background: linear-gradient(180deg, var(--menuBtn-bg1), var(--menuBtn-bg2)); /* JAK MENU */
  border: 1px solid var(--menuBtn-border);
  box-shadow: var(--menuBtn-shadow-raised);

  transform: translateY(0);
  transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
  will-change: transform, box-shadow;
}

/* hover = wciśnięty (jak menu) */
@media (hover: hover) and (pointer: fine){
  section.hotspot__wrapper[data-pagetype="main"] .hotspot__name.headline__wrapper > a.headline:hover,
  section.hotspot__wrapper[data-pagetype="main"] .hotspot__name.headline__wrapper > a.headline__after:hover{
    box-shadow: var(--menuBtn-shadow-pressed);
    transform: translateY(2px);
    filter: brightness(.98);
  }
}

/* active (klik) */
section.hotspot__wrapper[data-pagetype="main"] .hotspot__name.headline__wrapper > a.headline:active,
section.hotspot__wrapper[data-pagetype="main"] .hotspot__name.headline__wrapper > a.headline__after:active{
  box-shadow: var(--menuBtn-shadow-pressed);
  transform: translateY(3px);
  filter: brightness(.96);
}

/* focus */
section.hotspot__wrapper[data-pagetype="main"] .hotspot__name.headline__wrapper > a:focus-visible{
  outline: 2px solid rgba(255,255,255,.55);
  outline-offset: 2px;
}

/* Responsive wg progów */
@media (max-width: 756px){
  section.hotspot__wrapper[data-pagetype="main"]{
    margin-top: 14px;
  }

  section.hotspot__wrapper[data-pagetype="main"] .hotspot__name.headline__wrapper{
    gap: 6px;
    margin-bottom: 10px !important;
  }

  section.hotspot__wrapper[data-pagetype="main"] .hotspot__name.headline__wrapper > a.headline,
  section.hotspot__wrapper[data-pagetype="main"] .hotspot__name.headline__wrapper > a.headline__after{
    padding: 10px 14px;
    border-radius: 18px; /* mobil mniej “pigułka” */
  }
}

@media (min-width: 1200px){
  section.hotspot__wrapper[data-pagetype="main"] .hotspot__name.headline__wrapper > a.headline{
    padding: 13px 20px;
  }
  section.hotspot__wrapper[data-pagetype="main"] .hotspot__name.headline__wrapper > a.headline__after{
    padding: 13px 18px;
  }
}

@media (min-width: 1920px){
  section.hotspot__wrapper[data-pagetype="main"] .hotspot__name.headline__wrapper > a.headline{
    padding: 14px 22px;
  }
  section.hotspot__wrapper[data-pagetype="main"] .hotspot__name.headline__wrapper > a.headline__after{
    padding: 14px 20px;
  }
}


/* Dodatki - Arek */

.product.hotspot__product.swiper-slide.d-flex.flex-column:hover {
  border: 1px solid #c4c7c8;
  border-radius: 15px;
  padding: 15px;
}




/* # # # # # # # #  STYLOWANIE MENU GŁÓWNEGO NA STRONIE (ZM. 16.02.2026)    # # # # # # # # # # # */


/* =========================
   MENU: efekt 3D przycisków
   ========================= */

/* Zmienne – łatwa korekta */
:root{
  --menuBtn-bg1: rgba(70,70,70,.98);
  --menuBtn-bg2: rgba(35,35,35,.98);
  --menuBtn-border: rgba(255,255,255,.12);
  --menuBtn-text: #fff;

  /* "wypukły" cień */
  --menuBtn-shadow-raised:
    0 10px 18px rgba(0,0,0,.35),
    0 2px 0 rgba(255,255,255,.10) inset,
    0 -2px 0 rgba(0,0,0,.28) inset;

  /* "wciśnięty" cień (inset) */
  --menuBtn-shadow-pressed:
    0 2px 6px rgba(0,0,0,.25),
    0 8px 16px rgba(0,0,0,.25) inset,
    0 2px 0 rgba(255,255,255,.08) inset;
}

/* Bazowo: każdy link w menu jak "przycisk" */
#menu_categories .navbar-nav > .nav-item > .nav-link-wrapper{
  display: flex;
  align-items: stretch;
  gap: 8px; /* odstęp między linkiem a strzałką rozwijania */
}

/* Link (główny przycisk) */
#menu_categories .navbar-nav > .nav-item > .nav-link-wrapper > a.nav-link{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  border-radius: 10px;
  padding: 12px 18px;
  line-height: 1.1;

  color: var(--menuBtn-text) !important;
  text-decoration: none;

  background: linear-gradient(180deg, var(--menuBtn-bg1), var(--menuBtn-bg2));
  border: 1px solid var(--menuBtn-border);

  box-shadow: var(--menuBtn-shadow-raised);
  transform: translateY(0);
  transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
  will-change: transform, box-shadow;
}

/* Przycisk rozwijania (strzałka) – też jako 3D */
#menu_categories .navbar-nav > .nav-item > .nav-link-wrapper > button.nav-link-expand{
  width: 48px;
  min-width: 48px;

  border-radius: 999px;
  border: 1px solid var(--menuBtn-border);

  background: linear-gradient(180deg, var(--menuBtn-bg1), var(--menuBtn-bg2));
  box-shadow: var(--menuBtn-shadow-raised);

  transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
  will-change: transform, box-shadow;
}

/* Hover = wciśnięty */
@media (hover: hover) and (pointer: fine) {
  #menu_categories .navbar-nav > .nav-item > .nav-link-wrapper > a.nav-link:hover,
  #menu_categories .navbar-nav > .nav-item > .nav-link-wrapper > button.nav-link-expand:hover{
    box-shadow: var(--menuBtn-shadow-pressed);
    transform: translateY(2px);
    filter: brightness(.98);
  }
}

/* Active (klik) = mocniej wciśnięty */
#menu_categories .navbar-nav > .nav-item > .nav-link-wrapper > a.nav-link:active,
#menu_categories .navbar-nav > .nav-item > .nav-link-wrapper > button.nav-link-expand:active{
  box-shadow: var(--menuBtn-shadow-pressed);
  transform: translateY(3px);
  filter: brightness(.96);
}

/* Focus – czytelny outline pod dostępność */
#menu_categories .navbar-nav > .nav-item > .nav-link-wrapper > a.nav-link:focus-visible,
#menu_categories .navbar-nav > .nav-item > .nav-link-wrapper > button.nav-link-expand:focus-visible{
  outline: 2px solid rgba(255,255,255,.55);
  outline-offset: 2px;
}

/* Drobna korekta ikony strzałki/hamburgera jeśli jest zbyt ciemna */
@media (min-width: 979px) {
#menu_categories .nav-link-expand,
#menu_categories .navbar-toggler{
  color: #fff;
}
}

/* =========================
   Responsive wg Twoich progów
   ========================= */

/* Mały Mobile */
@media (max-width: 756px) {
  #menu_categories .navbar-nav > .nav-item > .nav-link-wrapper{
    gap: 6px;
  }
  #menu_categories .navbar-nav > .nav-item > .nav-link-wrapper > a.nav-link{
    padding: 10px 14px;
    border-radius: 18px; /* na mobile mniej “pigułka”, łatwiej czytać */
  }
  #menu_categories .navbar-nav > .nav-item > .nav-link-wrapper > button.nav-link-expand{
    width: 44px;
    min-width: 44px;
  }
}

/* Mobile */
@media (min-width: 757px) {
  #menu_categories .navbar-nav > .nav-item > .nav-link-wrapper > a.nav-link{
    padding: 11px 16px;
  }
}

/* Tablet (pion) */
@media (min-width: 979px) {
  #menu_categories .navbar-nav > .nav-item > .nav-link-wrapper > a.nav-link{
    padding: 12px 18px;
  }
}

/* Tablet (poziom) oraz mały laptop */
@media (min-width: 1200px) {
  #menu_categories .navbar-nav > .nav-item > .nav-link-wrapper > a.nav-link{
    padding: 13px 20px;
  }
}

/* Klasyczny ekran komputera */
@media (min-width: 1920px) {
  #menu_categories .navbar-nav > .nav-item > .nav-link-wrapper > a.nav-link{
    padding: 14px 22px;
  }
}

/* Duże ekrany z wysoką rozdzielczością */
@media (min-width: 2560px) {
  #menu_categories .navbar-nav > .nav-item > .nav-link-wrapper > a.nav-link{
    padding: 15px 26px;
  }
}










/* # # # # # # # #  SZEROKOŚĆ CAŁEJ STRONOY (ZM. 15.02.2026)    # # # # # # # # # # # */

@media (min-width: 979px) {
#container {
  max-width: 1920px;
  padding-left: 3rem;
  padding-right: 3rem;
}

.nav-item {
  padding-left: 1rem;
  padding-right: 1rem;
}
}



/* # # # # # # # #  WYMUSZENIE NADPISANIA STYLU KLASY DOLNEGO MENU (ZM. 16.02.2026)    # # # # # # # # # # # */

.max-width-1200 {
   max-width: 1920px;
    padding-left: 1rem;
    padding-right: 1rem;
  }

@media (min-width: 979px) {
.max-width-1200 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}


/* # # # # # # # #  UPDATE LISTINGU PRODUKTOWEGO (ZM. 16.02.2026)    # # # # # # # # # # # */


.product__details.py-1.px-3 {
  display: none!IMPORTANT;
}
.product__details.py-1.px-3:hover {
  display: none!IMPORTANT;
}

.product__compare.--has-child {
  display: none!IMPORTANT;
}

.product__compare.--has-child:hover {
  display: none!IMPORTANT;
}






/* # # # # # # # #  ZAMIANA NA KARCIE RPDOUKTU (ZM. 15.02.2026)    # # # # # # # # # # # */

#projector_variants_section {
  display: none!IMPORTANT;
}

#projector_stocks {
  display: none;
}


/* # # # # # # # #  WCZEŚNIEJSZE ZMIANY    # # # # # # # # # # # */


span#projector_amount {
    display: none !important;
}
.projector_buy__number_amounts {
    display: none !important;
}
span.stock__availabilty_desc {
    display: none !important;
}