/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 #header{ background-color: #d1b1d1 !important; }


 @media (min-width: 992px) {
  .col-lg-1-of-8 {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .equal-cols {
    display: flex;
  }
  .equal-cols > * {
    flex: 1 1 0;
    max-width: 100%;
  }
.ets_prmn_megamenu .prmn_columns_ul { margin-top: 2px !important; border-top: 0px; }
.stickied .prmn_columns_ul { margin-top: 0px  !important;

   position: absolute;
  left: 50%;
  transform: translateX(-50%);
}


.prmn_center_sticky.stickied .ets_prmn_megamenu_content_content {
    justify-content: left !important;
    -webkit-justify-content: left !important;
}

}
 @media (max-width: 991px) {
  .prmn_columns_ul {
    box-shadow: none !important;
  }
  .ets_prmn_megamenu svg { color: #000000; }

  .ybc-menu-toggle {
    color: #ffffff;
  }
 }


 @media (min-width:1920px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
      max-width:1440px;
    }
  }

 .popover_help i {
  cursor: help;
}

.nav-tabs .nav-link, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
     color: #000;
}

.nav-tabs .nav-link {
    background: none;
    border-color: #ffffff;
}


/* Desktop: ustaw w jednej linii */
@media (min-width: 768px) {
  #checkout-addresses-step .btn-back-wrapper,
  #checkout-addresses-step .btn-continue-wrapper {
    width: auto;
    flex: 0 0 auto;
    order: unset;
    display:inline-block;
  }

  #checkout-addresses-step .buttons-row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 1rem;
  }

      .header-bottom__row {
        min-height:3.8rem;
        position: relative;
      }


  .carousel .carousel-caption .caption-description {
      max-width: 40rem;
  }

  .header-block__badge {
        background: var(--bs-dark);
        color: var(--bs-gray-400);

  }
   .header-block__icon, .header-block__title, .contact-link span {
        color: var(--bs-white) !important;
    }
   .header-block__icon:hover {
        color: var(--bs-primary) !important;
    }

  .search-widgets__results {
      max-height: 50%;
  }

.ets_prmn_megamenu .prmn_columns_ul {
    max-width: 80vw !important;
    min-width: calc(60vw + 100px) !important;
}

}

/* Mobile: układ pionowy, Dalej wyżej */
@media (max-width: 767.98px) {
  #checkout-addresses-step .buttons-row {
    display: flex;
    flex-direction: column;
  }

  #checkout-addresses-step .btn-back-wrapper {
    order: 2;
  }

  #checkout-addresses-step .btn-continue-wrapper {
    order: 1;
  }

  #checkout-addresses-step .btn-back-wrapper,
  #checkout-addresses-step .btn-continue-wrapper {
    width: 100%;
  }

  .ets_prmn_megamenu {
    background: #3e3f3a !important;
  }
  .ybc-menu-toggle {
    color: #fff !important;
  }

.carousel .carousel-caption .h2, .carousel .carousel-caption h2 {
    font-size: 1.5rem;
    margin-top: 3rem;
}

.carousel .carousel-caption .caption-description {
    max-width: 25rem;
}

  .ets_prmn_megamenu .prmn_columns_ul {
    max-width: 100vw !important;
  }
}

.search-widgets__dropdown {
    z-index: 1000;
}

@media (max-width: 1690px) {
  .prmn_menu_content_title {
      padding: 0 5px;
      font-size: 12px;

  }
}


/* menu start */

  .menu-sprite {
      display: block;
      width: 100%;
      aspect-ratio: 1 / 1;
      background-size: 100% auto;
      background-repeat: no-repeat;
      background-position-x: 0%;
      background-position-y: 0%
  }

  .menu-sprite-lazienkowe .menu-sprite {
      background-image: url(https://heat.pl/img/menu_sprite/lazienkowe_sprite.png);
  }

  .menu-sprite-dekoracyjne .menu-sprite {
      background-image: url(https://heat.pl/img/menu_sprite/dekoracyjne_sprite_v2.png);
  }

  .menu-sprite-zawory .menu-sprite {
      background-image: url(https://heat.pl/img/menu_sprite/zawory_sprite.png);
  }

  .menu-sprite-lazienkowe,
  .menu-sprite-zawory,
  .menu-sprite-dekoracyjne {
      align-items: stretch
  }

.menu-sprite-uca-elektryczny { background-position: 0 0%; }
.menu-sprite-uca-hybrydowy { background-position: 0 9.0909%; }
.menu-sprite-uca-wodny { background-position: 0 18.1818%; }
.menu-sprite-ucr-elektryczny { background-position: 0 27.2727%; }
.menu-sprite-ucr-hybrydowy { background-position: 0 36.3636%; }
.menu-sprite-ucr-wodny { background-position: 0 45.4545%; }
.menu-sprite-ucs-elektryczny { background-position: 0 54.5455%; }
.menu-sprite-ucs-hybrydowy { background-position: 0 63.6364%; }
.menu-sprite-ucs-wodny { background-position: 0 72.7273%; }
.menu-sprite-zodiak-elektryczny { background-position: 0 81.8182%; }
.menu-sprite-zodiak-hybrydowy { background-position: 0 90.9091%; }
.menu-sprite-zodiak-wodny { background-position: 0 100%; }

.menu-sprite-boczne { background-position: 0 0%; }
.menu-sprite-dolne-d50 { background-position: 0 33.3333%; }
.menu-sprite-dolne-szerokie { background-position: 0 66.6667%; }
.menu-sprite-hybrydowe { background-position: 0 100%; }

.menu-sprite-buffalo-wodny { background-position: 0 0%; }
.menu-sprite-cl3-elektryczny { background-position: 0 2.381%; }
.menu-sprite-cl3-hybrydowy { background-position: 0 4.7619%; }
.menu-sprite-cl3-poziomy-elektryczny { background-position: 0 7.1429%; }
.menu-sprite-cl3-poziomy-hybrydowy { background-position: 0 9.5238%; }
.menu-sprite-cl3-poziomy-wodny { background-position: 0 11.9048%; }
.menu-sprite-cl3-wodny { background-position: 0 14.2857%; }
.menu-sprite-concert-elektryczny { background-position: 0 16.6667%; }
.menu-sprite-concert-flat-elektryczny { background-position: 0 19.0476%; }
.menu-sprite-concert-flat-hybrydowy { background-position: 0 21.4286%; }
.menu-sprite-concert-flat-wodny { background-position: 0 23.8095%; }
.menu-sprite-concert-hybrydowy { background-position: 0 26.1905%; }
.menu-sprite-concert-wodny { background-position: 0 28.5714%; }
.menu-sprite-edo-elektryczny { background-position: 0 30.9524%; }
.menu-sprite-edo-hybrydowy { background-position: 0 33.3333%; }
.menu-sprite-edo-wodny { background-position: 0 35.7143%; }
.menu-sprite-gilda-elektryczny { background-position: 0 38.0952%; }
.menu-sprite-gilda-hybrydowy { background-position: 0 40.4762%; }
.menu-sprite-gilda-poziomy-elektryczny { background-position: 0 42.8571%; }
.menu-sprite-gilda-poziomy-hybrydowy { background-position: 0 45.2381%; }
.menu-sprite-gilda-poziomy-wodny { background-position: 0 47.619%; }
.menu-sprite-gilda-wodny { background-position: 0 50%; }
.menu-sprite-judy-elektryczny { background-position: 0 52.381%; }
.menu-sprite-judy-hybrydowy { background-position: 0 54.7619%; }
.menu-sprite-judy-poziomy-elektryczny { background-position: 0 57.1429%; }
.menu-sprite-judy-poziomy-hybrydowy { background-position: 0 59.5238%; }
.menu-sprite-judy-poziomy-wodny { background-position: 0 61.9048%; }
.menu-sprite-judy-wodny { background-position: 0 64.2857%; }
.menu-sprite-mild-wodny { background-position: 0 66.6667%; }
.menu-sprite-nomad-elektryczny { background-position: 0 69.0476%; }
.menu-sprite-nomad-hybrydowy { background-position: 0 71.4286%; }
.menu-sprite-nomad-poziomy-elektryczny { background-position: 0 73.8095%; }
.menu-sprite-nomad-poziomy-hybrydowy { background-position: 0 76.1905%; }
.menu-sprite-nomad-poziomy-wodny { background-position: 0 78.5714%; }
.menu-sprite-nomad-wodny { background-position: 0 80.9524%; }
.menu-sprite-ultraslim-elektryczny { background-position: 0 83.3333%; }
.menu-sprite-ultraslim-wodny { background-position: 0 85.7143%; }
.menu-sprite-wanted-hybrydowy { background-position: 0 88.0952%; }
.menu-sprite-wanted-poziomy-elektryczny { background-position: 0 90.4762%; }
.menu-sprite-wanted-poziomy-hybrydowy { background-position: 0 92.8571%; }
.menu-sprite-wanted-poziomy-wodny { background-position: 0 95.2381%; }
.menu-sprite-wanted-wodny { background-position: 0 97.619%; }
.menu-sprite-wild-wodny { background-position: 0 100%; }
  .sprite-container {
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      height: 100%;
      box-sizing: border-box;
      text-align: center;
      margin-bottom: .2rem;
      padding: .2rem;
      border: 1px solid var(--bs-secondary);
      border-radius: 4px
  }

  .sprite-container:hover {
      border: 1px solid var(--bs-primary)
  }

  .sprite-label {
      margin-top: .1rem;
      font-weight: 500
  }

  /* Klikalny sprite jako link */
  .sprite-main-link {
      display: block;
      text-decoration: none;
      color: inherit;
  }

  /* Ikony typów pod sprite’em */
  .sprite-variants {
      display: flex;
      justify-content: center;
      gap: 0.25rem;
      margin-top: 0.3rem;
  }

  .sprite-variants .variant-icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 1.6em;
      height: 1.6em;
      border-radius: 999px;
      border: 1px solid var(--bs-secondary);
      background-color: #fff;
      color: var(--bs-secondary);
      text-decoration: none;
      transition: all .15s ease-in-out;
      cursor: pointer;
  }

  .sprite-variants .variant-icon:hover {
      border-color: var(--bs-primary);
      color: var(--bs-primary);
  }

  .sprite-variants .variant-icon.active-variant {
      border-color: var(--bs-primary);
      color: var(--bs-primary);
  }

  /* SVG ikon */
  .ico {
      width: 1.1em;
      height: 1.1em;
      display: inline-block;
      vertical-align: -.125em;
      fill: currentColor;
  }



/* gpt change */
/* Kontener sprite'a - zamiast aspect-ratio: 1/1, dajemy max-height uzależniony od okna */
.menu-sprite-dekoracyjne .menu-sprite {
  /* Skalowanie:
       Min: 80px (żeby nie było za małe)
       Val: 18vh (procent okna przeglądarki)
       Max: 180px (żeby na wielkich monitorach nie było gigantyczne)
    */
/*    height: clamp(80px, 18vh, 180px); */

    max-height: 20vh; /* Sprite nie zajmie więcej niż 12% wysokości ekranu */
    width: auto;
    margin: 0 auto;
    aspect-ratio: 1 / 1; /* Zachowuje proporcje przy zmianie wysokości */
}

/* Zmniejszenie paddingów i odstępów w kontenerze na niskich ekranach */
@media (max-height: 1080px) {
    .sprite-container {
        padding: 0.1rem !important;
        margin-bottom: 0.1rem !important;
    }

    .sprite-label {
        font-size: 0.85rem; /* Mniejszy napis */
        margin-top: 0;
    }

    .sprite-variants .variant-icon {
        width: 1.3em; /* Mniejsze ikonki wariantów */
        height: 1.3em;
    }

    /* Nagłówek sekcji (H4) */
    .ets_prmn_block span.h4 {
        font-size: 1rem !important;
        padding-bottom: 5px !important;
        margin-bottom: 5px !important;
    }
}

/* menu end */


 #regulamin_tresc h2 {
            border-bottom: 2px solid #dee2e6;
            padding-bottom: 0.5rem;
            margin-top: 3rem; /* Zwiększony margines dla oddzielenia sekcji */
            padding-top: 1rem; /* Dodatkowe miejsce dla linków kotwicznych */
        }
 #regulamin_tresc dt {
            font-weight: 600;
        }
 #regulamin_tresc dd {
            margin-bottom: 0.5rem;
            padding-left: 1.5rem;
            border-left: 3px solid #eee;
        }
 #regulamin_tresc .card-form-template {
            background-color: #f8f9fa;
            border-radius: .5rem;
            padding: 1.5rem;
            font-family: monospace;
            white-space: pre-wrap; /* Umożliwia zawijanie tekstu w pre */
            word-wrap: break-word;
        }