/** Shopify CDN: Minification failed

Line 177:0 Unexpected "/"

**/
/* pokazuj grafikę, nie tekst */
.header__heading .h2 { display:none; }
.header__heading-logo { display:block; max-width:160px; }
.header__heading-logo img { width:100%; height:auto; }
@media (max-width:989px){ .header__heading-logo{ max-width:120px; } }

/* jeśli nagłówek jest przezroczysty na home i logo ginie – tymczasowy „biały” */
.header--transparent .header__heading-logo img { filter:brightness(0) invert(1); }
/* używaj obrazka i schowaj tekstowy fallback */
.header__heading .h1,
.header__heading .h2 { 
  display:none !important; 
}
.header__heading-logo { display:inline-block !important; max-width:160px; }
.header__heading-logo img { width:100%; height:auto; }
@media (max-width:989px){ .header__heading-logo{ max-width:120px; } }

/* jasne logo na przezroczystym headerze (tylko jeśli nie masz białej wersji pliku) */
.header--transparent .header__heading-logo img{ filter:brightness(0) invert(1); }
/* HERO jak u Feum — panoramiczny, od krawędzi do krawędzi */

/* 1) szeroko – usuń boczne paddingi kontenera tylko dla sekcji hero */
.section--image-banner .page-width{
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

/* 2) wysokość (płytki kadr) – podkręć wartości pod swój gust */
:root{
  --hero-desktop: 54vh;   /* zmień na 50–60vh */
  --hero-mobile: 42vh;    /* na telefon 36–46vh */
}
@media (min-width: 990px){
  .image-banner{ min-height: var(--hero-desktop); }
  .image-banner .media{ height: var(--hero-desktop); }
}
@media (max-width: 989px){
  .image-banner{ min-height: var(--hero-mobile); }
  .image-banner .media{ height: var(--hero-mobile); }
}
/* pewne kadrowanie */
.image-banner .media img{
  width:100%; height:100%;
  object-fit:cover; object-position:center;
}

/* 3) mniejszy odstęp pod hero */
.section--image-banner{ margin-bottom: 24px; }

/* (opcjonalnie) treść po lewej jak u Feum */
.image-banner .banner__content{ justify-content:flex-start; }
.image-banner .banner__box{ margin-left:6vw; text-align:left; }
/* === HERO jak u Feum: szerszy, płytszy, edge-to-edge === */

/* 1) treść hero bez bocznych paddingów */
.section--image-banner .page-width,
.image-banner .page-width{
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 2) wysokość kadru – klucz: nadpisujemy padding-bottom na .media */
@media (min-width: 990px){
  .image-banner .media,
  .image-banner__media{
    padding-bottom: 54vh !important;   /* 50–60vh = płycej / głębiej */
  }
}
@media (max-width: 989px){
  .image-banner .media,
  .image-banner__media{
    padding-bottom: 42vh !important;   /* 36–46vh na telefonie */
  }
}

/* 3) pewne kadrowanie obrazka */
.image-banner .media > img,
.image-banner__media > img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center !important;
}

/* 4) mniejszy odstęp pod hero */
.section--image-banner{ margin-bottom: 24px !important; }
/* BY GEOMADE – kolekcje: kafle produktów */

body.collection .card-wrapper,
body.collection .card,
body.collection .card__inner {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

body.collection .card__media {
  border-radius: 24px !important;
  overflow: hidden !important;
}

body.collection .card__media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}
/* ================================
   BY GEOMADE — karty produktów
   wygląd jak karty kolekcji
   ================================ */

/* Cała karta produktu – ten sam styl co kafel kolekcji */
.template-collection .card--product {
  border-radius: 24px;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 10px 25px rgba(0,0,0,0.04);
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Kontener zdjęcia – proporcje jak w kartach kolekcji */
.template-collection .card--product .card__media {
  position: relative;
  width: 100%;
  padding-top: 75%; /* Wysokość 75% szerokości – uniwersalny układ */
  overflow: hidden;
}

/* Zdjęcie – pełne, wyśrodkowane, równe */
.template-collection .card--product .card__media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Dolna część: tytuł + cena — biały pasek jak w kartach kolekcji */
.template-collection .card--product .card__content,
.template-collection .card--product .card__information {
  padding: 1.4rem 2rem 1.6rem;
  background: #ffffff;
  flex-grow: 0;
}

/* Tytuł produktu */
.template-collection .card--product .card__heading {
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: 400;
}

/* Cena pod tytułem */
.template-collection .card--product .price {
  margin: 0.4rem 0 0;
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: 400;
}

/* Usunięcie ewentualnych marginesów Shopify */
.template-collection .card--product .card__badge,
.template-collection .card--product .card__vendor {
  display: none;
}
/.collection .card--product {
  outline: 4px solid red !important;
}
/* BYGM — hover jak w reszcie sklepu: delikatny zoom samego zdjęcia */
.bygm-media img {
  transition: transform 0.4s ease;
}

.bygm-card:hover .bygm-media img {
  transform: scale(1.04); /* subtelny zoom-in */
}
/* BY GEOMADE – video header fix dla desktopu */
.bygm-video-header {
  position: relative;
  width: 100%;
  max-height: none !important;
  height: auto !important;
  overflow: hidden;
}

.bygm-video-header video {
  width: 100%;
  height: auto !important;
  object-fit: cover;
  object-position: center top; /* podnieś jeśli chcesz pokazać więcej dołu */
}

/* Na desktopie zwiększamy wysokość sekcji */
@media (min-width: 750px) {
  .bygm-video-header {
    min-height: 75vh; /* możesz zmienić na 80vh lub 90vh */
  }

  .bygm-video-header video {
    height: 100%;
    object-fit: cover;
    object-position: center center; 
  }
}