/* Barlow Condensed 700 + DM Sans (400–700, italic 400) — pliki lokalne */

@font-face {
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/file/311/barlow-700-latin") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/file/310/barlow-700") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "DM Sans";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/file/313/dm-400-ext") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "DM Sans";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/file/312/dm-400") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/file/315/dm-sans-ext") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("/file/314/dm-sans") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Okazja miesiąca — mobile / tablet (770+) / desktop (1250+) */

#okazja,
#okazja * {
  box-sizing: border-box;
}

#okazja {
  --okazja-bg: #f3efe6;
  --okazja-green: #1e4631;
  --okazja-text: #20262a;
  --okazja-muted: #5c686f;
  --okazja-savings: #2d6a4f;
  --okazja-magenta: #e00369;
  --okazja-teal: #0c7584;
  --okazja-teal-badge: #0f92a4;
  --okazja-ink: #000000;
  --okazja-white: #ffffff;
  --okazja-line: rgba(30, 70, 49, 0.12);
  --okazja-line-strong: rgba(30, 70, 49, 0.15);
  --okazja-shadow: 0 8px 24px rgba(11, 43, 50, 0.08);
  --okazja-shadow-buybox: 0 6px 20px rgba(11, 43, 50, 0.07);
  --okazja-font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --okazja-font-body: "DM Sans", "Segoe UI", sans-serif;
  --okazja-pad: 1rem;
  --okazja-title-size: clamp(2.25rem, calc(2.25rem + 1.75 * ((100vw - 22.375rem) / 57.625)), 4rem);
  --okazja-season: #985831;
  --okazja-season-gap: 8.93px;
  --okazja-season-mark-w: 35.73px;
  --okazja-season-mark-h: 30.82px;
  --okazja-season-title: 18px;
  --okazja-season-sub: 12.5px;
  --okazja-price-amount: 3.25rem;
  --okazja-price-currency: 1.75rem;
  --okazja-discount-size: 3.25rem;
  --okazja-discount-font: 1.25rem;
  --okazja-badge-max: 19.875rem;

  position: relative;
  display: block;
  width: 100%;
  max-width: 1280px;
  margin-inline: auto;
  overflow: hidden;
  background: var(--okazja-bg);
  border-radius: 1.5rem;
  box-shadow: var(--okazja-shadow);
  color: var(--okazja-text);
  font-family: var(--okazja-font-body);
  font-optical-sizing: auto;
  line-height: 1.5;
}

#okazja h2,
#okazja p,
#okazja ul {
  margin: 0;
}

/* —— Tło botaniczne (warstwa karty) —— */

#okazja .okazja-backdrop {
  position: absolute;
  z-index: 0;
  left: 9.2%;
  top: 37.5%;
  width: 127.4%;
  height: 26.8%;
  overflow: hidden;
  border-radius: 1rem;
  opacity: 0.28;
  pointer-events: none;
}

#okazja .okazja-backdrop-image {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  max-width: none;
  height: 100%;
  object-fit: cover;
  object-position: 72% 40%;
}

#okazja .okazja-backdrop-wash {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(
    52.21deg,
    rgb(243, 239, 230) 30.05%,
    rgba(243, 239, 230, 0) 58.96%
  );
}

#okazja .okazja-container {
  position: relative;
  z-index: 1;
  padding: var(--okazja-pad);
}

#okazja .okazja-layout {
  display: grid;
  grid-template-columns: minmax(0, 139.5fr) minmax(0, 170.5fr);
  column-gap: 1rem;
  row-gap: 1rem;
  align-items: start;
}

#okazja .okazja-copy,
#okazja .okazja-stage {
  display: contents;
}

#okazja .okazja-badge {
  grid-column: 1 / -1;
  grid-row: 1;
  display: block;
  width: min(100%, var(--okazja-badge-max));
  height: auto;
}

#okazja .okazja-season {
  grid-column: 1 / -1;
  grid-row: 5;
  display: flex;
  align-items: center;
  gap: var(--okazja-season-gap);
  width: fit-content;
  margin: 0;
  color: var(--okazja-season);
  font-family: var(--okazja-font-display);
  letter-spacing: 1px;
  text-transform: uppercase;
}

#okazja .okazja-season-mark {
  flex-shrink: 0;
  display: block;
  width: var(--okazja-season-mark-w);
  height: var(--okazja-season-mark-h);
}

#okazja .okazja-season-text {
  display: flex;
  flex-direction: column;
  line-height: normal;
}

#okazja .okazja-season-line {
  display: block;
  font-size: var(--okazja-season-title);
  font-weight: 600;
}

#okazja .okazja-season-line-sub {
  font-size: var(--okazja-season-sub);
  font-weight: 500;
}

/* —— Ikony PNG (kolor przez maskę) —— */

#okazja .okazja-icon {
  flex-shrink: 0;
  display: block;
  border: 0;
  background-repeat: no-repeat;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}

#okazja .okazja-icon-green {
  background-color: var(--okazja-green);
}

#okazja .okazja-icon-teal {
  background-color: var(--okazja-teal);
}

#okazja .okazja-icon-kropla,
#okazja .okazja-icon-lisc {
  width: 1rem;
  height: 1rem;
}

#okazja .okazja-icon-kropla {
  mask-image: url("/img/ident/10-26-kropla");
  -webkit-mask-image: url("/img/ident/10-26-kropla");
}

#okazja .okazja-icon-lisc {
  mask-image: url("/img/ident/10-26-lisc");
  -webkit-mask-image: url("/img/ident/10-26-lisc");
}

#okazja .okazja-icon-epp {
  width: 0.8125rem;
  height: 0.9375rem;
  mask-image: url("/img/ident/10-26-epp");
  -webkit-mask-image: url("/img/ident/10-26-epp");
}

#okazja .okazja-icon-calendar,
#okazja .okazja-icon-package {
  width: 0.875rem;
  height: 0.875rem;
  margin-top: 0.05rem;
}

#okazja .okazja-icon-calendar {
  mask-image: url("/img/ident/10-26-kalendarz");
  -webkit-mask-image: url("/img/ident/10-26-kalendarz");
}

#okazja .okazja-icon-package {
  mask-image: url("/img/ident/10-26-paczka");
  -webkit-mask-image: url("/img/ident/10-26-paczka");
}

#okazja .okazja-identity {
  grid-column: 1 / -1;
  grid-row: 2;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
  container-type: inline-size;
}

#okazja .okazja-title {
  color: var(--okazja-green);
  font-family: var(--okazja-font-display);
  font-size: min(var(--okazja-title-size), 14.5cqi);
  font-weight: 700;
  line-height: 1.05;
  white-space: nowrap;
}

#okazja .okazja-lead {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}

#okazja .okazja-classification {
  color: var(--okazja-muted);
  font-size: 0.8125rem;
  font-style: italic;
  line-height: normal;
}

#okazja .okazja-divider {
  grid-column: 1 / -1;
  grid-row: 3;
  width: 100%;
  height: 1px;
  margin: 0;
  border: 0;
  background: var(--okazja-line-strong);
}

#okazja .okazja-scene {
  grid-column: 1;
  grid-row: 4;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 11.25rem;
  overflow: visible;
  border-radius: 1rem;
}

#okazja .okazja-packshot {
  position: relative;
  z-index: 1;
  display: block;
  width: 92%;
  height: auto;
  max-height: 10.625rem;
  object-fit: contain;
}

#okazja .okazja-benefits {
  grid-column: 2;
  grid-row: 4;
  align-self: start;
  display: flex;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

#okazja .okazja-benefit {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding-block: 0.75rem;
  color: var(--okazja-text);
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: normal;
}

#okazja .okazja-benefit + .okazja-benefit {
  border-top: 1px solid var(--okazja-line);
}

#okazja .okazja-buybox {
  grid-column: 1 / -1;
  grid-row: 6;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  min-width: 0;
  padding: 1.25rem 1.5rem;
  background: var(--okazja-white);
  border-radius: 1rem;
  box-shadow: var(--okazja-shadow-buybox);
}

#okazja .okazja-price-summary {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

#okazja .okazja-price-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.875rem;
}

#okazja .okazja-price {
  display: flex;
  align-items: baseline;
  gap: 0.2em;
  color: var(--okazja-text);
  font-family: var(--okazja-font-display);
  font-weight: 700;
  line-height: 1;
}

#okazja .okazja-price-amount {
  font-size: var(--okazja-price-amount);
}

#okazja .okazja-price-currency {
  font-size: var(--okazja-price-currency);
}

#okazja .okazja-discount {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: var(--okazja-discount-size);
  height: var(--okazja-discount-size);
  border-radius: 999px;
  background: var(--okazja-teal-badge);
  color: var(--okazja-white);
  font-family: var(--okazja-font-display);
  font-size: var(--okazja-discount-font);
  font-weight: 700;
  line-height: 1;
  transform: rotate(-7deg);
}

#okazja .okazja-savings {
  color: var(--okazja-savings);
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.5;
}

#okazja .okazja-price-meta {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

#okazja .okazja-price-meta p {
  color: var(--okazja-ink);
  font-size: 0.75rem;
  line-height: normal;
}

#okazja .okazja-price-meta s,
#okazja .okazja-price-meta strong {
  font-family: var(--okazja-font-display);
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -0.3px;
  line-height: normal;
}

#okazja .okazja-actions {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

#okazja .okazja-cart {
  display: contents;
}

#okazja .okazja-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  min-width: 2.75rem;
  min-height: 3rem;
  padding: 0.75rem 1rem;
  border: 1px solid transparent;
  border-radius: 0.5rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  text-decoration: none;
}

#okazja button.okazja-cta {
  width: 100%;
  font-family: inherit;
  cursor: pointer;
}

#okazja .okazja-cta:focus {
  outline: 3px solid var(--okazja-teal);
  outline-offset: 3px;
}

#okazja .okazja-cta:focus:not(:focus-visible) {
  outline: none;
}

#okazja .okazja-cta:focus-visible {
  outline: 3px solid var(--okazja-teal);
  outline-offset: 3px;
}

#okazja .okazja-cta-primary {
  background: var(--okazja-magenta);
  color: var(--okazja-white);
}

#okazja .okazja-cta-primary:hover {
  background: #c4025c;
}

#okazja .okazja-cta-primary:active {
  background: #a80250;
}

#okazja .okazja-cta-icon {
  flex-shrink: 0;
  width: 1.75rem;
  height: auto;
}

#okazja .okazja-cta-secondary {
  justify-content: flex-start;
  width: 100%;
  min-height: 0;
  padding: 0.25rem 0.75rem;
  border-color: transparent;
  border-radius: 0.5rem;
  background: transparent;
  color: var(--okazja-teal);
  font-size: 0.875rem;
  font-variation-settings: "opsz" 14;
  font-weight: 600;
  line-height: 1.4;
  text-align: left;
}

#okazja .okazja-cta-label {
  flex: 1 0 0;
  min-width: 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

#okazja .okazja-cta-secondary:hover .okazja-cta-label {
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

#okazja .okazja-cta-secondary:active {
  background: color-mix(in srgb, var(--okazja-teal) 8%, transparent);
}

#okazja .okazja-offer-notes {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

#okazja .okazja-offer-note {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  color: var(--okazja-ink);
  font-size: 0.75rem;
  font-weight: 400;
  line-height: normal;
}

#okazja .okazja-offer-note-stock {
  gap: 1rem;
  line-height: 1.45;
}

#okazja .okazja-offer-note strong {
  font-weight: 700;
}

/* —— Tablet (770–1249) —— */

@media (min-width: 770px) {
  #okazja {
    --okazja-season-gap: 11.47px;
    --okazja-season-mark-w: 45.87px;
    --okazja-season-mark-h: 39.57px;
    --okazja-season-title: 24px;
    --okazja-season-sub: 16px;
    --okazja-line: rgba(30, 70, 49, 0.07);
    --okazja-pad: clamp(1.5rem, calc(1.5rem + 0.5 * ((100vw - 48.125rem) / 30)), 2rem);
    --okazja-badge-max: clamp(21.25rem, calc(21.25rem + 5 * ((100vw - 48.125rem) / 30)), 26.25rem);
    --okazja-price-amount: clamp(3.5rem, calc(3.5rem + 0.5 * ((100vw - 48.125rem) / 30)), 4rem);
    --okazja-buybox-width: clamp(20rem, calc(20rem + 5 * ((100vw - 48.125rem) / 30)), 25rem);
    --okazja-buybox-pad: clamp(1.25rem, calc(1.25rem + 0.75 * ((100vw - 48.125rem) / 30)), 2rem);
    --okazja-buybox-gap: clamp(0.75rem, calc(0.75rem + 0.25 * ((100vw - 48.125rem) / 30)), 1rem);
    --okazja-meta-size: clamp(0.75rem, calc(0.75rem + 0.125 * ((100vw - 48.125rem) / 30)), 0.875rem);
    --okazja-meta-strong-size: clamp(0.8125rem, calc(0.8125rem + 0.1875 * ((100vw - 48.125rem) / 30)), 1rem);
    --okazja-savings-size: clamp(0.8125rem, calc(0.8125rem + 0.0625 * ((100vw - 48.125rem) / 30)), 0.875rem);
    --okazja-note-icon: clamp(0.875rem, calc(0.875rem + 0.375 * ((100vw - 48.125rem) / 30)), 1.25rem);
    --okazja-price-currency: clamp(1.75rem, calc(1.75rem + 1.25 * ((100vw - 48.125rem) / 30)), 3rem);
    --okazja-discount-size: clamp(3.5rem, calc(3.5rem + 0.25 * ((100vw - 48.125rem) / 30)), 3.75rem);
    --okazja-discount-font: clamp(1.375rem, calc(1.375rem + 0.25 * ((100vw - 48.125rem) / 30)), 1.625rem);
  }

  #okazja .okazja-price-amount {
    letter-spacing: -1.5px;
  }

  #okazja .okazja-backdrop {
    left: -8.3%;
    top: 14%;
    width: 108.3%;
    height: 78.4%;
    border-radius: 0 1.985rem 1.985rem 0;
  }

  #okazja .okazja-backdrop-image {
    width: 107.66%;
    height: 103.7%;
    inset: auto;
    left: -3.83%;
    top: -1.85%;
    object-fit: cover;
    object-position: center;
  }

  #okazja .okazja-backdrop-wash {
    background-image: linear-gradient(
      130.68deg,
      rgb(243, 239, 230) 13.36%,
      rgba(243, 239, 230, 0) 100%
    );
  }

  #okazja .okazja-container {
    padding: var(--okazja-pad);
  }

  #okazja .okazja-layout {
    container-type: inline-size;
    grid-template-columns: minmax(0, max(23.875rem, var(--okazja-badge-max))) minmax(var(--okazja-buybox-width), 1fr);
    column-gap: var(--okazja-pad);
    row-gap: clamp(1rem, 1.25vw, 1.25rem);
  }

  #okazja .okazja-badge {
    grid-column: 1;
    grid-row: 1;
    width: min(100%, var(--okazja-badge-max));
    margin-bottom: 0.25rem;
  }

  #okazja .okazja-identity {
    grid-column: 1;
    grid-row: 2;
    gap: 0.5rem;
  }

  #okazja .okazja-lead {
    font-size: 0.875rem;
  }

  #okazja .okazja-divider {
    grid-column: 1;
    grid-row: 3;
    width: min(100%, 23.875rem);
  }

  #okazja .okazja-scene {
    grid-column: 1;
    grid-row: 4;
    justify-content: center;
    width: 100%;
    height: 16.285625rem;
    border-radius: 1rem;
  }

  #okazja .okazja-packshot {
    width: 11.375rem;
    height: 16.25rem;
    max-height: none;
    object-fit: cover;
    object-position: 51.28% center;
  }

  #okazja .okazja-season {
    grid-column: 1;
    grid-row: 5;
  }

  #okazja .okazja-benefits {
    grid-column: 1 / -1;
    grid-row: 6;
    margin-top: 0.25rem;
  }

  #okazja .okazja-benefit {
    gap: 0.625rem;
    padding-block: 0.625rem;
    font-size: 0.875rem;
  }

  #okazja .okazja-buybox {
    grid-column: 2;
    grid-row: 2 / 6;
    align-self: center;
    justify-self: center;
    width: min(100%, var(--okazja-buybox-width));
    gap: var(--okazja-buybox-gap);
    padding: var(--okazja-buybox-pad);
    border-radius: 1.5rem;
  }

  #okazja .okazja-price-summary,
  #okazja .okazja-price-row {
    gap: var(--okazja-buybox-gap);
  }

  #okazja .okazja-savings {
    font-size: var(--okazja-savings-size);
  }

  #okazja .okazja-price-meta {
    gap: 0;
  }

  #okazja .okazja-price-meta p {
    font-size: var(--okazja-meta-size);
    line-height: 1.6;
  }

  #okazja .okazja-price-meta s,
  #okazja .okazja-price-meta strong {
    font-size: var(--okazja-meta-strong-size);
    line-height: 1.6;
  }

  #okazja .okazja-cta-secondary {
    font-size: var(--okazja-meta-size);
  }

  #okazja .okazja-offer-note {
    align-items: flex-start;
    font-size: var(--okazja-meta-size);
    line-height: 1.6;
  }

  #okazja .okazja-offer-note-stock {
    line-height: 1.45;
  }

  #okazja .okazja-icon-calendar,
  #okazja .okazja-icon-package {
    width: var(--okazja-note-icon);
    height: var(--okazja-note-icon);
  }
}

/* —— Desktop (1250+) —— */

@media (min-width: 1250px) {
  #okazja {
    --okazja-pad: 2rem;
    --okazja-badge-max: 26.25rem;
    --okazja-price-amount: 4rem;
    --okazja-price-currency: 3rem;
    --okazja-discount-size: 3.75rem;
    --okazja-discount-font: 1.625rem;
  }

  #okazja .okazja-backdrop {
    left: 22.4%;
    top: -26%;
    width: 51.25%;
    height: 97.35%;
    border-radius: 0;
  }

  #okazja .okazja-backdrop-image {
    width: 136.59%;
    height: 103.85%;
    inset: auto;
    left: -36.63%;
    top: -1.57%;
    object-fit: cover;
    object-position: center;
  }

  #okazja .okazja-backdrop-wash {
    display: none;
  }

  #okazja .okazja-layout {
    display: flex;
    align-items: center;
    gap: 0.75rem;
  }

  #okazja .okazja-copy {
    display: flex;
    flex: 0 1 28.5rem;
    flex-direction: column;
    gap: 1.5rem;
    width: 28.5rem;
    max-width: 28.5rem;
    min-width: 0;
  }

  #okazja .okazja-stage {
    display: flex;
    flex: 1 1 46.75rem;
    align-items: stretch;
    gap: 1.5rem;
    min-width: 0;
  }

  #okazja .okazja-badge,
  #okazja .okazja-identity,
  #okazja .okazja-season,
  #okazja .okazja-divider,
  #okazja .okazja-scene,
  #okazja .okazja-benefits,
  #okazja .okazja-buybox {
    grid-column: auto;
    grid-row: auto;
    margin: 0;
  }

  #okazja .okazja-badge {
    width: min(100%, var(--okazja-badge-max));
  }

  #okazja .okazja-icon {
    display: block;
  }

  #okazja .okazja-cta-icon {
    display: block;
  }

  #okazja .okazja-identity {
    gap: 0.75rem;
  }

  #okazja .okazja-lead {
    font-size: 1rem;
    line-height: 1.6;
  }

  #okazja .okazja-classification {
    font-size: 0.875rem;
  }

  #okazja .okazja-divider {
    width: 100%;
  }

  #okazja .okazja-scene {
    flex: 1 1 21.75rem;
    align-self: stretch;
    justify-content: flex-end;
    width: auto;
    height: auto;
    min-height: 0;
    border-radius: 0;
  }

  #okazja .okazja-packshot {
    width: min(100%, 20.25rem);
    height: auto;
    max-height: 24.5rem;
    object-fit: contain;
    object-position: center;
  }

  #okazja .okazja-benefits {
    margin-top: 0;
  }

  #okazja .okazja-benefit {
    gap: 0.75rem;
    padding-block: 0.625rem;
    font-size: 0.9375rem;
  }

  #okazja .okazja-icon-kropla,
  #okazja .okazja-icon-lisc {
    width: 1.125rem;
    height: 1.125rem;
  }

  #okazja .okazja-icon-epp {
    width: 0.785rem;
    height: 0.9rem;
  }

  #okazja .okazja-buybox {
    flex: 0 0 25rem;
    gap: 1rem;
    width: 25rem;
    max-width: 100%;
    padding: 2rem;
    border-radius: 1.5rem;
    box-shadow: var(--okazja-shadow);
  }

  #okazja .okazja-actions,
  #okazja .okazja-offer-notes {
    margin-top: 0;
  }

  #okazja .okazja-price-summary,
  #okazja .okazja-price-row {
    gap: 1rem;
  }

  #okazja .okazja-savings {
    font-size: 0.875rem;
  }

  #okazja .okazja-price-meta {
    gap: 0;
  }

  #okazja .okazja-price-meta p {
    font-size: 0.875rem;
    line-height: 1.6;
  }

  #okazja .okazja-price-meta s,
  #okazja .okazja-price-meta strong {
    font-size: 1rem;
    line-height: 1.6;
  }

  #okazja .okazja-offer-note {
    align-items: flex-start;
    padding-inline: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.6;
  }

  #okazja .okazja-offer-note-stock {
    line-height: 1.45;
  }

  #okazja .okazja-icon-calendar,
  #okazja .okazja-icon-package {
    width: 1.25rem;
    height: 1.25rem;
  }
}