/* ========== GLOBAL RESET / ELEMENTY PODSTAWOWE ========== */
.newsletter-banner__overlay { display:none !important; }
.wishlist-icon { top: 5px; right:13px; }
.breadcrumb, .category__title--small { display:none; }

/* ========== BLOKI DESKTOP / MOBILE ========== */
.LP_H01_desktop, .LP_H02_desktop, .LP_H02B_desktop, .LP_H03_desktop,
.LP_H03_desktop_instagram, .LP_H03_mobile_instagram {
  text-align: center;
  max-width: 1170px;
  display: inline-block;
  width: 100%;
}

.LP_H01_mobile {
  text-align: center;
  max-width: 1170px;
  display: none;
  width: 100%;
}

.LP_H01_desktop img,
.LP_H01_mobile img,
.LP_H03_desktop img,
.LP_H03_desktop_instagram img,
.LP_H03_mobile_instagram img {
  width: 100%;
}

/* ========== OBRAZY I ODST?PY ========== */
.LP_H01_desktop .LP_H01_image4d,
.LP_H01_desktop .LP_H01_image5d,
.LP_H01_desktop .LP_H01_image6d,
.LP_H01_desktop .LP_H01_image7d,
.LP_H01_desktop .LP_H01_image8d,
.LP_H01_desktop .LP_H01_image9d,
.LP_H01_mobile .LP_H01_image2m,
.LP_H01_mobile .LP_H01_image3m,
.LP_H01_mobile .LP_H01_image4m,
.LP_H01_mobile .LP_H01_image5m,
.LP_H01_mobile .LP_H01_image6m,
.LP_H01_mobile .LP_H01_image7m,
.LP_H01_mobile .LP_H01_image8m,
.LP_H01_mobile .LP_H01_image9m {
  margin-top:16px;
}

/* ========== SEKCJE NAG??WK?W ========== */
.LP_H02_desktop .LP_H02_border-top,
.LP_H02B_desktop .LP_H02B_border-top,
.LP_H03_desktop .LP_H03_border-top,
.LP_H03_desktop_instagram .LP_H03_border-top,
.LP_H03_mobile_instagram .LP_H03_border-top {
  border-top: 1px solid #d1d1d1;
  padding-top: 35px;
}

.LP_H02_desktop .LP_H02_border-top .carousel-products__title,
.LP_H02B_desktop .LP_H02B_border-top .carousel-products__title {
  margin-bottom: -10px;
}

.LP_H03_desktop .LP_H03_border-top .carousel-products__title,
.LP_H03_desktop_instagram .LP_H03_border-top .carousel-products__title,
.LP_H03_mobile_instagram .LP_H03_border-top .carousel-products__title {
  margin-bottom: 24px;
}

.LP_H02_desktop .LP_H02_border-top .section-row__title-text,
.LP_H02B_desktop .LP_H02B_border-top .section-row__title-text,
.LP_H03_desktop .LP_H03_border-top .section-row__title-text,
.LP_H03_desktop_instagram .LP_H03_border-top .section-row__title-text,
.LP_H03_mobile_instagram .LP_H03_border-top .section-row__title-text {
  font-family: poppins, sans-serif;
  font-weight: 300;
  font-size: 40px;
}

@media (max-width: 767px) {
  .LP_H02_desktop .LP_H02_border-top .section-row__title-text,
  .LP_H02B_desktop .LP_H02B_border-top .section-row__title-text,
  .LP_H03_desktop .LP_H03_border-top .section-row__title-text,
  .LP_H03_desktop_instagram .LP_H03_border-top .section-row__title-text,
  .LP_H03_mobile_instagram .LP_H03_border-top .section-row__title-text {
    font-size: 30px;
  }
}

/* ========== PASEK PROMOCYJNY (LP_H02 / LP_H02B) ========== */
.LP_H02, .LP_H02B {
  text-align: center;
  max-width: 1170px;
  display: inline-block;
  width: 100%;
  border-radius: 5px;
  margin-top: 16px;
}

.LP_H02 { background-color: #FF7F00 !important; }
.LP_H02B { background-color: #d03a2b; }

.LP_H02-content, .LP_H02B-content {
  flex-shrink: 0;
  display: flex;
  justify-content: space-around;
  min-width: 100%;
  gap: 50px;
  padding: 0;
  margin: 11px 0;
  animation: scroll 30s linear infinite;
}
.LP_H02-content li, .LP_H02B-content li { list-style: none; }

@keyframes scroll {
  from { transform: translateX(0); }
  to { transform: translateX(calc(-100% - 50px)); }
}

/* ========== VIDEO BLOK ========== */
@media (min-width: 768px) and (max-width: 1169px) {
  #video {
    border-radius: 1.5rem;
    width: 100%;
    height: 37vw;
    margin-left: 50%;
  }
  .col-md-8 { margin-top: -28px; }
}

/* ========== RESPONSYWNO?? ========== */
@media (max-width: 767px) {
  .LP_H01_desktop { display: none; }
  .LP_H01_mobile { display: inline-block; }
  .LP_H03_desktop_instagram { display: none; }
  .LP_H03_mobile_instagram { display: inline-block; padding: 0 8px; }
}

.section-row.widget-type-product { margin-bottom: 0 !important; }
.lp-spacer { margin-top: 16px; }

/* ===============================
   PROMO-SCROLL (niezale?ny pasek)
   =============================== */
.promo-scroll {
  --gap: 50px;
  width: 100%;
  max-width: 1170px;
  margin: 16px auto;
  background-color: #ffd700; /* ? r??owy */
  border-radius: 6px;
  overflow: hidden;
  text-align: center;
  padding: 10px 0;
  box-sizing: border-box;
    
}

.promo-scroll a {
  display: block;
  text-decoration: none;
  color: inherit;
    
}

.promo-scroll__track {
  display: flex;
  overflow: hidden;
  gap: var(--gap);
  user-select: none;
  align-items: center;
}

.promo-scroll__list {
  display: flex;
  flex-shrink: 0;
  min-width: 100%;
  gap: var(--gap);
  justify-content: center;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
  animation: promoScrollAnim 25s linear infinite;
  white-space: nowrap;
}

.promo-scroll__list li b {
  display: inline-flex;
  align-items: center;
  font-family: "Poppins", sans-serif;
  font-size: 15px; /* ? zmniejszona o 2px */
  font-weight: 200;
  color: #000;
  white-space: nowrap;
}

@keyframes promoScrollAnim {
  from { transform: translateX(0); }
  to   { transform: translateX(calc(-100% - var(--gap))); }
}

@media (max-width: 767px) {
  .promo-scroll {
    --gap: 36px;
    padding: 8px 0;
  }

  .promo-scroll__list li {
    font-size: 12px; /* ? r?wnie? mniejsze o 2px */
  }
}

/* ===============================
   T?O ? przeniesione z HTML
   =============================== */
/*
.home-promo-bg {
  position: relative;
  margin-top: 40px;
  z-index: 1;
}

.home-promo-bg::before {
  content: "";
  position: absolute;
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: calc(100% + 80px);
  background-color: #000;
  z-index: -1;
}
*/
/* ============================================================
   COUNTDOWN ? wersja 1:1 z urodziny_2024 + pe?na responsywno??
   ============================================================ */
.countdown-container {
  position: relative;
  overflow: visible !important;
}

.countdown-container .countdown {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 5;
  transition: all 0.30s ease;
}

/* DESKTOP */
.LP_H01_desktop .countdown-container .countdown {
  bottom: 156px;
  left: 90px;
  width:200px;
}

.LP_H01_desktop .countdown-container .timer {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  text-align: center;
  font-size: 12px;
  letter-spacing: 0.2px;
  color: #fff;
}

.LP_H01_desktop .countdown-container .timer div {
  display: inline-block;
  margin: 0 0.5vw;
  text-align: center;
}

.LP_H01_desktop .countdown-container .timer .label {
  display: block;
  font-size: 8px;
  font-weight: 400;
  text-transform: lowercase;
  margin-top: 2px;
  color: #fff;
}

/* MOBILE */
.LP_H01_mobile .countdown-container .countdown {
  bottom: 25vw;
  left: 30vw;
  transform: none;
  font-size: 9px;
}

.LP_H01_mobile .countdown-container .timer {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  text-align: center;
  color: #fff;
}

.LP_H01_mobile .countdown-container .timer div {
  display: inline-block;
  margin: 0 1.5vw;
  text-align: center;
}

.LP_H01_mobile .countdown-container .timer .label {
  display: block;
  font-size: 8px;
  font-weight: 400;
  text-transform: lowercase;
  margin-top: 2px;
  color: #fff;
}

/* ===========================
   RESPONSYWNO??
   =========================== */
@media (min-width: 320px) and (max-width: 413px) {
  .LP_H01_mobile .countdown-container .countdown {
    font-size: 8px;
    bottom: 24vw;
    left: 21.5vw;
  }
}

@media (min-width: 414px) and (max-width: 441px) {
  .LP_H01_mobile .countdown-container .countdown {
    font-size: 9px;
    bottom: 24vw;
    left: 21.5vw;
  }
}

@media (min-width: 440px) and (max-width: 500px) {
  .LP_H01_mobile .countdown-container .countdown {
    bottom: 24.4vw;
    left: 22.8vw;
     font-size: 11px;
  }
}

@media (min-width: 501px) and (max-width: 540px) {
  .LP_H01_mobile .countdown-container .countdown {
      bottom: 25vw;
    left: 23vw;
     font-size: 12px;
  }
}

@media (min-width: 541px) and (max-width: 600px) {
  .LP_H01_mobile .countdown-container .countdown {
    bottom: 25vw;
    left: 24vw;
     font-size: 14px;
  }
}

@media (min-width: 601px) and (max-width: 767px) {
  .LP_H01_mobile .countdown-container .countdown {
    bottom: 26vw;
    left: 24.6vw;
     font-size: 16px;
  }
}

/* Desktop ? dopasowanie font?w i po?o?enia */
@media (max-width: 1188px) {
  .LP_H01_desktop .countdown-container .countdown { bottom: 12.7vw; left:7vw; }
  .LP_H01_desktop .countdown-container .timer { font-size: 1.0vmin; }
  .LP_H01_desktop .countdown-container .timer div { margin: 0 0.8vw;  }
}

@media (min-width: 983px) and (max-width: 1030px) {
  .LP_H01_desktop .countdown-container .countdown { bottom: 12.5vw; left:6vw;  }
}

@media (min-width: 900px) and (max-width: 982px) {
  .LP_H01_desktop .countdown-container .countdown { bottom: 12.4vw;  left:5.8vw;  }
}

@media (min-width: 768px) and (max-width: 899px) {
  .LP_H01_desktop .countdown-container .countdown { bottom: 12.4vw;  left:5vw;  }
}

/* Cie? dla czytelno?ci cyfr */
.countdown-container .timer span {
  color: #fff !important;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.35);
}




/* ========== POPRAWIONE ODST?PY DLA BLOKU KATEGORII ========== */

/* kontener g??wny */
.LP_H03_desktop {
  text-align: center;
  max-width: 1170px;
  display: block;
  width: 100%;
  margin: 0 auto;
}

/* odst?py mi?dzy kafelkami */
.LP_H03_desktop .col-md-3,
.LP_H03_desktop .col-xs-6 {
  padding: 8px;
}

/* wszystkie obrazki w sekcji kategorii */
.LP_H03_desktop img {
  width: 100%;
  border-radius: 8px;
  display: block;
}

/* odst?p nad sekcj? ?POPULARNE KATEGORIE? */
.LP_H02_desktop {
  margin-top: 40px;
}

/* dodatkowy odst?p mi?dzy sekcjami (po kafelkach) */
.LP_H03_desktop + .LP_H02_desktop {
  margin-top: 40px;
}

/* MOBILE ? zachowanie siatki 2x2 i odst?p?w */
@media (max-width: 767px) {
  .LP_H03_desktop .col-xs-6 {
    padding: 8px;
  }
  .LP_H03_desktop img {
    width: 100%;
    border-radius: 6px;
  }
}


/* =====================================
   INSTAGRAM – finalny układ i odstępy
===================================== */

/* Desktop – lewa kolumna (4 małe) + prawa kolumna (1 duże) */
.LP_H01_desktop.LP_instagram .row {
  align-items: stretch;
}

.LP_H01_desktop.LP_instagram .col-md-6 > .row {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.LP_H01_desktop.LP_instagram .col-md-6 > .row > .col-md-6 {
  flex: 0 0 calc(50% - 8px);
}

.LP_H01_desktop.LP_instagram img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 6px;
}

/* Duża grafika po prawej – pełna wysokość lewej sekcji */
.LP_H01_desktop.LP_instagram > .row > .col-md-6:last-child {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.LP_H01_desktop.LP_instagram > .row > .col-md-6:last-child img {
  height: 100%;
  object-fit: cover;
  border-radius: 6px;
}

/* Przycisk CTA */
.LP_H01_desktop.LP_instagram .button {
  display: inline-block;
  margin-top: 24px;
}

/* Mobile */
.LP_H01_mobile.LP_instagram .row {
  row-gap: 12px;
}

.LP_H01_mobile.LP_instagram img {
  width: 100%;
  border-radius: 6px;
}

.LP_H01_mobile.LP_instagram .button {
  display: inline-block;
  margin-top: 20px;
}

/* Korekta dużego zdjęcia po prawej stronie (Instagram desktop) */
.LP_H01_desktop.LP_instagram > .row > .col-md-6:last-child {
  overflow: hidden; /* przycina wystający fragment */
}

/* === FIX: Instagram – wyrównanie dużego zdjęcia (desktop) === */
#LP_H03_desktop_instagram .col-md-6:last-child img {
  height: 100%;
  object-fit: cover;
  display: block;
}

#LP_H03_desktop_instagram .row > .col-md-6 {
  display: flex;
  align-items: stretch;
}

#LP_H03_desktop_instagram .col-md-6:first-child {
  margin-bottom: -8px; /* kompensuje gap między wierszami po lewej */
}

#LP_H03_desktop_instagram .col-md-6:last-child {
  overflow: hidden;     /* odcina ewentualny nadmiar prawej grafiki */
}

/* === FINALNY FIX INSTAGRAM – wyrównanie wysokości kolumn === */
#LP_H03_desktop_instagram .col-md-6:first-child {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#LP_H03_desktop_instagram .col-md-6:first-child .row {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  row-gap: 12px; /* mniejsze przerwy pionowe */
}

#LP_H03_desktop_instagram .col-md-6:first-child .col-md-6 {
  padding: 0 6px;
  margin-bottom: 12px;
}

#LP_H03_desktop_instagram .col-md-6:last-child img {
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 6px;
}

#LP_H03_desktop_instagram .col-md-6:last-child {
  display: flex;
  align-items: stretch;
  overflow: hidden;
}


/* === FINALNY FIX 2.0 – Instagram desktop: wyrównanie wysokości i poziomych odstępów === */
#LP_H03_desktop_instagram {
  max-width: 1170px;
  margin: 0 auto;
}

#LP_H03_desktop_instagram .row {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  margin: 0; /* usuwa ujemne marginesy z bootstrapa */
}

#LP_H03_desktop_instagram .col-md-6 {
  padding: 0; /* usuwa paddingi z bootstrapa */
  display: flex;
  flex-direction: column;
}

#LP_H03_desktop_instagram .col-md-6:first-child .row {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

#LP_H03_desktop_instagram .col-md-6:first-child .col-md-6 {
  flex: 0 0 calc(50% - 6px);
  padding: 0;
}

#LP_H03_desktop_instagram .col-md-6:first-child img,
#LP_H03_desktop_instagram .col-md-6:last-child img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px;
  display: block;
}

#LP_H03_desktop_instagram .col-md-6:last-child {
  flex: 1;
  overflow: hidden;
  margin-left: 12px; /* delikatny dystans między kolumnami */
  display: flex;
  align-items: stretch;
}

#LP_H03_desktop_instagram .col-md-6:last-child img {
  border-radius: 6px;
}











/* ============================================================
   INSTAGRAM (DESKTOP + MOBILE)
   ============================================================ */

.LP_instagram_custom {
  max-width: 1170px;
  margin: 0 auto;
}

.insta-wrapper {
  display: flex;
  gap: 16px;
  align-items: stretch;
}

.insta-left, .insta-right {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.insta-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.insta-grid a {
  flex: 1 1 calc(50% - 6px);
}

.insta-grid img, .insta-right img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 6px;
  display: block;
}

.insta-right {
  overflow: hidden;
}

.LP_instagram_custom .button {
  display: inline-block;
  margin-top: 24px;
}

/* MOBILE INSTAGRAM */
.insta-grid-mobile {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.insta-grid-mobile img {
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 6px;
  object-fit: cover;
}

@media (max-width: 767px) {
  .insta-wrapper { display: none; }
  .insta-grid-mobile { display: grid; }
}

@media (min-width: 768px) {
  .insta-grid-mobile { display: none; }
}