/* ===== Multipack / rabaty ilościowe – mobile fix + bez czerwonej kropki ===== */

/* Tytuł */
#projector_rebateNumber .projector_multipack__label {
  display: block;
  font-weight: 700;
  margin-bottom: 12px;
  font-size: 16px;
}

/* Wrapper */
#projector_rebateNumber .projector_multipack__wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: -6px;
  justify-content: flex-start;   /* desktop: standardowo od lewej */
  overflow: visible;             /* nic nie ucina się poza wrapperem */
}

/* Pojedyncza opcja */
#projector_rebateNumber .projector_multipack__item {
  position: relative;
  margin: 6px;
  flex: 1 1 200px;
  min-width: 190px;
  box-sizing: border-box;
}

/* 1) Schowaj radio + pseudo-kropki */
#projector_rebateNumber .projector_multipack__item input[type="radio"] {
  position: absolute;
  left: -9999px;
  top: 0;
  opacity: 0;
}
#projector_rebateNumber .projector_multipack__item:before,
#projector_rebateNumber .projector_multipack__item:after,
#projector_rebateNumber .projector_multipack__item .f-label:before,
#projector_rebateNumber .projector_multipack__item .f-label:after {
  content: none;
  display: none;
  background: none;
  border: 0;
  box-shadow: none;
}

/* 2) Kafelek (label) */
#projector_rebateNumber .projector_multipack__item .f-label {
  display: block;
  width: 100%;
  padding: 14px 16px;
  border: 2px solid #dddddd;
  border-radius: 10px;
  background: #ffffff;
  text-align: center;
  cursor: pointer;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
  box-sizing: border-box;         /* zapobiega „rozpychaniu” szerokości */
  white-space: normal;            /* tekst się zawija */
  word-break: normal;
  overflow-wrap: anywhere;        /* awaryjnie zawija bardzo długie słowa/liczby */
}

/* Hover/Focus/Checked */
#projector_rebateNumber .projector_multipack__item .f-label:hover {
  border-color: #0d6efd;
  box-shadow: 0 10px 22px rgba(0,0,0,0.10);
}
#projector_rebateNumber .projector_multipack__item input[type="radio"]:focus + .f-label {
  box-shadow: 0 0 0 3px rgba(13,110,253,0.25);
  border-color: #0d6efd;
}
#projector_rebateNumber .projector_multipack__item input[type="radio"]:checked + .f-label {
  border-color: #0d6efd;
  background: #f2f7ff;
  box-shadow: 0 10px 22px rgba(0,0,0,0.10);
}

/* 3) Typografia wnętrza */
#projector_rebateNumber .projector_multipack__from {
  display: inline-block;
  font-weight: 800;
  font-size: 18px;
  margin-right: 4px;
}
#projector_rebateNumber .projector_multipack__unit {
  display: inline-block;
  font-weight: 600;
  opacity: .9;
  font-size: 14px;
}

/* Cena + „netto / sztuka” w nowej linii */
#projector_rebateNumber .projector_multipack__price {
  display: block;
  margin-top: 6px;
  font-weight: 800;
  font-size: 16px;
  color: #111111;
  white-space: normal;
}
#projector_rebateNumber .projector_multipack__price:after {
  content: " / sztuka";
  display: inline;
  font-weight: 600;
  font-size: 12px;
  color: #555555;
  margin-left: 4px;
}

/* Rabat – „Oszczędzasz dodatkowe X%” */
#projector_rebateNumber .projector_multipack__literal {
  display: none;
}
#projector_rebateNumber .projector_multipack__percent {
  display: block;
  margin-top: 4px;
  font-weight: 700;
  font-size: 14px;
  color: #24a148;
  white-space: normal;
}
#projector_rebateNumber .projector_multipack__percent:before {
  content: "Oszczędzasz dodatkowe ";
}
#projector_rebateNumber .projector_multipack__percent:after {
  content: "%";
}

/* ===== MOBILE: wyśrodkuj i nie ucinaj z prawej ===== */
@media (max-width: 480px) {
  /* Wyśrodkuj wiersze z kafelkami */
  #projector_rebateNumber .projector_multipack__wrapper {
    justify-content: center;      /* centrum */
    margin-left: -6px;
    margin-right: -6px;
  }
  /* Kafelek zajmuje pełną szerokość w bezpiecznych ramach i jest wyśrodkowany */
  #projector_rebateNumber .projector_multipack__item {
    flex: 0 1 460px;              /* elastycznie, ale nie szerzej niż 460px */
    width: 100%;
    max-width: 460px;
    margin-left: auto;            /* wyśrodkuj */
    margin-right: auto;
  }
  #projector_rebateNumber .projector_multipack__item .f-label {
    padding: 12px 14px;           /* trochę ciaśniej na mobile */
    text-align: center;           /* zostawiamy środek */
    overflow: visible;            /* nic nie ucina */
  }
}

/* ===== Tryb ciemny (opcjonalnie) ===== */
@media (prefers-color-scheme: dark) {
  #projector_rebateNumber .projector_multipack__item .f-label {
    background: #101418;
    border-color: #2b2f36;
    color: #e9edf3;
  }
  #projector_rebateNumber .projector_multipack__item input[type="radio"]:checked + .f-label {
    background: #0e1a29;
    border-color: #5aa0ff;
  }
  #projector_rebateNumber .projector_multipack__price {
    color: #e9f1ff;
  }
}

/* ⛔️ Brak stylów dla .projector_buy__more_button – nie ingerujemy w plus/minus */

#order2_info_sub3 {
    display: none;
}



/* Wspólne style dla wszystkich etykiet */
.label_icons .label {
    font-size: 1rem;
    margin-right: 2px;
    margin-bottom: 2px;
    padding: .4rem 1.1rem .2rem;
    border-radius: 0;
    border: 1px solid transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: fit-content;
    font-family: 'Overpass Mono','Open sans',"Arial",sans-serif;
    font-weight: 700;
}
 
/* Promocja - UKRYTA */
.label_icons .label.--promo {
    display: none !important;
}
 
/* Polecany - WIDOCZNY z niestandardowym tekstem */
.label_icons .label.--distinguished {
    background-color: #da251d; /* ← ZMIEŃ KOLOR TŁA TUTAJ */
    color: #ffffff;
    border-color: #da251d; /* ← ZMIEŃ KOLOR OBRAMOWANIA TUTAJ */
    font-size: 0; /* Ukrywa oryginalny tekst */
}

/* Niestandardowy tekst dla Polecany */
.label_icons .label.--distinguished::before {
    content: "POMYSŁ NA PREZENT"; /* ← ZMIEŃ TEKST TUTAJ */
    font-size: 1rem; /* ← MUSI BYĆ WIDOCZNY! */
    color: #ffffff; /* ← ZMIEŃ KOLOR TEKSTU TUTAJ */
}
 
/* Bestseller - WIDOCZNY */
.label_icons .label.--bestseller {
    background-color: #000000;
    color: #ffffff;
}
 
/* Nowość - WIDOCZNA (bez zmian) */
/* .label_icons .label.--new - używa domyślnych stylów */


/* Przecena - NIEWIDOCZNA */
.label_icons .label.--discount {
    display: none !important;
}