/** Shopify CDN: Minification failed

Line 665:0 Expected "}" to go with "{"

**/
/* ==========================
   HEADER HEIGHT – IMPULSE THEME
   ========================== */

/* Desktop (duże ekrany) */
@media screen and (min-width: 1200px) {
  .header-wrapper {
    min-height: 76px !important;
  }
  .site-header {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 76px !important;
  }
  .header__heading,
  .header__menu,
  .header__icons {
    min-height: 76px !important;
    line-height: 76px !important;
  }
  .header__heading img {
    max-height: 60px; /* Logo nie rozciąga headera */
  }
}

/* Laptopy / mniejsze ekrany */
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .header-wrapper {
    min-height: 64px !important;
  }
  .site-header {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-height: 64px !important;
  }
  .header__heading,
  .header__menu,
  .header__icons {
    min-height: 64px !important;
    line-height: 64px !important;
  }
  .header__heading img {
    max-height: 52px; /* proporcjonalne logo */
  }
}
/* ==========================
   TEXT LOGO – IMPULSE THEME
   ========================== */

@media screen and (min-width: 768px) {
  .site-header__logo {
    margin-left: 24px !important;   /* odstęp od lewej krawędzi */
    display: flex !important;
    align-items: center !important; /* pionowe wyśrodkowanie */
  }

  .site-header__logo a {
    width: auto !important;        /* wyłączamy sztuczne szerokości 70/100px */
    font-size: 28px !important;    /* ~32–36px wysokości wizualnej */
    line-height: 1 !important;
    font-weight: 600 !important;   /* pogrubienie – czytelność */
    text-decoration: none !important;
    color: #000 !important;        /* czarny tekst (możesz zmienić np. #111111) */
  }
}
/* ==========================
   MAIN MENU – CENTER STYLE
   ========================== */

@media screen and (min-width: 768px) {
  /* wrapper menu */
  .site-nav {
    text-align: center !important;
  }

  /* linki */
  .site-nav__link {
    font-family: 'Inter', sans-serif !important;
    font-size: 15.5px !important;   /* pomiędzy 15–16px */
    font-weight: 500 !important;    /* medium */
    letter-spacing: 0.01em !important; /* +1% */
    margin: 0 12px !important;      /* razem daje odstęp 32px */
    color: #000 !important;         /* bazowy kolor menu */
    text-decoration: none !important;
    transition: all 0.25s ease-in-out !important;
  }
/* ==========================
   HEADER ICONS – FINAL FIX (Impulse)
   ========================== */

@media screen and (min-width: 768px) {
  /* wrapper ikon */
  .site-nav--icons {
    margin-right: 24px !important;  /* odstęp od prawej krawędzi */
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;           /* odstęp między ikonami */
  }

  /* same ikony (SVG) */
  .site-nav__link--icon .icon {
    width: 22px !important;
    height: 22px !important;
  }

  /* cart dot (badge koszyka) */
  .cart-link__bubble {
    background-color: #EFB7B7 !important; /* róż brandowy */
    width: 8px !important;
    height: 8px !important;
    min-width: 8px !important;
    min-height: 8px !important;
    border-radius: 50% !important;
    top: -4px !important;
    right: -4px !important;
  }
}
/* ==========================
   DIAMARTA — FINAL MOBILE HEADER
   ========================== */
@media (max-width: 767px) {
  /* Pasek headera */
  .header-layout.header-layout--left-center {
    position: relative !important;
    height: 56px !important;
  }
  .header-layout.header-layout--left-center .header-item {
    min-height: 56px !important;
  }

  /* Logo na środku */
  .header-layout.header-layout--left-center .site-header__logo {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    text-align: center !important;
    margin: 0 !important;
  }
  .header-layout.header-layout--left-center .site-header__logo a {
    display: inline-block !important;
    width: auto !important;
    max-width: 120px !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
  }

  /* Hamburger po lewej */
  .header-layout.header-layout--left-center .site-nav__link--icon.js-drawer-open-nav {
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }

  /* Koszyk po prawej */
  .header-layout.header-layout--left-center .site-nav__link--icon.js-drawer-open-cart {
    position: absolute !important;
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }

  /* Search między nimi (opcjonalne) */
  .header-layout.header-layout--left-center .site-nav__link--icon.js-search-header {
    position: absolute !important;
    right: 52px !important; /* obok koszyka */
    top: 50% !important;
    transform: translateY(-50%) !important;
  }

  /* Ikony */
  .header-layout.header-layout--left-center .site-nav__link--icon .icon {
    width: 22px !important;
    height: 22px !important;
  }

  /* Badge koszyka */
  .header-layout.header-layout--left-center .cart-link__bubble {
    background: #EFB7B7 !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    top: -4px !important;
    right: -4px !important;
  }

  /* Drawer fullscreen */
  #NavDrawer.drawer {
    background: #fff !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  #NavDrawer .mobile-nav__item a {
    font-size: 18px !important;
    line-height: 40px !important;
    padding: 12px 0 !important;
    color: #000 !important;
    font-weight: 500 !important;
    text-decoration: none !important;
  }
  #NavDrawer .mobile-nav__item a:hover {
    color: #EFB7B7 !important;
  }
}




/* DIAMARTA — pionowe wyśrodkowanie ikon w headerze */
@media (min-width: 768px) {
  .header-item--icons {
    display: flex !important;
    align-items: center !important;   /* pionowe wyśrodkowanie */
    height: 72px !important;          /* tyle samo co header */
  }

  .header-item--icons .site-nav__icons {
    display: flex !important;
    align-items: center !important;   /* wyśrodkowanie dzieci */
    gap: 20px !important;             /* równe odstępy */
    height: 100% !important;
  }

  .header-item--icons .site-nav__link--icon {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;          /* ikona w środku */
  }

  .header-item--icons .icon {
    width: 20px !important;
    height: 20px !important;
    display: block !important;
  }
}

/* DIAMARTA — wycentrowany pastel underline, zgaszenie czarnego */
@media (min-width: 768px) {
  /* 1) Zgaś underline z motywu (a::after / a::before) */
  .header-item--navigation .site-nav__item > a.site-nav__link.site-nav__link--underline::after,
  .header-item--navigation .site-nav__item > a.site-nav__link.site-nav__link--underline::before {
    opacity: 0 !important;
    background: transparent !important;
    height: 0 !important;
    content: "" !important;            /* pseudo-element istnieje, ale niewidoczny */
  }

  /* 2) Nasz underline na TEKŚCIE (span) – już masz centrowanie przez span */
  .header-item--navigation .site-nav__item > a.site-nav__link.site-nav__link--underline > span {
    position: relative !important;
    display: inline-block !important;   /* szerokość = szerokość tekstu */
  }

  .header-item--navigation .site-nav__item > a.site-nav__link.site-nav__link--underline > span::after {
    content: "" !important;
    position: absolute !important;
    left: 50%;
    bottom: -6px;
    width: 100%;
    height: 2px;                        /* 1–2 px */
    background-color: #EFB7B7;          /* pastel róż */
    transform: translateX(-50%) scaleX(0);
    transform-origin: center;
    opacity: 0;
    transition: transform .2s ease, opacity .2s ease;  /* miękki fade-in */
  }

  .header-item--navigation .site-nav__item > a.site-nav__link.site-nav__link--underline:hover > span::after,
  .header-item--navigation .site-nav__item > a.site-nav__link.site-nav__link--underline:focus > span::after {
    transform: translateX(-50%) scaleX(1);
    opacity: 1;
  }

  /* 3) Tekst też w pastel róż przy hover */
  .header-item--navigation .site-nav__item > a.site-nav__link.site-nav__link--underline:hover,
  .header-item--navigation .site-nav__item > a.site-nav__link.site-nav__link--underline:focus {
    color: #EFB7B7 !important;
  }
}
/* 1) Zgaś underline z motywu (czarny pasek) */
@media (min-width: 768px) {
  .header-item--navigation .site-nav__item > a.site-nav__link.site-nav__link--underline::before,
  .header-item--navigation .site-nav__item > a.site-nav__link.site-nav__link--underline::after {
    content: none !important;
    background: transparent !important;
    height: 0 !important;
  }
}

/* 2) Nasz underline – pastel róż, 2px, wycentrowany, z animacją */
@media (min-width: 768px) {
  .header-item--navigation .site-nav__item > a.site-nav__link.site-nav__link--underline {
    position: relative !important;
    text-decoration: none !important;

    /* linia jako tło */
    background-image: linear-gradient(#EFB7B7, #EFB7B7);
    background-repeat: no-repeat;
    background-position: 50% 100%;   /* wycentrowane, na dole */
    background-size: 0 2px;          /* start: niewidoczna linia (2px grubości) */
    transition: background-size .2s ease-in-out;
  }

  .header-item--navigation .site-nav__item > a.site-nav__link.site-nav__link--underline:hover,
  .header-item--navigation .site-nav__item > a.site-nav__link.site-nav__link--underline:focus {
    background-size: 100% 2px;       /* animacja: od środka do pełnej szerokości */
  }
}





/* DIAMARTA — ukrycie hamburgera na desktopie */
@media (min-width: 768px) {
  .site-nav__link--icon.js-drawer-open-nav {
    display: none !important;
  }
}

/* DIAMARTA — spacing menu: 24px */
@media (min-width: 768px) {
  .header-item--navigation .site-nav__item {
    margin: 0 12px !important;  /* razem daje 24px odstępu między linkami */
  }

  /* żeby nie było dodatkowych dziwnych paddingów */
  .header-item--navigation .site-nav__link {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
/* DIAMARTA — menu z ALL CAPS na Normal Case */
.header-item--navigation .site-nav__link {
  text-transform: none !important;   /* wyłącza uppercase */
  letter-spacing: 0 !important;      /* usuwa rozstrzelanie liter */
}
/* DIAMARTA — Cart dot róż + większy rozmiar */
.cart-link__bubble {
  background-color: #EFB7B7 !important; /* pastel róż */
  width: 10px !important;               /* powiększone */
  height: 10px !important;
  min-width: 10px !important;
  min-height: 10px !important;
  border-radius: 50% !important;        /* idealne kółko */

  /* pozycjonowanie względem ikonki */
  top: -4px !important;
  right: -4px !important;
}


/* DIAMARTA — zamiana napisu SALE -> Limited Offer (wizualnie) */
.badge--sale,
.price__badge--sale,
.grid-product__tag--sale,
.product__badge--sale,
.product-item__label--sale,
.label--on-sale {
  position: relative !important;
  font-size: 0 !important;            /* chowa oryginalny tekst "Sale" */
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* nowy napis */
.badge--sale::after,
.price__badge--sale::after,
.grid-product__tag--sale::after,
.product__badge--sale::after,
.product-item__label--sale::after,
.label--on-sale::after {
  content: "Limited Offer" !important;
  font-size: 13px !important;         /* przywraca rozmiar tylko dla naszego tekstu */
  font-weight: 600 !important;
  line-height: 1 !important;
  display: inline-block !important;
  vertical-align: middle !important;
}
/* DIAMARTA — ukrycie napisu "Save XX%" pod zdjęciem produktu */
.product-card [class*="save" i],
.product-item [class*="save" i],
.grid-product__tag--savings,
.price__badge--savings,
.price__label--savings {
  display: none !important;
  visibility: hidden !important;
}
/* DIAMARTA — usuń napis "Save XX%" pod ceną produktu */
.grid-product__price--savings {
  display: none !important;
}
/* DIAMARTA — zmiana Sold Out na Back Soon */
.badge--sold-out,
.product__badge--sold-out,
.grid-product__tag--sold-out,
.product-item__label--sold-out,
.label--sold-out {
  background-color: #EFB7B7 !important;  /* brandowy róż */
  color: #fff !important;                /* biały tekst */
  border-radius: 12px !important;        /* zaokrąglone rogi */
  padding: 3px 12px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* DIAMARTA — podmiana Sold Out na Back Soon */
.badge--sold-out,
.product__badge--sold-out,
.grid-product__tag--sold-out,
.product-item__label--sold-out,
.label--sold-out {
  background-color: #EFB7B7 !important;  /* brandowy róż */
  border-radius: 12px !important;        /* zaokrąglone rogi */
  padding: 3px 12px !important;
  font-size: 0 !important;               /* ukrywa oryginalny tekst */
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Nowy napis w brandowym stylu */
.badge--sold-out::after,
.product__badge--sold-out::after,
.grid-product__tag--sold-out::after,
.product-item__label--sold-out::after,
.label--sold-out::after {
  content: "Back Soon" !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #fff !important;
  line-height: 1 !important;
}
/* DIAMARTA — Notify Me button przy niedostępnych produktach */
.btn--notify {
  margin-top: 10px;
  background-color: #EFB7B7 !important; /* brandowy róż */
  color: #fff !important;
  border: none !important;
  padding: 8px 16px;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease;
}

.btn--notify:hover {
  background-color: #d99aa8 !important; /* ciut ciemniejszy róż przy hover */
}

/* DIAMARTA — Notify Me (UI) */
.btn--notify {
  margin-top: 10px;
  background: #EFB7B7 !important;   /* brand róż */
  color: #fff !important;
  border: 0 !important;
  padding: 10px 16px;
  border-radius: 12px;               /* miękkie rogi */
  font-weight: 600;
  cursor: pointer;
  transition: transform .15s ease, opacity .15s ease, background .2s ease;
}
.btn--notify:hover { background: #d99aa8 !important; transform: translateY(-1px); }

.btn--notify-secondary {
  background: #000 !important;
  color: #fff !important;
  border: 0;
  padding: 10px 14px;
  border-radius: 10px;
  font-weight: 600;
  cursor: pointer;
}
.btn--notify-secondary:hover { opacity: .9; }

.notify-wrapper { margin-top: 10px; }
.notify-form { display: none; margin-top: 10px; }
.notify-form.is-visible { display: block !important; }

.notify-form input[type="email"]{
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  margin-bottom: 8px;
  font-size: 14px;
}
.notify-success{ margin-top: 6px; font-size: 13px; color:#2e7d32; }
/* DIAMARTA — Submit (Notify Me) w kolorze brandu */
.notify-wrapper .btn--notify-secondary,
.notify-form .btn--notify-secondary,
button.btn--notify-secondary[type="submit"] {
  background-color: #EFB7B7 !important; /* pudrowy róż */
  color: #fff !important;
  border: none !important;
  border-radius: 12px !important;
  padding: 12px 18px !important;
  font-weight: 600 !important;
  cursor: pointer;
  transition: background .2s ease;
}

.notify-wrapper .btn--notify-secondary:hover {
  background-color: #e89fa1 !important;
}

/* (opcjonalnie) dopasuj pole e-mail do brandu */
.notify-form input[type="email"] {
  border-radius: 12px !important;
  border: 1px solid #ead3d7 !important;
}
.notify-form input[type="email"]:focus {
  outline: none !important;
  border-color: #EFB7B7 !important;
  box-shadow: 0 0 0 3px rgba(239,183,183,.25) !important;
}
/* Notify Me – stylizacja formularza */
.notify-form input[type="email"] {
  width: 100% !important;           /* pełna szerokość */
  max-width: 320px;                 /* limit, żeby nie było za szerokie */
  padding: 12px 14px !important;
  font-size: 15px !important;
  border: 1px solid #ead3d7 !important;
  border-radius: 12px !important;
  margin-bottom: 12px !important;   /* odstęp od przycisku */
}

/* Submit button */
.notify-form input[type="submit"],
.notify-form button[type="submit"] {
  width: 100% !important;           /* pełna szerokość dopasowana do inputa */
  max-width: 320px;
  background-color: #EFB7B7 !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  padding: 12px 14px !important;
  border-radius: 12px !important;
  border: none !important;
  cursor: pointer;
  transition: background 0.3s ease;
  display: block;
}

.notify-form input[type="submit"]:hover,
.notify-form button[type="submit"]:hover {
  background-color: #e89fa1 !important;
}
/* ——— Karta produktu: Notify me ——— */
.grid-product__notify { margin-top: 10px; }

/* przycisk */
.grid-product__notify .btn--notify {
  background: #EFB7B7;
  color: #fff;
  border: 0;
  border-radius: 12px;
  padding: 10px 14px;
  font-weight: 600;
  font-size: 14px;
  cursor: pointer;
  transition: background .2s ease, transform .15s ease;
  width: 100%;
  max-width: 220px;
}
.grid-product__notify .btn--notify:hover { background:#e89fa1; transform: translateY(-1px); }

/* formularz */
.notify-form--card { margin-top: 8px; }
.notify-form--card[hidden] { display: none !important; }
.notify-form--card input[type="email"]{
  width: 100%;
  max-width: 220px;
  padding: 10px 12px;
  border: 1px solid #ead3d7;
  border-radius: 12px;
  font-size: 14px;
  margin-bottom: 8px;
}
.notify-form--card input[type="email"]:focus{
  outline: none;
  border-color:#EFB7B7;
  box-shadow: 0 0 0 3px rgba(239,183,183,.25);
}
.notify-form--card .btn--notify-secondary{
  background:#EFB7B7;
  color:#fff;
  border:0;
  border-radius:12px;
  padding:10px 12px;
  font-weight:600;
  width:100%;
  max-width:220px;
  cursor:pointer;
  transition: background .2s ease;
}
.notify-form--card .btn--notify-secondary:hover{ background:#e89fa1; }
/* Ukrywamy przycisk domyślnie */
.grid-product__content .btn--notify {
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  z-index: 3;
}

/* Pokazujemy przy hoverze na obraz */
.grid-product__content:hover .btn--notify {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -5px); /* lekkie uniesienie */
}