/** Shopify CDN: Minification failed

Line 348:26 Unexpected "*"
Line 1751:28 Unexpected "*"

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:collapsible-content-custom-for-active-ingr (INDEX:16) */
.active-ing-row {
    max-height: 1000px;
    opacity: 1;
    overflow: hidden;
    transition: max-height 10.5s ease-in-out, opacity 10.5s ease-in-out;
  }
  .active-hidden {
    max-height: 0;
    opacity: 0;
  }
/* END_SECTION:collapsible-content-custom-for-active-ingr */

/* START_SECTION:contact-blocks (INDEX:23) */
.contact-blocks {
    max-width: 1280px;
    margin: 0 auto;
    padding: 60px 20px;
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
  }
  .contact-blocks .cb-group { margin-bottom: 72px; }
  .contact-blocks .cb-group:last-child { margin-bottom: 0; }

  .contact-blocks .cb-head { margin-bottom: 32px; }
  .contact-blocks .cb-kicker {
    font-size: 11px;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    color: #753943;
    margin: 0 0 10px;
    font-weight: 500;
  }
  .contact-blocks .cb-title {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 32px;
    line-height: 1.15;
    margin: 0;
    color: #000;
    letter-spacing: -0.01em;
  }
  .contact-blocks .cb-title em { font-style: normal; font-weight: 400; color: #753943; }
  .contact-blocks .cb-title a {
    color: inherit;
    border-bottom: 1px solid #F5C6CE;
    padding-bottom: 2px;
    transition: border-color .2s, color .2s;
  }
  .contact-blocks .cb-title a:hover { color: #753943; border-color: #753943; }

  .contact-blocks .cb-divider {
    width: 40px;
    height: 1px;
    background: #F5C6CE;
    margin-top: 20px;
  }

  .contact-blocks .cb-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
  }
  @media (max-width: 960px) { .contact-blocks .cb-grid { grid-template-columns: repeat(2, 1fr); } }
  @media (max-width: 520px) { .contact-blocks .cb-grid { grid-template-columns: 1fr; } }

  .contact-blocks .cb-card {
    background: #fff;
    border: 1px solid #C6C6C6;
    border-radius: 4px;
    padding: 28px 24px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    text-decoration: none;
    color: inherit;
    transition: border-color .25s ease, transform .25s ease, box-shadow .25s ease;
    position: relative;
  }
  .contact-blocks .cb-card:hover {
    border-color: #F5C6CE;
    transform: translateY(-2px);
    box-shadow: 0 8px 24px -12px rgba(117, 57, 67, 0.18);
  }

  .contact-blocks .cb-icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #F5C6CE;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    flex-shrink: 0;
  }
  .contact-blocks .cb-icon svg {
    width: 16px; height: 16px;
    stroke: #000; fill: none;
    stroke-width: 1.6;
    stroke-linecap: round; stroke-linejoin: round;
  }

  .contact-blocks .cb-card-name {
    font-size: 11px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: #757679;
    margin: 0 0 4px;
    font-weight: 500;
  }

  .contact-blocks .cb-card-main {
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    font-weight: 500;
    color: #000;
    margin: 0;
    line-height: 1.3;
    word-break: break-word;
    transition: color .2s;
    letter-spacing: -0.005em;
  }
  .contact-blocks .cb-card:hover .cb-card-main { color: #753943; }

  .contact-blocks .cb-card-sub {
    font-size: 13px;
    color: #757679;
    margin: 4px 0 0;
    line-height: 1.5;
  }

  .contact-blocks .cb-card-link {
    font-size: 13px;
    color: #000;
    margin: 2px 0 0;
    line-height: 1.5;
    word-break: break-word;
  }
  .contact-blocks .cb-card-link a {
    color: inherit;
    text-decoration: none;
    border-bottom: 1px solid #F5C6CE;
    padding-bottom: 1px;
    transition: border-color .2s, color .2s;
  }
  .contact-blocks .cb-card-link a:hover { color: #753943; border-color: #753943; }

  .contact-blocks .cb-person-phone a {
    color: inherit;
    text-decoration: none;
  }
/* END_SECTION:contact-blocks */

/* START_SECTION:contact-form-custom-for-contact (INDEX:24) */
/* ---------- Layout strony ---------- */
  .contact-form-page {
    max-width: 1280px;
    margin: 0 auto;
    padding: 40px 20px;
  }

  /* ---------- Nagłówek ---------- */
  .contact-form-header {
    max-width: 1280px;
    margin: 0 auto 25px;
    text-align: center;
  }
  .contact-form-kicker {
    font-size: 12px;
    letter-spacing: 0.2em;
    color: #000;
    margin: 0 0 10px;
    font-weight: 600;
  }
  .contact-form-heading {
    margin: 0 0 10px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #f5c6ce;
    letter-spacing: 0.2px !important;
    line-height: 54px !important;
    font-weight: 500 !important;
    font-size: 30px !important;
    text-transform: none !important;
  }
  .contact-form-intro-text {
    margin: 0;
    color: #555;
    font-size: 16px;
    line-height: 1.6;
  }

  /* ---------- Fieldset / grid ---------- */
  .contact-fieldset {
    border: 1px solid #e0e0e0;
    border-radius: 0;
    padding: 20px 24px;
    margin-bottom: 24px;
  }
  .contact-legend {
    padding: 0 8px;
    font-weight: 600;
  }
  .contact-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px 20px;
  }

  /* Desktop: 2 kolumny, wiadomość na pełnej szerokości */
  @media (min-width: 750px) {
    .contact-grid {
      grid-template-columns: 1fr 1fr;
    }
    .contact-field--full {
      grid-column: 1 / -1;
    }
  }

  /* ---------- Pola ---------- */
  .contact-label {
    display: block;
    margin-bottom: 6px;
    font-weight: 500;
  }
  .contact-required {
    color: #c0392b;
  }
  .contact-input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 0;
    font-size: 15px;
    box-sizing: border-box;
    font-family: inherit;
  }
  .contact-select {
    background: #fff;
  }
  .contact-textarea {
    resize: vertical;
  }
  .contact-input:focus {
    outline: none;
    border-color: #000;
    box-shadow: 0 0 0 3px #f5c6ce;
  }

  /* ---------- Tekst prawny + button ---------- */
  .contact-legal {
    font-size: 13px;
    color: #666;
    margin: 0 0 20px;
  }
  .contact-submit {
    background: #000;
    color: #fff;
    border: none;
    padding: 14px 32px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 0;
    cursor: pointer;
  }
  .contact-submit:hover {
    background: #753943;
  }

  /* ---------- Komunikaty ---------- */
  .contact-form-success {
    background: #f5c6ce;
    border: 1px solid #f5c6ce;
    color: #000;
    padding: 20px;
    border-radius: 0;
    margin-top: 24px;
  }
  .contact-form-errors {
    background: #fde7e7;
    border: 1px solid #c0392b;
    color: #8b1a1a;
    padding: 20px;
    border-radius: 0;
    margin-top: 24px;
  }
  .contact-form-errors ul {
    margin: 8px 0 0 20px;
  }

  /* ---------- Info administrator ---------- */
  .contact-admin {
    font-size: 12px;
    color: #757679;
    line-height: 1.7;
    margin: 40px 0 0;
    padding-top: 24px;
    border-top: 1px solid #e0e0e0;
  }

  /* ---------- Mobile ---------- */
  @media (max-width: 600px) {
    .contact-form-page {
      padding: 20px 16px;
    }
    .contact-fieldset {
      padding: 16px;
    }
    .contact-form-heading {
    font-size: 25px !important;
  }
  }
/* END_SECTION:contact-form-custom-for-contact */

/* START_SECTION:dsa-report-form (INDEX:29) */
.dsa-form input[type="text"]:focus,
  .dsa-form input[type="email"]:focus,
  .dsa-form textarea:focus {
    outline: none;
    border-color: #000000;
    box-shadow: 0 0 0 3px #f5c6ce;
  }
  .dsa-form button:hover {
    background: #000000 !important;
  }
  @media (max-width: 600px) {
    .dsa-report-page {
      padding: 20px 16px !important;
    }
    .dsa-report-page fieldset {
      padding: 16px !important;
    }
  }
/* END_SECTION:dsa-report-form */

/* START_SECTION:main-cart (INDEX:73) */
.paypo,.paypo :not(svg,svg*){
		all:initial;display:block
	}
	.paypo dialog{
		position:static;
		display:none;width:auto;height:auto;padding:0;border:none;margin:0;background:0 0;color:inherit
	}
	.paypo dialog[open]{display:block}
	.paypo iframe{display:block;border:none}
	.paypo__open{display:block;width:100%;cursor:pointer}
	.paypo .paypo__dialog{position:fixed;top:0;left:0;z-index:1000000;width:100%;height:100%;background-color:rgba(0,0,0,.5)}
	.paypo .paypo__close{position:absolute;top:18px;right:20px;display:block;width:20px;height:20px;cursor:pointer}
	@media (min-width:600px){
		.paypo .paypo__close{right:calc(50% - 288px)}
	}
	.paypo .paypo__container{width:616px;max-width:100%;height:100%;margin-right:auto;margin-left:auto}
/* END_SECTION:main-cart */

/* START_SECTION:main-page-custom-sitemap (INDEX:81) */
.product-list-sitemap {
                  display: grid;
                  grid-template-columns: repeat(3, 1fr);
                  column-gap: 22px;
                  margin-bottom: 80px;
                }
                .product-list-sitemap a {
                  display: block;
                  padding: 10px 0;
                  color: #85627c;
                  line-height: 20px;
                  text-decoration: none;
                }
                .product-list-sitemap a:hover {
                  text-decoration: underline;
                }
                .template-page-sitemap [id*="__main"] h2 {
                  font-size: 30px;
                  text-transform: uppercase;
                  font-weight: bold;
                }
                @media (max-width: 768px) {
                  .template-page-sitemap [id*="__main"] h2 {
                    font-size: 25px;
                  }
                  .product-list-sitemap {
                      grid-template-columns: repeat(2, 1fr);
                  }
                }
                @media (max-width: 475px) {
                  .product-list-sitemap {
                      grid-template-columns: repeat(1, 1fr);
                  }
                }
                [id*="__main"] h3 {
                  font-size: 28px;
                  font-weight: bold;
                  color: #f5c6ce;
                  text-decoration: none;
                }
                .template-page-sitemap [id*="__main"] h3 a {
                  color: #f5c6ce;
                  text-decoration: none;
                }
                .template-page-sitemap [id*="__main"] h3 a:hover {
                  text-decoration: underline;
                }
                .template-page-sitemap [id*="__main"] .page-content-width.rte{
                  max-width: 1360px;
                  margin-right: auto;
                  margin-left: auto;
                }
/* END_SECTION:main-page-custom-sitemap */

/* CSS from snippet stylesheet tags */
/* START_SNIPPET:cart-drawer-custom (INDEX:165) */
/* ============================================================
   CART DRAWER — scalony CSS komponentu (przeniesienie 1:1).
   Źródła: inline <style> (cart-drawer-CUSTOM), cart-discount-swederm.css,
   cart-summary-swederm.css, cart-drawer-gift-wrap-CUSTOM.css,
   oraz reguły drawer-only z cart-CUSTOM.css.
   ============================================================ */

/* === Nagłówki sekcji + tytuł (ujednolicone, pisownia zdaniowa) === */
#Cart-Drawer:not(.active) { visibility: hidden; }

#Cart-Drawer .side-panel-header h2.cart-drawer__title {
  font-size: 18px;
  font-weight: var(--sw-fw-bold);
  text-transform: none;
  margin: 0;
  line-height: 1.2;
}

#Cart-Drawer .cart-drawer__section-heading {
  display: block;
  margin: 6px 0 10px;
  padding-top: 12px;
  border-top: 1px solid #e6e6e6;
  font-size: var(--sw-fs-heading);
  font-weight: var(--sw-fw-bold);
  letter-spacing: 0.01em;
  text-transform: none;
  color: #000;
  line-height: 1.3;
}

/* Kasujemy podwójne kreski: separację sekcji daje border-top z .cart-drawer__section-heading,
   więc usuwamy motywowy border-top kontenera rekomendacji. */
#Cart-Drawer .product-recommendations-drawer {
  border-top: 0;
  padding-top: 0;
  margin-top: 0; /* motyw daje margin-top:auto (wypycha na dół) — w tym układzie sekcje mają płynąć w kolejności */
}

/* === A: ex-inline (loyality-header, cart-drawer__paypo, cart-policy-text) === */
cart-drawer .cart-policy-text {
  /* opacity: 1; */
}
.cart-drawer__paypo {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
}
.cart-drawer__paypo-logo {
  height: 20px;
  width: auto;
  flex-shrink: 0;
}
.cart-drawer__paypo-text {
  padding-left: 12px;
  border-left: 1px solid #C6C6C6;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 13px;
  line-height: 1.2;
  color: #000000;
}

/* === B: ex cart-discount-swederm.css === */
#Cart-Drawer .sw-discount {
  display: block !important;
  padding: 0 0 14px !important;
  border-bottom: 0; /* mini-cart__row dokłada border-bottom — separację daje h3 podsumowania */
}

/* Wiersz: input + przycisk */
.sw-discount__row {
  display: flex;
  gap: 8px;
  margin-bottom: 2px;
}

.sw-discount__input {
  flex: 1;
  min-width: 0;
  border: 1px solid #000;
  height: 40px !important;
  border-radius: 4px;
  padding: 10px 12px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  background: #fff;
  color: #000;
  box-sizing: border-box;
}
.sw-discount__input:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(245, 198, 206, 0.6);
}

/* Przycisk Zastosuj — styl pasujący do .button outline motywu */
#Cart-Drawer .sw-discount__apply.button {
  color: #000;
  padding: 0 14px;
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 500;
  cursor: pointer;
  height: 40px;
  flex-shrink: 0;
  white-space: nowrap;
}
#Cart-Drawer .sw-discount__apply.button:hover:not(:disabled) {
  background: #F5C6CE;
}
#Cart-Drawer .sw-discount__apply.button:disabled {
  opacity: 0.5;
  cursor: wait;
}

/* Komunikat błędu */
.sw-discount__error {
  font-size: 11px;
  color: #B23B3B;
  margin: 6px 0 0;
  line-height: 1.4;
}

/* ============ CHIPY AKTYWNYCH KODÓW ============ */
.sw-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.sw-chips[hidden] {
  display: none;
}

.sw-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: #F5C6CE;
  color: #000;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.03em;
  padding: 3px 6px 3px 9px;
  border-radius: 999px;
  line-height: 1.3;
}
.sw-chip__dot {
  width: 5px;
  height: 5px;
  background: #000;
  border-radius: 50%;
  flex-shrink: 0;
}
.sw-chip__label {
  text-transform: uppercase;
}
.sw-chip__value {
  font-weight: 700;
}
.sw-chip__remove {
  background: none;
  border: none;
  cursor: pointer;
  color: #000;
  font-size: 14px;
  line-height: 1;
  padding: 0 3px;
  margin-left: 1px;
  font-family: inherit;
}
.sw-chip__remove:hover {
  opacity: 0.6;
}

/* === C: ex cart-summary-swederm.css === */
#Cart-Drawer .sw-summary {
  display: block !important;
  padding: 0 0 8px !important;
}

.sw-summary__row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  font-size: 13px;
  padding: 4px 0;
  color: #000;
  letter-spacing: 0.02em;
  line-height: 1.4;
}

.sw-summary__row span:first-child {
  font-weight: 400;
}

.sw-summary__row b {
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

/* Wiersz rabatu — zielony (komunikuje pozytywne) */
.sw-summary__row--discount {
  color: #2C6144;
}
.sw-summary__row--discount b {
  color: #2C6144;
}

/* Wiersz wysyłki — szary, mniejsza czcionka, kursywa "obliczana przy kasie" */
.sw-summary__row--muted {
  color: #757679;
  font-size: 12px;
}
.sw-summary__row--muted span:last-child {
  font-style: italic;
}
/* Notka policy — info o podatku i koszcie wysyłki (przeniesione ze sticky footera) */
.sw-summary__policy {
  margin: 8px 0 0 0;
  padding: 8px 0 0 0;
  border-top: 1px solid #eeeeee;
  font-family: 'Roboto', sans-serif;
  font-size: 11px;
  line-height: 1.5;
  letter-spacing: 0.02em;
  color: #757679;
}

.sw-summary__policy a {
  color: #757679;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color 0.2s ease;
}

.sw-summary__policy a:hover,
.sw-summary__policy a:focus {
  color: #A06972;
}

/* Wysyłka — wariant "Gratis" (gdy próg darmowej dostawy osiągnięty) */
.sw-summary__row--free-shipping {
  color: #2C6144;
}
.sw-summary__row--free-shipping b {
  color: #2C6144;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

/* === D: ex cart-drawer-gift-wrap-CUSTOM.css === */
.sw-giftwrap {
  --gw-pink: #F5C6CE;
  --gw-pink-light: #FBE3E7;
  --gw-pink-dark: #CAA7AD;
  --gw-burgundy: #4B1821;
  --gw-burgundy-deep: #33080F;
  --gw-rose: #A06972;
  --gw-black: #000000;
  --gw-white: #FFFFFF;
  --gw-grey: #757679;
  --gw-grey-light: #C6C6C6;

  display: block !important;
  margin-bottom: 16px;
  padding: 0;


  /* FIX: wymuszamy wysokość — motyw ścinał kontener do ~2px
     (np. side-panel-content > * { min-height: 0 } w flex kontenerze) */
  height: auto !important;
  min-height: fit-content !important;
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
  flex-basis: auto !important;
  box-sizing: border-box;
  width: 100%;
}

/* FIX: dzieci .sw-giftwrap nie mogą być shrinkowane przez flex motywu */
.sw-giftwrap > * {
  flex-shrink: 0;
}

/* FIX SVG: motyw ma globalny svg { width: 100% }.
   Używamy max-specyficzności (cart-drawer + .sw-giftwrap + tag),
   plus min/max width/height z !important żeby zablokować rozciąganie. */
cart-drawer .sw-giftwrap svg,
.sw-giftwrap svg {
  max-width: 100% !important;
  flex-shrink: 0 !important;
  display: inline-block;
}
cart-drawer .sw-giftwrap .sw-giftwrap__check-visual,
.sw-giftwrap .sw-giftwrap__check-visual {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  max-width: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  flex: 0 0 22px !important;
}
cart-drawer .sw-giftwrap .sw-giftwrap__check-visual svg,
.sw-giftwrap .sw-giftwrap__check-visual svg {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  max-width: 14px !important;
  min-height: 14px !important;
  max-height: 14px !important;
}
cart-drawer .sw-giftwrap svg.sw-giftwrap__icon,
.sw-giftwrap svg.sw-giftwrap__icon {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  max-width: 20px !important;
  min-height: 20px !important;
  max-height: 20px !important;
  flex: 0 0 20px !important;
}
cart-drawer .sw-giftwrap svg.sw-giftwrap__pack-icon,
.sw-giftwrap svg.sw-giftwrap__pack-icon {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  max-width: 14px !important;
  flex: 0 0 14px !important;
}
cart-drawer .sw-giftwrap .sw-giftwrap__pack-remove svg,
.sw-giftwrap .sw-giftwrap__pack-remove svg {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  max-width: 14px !important;
  min-height: 14px !important;
  max-height: 14px !important;
}
cart-drawer .sw-giftwrap .sw-giftwrap__pack-remove,
.sw-giftwrap .sw-giftwrap__pack-remove {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  flex: 0 0 28px !important;
}

.sw-giftwrap.is-active {
  border-color: var(--gw-burgundy);
  box-shadow: 0 2px 10px rgba(75, 24, 33, 0.08);
}

/* --- HEADER --- */
.sw-giftwrap__head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  cursor: pointer;
  user-select: none;
  margin: 0;
  position: relative;
}

.sw-giftwrap__checkbox {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 0;
  height: 0;
}

.sw-giftwrap__check-visual {
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  border: 1.5px solid var(--gw-pink-dark);
  border-radius: 5px;
  background: var(--gw-white);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--gw-white);
  transition: background-color .2s ease, border-color .2s ease;
}

.sw-giftwrap__check-visual svg {
  width: 14px;
  height: 14px;
  opacity: 0;
  transform: scale(.6);
  transition: opacity .18s ease, transform .18s ease;
}

.sw-giftwrap__checkbox:checked + .sw-giftwrap__check-visual {
  background: var(--gw-burgundy);
  border-color: var(--gw-burgundy);
}

.sw-giftwrap__checkbox:checked + .sw-giftwrap__check-visual svg {
  opacity: 1;
  transform: scale(1);
}

.sw-giftwrap__checkbox:focus-visible + .sw-giftwrap__check-visual {
  outline: 2px solid var(--gw-burgundy);
  outline-offset: 2px;
}

.sw-giftwrap__title {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.2px;
  color: var(--gw-black);
  line-height: 1.3;
}

.sw-giftwrap__icon {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  color: #000; /* było var(--gw-burgundy) — czarna linia na białym tle */
}

.sw-giftwrap__label-text {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.sw-giftwrap__count-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  background: var(--gw-burgundy);
  color: var(--gw-white);
  font-size: 11px;
  font-weight: 700;
  border-radius: 999px;
  letter-spacing: 0;
  line-height: 1;
}

.sw-giftwrap__price {
  flex: 0 0 auto;
  font-size: 13px;
  font-weight: 700;
  color: #000; /* było var(--gw-burgundy) — ujednolicone na czarny z CTA lojalnościowym */
  background: var(--gw-pink-light);
  padding: 4px 10px;
  border-radius: 999px;
  white-space: nowrap;
  letter-spacing: 0.2px;
}

/* --- BODY (zwijana sekcja) --- */
.sw-giftwrap__body {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows .28s ease;
}

.sw-giftwrap.is-open .sw-giftwrap__body {
  grid-template-rows: 1fr;
}

.sw-giftwrap__body-inner {
  overflow: hidden;
  min-height: 0;
}

.sw-giftwrap.is-open .sw-giftwrap__body-inner {
  padding: 4px 16px 16px;
}

/* --- LISTA PACZEK --- */
.sw-giftwrap__packs-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px dashed var(--gw-pink-dark);
}

.sw-giftwrap__pack {
  background: var(--gw-white);
  border: 1px solid var(--gw-pink);
  border-radius: 8px;
  padding: 10px 12px;
  transition: border-color .2s ease;
}

.sw-giftwrap__pack:hover {
  border-color: var(--gw-rose);
}

.sw-giftwrap__pack-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 6px;
}

.sw-giftwrap__pack-number {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 700;
  color: var(--gw-burgundy);
  letter-spacing: 0.3px;
  text-transform: uppercase;
}

.sw-giftwrap__pack-icon {
  flex: 0 0 14px;
  width: 14px;
  height: 14px;
  color: var(--gw-burgundy);
}

.sw-giftwrap__pack-remove {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 6px;
  color: var(--gw-grey);
  cursor: pointer;
  transition: color .2s ease, background-color .2s ease, border-color .2s ease;
}

.sw-giftwrap__pack-remove svg {
  width: 14px;
  height: 14px;
}

.sw-giftwrap__pack-remove:hover {
  color: var(--gw-burgundy);
  background: var(--gw-pink-light);
  border-color: var(--gw-pink-dark);
}

.sw-giftwrap__pack-remove:disabled,
.sw-giftwrap__pack-remove.is-loading {
  opacity: 0.5;
  cursor: not-allowed;
}

.sw-giftwrap__pack-dedication {
  font-size: 12px;
  line-height: 1.45;
  color: var(--gw-black);
  font-style: italic;
  word-wrap: break-word;
  white-space: pre-wrap;
  padding-left: 20px;
}

.sw-giftwrap__pack-dedication--empty {
  color: var(--gw-grey);
  font-style: normal;
  font-size: 11px;
}

/* --- FORMULARZ "Dodaj kolejną" --- */
.sw-giftwrap__form-header {
  margin-bottom: 8px;
}

.sw-giftwrap__form-title {
  font-size: 12px;
  font-weight: 700;
  color: var(--gw-burgundy);
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.sw-giftwrap__field {
  margin-bottom: 12px;
}

.sw-giftwrap__field-label {
  display: flex;
  align-items: baseline;
  gap: 6px;
  font-size: 12px;
  font-weight: 500;
  color: var(--gw-black);
  margin-bottom: 6px;
  letter-spacing: 0.2px;
  text-transform: none;
}

.sw-giftwrap__field-optional {
  font-size: 11px;
  font-weight: 400;
  color: var(--gw-grey);
}

.sw-giftwrap__textarea {
  width: 100%;
  min-height: 80px;
  padding: 10px 12px;
  border: 1px solid var(--gw-grey-light);
  border-radius: 6px;
  background: var(--gw-white);
  font-family: inherit;
  font-size: 13px;
  line-height: 1.5;
  color: var(--gw-black);
  resize: vertical;
  transition: border-color .2s ease, box-shadow .2s ease;
  box-sizing: border-box;
}

.sw-giftwrap__textarea::placeholder {
  color: var(--gw-grey);
  font-size: 12px;
  opacity: 1;
}

.sw-giftwrap__textarea:focus {
  outline: none;
  border-color: var(--gw-burgundy);
  box-shadow: 0 0 0 3px rgba(245, 198, 206, 0.4);
}

.sw-giftwrap__counter {
  margin-top: 4px;
  font-size: 11px;
  color: var(--gw-grey);
  text-align: right;
  letter-spacing: 0.2px;
}

/* --- BUTTONY --- */
.sw-giftwrap__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 11px 16px;
  border: 0;
  border-bottom: 3px solid var(--gw-black);
  border-radius: 4px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  cursor: pointer;
  transition: transform .15s ease, background-color .2s ease, opacity .2s ease;
  position: relative;
}

.sw-giftwrap__btn:hover:not(:disabled) {
  transform: translateY(-1px);
}

.sw-giftwrap__btn:active:not(:disabled) {
  transform: translateY(0);
}

.sw-giftwrap__btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.sw-giftwrap__btn--add {
  background: var(--gw-pink);
  color: var(--gw-black);
}

.sw-giftwrap__btn--add:hover:not(:disabled) {
  background: var(--gw-pink-dark);
}

.sw-giftwrap__btn-spinner {
  display: none;
  width: 14px;
  height: 14px;
  border: 2px solid currentColor;
  border-top-color: transparent;
  border-radius: 50%;
  animation: sw-giftwrap-spin .7s linear infinite;
}

.sw-giftwrap__btn.is-loading .sw-giftwrap__btn-label {
  opacity: 0.6;
}

.sw-giftwrap__btn.is-loading .sw-giftwrap__btn-spinner {
  display: inline-block;
}

@keyframes sw-giftwrap-spin {
  to { transform: rotate(360deg); }
}

/* --- USUŃ WSZYSTKIE --- */
.sw-giftwrap__remove-all {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px dashed var(--gw-pink-dark);
  text-align: center;
}

.sw-giftwrap__remove-all-btn {
  background: transparent;
  border: 0;
  padding: 4px 8px;
  color: var(--gw-grey);
  font-family: inherit;
  font-size: 11px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
  transition: color .2s ease;
}

.sw-giftwrap__remove-all-btn:hover:not(:disabled) {
  color: var(--gw-burgundy);
}

.sw-giftwrap__remove-all-btn:disabled,
.sw-giftwrap__remove-all-btn.is-loading {
  opacity: 0.5;
  cursor: not-allowed;
}

/* --- ERROR --- */
.sw-giftwrap__error {
  margin-top: 10px;
  padding: 8px 12px;
  background: #FDECEE;
  border: 1px solid #E5A0A8;
  border-radius: 6px;
  font-size: 12px;
  color: var(--gw-burgundy-deep);
  line-height: 1.4;
}

/* --- MOBILE --- */
@media (max-width: 480px) {
  .sw-giftwrap__head {
    padding: 12px 12px;
    gap: 10px;
  }
  .sw-giftwrap__title {
    font-size: 12px;
    gap: 6px;
  }
  .sw-giftwrap__icon {
    flex-basis: 18px;
    width: 18px;
    height: 18px;
  }
  .sw-giftwrap__price {
    font-size: 12px;
    padding: 3px 8px;
  }
  .sw-giftwrap.is-open .sw-giftwrap__body-inner {
    padding: 4px 12px 12px;
  }
  .sw-giftwrap__btn {
    padding: 10px 14px;
    font-size: 12px;
  }
  .sw-giftwrap__pack {
    padding: 8px 10px;
  }
  .sw-giftwrap__pack-dedication {
    padding-left: 0;
  }
}

/* === E: ex cart-CUSTOM.css drawer-only === */
/* PayPo w drawerze - delikatny banner (legacy: obecny drawer używa .cart-drawer__paypo) */
.cart-drawer .paypo-host {
  margin: 12px 0;
  padding: 0 16px;
  display: flex;
  justify-content: flex-start;
}
.cart-drawer .paypo-host .paypo__open {
  width: auto;
  height: 28px;
  cursor: pointer;
}

/* Kontener obrazka w drawer — wymuszamy kwadrat */
.cart-drawer .product-cart-item .product-cart-item-image {
  position: relative !important;
  aspect-ratio: 1 / 1 !important;
  width: 100px !important;
  flex: 0 0 100px !important;
  overflow: hidden !important;
  background-color: #F5F5F5 !important;
}
.cart-drawer .product-cart-item .product-cart-item-image img {
  width: 100%;
  height: 100%;
  max-width: 100% !important; /* nadpisuje app-CUSTOM.css (0,5,1): .cart-drawer ... .product-cart-item img { max-width:90px } — inaczej zdjęcie 90px w kontenerze 100px = szary pasek z prawej */
  object-fit: cover;
  object-position: center;
  display: block;
}
.cart-drawer .product-cart-item .product-cart-item-image .thb-placeholder {
  width: 100% !important;
  height: 100%;
  max-width: 100%; /* nadpisuje motyw: .product-cart-item .thb-placeholder { max-width:75px } */
}
.cart-drawer .product-cart-item .product-cart-item-image .thb-placeholder svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* Brak własnej reguły dla .loading-overlay — motyw nią steruje:
   .product-cart-item-image .loading-overlay { display:none } (spoczynek)
   .product-cart-item.thb-loading .loading-overlay { display:flex } (ładowanie).
   Wymuszanie display:flex tutaj dawało stały spinner na zdjęciach. */

/* Klik w kosz (.remove): ikona svg nie może łapać kliknięcia — app.js
   (CartDrawer.removeProductEvent) czyta data-index z event.target; gdy target
   to svg/path (bez data-index), updateQuantity rzuca błąd przed preventDefault,
   więc link /cart/change przenosi na /cart zamiast usunąć pozycję AJAX-em. */
#Cart-Drawer .remove svg,
#Cart-Drawer .remove svg * {
  pointer-events: none;
}

/* === Skala fontów drawera — jedno miejsce do strojenia ===
   Zmieniasz wartość zmiennej i działa wszędzie. Tytuł (18) ustawiony w swojej regule
   wyżej; nagłówki sekcji przez --sw-fs-heading. #Cart-Drawer bije reguły z app-CUSTOM.css. */
#Cart-Drawer {
  --sw-fs-heading: 16px; /* nagłówki sekcji (Zapakuj na prezent, Kod rabatowy, ...) */
  --sw-fs-body: 14px;   /* tekst podstawowy */
  --sw-fs-small: 13px;  /* drobny/pomocniczy */
  --sw-fs-micro: 10px;  /* info prawne (omnibus, cena jednostkowa) */
  --sw-fw-bold: 600;    /* nagłówki + akcenty */
  --sw-fw-normal: 400;  /* reszta */
}
/* podstawowy */
#Cart-Drawer .product-cart-item .cart-product-link,
#Cart-Drawer .product-cart-item .price ins .amount,
#Cart-Drawer .sw-giftwrap__title,
#Cart-Drawer .sw-giftwrap__price,
#Cart-Drawer .sw-giftwrap__textarea,
#Cart-Drawer .sw-giftwrap__btn,
#Cart-Drawer .sw-discount__input,
#Cart-Drawer .sw-summary__row,
#Cart-Drawer .cart-drawer__paypo-text { font-size: var(--sw-fs-body); }
/* drobny */
#Cart-Drawer .product-cart-item-options,
#Cart-Drawer .product-cart-item--container del,
#Cart-Drawer .sw-giftwrap__count-badge,
#Cart-Drawer .sw-giftwrap__pack-number,
#Cart-Drawer .sw-giftwrap__pack-dedication,
#Cart-Drawer .sw-giftwrap__form-title,
#Cart-Drawer .sw-giftwrap__field-label,
#Cart-Drawer .sw-giftwrap__field-optional,
#Cart-Drawer .sw-giftwrap__counter,
#Cart-Drawer .sw-giftwrap__remove-all-btn,
#Cart-Drawer .sw-discount__apply.button,
#Cart-Drawer .sw-discount__error,
#Cart-Drawer .sw-summary__policy { font-size: var(--sw-fs-small); }
/* chip celowo mniejszy niż tier 13px — bazowy .sw-chip ma 11px */
/* mikro (info prawne) */
#Cart-Drawer .product-omnibus,
#Cart-Drawer .unit-price { font-size: var(--sw-fs-micro); }
/* omnibus: luźniejszy line-height (nadpisuje 11px z app-CUSTOM.css) */
#Cart-Drawer .product-omnibus { line-height: normal; }

/* === Wagi fontów (600 nagłówki+akcenty / 400 reszta) === */
#Cart-Drawer .product-cart-item .price ins .amount,
#Cart-Drawer .sw-summary__row b,
#Cart-Drawer .sw-giftwrap__price,
#Cart-Drawer .sw-giftwrap__count-badge,
#Cart-Drawer .sw-giftwrap__pack-number,
#Cart-Drawer .sw-giftwrap__form-title,
#Cart-Drawer .sw-giftwrap__field-label,
#Cart-Drawer .sw-giftwrap__btn,
#Cart-Drawer .sw-discount__apply.button,
#Cart-Drawer .sw-chip,
#Cart-Drawer .cart-drawer__paypo-text { font-weight: var(--sw-fw-bold); }

#Cart-Drawer .product-cart-item .cart-product-link,
#Cart-Drawer .sw-giftwrap__title,
#Cart-Drawer .sw-discount__input,
#Cart-Drawer .product-omnibus,
#Cart-Drawer .unit-price { font-weight: var(--sw-fw-normal); }

/* === Polecajki (cross/up-sell): układ pionowy jak pozycje koszyka + szybkie „+" === */
#Cart-Drawer .product-recommendations-drawer scroll-shadow { width: 100%; }
#Cart-Drawer .product-recommendations-drawer__products {
  display: flex;
  flex-direction: column;
  overflow-x: visible;
  gap: 14px;
  width: 100%;
}
#Cart-Drawer product-card.product-card-drawer { display: block; }
#Cart-Drawer .sw-rec-add {
  flex: 0 0 28px;
  flex-shrink: 0;
  align-self: center;
  margin-left: auto;
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #F5C6CE;
  color: #000;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  text-decoration: none;
}
#Cart-Drawer .sw-rec-add:hover { background: #CAA7AD; }
#Cart-Drawer .sw-rec-add.loading { opacity: 0.6; cursor: wait; }

/* === Kafelek rekomendacji (small-cart) w drawerze — przebudowa układu ===
   Dotyczy tylko .small-cart-custom--rec (rekomendacje + zapchaj koszyk).
   Wyszukiwarka używa tego samego snippetu bez --rec, więc jej nie rusza. */
#Cart-Drawer .small-cart-custom--rec {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-right: 0;
  margin-bottom: 0;
}
/* obrazek: stały kwadrat 64px (pobija motywowe 100px !important) */
#Cart-Drawer .small-cart-custom--rec .product-cart-item-image {
  flex: 0 0 64px !important;
  width: 64px !important;
  height: 64px;
  margin: 0;
  overflow: hidden;
  background: #F5F5F5;
}
#Cart-Drawer .small-cart-custom--rec .product-cart-item-image img {
  width: 100%;
  height: 100%;
  max-width: 100% !important;
  object-fit: cover;
  object-position: center;
  display: block;
}
/* kolumna treści: zajmuje resztę, pozwala tekstowi się łamać */
#Cart-Drawer .small-cart-custom--rec .sc-content {
  flex: 1 1 auto;
  min-width: 0;
}
/* tytuł: clamp do 2 linii z wielokropkiem (kasuje stare min-height:32px) */
#Cart-Drawer .small-cart-custom--rec .cart-product-link {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 0;
  margin-bottom: 4px;
  line-height: 1.3;
}
/* rząd: cena + cena jednostkowa inline */
#Cart-Drawer .small-cart-custom--rec .sc-price-row {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 4px 8px;
}
#Cart-Drawer .small-cart-custom--rec .sc-unit-price {
  font-size: 11px;
  color: #757679;
  white-space: nowrap;
}
#Cart-Drawer .small-cart-custom--rec .sc-unit-price__sep { margin: 0 2px; }
/* kontener legal: tylko omnibus, luźniejszy line-height */
#Cart-Drawer .small-cart-custom--rec .small-cart-tax-omnibus-container {
  margin-top: 3px;
  line-height: normal;
}

/* === Pozycja koszyka: cena jednostkowa w linii z ceną (jak w rekomendacjach) ===
   .price (block) -> flex z zawijaniem; .tax-omnibus-container -> display:contents,
   więc unit-price i omnibus stają się flex-itemami .price. Omnibus na własną linię.
   :not(.small-cart-custom) wyklucza kafelki rekomendacji (mają osobny układ). */
#Cart-Drawer .product-cart-item:not(.small-cart-custom) .price {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 8px;
  row-gap: 2px;
}
#Cart-Drawer .product-cart-item:not(.small-cart-custom) .price .tax-omnibus-container {
  display: contents;
}
#Cart-Drawer .product-cart-item:not(.small-cart-custom) .price .unit-price {
  font-size: 11px;
  color: #757679;
  margin: 0;
  white-space: nowrap;
}
#Cart-Drawer .product-cart-item:not(.small-cart-custom) .price .product-omnibus {
  flex-basis: 100%;
}

/* === Love Loyalty („Różowy klub swederm", apka) — custom CSS żyje TU (nie w panelu apki) ===
   Scoped pod #Cart-Drawer (bije klasowe reguły apki bez !important).
   Stabilne klasy ll__; NIE używać hashowanych (np. -ho4ed3) — zmienią się przy update apki.
   CTA jak „cena" gift-wrap (różowa pigułka #FBE3E7), czarny tekst. */
#Cart-Drawer .ll__container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  background-color: #ffffff;
  font-size: var(--sw-fs-body);
  max-width: none;
  margin-top: 5px;
  margin-left: 0 !important;
}
#Cart-Drawer .ll__point-balance {
  display: contents;
}
/* ikona programu lojalnościowego — dedykowany SVG (diament) jako tło na slocie 32px.
   Domyślny prezent wstrzykiwany przez apkę ukrywamy (svg > *). Kolor jak dostarczono (#221f20).
   Recolor: zmień stroke='%23221f20' w data-URI albo przejdź na mask + background-color. */
#Cart-Drawer .ll__container svg {
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 38px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 243 199' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='6'%3E%3Cpolygon points='33.98 64.95 65.07 26.66 177.98 26.66 208.75 64.95 121.04 174.58 33.98 64.95'/%3E%3Cline x1='33.98' y1='64.95' x2='208.31' y2='64.95'/%3E%3Cpolyline points='168.16 64.95 121.04 26.66 74.57 64.95'/%3E%3Cpolyline points='65.07 26.66 72.6 64.95 121.04 174.58 171.22 64.95 177.98 26.66'/%3E%3Ccircle cx='108.7' cy='87.43' r='7.79'/%3E%3Ccircle cx='132.75' cy='107.23' r='7.79'/%3E%3Cline x1='134.29' y1='80' x2='107.78' y2='115.02'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
#Cart-Drawer .ll__container svg > * { display: none; }
/* tekst „Twoje punkty…" / „Zaloguj się…" — wypełnia środek, wypycha CTA w prawo */
#Cart-Drawer .ll__container span {
  flex: 1 1 auto;
  line-height: 1.4;
  padding-right: 5px;
}
/* liczba punktów — wyróżniona (strukturalnie, bez hashowanej klasy) */
#Cart-Drawer .ll__point-balance span span {
  font-weight: var(--sw-fw-bold);
}
/* CTA: „Wybierz nagrodę" + „ZALOGUJ SIĘ" — pigułka jak cena gift-wrap, czarny tekst */
#Cart-Drawer .ll__container button,
#Cart-Drawer .ll__container a {
  flex: 0 0 auto;
  width: auto;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 12px;
  border: 0;
  border-radius: 999px;
  background-color: #FBE3E7;
  color: #000;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.2px;
  white-space: nowrap;
  line-height: 1.3;
  text-decoration: none;
  cursor: pointer;
  transition: background-color .2s ease;
}
#Cart-Drawer .ll__container button:hover,
#Cart-Drawer .ll__container a:hover {
  background-color: #F5C6CE;
}

/* === Mobile: drawer na cały ekran === */
@media (max-width: 768px) {
  #Cart-Drawer {
    width: 100%;       /* zamiast motywowego calc(100vw - 30px) */
    max-width: none;   /* zdejmuje cap 600px */
  }
  /* iOS Safari zoomuje focusowane inputy < 16px (i nie resetuje po blur).
     16px = próg, od którego nie zoomuje — dotyczy wszystkich pól w drawerze. */
  #Cart-Drawer .sw-discount__input,
  #Cart-Drawer .qty,
  #Cart-Drawer #mini-cart__notes,
  #Cart-Drawer .sw-giftwrap__textarea {
    font-size: 16px;
  }
}
/* END_SNIPPET:cart-drawer-custom */

/* START_SNIPPET:header-mobile-menu-custom (INDEX:190) */
.mobile-menu-custom-container {
			/* text-align: center; */
			display: flex;
			justify-content: space-evenly;
			/* height: 70px; */
			min-height: 90px;
			align-items: center;
			border-bottom: 1px solid black;
			background: #ffe8ef;
			/* padding-bottom: 15px; */
			/* flex-direction: column; */
			}
		.mobile-menu-custom-buttons-container.buttons {
			display: flex;
			align-items: end;
		}
		.mobile-menu-custom-button-link {
			width: 120px;
			padding: 5px 8px;
			height: 48px;
			border: 0.5px solid #d4a0a9;

			font-size: 12px;
			letter-spacing: .2px;
			line-height: 18.6px;
			font-weight: 500;
		}
		.custom-contact-info {
			font-size: 14px;
			letter-spacing: .2px;
			line-height: 18.6px;
			font-weight: 600;
			margin-bottom: 9px;
			text-transform: uppercase;
			margin-left: 2px;
		}
		.mobile-menu-custom-button-container.hurt-shop-button {
			margin-left: 25px;
		}
		@media (min-width: 768px) {
			.mobile-menu-custom-info-container.contact-info,
			.mobile-menu-custom-buttons-container.buttons{
				margin-left: 40px;
			}
		}
		.mobile-menu-custom-info-container.contact-info,
		.mobile-menu-custom-buttons-container.buttons {
			margin-left: 15px;
		}
/* END_SNIPPET:header-mobile-menu-custom */

/* START_SNIPPET:product-information-custom (INDEX:227) */
/* STYLES - neswletter popup */
  /* .nl-popup-container {
    display: flex;
    justify-content: end;
    align-items: center;
    margin-bottom: 25px;
  }
  @media(max-width:1068px) {
    .nl-popup-container {
      justify-content: center;
      flex-wrap: wrap;
      margin-top: 20px;
    }
  }
  @media (max-width: 768px) {
    .nl-popup-container.desktop {
      display: none;
    }
  }
  @media (min-width: 769px) {
    .nl-popup-container.mobile {
      display: none;
    }
  }
  @media (min-width: 500px) {
    .nl-popup-container.mobile {
    }
  }
  @media (max-width: 560px) {
    .nl-popup-container.mobile .nl-popup-save-container {
      order: 2;
      margin-top: 10px;
    }
  }
  .nl-popup-button {
    border: 1px solid black;
    color: white;
    background: black;
  }
  .nl-popup-save-container {
    color: #18874d;
    background: #18874D21;
    padding: 5px 10px;
    margin-right: 10px;
    height: max-content;
    line-height: 1.2;
    text-align: center;
  }
  .modal-opener-nl-popup {
    display: flex;
  } */


  /* STYLES zawartość zestawu */
  .bundle-component-container-title {
    font-size: 15px;
    margin-bottom: 0;
  }
  .bundle-components-container {
      border: 1px solid lightgrey;
      padding: 15px;
      font-size: 15px;
      margin-top: 20px;
      margin-bottom: 30px;
  }
  @media (max-width: 768px) {
    .bundle-components-container {
      margin-bottom: 10px;
      margin-top: 0;
    }
  }
  .bundle-item {
    margin-bottom: 10px;
  }
  .bundle-component-title {
    margin-bottom: 0px;
    line-height: 1.2;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 13px;
  }
  .bundle-component-title:hover {
    color: #e7c0c7;
  }
  .component-qty {
    font-weight: 400;
    text-transform: lowercase;
  }
  .bundle-component-price {
    color: red;
  }
  .bundle-component-total {
    margin-bottom: 0;
    line-height: 1.2;
    padding-top: 10px;
    border-top: 1px solid lightgrey;
  }
  .bundle-total-price-separate {
    color: red;
  }


  /* STYLES benefits container */
  .benefits-container {
    margin-top: 20px;
  }
  .benefits-container p {
    margin-bottom: 0;
    font-size: 15px;
  }
  .benefits-title {
    font-size: 15px;
    line-height: 25.5px;
    word-spacing: 0.015px;
    margin: 0;
    padding: 0;
    font-weight: bold;
  }
  p.benefit-3 {
    margin-bottom: 20px;
  }
  .benefit-check {
    margin-right: 10px;
    color: #f2c6cf;
    font-weight: bold;
  }


  /* STYLES inventory container */
  .inventory-valid-date-container {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
  }
  @media (max-width: 1067px) {
    .inventory-valid-date-container {
      justify-content: center;
    }
  }
  @media (max-width: 768px) {
    .inventory-valid-date-container {
      margin-bottom: 10px;
    }
  }
  .valid-date-container {
    font-size: 15px;
    color: #f5c6ce;
    margin-right: 25px;
  }


  /* styles PAYPO */
  .paypo,.paypo :not(svg,svg*){all:initial;display:block}
  .paypo dialog{position:static;display:none;width:auto;height:auto;padding:0;border:none;margin:0;background:0 0;color:inherit}
  .paypo dialog[open]{display:block}.paypo iframe{display:block;border:none}.paypo__open{display:block;width:100%;cursor:pointer}
  .paypo .paypo__dialog{position:fixed;top:0;left:0;z-index:1000000;width:100%;height:100%;background-color:rgba(0,0,0,.5)}
  .paypo .paypo__close{position:absolute;top:18px;right:20px;display:block;width:20px;height:20px;cursor:pointer}
  @media (min-width:600px){.paypo .paypo__close{right:calc(50% - 288px)}}
  .paypo .paypo__container{width:616px;max-width:100%;height:100%;margin-right:auto;margin-left:auto}
/* END_SNIPPET:product-information-custom */