/* # # # # # # # #  WSPÓLNE ZMIENNE PRZYCISKÓW (HOTSPOT + MENU)    # # # # # # # # # # # */

:root {
  --menuBtn-bg1: rgba(70, 70, 70, 0.98);
  --menuBtn-bg2: rgba(35, 35, 35, 0.98);
  --menuBtn-border: rgba(255, 255, 255, 0.12);
  --menuBtn-text: #fff;

  --menuBtn-shadow-raised:
    0 10px 18px rgba(0, 0, 0, 0.35),
    0 2px 0 rgba(255, 255, 255, 0.10) inset,
    0 -2px 0 rgba(0, 0, 0, 0.28) inset;

  --menuBtn-shadow-pressed:
    0 2px 6px rgba(0, 0, 0, 0.25),
    0 8px 16px rgba(0, 0, 0, 0.25) inset,
    0 2px 0 rgba(255, 255, 255, 0.08) inset;
}


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

/* 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 {
  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 25px 0 !important;
}

/* wspólne cechy obu "przycisków" */
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 {
  display: inline-flex;
  align-items: center;
  line-height: 1.1;

  border-radius: 15px;
  color: var(--menuBtn-text) !important;
  text-decoration: none !important;

  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 0.12s ease, box-shadow 0.12s ease, filter 0.12s ease;
  will-change: transform, box-shadow;
}

/* lewy "przycisk" – tytuł strefy */
section.hotspot__wrapper[data-pagetype="main"] .hotspot__name.headline__wrapper > a.headline {
  justify-content: flex-start;
  padding: 12px 18px;
  min-width: 0;
  flex: 0 0 auto;
}

/* usunięcie podkreślenia */
section.hotspot__wrapper[data-pagetype="main"] .headline::after {
  display: none;
}

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;
  justify-content: center;
  padding: 12px 16px;
  white-space: nowrap;
}

/* 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(0.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(0.96);
}

/* focus */
section.hotspot__wrapper[data-pagetype="main"] .hotspot__name.headline__wrapper > a:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.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;
  }

  section.hotspot__wrapper[data-pagetype="main"] .headline__after {
    display: none !important;
  }
}

@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 */
/* # # # Ramka po najechaniu myszka na kafelek listingu # # # */
.product.hotspot__product.swiper-slide.d-flex.flex-column {
  padding: 15px;
  border: 1px solid transparent;
  border-radius: 15px;
  box-sizing: border-box;
  transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.product.hotspot__product.swiper-slide.d-flex.flex-column:hover {
  border-color: #c4c7c8;
}

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

#menu_categories .navbar-nav > .nav-item > .nav-link-wrapper {
  display: flex;
  align-items: stretch;
  gap: 8px;
}

/* 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 0.12s ease, box-shadow 0.12s ease, filter 0.12s ease;
  will-change: transform, box-shadow;
}

/* Przycisk rozwijania (strzałka) */
#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 0.12s ease, box-shadow 0.12s ease, filter 0.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(0.98);
  }
}

/* Active */
#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(0.96);
}

/* Focus */
#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, 0.55);
  outline-offset: 2px;
}

/* Drobna korekta ikony */
@media (min-width: 979px) {
  #menu_categories .nav-link-expand,
  #menu_categories .navbar-toggler {
    color: #fff;
  }
}

/* Responsive wg progów */
@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;
  }

  #menu_categories .navbar-nav > .nav-item > .nav-link-wrapper > button.nav-link-expand {
    width: 44px;
    min-width: 44px;
  }
}

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

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

@media (min-width: 1200px) {
  #menu_categories .navbar-nav > .nav-item > .nav-link-wrapper > a.nav-link {
    padding: 13px 20px;
  }
}

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

@media (min-width: 2560px) {
  #menu_categories .navbar-nav > .nav-item > .nav-link-wrapper > a.nav-link {
    padding: 15px 26px;
  }
}


/* # # # # # # # #  SZEROKOŚĆ CAŁEJ STRONY (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;
  }
}



/* # # # # # # # #  STRONA GLOWNA (ZM. 08.03.2026)    # # # # # # # # # # # */

/* SEKCJA HOTSPOT - ilosc produktow & strzalka w gore*/
@media (min-width: 757px) {
  .hotspot:not(.--list):not(.--added) .products__wrapper:not(.swiper) .products, .hotspot:not(.--list):not(.--added) .swiper:not(.swiper-initialized) .products {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }
}

@media (max-width: 978px) {
    #backTop {
    bottom: 8rem;
  }
}

@media (min-width: 979px) {
  .hotspot:not(.--list):not(.--added) .products__wrapper:not(.swiper) .products, .hotspot:not(.--list):not(.--added) .swiper:not(.swiper-initialized) .products {
    grid-template-columns: repeat(5,minmax(0,1fr));
  }
  
  #backTop {
    bottom: 10rem;
    margin-right: 1.5rem;
  }
}

.shopping_list_top.hover__wrapper {
  display: none;
}

.shopping_list_menu__block.--lists.slm_lists {
  display: none;
}




/* # # # # # # # #  MENU SKLEPU (ZM. 08.03.2026)    # # # # # # # # # # # */

/* OZYWIENIE MENU */
/* # # # # # # # #  MENU SKLEPU (hover z animacją od lewej do prawej)  # # # # # # # # */

/* Pozycja bazowa dla linków 2 i 3 poziomu */
#menu_categories a.nav-link.--l2,
#menu_categories a.nav-link.--l3 {
  position: relative;
  isolation: isolate;
  display: block;
  overflow: hidden;
  border-radius: 0 10px 10px 0;
  color: inherit;
  background: transparent;
  transition: color 0.22s ease, transform 0.14s ease;
}

/* Tło "jadące" od lewej do prawej */
#menu_categories a.nav-link.--l2::before,
#menu_categories a.nav-link.--l3::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--menuBtn-bg1), var(--menuBtn-bg2));
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.32s cubic-bezier(0.22, 0.61, 0.36, 1);
}



/* Hover / focus */
@media (hover: hover) and (pointer: fine) {
  #menu_categories a.nav-link.--l2:hover,
  #menu_categories a.nav-link.--l3:hover,
  #menu_categories a.nav-link.--l2:focus-visible,
  #menu_categories a.nav-link.--l3:focus-visible {
    color: var(--menuBtn-text);
  }

  #menu_categories a.nav-link.--l2:hover::before,
  #menu_categories a.nav-link.--l3:hover::before,
  #menu_categories a.nav-link.--l2:focus-visible::before,
  #menu_categories a.nav-link.--l3:focus-visible::before {
    transform: scaleX(1);
  }

  #menu_categories a.nav-link.--l2:hover::after,
  #menu_categories a.nav-link.--l3:hover::after,
  #menu_categories a.nav-link.--l2:focus-visible::after,
  #menu_categories a.nav-link.--l3:focus-visible::after {
    opacity: 1;
    transform: translateX(0) scale(1);
  }
}

/* Klik */
#menu_categories a.nav-link.--l2:active,
#menu_categories a.nav-link.--l3:active {
  transform: translateY(1px);
}



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

.product__details.py-1.px-3,
.product__compare.--has-child {
  display: none !important;
}

@media (min-width: 979px) {
  .products {
    --products-grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}


/* # # # # # # # #  ZAMIANA NA KARCIE PRODUKTU (ZM. 08.03.2026)    # # # # # # # # # # # */

#projector_variants_section {
  display: none !important;
}

#projector_stocks {
  display: none;
}

.product_name__action.--compare.--add.px-1 {
  display: none;
}

.product_name__action.--shopping-list.px-1.d-flex {
  display: none !important;
}

.product_name__block.--description.mt-3.mt-lg-1.mb-lg-2 {
  display: none;
}

.projector_details__wrapper.--oneclick {
  background: linear-gradient(180deg, rgba(100,166,186,0.10) 0%, #fff 100%);
  border-color: rgba(100,166,186,0.22);
  border-radius: 10px;
}

#projector_dictionary {
  display: none;
}

.projector_oneclick__label {
  display: none;
}

#projector_price_srp_wrapper {
  display: none !important;
}


@media (min-width: 97px) {
  .projector_page #content #projector_photos {
    background: var(--thumbnails-background);
    padding: 1rem 1rem 1rem 4rem;
    margin-left: -30px;
  }
}





/* 1) Główny box prawej kolumny – styl w kierunku sekcji g4m571 */
.projector_details__wrapper.--oneclick {
  background: #fff;
  border: 1px solid rgba(20, 20, 20, 0.08);
  border-radius: 22px;
  padding: 1.5rem;
  box-shadow:
    0 16px 38px rgba(0, 0, 0, 0.08),
    0 2px 0 rgba(255, 255, 255, 0.75) inset;
}

/* lekkie uporządkowanie odstępów wewnątrz */
.projector_details__wrapper.--oneclick > * + * {
  margin-top: 1rem;
}



/* 2) Ilość + przycisk kupna w jednym wierszu — final */
@media (min-width: 979px) {
  .projector_details #projector_buttons_section {
    grid-column: 1 / -1;
    width: 100%;
    min-width: 0;
    display: grid;
    grid-template-columns: 60px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
  }

  .projector_details #projector_buttons_section .projector_buy__number_wrapper {
    grid-column: 1;
    margin: 0;
  }

  .projector_details #projector_buttons_section #projector_button_basket,
  .projector_details #projector_buttons_section .projector_buy__button {
    grid-column: 2;
    width: 100%;
    min-width: 0;
    margin: 0;
    height: auto;
    justify-self: stretch;
  }

  .projector_details #projector_buttons_section .projector_tell_availability,
  .projector_details #projector_buttons_section > *:not(.projector_buy__number_wrapper):not(#projector_button_basket):not(.projector_buy__button) {
    grid-column: 1 / -1;
  }

  .projector_details #projector_oneclick_section {
    grid-column: 1 / -1;
    width: 100%;
    max-width: 50%;
    justify-self: start;
    margin-top: 12px;
  }
}

@media (max-width: 978px) {
  .projector_details #projector_buttons_section {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    width: 100%;
  }

  .projector_details #projector_buttons_section .projector_buy__number_wrapper,
  .projector_details #projector_buttons_section #projector_button_basket,
  .projector_details #projector_buttons_section .projector_buy__button {
    width: 100%;
    min-width: 0;
    margin: 0;
  }

  .projector_details #projector_oneclick_section {
    max-width: none;
  }
}






/* 3) Sekcja additional ma spaść pod oneclick, a nie siedzieć obok */
@media (min-width: 979px) {
  .projector_details {
    --projector-details-additional-section-grid-column: 1 / -1;
    column-gap: 2rem;
    row-gap: 1.25rem;
  }

  .projector_details #projector_oneclick_section {
    grid-column: 1 / -1;
  }

  .projector_details #projector_additional_section {
    grid-column: 1 / -1;
    margin-top: 1.25rem;
    padding-top: 0.75rem;
    border-top: 1px solid rgba(20, 20, 20, 0.08);
  }
  #projector_form .projector_buy[data-buttons-variant="dropdown"] {
  gap: 0rem;
  }
  
  .projector_details #projector_buttons_section .projector_buy__number_wrapper {
    margin: 5px;
  }
}

/* mobile – wracamy do układu pionowego */
@media (max-width: 756px) {
  .projector_details__wrapper.--oneclick {
    padding: 1rem;
    border-radius: 18px;
  }

  .projector_details__wrapper.--oneclick .projector_buy__number_wrapper,
  .projector_details__wrapper.--oneclick .projector_buy__button,
  .projector_details__wrapper.--oneclick #projector_button_basket {
    flex: 1 1 100%;
    min-width: 0;
  }
}










/* # # # # # # # #  OPINIE NA KARCIE PRODUKTU (ZM. 08.03.2026)  # # # # # # # # */

/* Główny box sekcji opinii */
#opinions_section.section.opinions {
  background: linear-gradient(180deg, rgba(100, 166, 186, 0.08) 0%, #ffffff 100%);
  border: 1px solid rgba(20, 20, 20, 0.08);
  border-radius: 22px;
  box-shadow:
    0 16px 38px rgba(0, 0, 0, 0.08),
    0 2px 0 rgba(255, 255, 255, 0.75) inset;
  padding: 1.5rem;
  margin-top: 2rem;
  overflow: visible;
}

/* Odstępy wewnętrzne */
#opinions_section.section.opinions > * + * {
  margin-top: 1rem;
}

/* Nagłówek sekcji */
#opinions_section .headline,
#opinions_section .section__title,
#opinions_section h2,
#opinions_section h3 {
  color: #1f2a30;
  line-height: 1.2;
  margin-bottom: 0.75rem;
}

/* Podsumowanie ocen / ilość opinii */
#opinions_section .note,
#opinions_section .opinions__summary,
#opinions_section .opinion_note,
#opinions_section .stars,
#opinions_section [class*="rating"] {
  color: #4e5c63;
}

/* Lista opinii */
#opinions_section .opinions__list,
#opinions_section .opinions_list,
#opinions_section ul,
#opinions_section ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Pojedyncza opinia jako karta */
#opinions_section .opinion,
#opinions_section .opinion__item,
#opinions_section .opinions__item,
#opinions_section li {
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(100, 166, 186, 0.16);
  border-radius: 16px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04);
  padding: 1rem 1.1rem;
}

/* Odstęp między opiniami */
#opinions_section .opinion + .opinion,
#opinions_section .opinion__item + .opinion__item,
#opinions_section .opinions__item + .opinions__item,
#opinions_section li + li {
  margin-top: 0.9rem;
}

/* Autor / data / meta */
#opinions_section .opinion__author,
#opinions_section .author,
#opinions_section .date,
#opinions_section time,
#opinions_section small,
#opinions_section [class*="author"],
#opinions_section [class*="date"] {
  color: #5f6d74;
  font-size: 0.95rem;
}

/* Treść opinii */
#opinions_section .opinion__content,
#opinions_section .description,
#opinions_section p {
  color: #243137;
  line-height: 1.65;
}

/* Formularz dodawania opinii */
#opinions_section form,
#opinions_section .opinion_form,
#opinions_section .opinions__form,
#opinions_section [class*="form"] {
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(100, 166, 186, 0.14);
  border-radius: 18px;
  padding: 1rem;
}

/* Pola formularza */
#opinions_section input,
#opinions_section select,
#opinions_section textarea {
  width: 100%;
  border: 1px solid rgba(31, 42, 48, 0.14);
  border-radius: 12px;
  background: #fff;
  color: #243137;
  padding: 0.8rem 0.95rem;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.03);
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

#opinions_section input:focus,
#opinions_section select:focus,
#opinions_section textarea:focus {
  border-color: rgba(100, 166, 186, 0.45);
  box-shadow: 0 0 0 3px rgba(100, 166, 186, 0.12);
  outline: none;
}

/* Przyciski w sekcji opinii */
#opinions_section .btn,
#opinions_section button,
#opinions_section input[type="submit"],
#opinions_section input[type="button"] {
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: linear-gradient(180deg, var(--menuBtn-bg1), var(--menuBtn-bg2));
  color: var(--menuBtn-text);
  box-shadow: var(--menuBtn-shadow-raised);
  padding: 0.9rem 1.25rem;
  transition: transform 0.12s ease, box-shadow 0.12s ease, filter 0.12s ease;
}

/* Kolor tła strefy */
.questions__banner {
  background: #f1f1f100;
}


@media (hover: hover) and (pointer: fine) {
  #opinions_section .btn:hover,
  #opinions_section button:hover,
  #opinions_section input[type="submit"]:hover,
  #opinions_section input[type="button"]:hover {
    box-shadow: var(--menuBtn-shadow-pressed);
    transform: translateY(2px);
    filter: brightness(0.98);
  }
}

/* Mobile */
@media (max-width: 756px) {
  #opinions_section.section.opinions {
    padding: 1rem;
    border-radius: 18px;
    margin-top: 1.25rem;
  }

  #opinions_section .opinion,
  #opinions_section .opinion__item,
  #opinions_section .opinions__item,
  #opinions_section li,
  #opinions_section form,
  #opinions_section .opinion_form,
  #opinions_section .opinions__form {
    padding: 0.9rem;
    border-radius: 14px;
  }
}



/* # # # # # # # #  PYTANIA O PRODUKT — CIEMNA WERSJA SPÓJNA Z g4m571  # # # # # # # # */

#product_questions_list.section.questions {
  background:
    linear-gradient(180deg, rgba(33, 37, 41, 0.96) 0%, rgba(18, 21, 24, 0.98) 100%);
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 22px;
  box-shadow:
    0 18px 42px rgba(0, 0, 0, 0.28),
    0 1px 0 rgba(255, 255, 255, 0.06) inset,
    0 -1px 0 rgba(0, 0, 0, 0.18) inset;
  padding: 1.5rem;
  margin-top: 2rem;
  color: #f3f5f6;
}

/* odstępy wewnętrzne */
#product_questions_list.section.questions > * + * {
  margin-top: 1rem;
}

/* nagłówki */
#product_questions_list .headline,
#product_questions_list .section__title,
#product_questions_list h2,
#product_questions_list h3,
#product_questions_list h4 {
  color: #ffffff;
  line-height: 1.2;
  margin-bottom: 0.75rem;
}

/* tekst pomocniczy / meta */
#product_questions_list .question__desc,
#product_questions_list .questions__desc,
#product_questions_list .note,
#product_questions_list small,
#product_questions_list [class*="desc"],
#product_questions_list [class*="note"],
#product_questions_list [class*="date"],
#product_questions_list [class*="author"],
#product_questions_list time {
  color: rgba(255, 255, 255, 0.72);
}

/* lista */
#product_questions_list .questions__list,
#product_questions_list .questions_list,
#product_questions_list ul,
#product_questions_list ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* pojedyncze pytanie / odpowiedź */
#product_questions_list .question,
#product_questions_list .question__item,
#product_questions_list .questions__item,
#product_questions_list li {
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  box-shadow:
    0 10px 24px rgba(0, 0, 0, 0.18),
    0 1px 0 rgba(255, 255, 255, 0.04) inset;
  padding: 1rem 1.1rem;
}

#product_questions_list .question + .question,
#product_questions_list .question__item + .question__item,
#product_questions_list .questions__item + .questions__item,
#product_questions_list li + li {
  margin-top: 0.9rem;
}

/* treść */
#product_questions_list .question__content,
#product_questions_list .question__text,
#product_questions_list .answer,
#product_questions_list .answer__content,
#product_questions_list p {
  color: #eef2f3;
  line-height: 1.65;
}

/* formularz */
#product_questions_list form,
#product_questions_list .question_form,
#product_questions_list .questions__form,
#product_questions_list [class*="form"] {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  padding: 1rem;
}

/* pola */
#product_questions_list input,
#product_questions_list select,
#product_questions_list textarea {
  width: 100%;
  background: rgba(255, 255, 255, 0.96);
  color: #1f2a30;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 12px;
  padding: 0.8rem 0.95rem;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

#product_questions_list input:focus,
#product_questions_list select:focus,
#product_questions_list textarea:focus {
  border-color: rgba(100, 166, 186, 0.55);
  box-shadow: 0 0 0 3px rgba(100, 166, 186, 0.18);
  outline: none;
}

/* przyciski */
#product_questions_list .btn,
#product_questions_list button,
#product_questions_list input[type="submit"],
#product_questions_list input[type="button"] {
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: linear-gradient(180deg, var(--menuBtn-bg1), var(--menuBtn-bg2));
  color: var(--menuBtn-text);
  box-shadow: var(--menuBtn-shadow-raised);
  padding: 0.9rem 1.25rem;
  transition: transform 0.12s ease, box-shadow 0.12s ease, filter 0.12s ease;
}

@media (hover: hover) and (pointer: fine) {
  #product_questions_list .btn:hover,
  #product_questions_list button:hover,
  #product_questions_list input[type="submit"]:hover,
  #product_questions_list input[type="button"]:hover {
    box-shadow: var(--menuBtn-shadow-pressed);
    transform: translateY(2px);
    filter: brightness(1.03);
  }
}

@media (max-width: 756px) {
  #product_questions_list.section.questions {
    padding: 1rem;
    border-radius: 18px;
    margin-top: 1.25rem;
  }

  #product_questions_list .question,
  #product_questions_list .question__item,
  #product_questions_list .questions__item,
  #product_questions_list li,
  #product_questions_list form,
  #product_questions_list .question_form,
  #product_questions_list .questions__form {
    padding: 0.9rem;
    border-radius: 14px;
  }
}







/* # # # # # # # #  WCZEŚNIEJSZE ZMIANY - UKRYCIE ILOŚCI SZT NA KARCIE    # # # # # # # # # # # */



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