/** Shopify CDN: Minification failed

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

**/
/* ====== PK HEADER — układ logo | menu | ikony (desktop) ====== */
@media (min-width: 990px) {
  /* pełna szerokość nagłówka */
  .section-header .page-width { max-width: 100% !important; width: 100% !important; }

  /* 3 kolumny: auto | 1fr | auto, wyrównane w pionie */
  .pk-header-grid {
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;          /* wszystko na tej samej wysokości */
    padding-left: 80px !important;            /* <- dociśnij logo do lewej (0–16px) */
    padding-right: 26px !important;           /* ikony bliżej prawej (0–16px) */
    column-gap: 16px;                         /* odstęp między kolumnami */
    min-height: 20px;                         /* wysokość paska (90–110px) */
  }

  /* Logo — lewa kolumna */
  .pk-header-grid .header__heading { justify-self: start !important; margin: 0 !important; }
  .pk-header-grid .header__heading-logo-wrapper { display: block; }
  .pk-header-grid .header__heading img {
    max-height: 56px !important;             /* rozmiar loga: 48–64px wg uznania */
    height: auto !important; width: auto !important; display: block !important;
  }

  /* Menu — środek, wycentrowane */
  .pk-header-grid nav.header__inline-menu,
  .pk-header-grid .header__menu { justify-self: center !important; width: 100% !important; }
  .pk-header-grid nav.header__inline-menu .list-menu--inline,
  .pk-header-grid .header__menu .list-menu,
  .pk-header-grid .header__menu .list-menu--inline {
    display: flex !important; justify-content: center !important;
    gap: 28px;                                   /* rozstaw linków */
    width: 100%;
  }

  /* Ikony — prawa kolumna */
  .pk-header-grid .header__icons { justify-self: end !important; }
  .pk-header-grid .header__icons .header__icon { margin-left: 16px; }

  /* nagłówek zawsze nad pierwszą sekcją (żeby nic nie przykryło loga) */
  .section-header, .section-header .header__content { position: relative; z-index: 1000; }
  .template-index .section-header { z-index: 1200; }
}

/* (opcjonalnie) subtelny cień pod headerem */
.section-header { box-shadow: 0 2px 6px rgba(0,0,0,.05); }
@media (min-width: 990px) {
  /* zdejmij wymuszoną wysokość i trzymaj pasek niski */
  .pk-header-grid { min-height: 0 !important; }

  /* faktycznie zwęż pasek nagłówka – nadpisuje wartości z header.liquid */
  .section-header .header {
    padding-top: 8px !important;     /* zmień 8–12 px wg uznania */
    padding-bottom: 8px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  /* usuń dodatkową przerwę pod headerem */
  .section-header { margin-bottom: 0 !important; }

  /* zmniejsz logo, żeby ładnie się mieściło */
  .pk-header-grid .header__heading img {
    max-height: 44px !important;     /* dostosuj: 40–52 px */
    height: auto !important;
    width: auto !important;
  }
}
.pk-header-grid .header__heading img {
  border-radius: 12px !important;   /* delikatne zaokrąglenie rogów */
  /* border-radius: 50% !important;  <- pełne kółko, jeśli logo jest kwadratowe */
}
@media (min-width: 990px) {
  /* przesunięcie loga bardziej w prawo */
  .pk-header-grid .header__heading {
    margin-left: 24px !important;   /* zmień 24 → 16 / 32 / 40 wedle potrzeby */
  }
}

/* 🖥️ Na komputerach (od 990px wzwyż) */
@media screen and (min-width: 990px) {
  .collection-list {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr); /* 3 kolumny */
    gap: 40px !important;                  /* odstęp między kafelkami */
    justify-content: center;
  }

  .collection-list__item {
    max-width: 100% !important;
  }

  .collection-list__item .card__media img {
    width: 100%;
    height: 320px;        /* wysokość obrazka – możesz zwiększyć np. do 350px */
    object-fit: cover;    /* przycina zamiast rozciągać */
  }
}

/* 📱 Telefon: jedna kolumna + mniejsze odstępy pod zdjęciem */
@media screen and (max-width: 749px) {

  /* 1) Układ: jedna kolumna, rozsądny gap między kafelkami */
  .collection-list {
    display: grid !important;
    grid-template-columns: 1fr !important;   /* jedna pod drugą */
    gap: 16px !important;                    /* odstęp między kaflami */
  }

  .collection-list__item {
    max-width: 70% !important;
    margin: 0 auto !important;
  }

  /* 2) Główne źródło przerwy w Dawn — gap między wierszami karty */
  .collection-list .card__inner {
    row-gap: 9px !important;                 /* 👈 kluczowe – zmniejsza przerwę obrazek/tytuł */
  }

  /* 3) Na wszelki wypadek: usuń margines/padding między mediami a treścią */
  .collection-list .card__media {
    margin-bottom: 0 !important;
  }

  .collection-list .card__content,
  .collection-list .card__information {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  /* 4) Czasem tytuł ma własny margines – zredukuj go */
  .collection-list .card__heading,
  .collection-list .card__heading a {
    margin: 0 !important;
  }

  /* 5) Obrazek – zostawiamy ładne dopasowanie */
  .collection-list__item .card__media img {
    width: 100%;
    height: auto;
    max-height: 240px;       /* dostosuj, jeśli chcesz mniejsze/większe */
    object-fit: cover;
    display: block;
  }
}



/* 🌟 Stylizacja obrazków – wspólna */
.collection-list .card__media img {
  border-radius: 16px;           /* zaokrąglenie rogów */
  border: 4px solid red;         /* czerwona ramka */
  box-sizing: border-box;
}


/* stała wysokość slajdu (zmień 420 na 320–500) i kolor tła = czarny */
.slideshow,.slideshow__slide{height:420px!important;background:#000!important;overflow:hidden}
.slideshow__slide .media{height:100%!important}
.slideshow__slide .media img{
  width:100%!important;height:100%!important;object-fit:contain!important;background:#000!important
}
/* Ogień tylko tam, gdzie sekcja nada klasę 'fire-text' nagłówkowi */
.fire-text{
  display:inline-flex;
  align-items:center;
  gap:10px;
  white-space:nowrap;
  line-height:1;
  color:#ff2a00;
  font-weight:800;
  text-shadow:0 0 6px #ff4500,0 0 14px #ff8c00;
}

/* opcjonalne płomienie po obu stronach */
.fire-text::before,
.fire-text::after{
  content:"🔥";
  font-size:1.4em;
  line-height:1;
  display:inline-block;
  vertical-align:middle;
  filter:drop-shadow(0 0 6px #ff7300);
  animation:flame-bounce .8s infinite alternate;
}
.fire-text::after{ animation-delay:.25s; }

@keyframes flame-bounce{ to{ transform:translateY(-2px) scale(1.06); } }
/* --- MOBILE FIX + trochę większy rozmiar ognistego nagłówka --- */

@media (max-width: 990px){
  .fire-text{
    font-size: clamp(28px, 6.5vw, 40px); /* większe minimum i maksimum */
    gap: 10px;
    max-width: 100%;
  }
  .fire-text::before,
  .fire-text::after{ font-size: 1.3em; } /* też lekko większe ikonki */
}

@media (max-width: 600px){
  .fire-text{
    font-size: clamp(26px, 7vw, 36px); /* większe niż wcześniej */
    white-space: normal;
    flex-wrap: wrap;
    justify-content: center;
    line-height: 1.15;
    gap: 8px;
  }
}

@media (max-width: 380px){
  .fire-text{
    font-size: clamp(22px, 6.5vw, 30px);
    gap: 6px;
  }
  .fire-text::before,
  .fire-text::after{ font-size: 1.15em; }
}
.slider-buttons, 
.slideshow__controls {
  margin-top: -100px; /* przesuwa kropki w górę */
}

.slider-counter {
  margin-top: -100px; /* jeśli licznik jest obok kropek */
}
    .fire-text {
  color: red; /* albo inny kolor tekstu */
  text-shadow: 
    0 0 4px white,
    0 0 8px white,
    0 0 12px white;
}
/* FAKE reviews – siatka 4 kolumn (desktop) / 3 kolumny (telefon) */
.fake-reviews{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important; /* 4 kafelki w rzędzie */
  gap: 20px !important;
  justify-items: stretch;
  align-items: stretch;
}

/* karta bez stałej szerokości – wypełnia kolumnę */
.review-card{
  background:#111; color:#fff; border-radius:14px; padding:18px 20px;
  box-shadow:0 2px 14px rgba(0,0,0,.25);
  width:auto;  /* <-- klucz: usuwamy szerokość 280px */
}

.review-card .stars{color:#FFC107; font-size:18px; letter-spacing:2px; margin-bottom:10px}
.review-card p{margin:0 0 10px 0; opacity:.9; line-height:1.5}
.review-card strong{font-weight:700}

/* telefon: 3 kafelki w wierszu */
@media (max-width: 767px){
  .fake-reviews{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important; /* 3 kolumny */
    gap: 12px !important;
  }
  .review-card{ padding:14px; }
}
/* Telefon: 3 kwadratowe kafelki w wierszu */
@media (max-width: 767px){
  .fake-reviews{
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px !important;
  }

  .review-card{
    aspect-ratio: 1 / 1;   /* robi kwadrat */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 10px;
  }
}
/* ===== MOBILE FIX: 3 kwadratowe opinie, stabilny layout ===== */
@media (max-width: 767px){
  .fake-reviews{
    display:grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
    overflow: hidden;               /* profilaktycznie bez poziomego scrolla */
  }

  .review-card{
    aspect-ratio: 1 / 1;           /* ZAWSZE kwadrat */
    display: flex;                  /* układ pionowy w środku */
    flex-direction: column;
    justify-content: space-between; /* rozsuń gwiazdki / tekst / podpis */
    align-items: center;
    text-align: center;
    padding: 10px;                  /* trochę mniejsze paddingi */
    box-sizing: border-box;
    overflow: hidden;               /* nic nie wypłynie poza kafel */
  }

  /* Gwiazdki mniejsze, żeby się mieściły */
  .review-card .stars{ font-size: 12px; margin-bottom: 6px; }

  /* Tekst: clamp (obcina po X liniach, bez „rozrywania” kafla) */
  .review-card p{
    font-size: 9px;
    line-height: 1.35;
    margin: 0 0 6px 0;
    display: -webkit-box;
    -webkit-line-clamp: 6;          /* ile linijek maksymalnie pokazać */
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;         /* długie słowa nie psują siatki */
  }

  /* Podpis/autor zawsze na dole kwadratu */
  .review-card strong{
    font-size: 6px;
    margin-top: auto;               /* dociśnij do dołu */
  }
}
/* ===== CIRCLE FIX (Home + wszędzie) ===== */

/* Home page (template-index) – złap oba warianty */
.template-index .header__heading-logo,
.template-index .header__heading-logo.motion-reduce {
  width: 120px !important;         /* ustaw swój docelowy rozmiar */
  height: 120px !important;        /* TAKA SAMA wartość jak width → perfekcyjne koło */
  border-radius: 50% !important;   /* koło */
  object-fit: cover !important;    /* kadruj w kole bez rozciągania */
  display: block !important;
  margin-left: -12px !important;   /* jeśli chcesz dosunąć w lewo */
}

/* Wrapper niczego nie wymusza (żeby nie spłaszczał obrazka) */
.template-index .header__heading-logo-wrapper {
  width: auto !important;
  height: auto !important;
}

/* Dla pewności: to samo poza Home (gdyby gdzieś jeszcze różniło się zachowanie) */
.header__heading-logo,
.header__heading-logo.motion-reduce {
  width: 120px !important;
  height: 120px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  display: block !important;
}

/* Skasuj stare pół-zaokrąglenie, które mogło nadpisywać koło */
.pk-header-grid .header__heading img {
  border-radius: 20% !important;
  max-height: none !important;   /* nie ograniczaj wysokości, bo to daje elipsę */
}

/* (opcjonalnie) mobile */
@media (max-width: 749px){
  .template-index .header__heading-logo,
  .template-index .header__heading-logo.motion-reduce,
  .header__heading-logo,
  .header__heading-logo.motion-reduce {
    width: 96px !important;
    height: 75px !important;
    margin-left: -8px !important;
  }
}
/* Ustal jeden rozmiar logo wszędzie */
.header__heading-logo,
.header__heading-logo.motion-reduce {
  width: 70px !important;   /* zmień na preferowaną wielkość */
  height: 70px !important;
  border-radius: 20% !important;
  object-fit: cover !important;
  display: block !important;
}
@media (max-width: 749px) {
  .header__heading-logo,
  .header__heading-logo.motion-reduce {
    width: 60px !important;
    height: 60px !important;
  }
}

@media (min-width: 750px) {
  .header__heading-logo,
  .header__heading-logo.motion-reduce {
    width: 60px !important;
    height: 60px !important;
  }
}
/* Domyślnie – wszystkie podstrony */
.header__heading {
  margin-left: 24px !important;   /* odsunięcie np. 24px */
}

/* TYLKO strona główna */
.template-index .header__heading {
  margin-left: 1px !important;    /* logo bliżej lewej krawędzi */
}
.verified-reviews-title {
  text-align: center;
  font-size: 20px;        /* możesz zwiększyć np. do 22px */
  font-weight: bold;
  color: #ffffff;         /* biały napis */
  margin: 20px 0;         /* odstęp góra/dół */
}
/* === FAKE REVIEWS – reset rzeczy, które psuły responsywność === */
.review-card {
  width: auto !important;            /* nadpisuje wcześniejsze 280px */
  aspect-ratio: auto !important;     /* nadpisuje kwadrat */
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* Kontener jako siatka – responsywnie */
.fake-reviews {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); /* desktop/tablet */
  gap: 24px;
  align-items: stretch;
}

/* Wygląd kafelka */
.review-card {
  background: #111;
  color: #fff;
  border-radius: 14px;
  padding: 16px 18px;
  box-shadow: 0 2px 14px rgba(0,0,0,.25);
}

/* Tekst wewnątrz */
.review-card .stars   { margin-bottom: 8px; }
.review-card .author  { margin-top: 15px; font-weight: 900; }
.review-card .text    { line-height: 1.9; }

/* === TELEFON: 3 prostokątne kafelki w rzędzie === */
@media (max-width: 600px) {
  .fake-reviews {
    grid-template-columns: repeat(3, minmax(0, 1fr));  /* dokładnie 3 kolumny */
    gap: 10px;
  }
  .review-card {
    padding: 10px 8px;
    font-size: 100px;               /* delikatnie mniejsza czcionka */
    min-height: 150px;             /* prostokąt – więcej miejsca na tekst */
    height: 100%;
  }
  .review-card .text { line-height: 1.35; }
}
/* Poświata tylko dla sekcji rich text z ID __rich_text_7n9nq6 */
#shopify-section-template--26345634890053__rich_text_7n9nq6
  h2.rich-text__heading,
#shopify-section-template--26345634890053__rich_text_7n9nq6
  h2.rich-text__heading * {
  color: #fff !important; /* jeżeli chcesz biały napis */
  text-shadow:
    0 0 6px rgba(255, 255, 255, .45),
    0 0 12px rgba(255, 255, 255, .35),
    0 0 22px rgba(255, 80, 0, .45),
    0 0 34px rgba(255, 80, 0, .35) !important;
}
/* ===== /collections – wymuś biały kolor (po ID sekcji) ===== */
#shopify-section-template--26345634922821__main {
  --color-foreground: 255,255,255 !important;
  --color-link: 255,255,255 !important;
}

/* Dodatkowe wbicie bezpośrednio w elementy (na wszelki wypadek) */
#shopify-section-template--26345634922821__main h1.title.title--primary,
#shopify-section-template--26345634922821__main h1.title.title--primary strong,
#shopify-section-template--26345634922821__main .collection-list .card__heading,
#shopify-section-template--26345634922821__main .collection-list .card__heading a,
#shopify-section-template--26345634922821__main .collection-list .card__heading .full-unstyled-link {
  color: #fff !important;
}

/* Linki w różnych stanach */
#shopify-section-template--26345634922821__main .collection-list .card__heading a:link,
#shopify-section-template--26345634922821__main .collection-list .card__heading a:visited,
#shopify-section-template--26345634922821__main .collection-list .card__heading a:hover,
#shopify-section-template--26345634922821__main .collection-list .card__heading a:active {
  color: #fff !important;
}
/* Czerwona ramka na głównym zdjęciu produktu (każdy slajd galerii) */
.product__media-item .product__media {
  position: relative;
  border-radius: 16px;     /* opcjonalne */
  overflow: hidden;
}

.product__media-item .product__media::after {
  content: "";
  position: absolute;
  inset: 0;
  box-shadow: inset 0 0 0 5px red;  /* ramka, nie „rozpycha” layoutu */
  border-radius: inherit;
  pointer-events: none;
}
/* Ramka tylko dla zwykłych obrazów w kolażu, nie dla produktów */
.collage__item :not(.card__media) > .media {
  border-radius: 16px;
  overflow: hidden;
  border: 5px solid #e00000;
}
/* Czerwona ramka dla zdjęć produktów w kolekcjach */
.card__media img {
  border: 5px solid red;   /* grubość i kolor ramki */
  border-radius: 16px;      /* zaokrąglenie rogów, opcjonalne */
  box-sizing: border-box;  /* żeby ramka nie przesuwała układu */
}
/* === Główne zdjęcie produktu – KWADRAT, obraz cały, brak pasów === */

/* Kwadratowa ramka (dopasuj border-radius do swojej ramki) */
.product__media.media {
  position: relative;
  aspect-ratio: 1 / 1;
  border-radius: 16px;
  overflow: hidden;
}

/* KWADRATOWE GŁÓWNE FOTO – obraz cały, ramka pełna, bez pasów */
.product-media-container {
  position: relative;
  aspect-ratio: 1 / 1 !important;   /* wymuszamy kwadrat */
  border-radius: 16px;               /* dopasuj do swojej czerwonej ramki */
  overflow: hidden;
}

/* Dawn robi pseudo-padding dla proporcji – wyłącz w tym kontenerze */
.product-media-container .media::before {
  content: none !important;
  padding-top: 0 !important;
}
.product-media-container .media {
  height: 100% !important;
}

/* TŁO-WYPEŁNIACZ: to samo zdjęcie, rozciągnięte i rozmyte (zero czarnych/ białych pasów) */
.product-media-container::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--pimg);
  background-size: cover;
  background-position: center;
  filter: blur(8px) brightness(0.5);
  transform: scale(1.1);           /* żeby rozmycie nie odsłaniało krawędzi */
}

/* Właściwe zdjęcie – w całości w kwadracie */
.product-media-container img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: contain !important;    /* CAŁY obraz, bez przycinania */
  object-position: center;
  display: block;
}

/* Miniaturki w galerii produktu – delikatne zaokrąglenie */
.thumbnail-list__item,
.thumbnail-list__item .thumbnail {
  border-radius: 8px !important;    /* zmień np. na 6px / 10px */
  overflow: hidden !important;      /* żeby ramka/box-shadow też była okrągła */
}

/* Sam obrazek wewnątrz przycisku */
.thumbnail-list__item .thumbnail img {
  border-radius: inherit !important;
  display: block;
}

/* Aktywna miniatura (ta z białą ramką) – też zaokrąglona */
.thumbnail-list__item .thumbnail[aria-current="true"] {
  border-radius: 8px !important;
  box-shadow: 0 0 0 2px #fff !important;   /* zostawiam białą obwódkę, możesz zmienić */
  outline: none !important;
}

/* (opcjonalnie) Hover/Focus też ładnie zaokrąglone */
.thumbnail-list__item .thumbnail:hover,
.thumbnail-list__item .thumbnail:focus-visible {
  border-radius: 8px !important;
  outline: none !important;
}
.template-product .product__media,
.template-product .product__media-item,
.template-product .product__media-wrapper,
.template-product .media,
.template-product .media--transparent,
.template-product .global-media-settings {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important; /* gasi radial-gradient */
  box-shadow: none !important;
  border: 0 !important;
  outline: 0 !important;
  filter: none !important;
}
a[id^="BuyNow-"]:hover {
  background-color: #b71c1c;
}
/* Zmiana koloru przycisku "Realizuj zakup" */
button[name="checkout"],
.cart__checkout-button,
.cart__checkout {
  background-color: #ff0000 !important; /* 🔴 Twój nowy kolor — np. czerwony */
  color: #ffffff !important; /* biały tekst */
  border: none !important;
}
.product__rating {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0.6rem 0 1rem;
  font-size: 1.4rem; /* ogólny rozmiar tekstu */
}

.product__rating .stars {
  color: #f5c518; /* złote gwiazdki */
  font-size: 1.8rem; /* rozmiar gwiazdek */
  letter-spacing: 3px;
  line-height: 1;
}

.product__rating .reviews-count {
  font-size: 1.4rem; /* rozmiar tekstu z opiniami */
  color: #ddd; /* lekko jaśniejszy kolor */
  font-weight: 500;
}
.cart__image img,
.cart-item__image img,
.cart-item__media img {
  border-radius: 12px; /* stopień zaokrąglenia rogów */
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* efekt po najechaniu myszką (opcjonalny, wygląda nowocześnie) */
.cart__image img:hover,
.cart-item__image img:hover,
.cart-item__media img:hover {
  transform: scale(1.03);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}
.footer-contact {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: #e8e6e3;
  margin-bottom: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #222;
}

.footer-contact__logo img {
  width: 100px;
  margin-bottom: 10px;
  border-radius: 8px;
}

.footer-contact__logo h3 {
  font-family: 'Playfair Display', serif;
  font-size: 1.6rem;
  color: #d4af37; /* złoty kolor */
  margin-bottom: 0.2rem;
}

.footer-contact__logo p {
  font-size: 3rem;
  color: #ccc;
  margin-bottom: 1.5rem;
}

.footer-contact__info {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-contact__info li {
  margin: 0.4rem 0;
  font-size: 1.8rem;
}

.footer-contact__info a {
  color: #e8e6e3;
  text-decoration: none;
  transition: color 0.3s ease;
}

.footer-contact__info a:hover {
  color: #d4af37;
}

/* Ikonki (jeśli masz Font Awesome) */
.footer-contact__info i {
  color: #d4af37;
  margin-right: 8px;
}
/* ✅ DAWN – FIX listy kolekcji na telefonie */
@media (max-width: 749px) {

  /* 0) skasuj limit wysokości obrazka, który robił „dziurę” */
  .collection-list__item .card__media img {
    max-height: none !important;
  }

  /* 1) wyłącz sztuczny stosunek boków kontenera .media */
  .collection-list .card__media .media {
    padding-top: 0 !important;      /* Dawn normalnie robi padding-top: var(--ratio-percent) */
    height: auto !important;
  }
  .collection-list .card__media .media::before {
    content: none !important;       /* na wypadek wariantu z pseudo-elementem */
  }

  /* 2) obraz ma zachowywać się normalnie (nie absolutnie) i dopasować do szerokości */
  @media (max-width: 749px) {
  .collection-list .card__media .media > img {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    display: block !important;
  }
} /* ← domknięcie @media, którego brakowało */


  /* 🧩 lekki odstęp między zdjęciem a tytułem (tylko na telefonie) */
@media (max-width: 749px) {
  .collection-list .card__content,
  .collection-list .card__information {
    margin-top: 15px !important; /* 👈 zwiększ / zmniejsz według gustu: 4–10px */
  }
}


/* === TYLKO DESKTOP (≥750px) — twarde zabezpieczenie === */
@media (min-width: 750px){
  #ezumo-hero-mobile{ display: none !important; }
  #shopify-section-template--26345634890053__image_banner,
  #Banner-template--26345634890053__image_banner_E8ntpn{
    display: block !important;
  }
}
/* TELEFON: 3 zdjęcia w jednym rzędzie */
@media (max-width: 749px) {
  .trusted-by__grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
  }
  .trusted-by__grid img {
    height: 200px !important;
  }
}
/* 🔧 HARD FIX: tło sekcji zawsze POD spodem, karty/obrazy NA wierzchu */
.why-choose-ezumo-premium { position: relative; isolation: isolate; background:#000; }

/* przenieś oba overlaye ZA tło sekcji */
.why-choose-ezumo-premium .blend-bg,
.why-choose-ezumo-premium .light-reflection {
  position: absolute !important;
  z-index: -1 !important;     /* <- klucz: pod całą zawartością */
  pointer-events: none !important;
}

/* zawartość sekcji ponad wszystkim */
.why-choose-ezumo-premium > div[style*="max-width"] { position: relative; z-index: 5 !important; }

/* karty mają własny kontekst i pełne krycie pod obrazem */
.why-choose-ezumo-premium .wc-card {
  position: relative; z-index: 6 !important;
  background: rgba(0,0,0,.85) !important;   /* mocniejsze tło wewnątrz karty */
  overflow: hidden;
}

/* kontener obrazka = nieprzezroczyste tło (nic nie „prześwituje”) */
.why-choose-ezumo-premium .wc-card img {
  position: relative; z-index: 7 !important;
  display: block;
  width: 100%;
  height: 320px;                    /* lub Twoja wysokość mobilna */
  object-fit: contain;
  background: #0b0b0b !important;   /* pełne, ciemne tło pod zdjęciem */
  box-shadow: none !important;
}

/* na mobile — ta sama zasada */
@media (max-width:749px){
  .why-choose-ezumo-prem

  /* Stały czerwony dla KUP TERAZ (pewne nadpisanie) */
.button.buy-now {
  background-color: #d32f2f !important;
  background-image: none !important;
  color: #fff !important;
  border: none !important;
  border-color: #d32f2f !important;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  border-radius: 10px;
  padding: 14px 20px;
  width: 100%;
  text-align: center;
  cursor: pointer;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
  box-shadow: 0 4px 10px rgba(0,0,0,.2);
  display: inline-block;
  margin-top: 8px;
}

.button.buy-now:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 14px rgba(0,0,0,.25);
}

.button.buy-now:active {
  transform: translateY(0);
  box-shadow: 0 3px 6px rgba(0,0,0,.15);
}

.button.buy-now[aria-disabled="true"] {
  background-color: #ccc !important;
  color: #666 !important;
  box-shadow: none !important;
  pointer-events: none;
  transform: none;
}
/* 1) Ustaw globalny promień przycisków */
:root{
  --buttons-radius: 9999px;         /* kapsuła */
  --buttons-radius-outset: 9999px;
}

/* 2) Wymuś promień na kluczowych klasach */
.product-form__buttons .button,
.product-form__buttons .product-form__submit,
.button,
.button--primary,
.button--secondary,
.button--full-width,
.shopify-payment-button__button--unbranded{
  border-radius: var(--buttons-radius) !important;
}

/* 3) Traf w Twoje konkretne ID (gdyby motyw dalej nadpisywał) */
[id^="ProductSubmitButton-"],
[id^="ProductSubmitButton-template-"],
[id^="BuyNow-"],
[id^="BuyNow-template-"]{
  border-radius: 9999px !important;
}

/* 4) Dla pewności – niektóre motywy nadają promień „0” w modifierze */
.button--secondary { border-radius: inherit !important; }

/* (opcjonalnie) trochę „życia” na hover */
.product-form__buttons .button:hover,
.product-form__buttons .product-form__submit:hover{
  transform: scale(1.02);
  transition: transform .2s ease;
}