.cop_rebate_code{
display: none !important;
}
.oscop_rebate_code{
display: none !important;
}
.oscop_payments__change_link {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;

  margin-top: 0.75rem;
  padding: 0.45rem 1.2rem;

  border-radius: 999px;
  border: 1px solid #00beff;                 /* główny fiolet */
  background: rgba(0, 190, 255, 0.08);      /* jasne tło pod fiolet */

  font-size: 0;                               /* ukrywa oryginalny tekst */
  color: #0095cc;                             /* kolor tekstu/ikon */

  text-decoration: none;
  cursor: pointer;

  transition:
    background 160ms ease,
    color 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease,
    transform 120ms ease;
}

/* nowy tekst przycisku */
.oscop_payments__change_link::before {
  content: "Kliknij aby zmienić formę płatności";                  /* zmienisz tu tekst jak trzeba */
  font-size: 1.3rem;
  font-weight: 600;
}

/* kółko/strzałka obok tekstu */
.oscop_payments__change_link::after {
  content: "⟳";
  font-size: 1.2rem;
  opacity: 0.85;
}

/* hover / focus – mocniejszy fiolet */
.oscop_payments__change_link:hover,
.oscop_payments__change_link:focus-visible {
  background: #00beff;
  color: #ffffff;
  border-color: #0095cc;
  box-shadow: 0 8px 18px rgba(0, 150, 204, 0.35);
  transform: translateY(-1px);
}

/* pseudo-elementy dziedziczą kolor */
.oscop_payments__change_link:hover::before,
.oscop_payments__change_link:hover::after,
.oscop_payments__change_link:focus-visible::before,
.oscop_payments__change_link:focus-visible::after {
  color: inherit;
}

/* focus dla klawiatury */
.oscop_payments__change_link:focus-visible {
  outline: 2px solid #6b4bb8;
  outline-offset: 2px;
}

/* mobile – większy hit area */
@media (max-width: 768px) {
  .oscop_payments__change_link::before,
  .oscop_payments__change_link::after {
    font-size: 1.3rem;
  }

  .oscop_payments__change_link {
    padding: 0.5rem 1.3rem;
  }
}

.oscop_deliveries__change_link {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;

  margin-top: 0.75rem;
  padding: 0.45rem 1.2rem;

  border-radius: 999px;
  border: 1px solid #00beff;                 /* główny fiolet */
  background: rgba(0, 190, 255, 0.08);      /* jasne tło pod fiolet */

  font-size: 0;                               /* ukrywa oryginalny tekst */
  color: #0095cc;                             /* kolor tekstu/ikon */

  text-decoration: none;
  cursor: pointer;

  transition:
    background 160ms ease,
    color 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease,
    transform 120ms ease;
}

/* nowy tekst przycisku */
.oscop_deliveries__change_link::before {
  content: "Kliknij aby zmienić formę dostawy";                  /* zmienisz tu tekst jak trzeba */
  font-size: 1.3rem;
  font-weight: 600;
}

/* kółko/strzałka obok tekstu */
.oscop_deliveries__change_link::after {
  content: "⟳";
  font-size: 1.2rem;
  opacity: 0.85;
}

/* hover / focus – mocniejszy fiolet */
.oscop_deliveries__change_link:hover,
.oscop_deliveries__change_link:focus-visible {
  background: #00beff;
  color: #fdfbff;
  border-color: #0095cc;
  box-shadow: 0 8px 18px rgba(0, 150, 204, 0.35);
  transform: translateY(-1px);
}

/* pseudo-elementy dziedziczą kolor */
.oscop_deliveries__change_link:hover::before,
.oscop_deliveries__change_link:hover::after,
.oscop_deliveries__change_link:focus-visible::before,
.oscop_deliveries__change_link:focus-visible::after {
  color: inherit;
}

/* focus dla klawiatury */
.oscop_deliveries__change_link:focus-visible {
  outline: 2px solid #00beff;
  outline-offset: 2px;
}

/* mobile – większy hit area */
@media (max-width: 768px) {
  .oscop_deliveries__change_link::before,
  .oscop_deliveries__change_link::after {
    font-size: 1.3rem;
  }

  .oscop_deliveries__change_link {
    padding: 0.5rem 1.3rem;
  }
}

@font-face{
  font-family: "MM-FontAwesome";
  src: url("/fonts/fontawesome-good.woff2") format("woff2"),
       url("/fonts/fontawesome-good.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.headerBasket__link::before{
  content: "\E89A";
  font-family: "MM-FontAwesome" !important;
  font-weight: normal;
  font-style: normal;
}
.oscop_deliveries__item[data-id="100044"]{
  position: relative;
  isolation: isolate;
}

.oscop_deliveries__item[data-id="100044"]::after{
  content: "Najtaniej!";
  position: absolute;
  top: 12px;
  right: 14px;
  z-index: 5;

  padding: 6px 10px;
  border-radius: 999px;

  font-size: 12px;
  line-height: 1;
  font-weight: 600;
  letter-spacing: 0.2px;

  color: #0b5c75;
  background: rgba(0, 166, 226, 0.10);
  border: 1px solid rgba(0, 166, 226, 0.18);

  pointer-events: none;
}

@media (max-width: 520px){
  .oscop_deliveries__item[data-id="100044"]::after{
    top: 10px;
    right: 12px;
    padding: 5px 9px;
    font-size: 11px;
  }
}



/* FIX: separator dla KURIERA i ODBIORU ma być NAD kartą (nie nachodzić).
   Zamiast padding-top (który u Ciebie nie “odsuwa” karty), robimy:
   - margin-top = robi miejsce
   - ::before/::after ustawione z ujemnym topem = rysują się w tym miejscu */

.oscop_deliveries__block.--now .oscop_deliveries__section{
  --sep-color: #00beff;
  --sep-bg: #fff;
  --sep-gutter: 14px;
  --sep-top-pad: 26px;     /* wysokość “obszaru” na separator */
  --sep-gap: 18px;         /* odstęp między sekcjami */
  --sep-line-h: 2px;

  position: relative;
  padding-top: var(--sep-top-pad);
  display: flex;
  flex-direction: column;
}

/* Odbiór osobisty na koniec */
.oscop_deliveries__block.--now .oscop_deliveries__item[data-id="0"]{ order: 999; }

/* ===== AUTO (na górze) ===== */
.oscop_deliveries__block.--now .oscop_deliveries__section::before{
  content: "Automaty paczkowe i punkty odbioru";
  position: absolute;
  left: var(--sep-gutter);
  top: 0;
  padding-right: 12px;
  background: var(--sep-bg);
  color: var(--sep-color);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .01em;
  line-height: 1.2;
  pointer-events: none;
  z-index: 1;
}
.oscop_deliveries__block.--now .oscop_deliveries__section::after{
  content: "";
  position: absolute;
  left: var(--sep-gutter);
  right: var(--sep-gutter);
  top: 12px;
  height: var(--sep-line-h);
  background: var(--sep-color);
  border-radius: 999px;
  pointer-events: none;
}

/* =========================================================
   KURIER: pierwszy kurier po pickupach
   ========================================================= */
.oscop_deliveries__block.--now
.oscop_deliveries__item.--pickup + .oscop_deliveries__item:not(.--pickup):not([data-id="0"]){
  position: relative;
  overflow: visible;
  margin-top: calc(var(--sep-gap) + var(--sep-top-pad)); /* robi miejsce NAD kartą */
}

/* napis */
.oscop_deliveries__block.--now
.oscop_deliveries__item.--pickup + .oscop_deliveries__item:not(.--pickup):not([data-id="0"])::before{
  content: "Dostawa kurierska";
  position: absolute;
  left: var(--sep-gutter);
  top: calc(-1 * var(--sep-top-pad)); /* rysuj w “miejscu” nad kartą */
  padding-right: 12px;
  background: var(--sep-bg);
  color: var(--sep-color);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .01em;
  line-height: 1.2;
  pointer-events: none;
  z-index: 1;
}

/* kreska */
.oscop_deliveries__block.--now
.oscop_deliveries__item.--pickup + .oscop_deliveries__item:not(.--pickup):not([data-id="0"])::after{
  content: "";
  position: absolute;
  left: var(--sep-gutter);
  right: var(--sep-gutter);
  top: calc(-1 * (var(--sep-top-pad) - 12px)); /* 12px od góry jak w AUTO */
  height: var(--sep-line-h);
  background: var(--sep-color);
  border-radius: 999px;
  pointer-events: none;
}

/* =========================================================
   ODBIÓR OSOBISTY: zawsze na końcu + separator NAD kartą
   ========================================================= */
.oscop_deliveries__block.--now .oscop_deliveries__item[data-id="0"]{
  position: relative;
  overflow: visible;
  margin-top: calc(var(--sep-gap) + var(--sep-top-pad));
}

.oscop_deliveries__block.--now .oscop_deliveries__item[data-id="0"]::before{
  content: "Odbiór osobisty";
  position: absolute;
  left: var(--sep-gutter);
  top: calc(-1 * var(--sep-top-pad));
  padding-right: 12px;
  background: var(--sep-bg);
  color: var(--sep-color);
  font-size: 14px;
  font-weight: 800;
  letter-spacing: .01em;
  line-height: 1.2;
  pointer-events: none;
  z-index: 1;
}

.oscop_deliveries__block.--now .oscop_deliveries__item[data-id="0"]::after{
  content: "";
  position: absolute;
  left: var(--sep-gutter);
  right: var(--sep-gutter);
  top: calc(-1 * (var(--sep-top-pad) - 12px));
  height: var(--sep-line-h);
  background: var(--sep-color);
  border-radius: 999px;
  pointer-events: none;
}

/* Mobile */
@media (max-width: 480px){
  .oscop_deliveries__block.--now .oscop_deliveries__section{ --sep-gutter: 12px; }
  .oscop_deliveries__block.--now .oscop_deliveries__section::before,
  .oscop_deliveries__block.--now
  .oscop_deliveries__item.--pickup + .oscop_deliveries__item:not(.--pickup):not([data-id="0"])::before,
  .oscop_deliveries__block.--now .oscop_deliveries__item[data-id="0"]::before{
    font-size: 13px;
  }
}

/* ✅ FIX: w stanie po wyborze (.--selected) wyłączamy CAŁY “tryb flex/order”
   bo to potrafi psuć klik w "Zmień" (klik łapie label/radio pod spodem).
   Wklej NA SAM KONIEC (override). */

.oscop_deliveries__block.--now.--selected .oscop_deliveries__section{
  display: block !important;   /* cofka z flex */
  padding-top: 0 !important;   /* cofka separator-padding */
}

.oscop_deliveries__block.--now.--selected .oscop_deliveries__item{
  order: initial !important;   /* cofka sortowania */
  margin-top: 0 !important;    /* cofka separator-margins */
  padding-top: 0 !important;   /* cofka separator-padding na itemach */
}

/* link "Zmień" zawsze nad klikanymi labelami */
.oscop_deliveries__block.--now.--selected .oscop_deliveries__change{
  position: relative;
  z-index: 9999;
  background: #fff;
}

.oscop_deliveries__block.--now.--selected .oscop_deliveries__change_link{
  position: relative;
  z-index: 10000;
}

/* i dalej chowamy paski w --selected (jak już masz) */
.oscop_deliveries__block.--now.--selected .oscop_deliveries__section::before,
.oscop_deliveries__block.--now.--selected .oscop_deliveries__section::after,
.oscop_deliveries__block.--now.--selected
  .oscop_deliveries__item.--pickup + .oscop_deliveries__item:not(.--pickup):not([data-id="0"])::before,
.oscop_deliveries__block.--now.--selected
  .oscop_deliveries__item.--pickup + .oscop_deliveries__item:not(.--pickup):not([data-id="0"])::after,
.oscop_deliveries__block.--now.--selected .oscop_deliveries__item[data-id="0"]::before,
.oscop_deliveries__block.--now.--selected .oscop_deliveries__item[data-id="0"]::after{
  content: none !important;
}


/* Cofka: przywróć przycisk "Zmień" (poprzedni selektor z pickup_address był za szeroki) */
.oscop_deliveries__change{
  display: block !important;
}

/* Ukrywaj go TYLKO gdy otwarty jest modal wyboru punktu (URL ma #findYourNearestPickupPoint / #chooseAnotherPickupPoint) */
@supports selector(:has(*)) {
  body:has(#findYourNearestPickupPoint:target) .oscop_deliveries__change,
  body:has(#chooseAnotherPickupPoint:target) .oscop_deliveries__change{
    display: none !important;
  }
}

/* Jeśli masz jeszcze gdzieś ten stary (zbyt szeroki) warunek, dobijamy go tym nadpisaniem:
   (przycisk ma być widoczny w normalnym widoku checkoutu mimo obecności pickup address) */
@supports selector(:has(*)) {
  body:not(:has(#findYourNearestPickupPoint:target)):not(:has(#chooseAnotherPickupPoint:target))
  .oscop_deliveries__change{
    display: block !important;
  }
}
/* FIX: "Zmień dostawę" ma być tylko nad kartami/labelami, nie nad modalem mapy */
.oscop_deliveries__block.--now.--selected .oscop_deliveries__change{
  position: relative;
  z-index: 2 !important;   /* było 9999 */
  background: #fff;
}

.oscop_deliveries__block.--now.--selected .oscop_deliveries__change_link{
  position: relative;
  z-index: 3 !important;   /* było 10000 */
}
/* FIX: usuń "ducha" kafelka odbioru osobistego w stanie --selected */
.oscop_deliveries__block.--now.--selected .oscop_deliveries__item[data-id="0"]{
  display: none !important;   /* znika i nie zostawia pustego miejsca */
}
/* ✅ FIX: po wyborze nie zostawiaj niewidzialnych kafelków pod przyciskiem.
   W stanie --selected pokazujemy tylko aktualnie zaznaczoną metodę. */
@supports selector(:has(input:checked)) {
  /* chowamy wszystkie kafelki (żeby nic niewidzialnego nie klikało) */
  .oscop_deliveries__block.--now.--selected .oscop_deliveries__item{
    display: none !important;
    pointer-events: none !important;
  }

  /* pokazujemy tylko wybrany (radio checked) */
  .oscop_deliveries__block.--now.--selected
  .oscop_deliveries__item:has(input[type="radio"]:checked){
    display: block !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    height: auto !important;
  }

  /* (opcjonalnie) gdyby plugin chował przez inne klasy */
  .oscop_deliveries__block.--now.--selected .oscop_deliveries__item.--selected,
  .oscop_deliveries__block.--now.--selected .oscop_deliveries__item.is-selected,
  .oscop_deliveries__block.--now.--selected .oscop_deliveries__item.selected{
    display: block !important;
    pointer-events: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    height: auto !important;
  }
}
/* Domyślnie (lista rozwinięta) – chowamy "Zmień" */
.oscop_deliveries__block.--now:not(.--selected) .oscop_deliveries__change{
  display: none !important;
}

/* Po wyborze (lista zwinięta) – pokazujemy "Zmień" */
.oscop_deliveries__block.--now.--selected .oscop_deliveries__change{
  display: block !important;
}

/* Sam link też zabezpiecz */
.oscop_deliveries__block.--now:not(.--selected) .oscop_deliveries__change_link{
  display: none !important;
}
.oscop_deliveries__block.--now.--selected .oscop_deliveries__change_link{
  display: inline-flex !important;
}