body {
  background-color:#000000;
  font-family: "Poppins", serif;
}
a {
  color:#ffffff;
  text-decoration: none;
}
p {
  font-size:10pt;
  color:#ffffff;
  line-height: 16pt;
}
h3 {
  color:#ffffff;
}
header {
  height:160px;
}
.navbar-collapse {
  margin-top:3.5em;
}
.navbar-nav a {
  color:#a2a2a2;
}
.navbar-nav a:hover {
  color:#747474;
}
.navbar-brand{
  position: absolute;
  top:3em;
}
.navbar-brand img {
  max-width: 300px;
  height:auto;
}
.font_menu {
  font-family: "Poppins", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.justify {
  text-align: justify;
}

#bialko_i_jego_rola {
  margin-top:5em;
}
.bialko_left {
  padding-right:4em;
}
.bialko_right {
  position: relative;
}
.bialko_p {
  padding-right: 200px;
}
.bialko_img1 {
  padding-bottom:3em;
}
.bialko_img2 {
  padding-top:5em;
}
#bialko_i_jego_rola h3 {
  padding-top:1em;
  font-size:14pt;
}
#bialko_i_jego_rola img {
  max-width:95%;
}
.butelka_shake_img {
  position: absolute;
  top:420px;
  right:0;
  max-width:180px !important;
  height:auto;
}

#dlaczego_bakoma_men {
  margin-top:5em;
}
.dlaczego_left {
}

.dlaczego_right {
  padding-left:3em;
}
.dlaczego_right h3 {
  font-size:14pt;
}
.logo_bakoma_men {
  max-width:200px;
  height:auto;
  float:right;
}
.dr_text2 {
  padding-top:1em;
}
.dlaczego_bakoma_men_produkty_img {
  max-width:430px;
  height:auto;
  margin-left:-20px;
}
#jogurt_pitny_bakoma_men,
#shake_pitny_bakoma_men,
#jogurt_pitny_bakoma_skyr_men,
#jogurt_bakoma_skyr_men,
#batony_proteinowe_bakoma_men {
  padding-top:2em;
  padding-bottom:2em;
}
.title_produkty {
  padding-left:10%;
  padding-right:10%;
  padding-top:5em;
  padding-bottom:5em;
}
.title_produkty2 {
  padding-left:2%;
  padding-right:2%;
  padding-top:5em;
  padding-bottom:5em;
}
#bialko_w_codziennej_diecie {
    margin-top:7em;
}
.img_produkt {
  height:auto;
  float:right;
}
.produkt_text {
  margin-top:1em;
}
.produkt_text p {
  font-size:12pt;
  line-height: 18pt;
}
.transition-arrow {
  transition: transform 0.3s ease;
}
.accordion {
  max-width:80%;
}
.accordion2 img {
  max-width:90%;
}
.produkty_text p{
  font-size:12pt;
  line-height: 18pt;
  padding-right:2em;
}
/* Całkowity reset tła, fontów i obrysów przycisku */
.custom-accordion-btn {
  border: 2px solid #1e606c !important;
  border-radius: 20px !important;
  background: linear-gradient(to bottom, #1e606c, #000000) !important;
  color: white !important;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1rem;
  font-weight: normal;
  line-height: 1;
  box-shadow: none !important;
  outline: none !important;
  transition: border-radius 0.2s ease, border-bottom 0.2s ease;
}

/* Po rozwinięciu – tylko górne zaokrąglenie */
.custom-accordion-btn:not(.collapsed) {
  border-radius: 20px 20px 0 0 !important;
  border-bottom: none !important;
}
/* Belka zwinięta – bez dolnego borderu (zapobiega mryganiu) */
.custom-accordion-btn.collapsed {
  border-bottom: none !important;
}
/* Usunięcie domyślnej strzałki Bootstrap */
.accordion-button::after {
  display: none !important;
}
.collcustom1 p {
  color:#ffffff;
}
#nutritionAccordion {
  padding-top:1.5em;
}
.custom-box {
  margin-top: -10px;
  border: 2px solid #1e606c;
  border-top: none;
  border-radius: 0 0 20px 20px;
  background-color: #000000;
  padding: 1rem;
  color: white;
}
.custom-box::before {
  content: "";
  display: block;
  height: 10px;
}

.custom-box,
.custom-box * {
  color: #000000;
}
.arrow-box {
  width: 25px;
  height: 25px;
  border: 1px solid #6ec7f0;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.arrow-box svg {
  display: block;
  fill: #6ec7f0;
}
.custom-box table,
.custom-box th,
.custom-box td {
  background-color: #000000 !important;
  color: white !important;
  border-color: #ffffff !important;
  font-size:10pt;
}
.arrow-icon {
  transition: transform 0.3s ease;
  width: 15px;
height: 15px;
}
.custom-accordion-btn:not(.collapsed) .arrow-icon {
  transform: rotate(180deg);
}
.dieta_bottom {
  margin-top:5em;
  margin-bottom:5em;
}
.dieta_bottom p {
  padding-right:3em;
}

@media (min-width: 1199.99px) and (max-width: 1399.98px) {
  .dlaczego_bakoma_men_produkty_img {
  max-width: 100%;
  height: auto;
  margin-left: -20px;
  padding-top:4em;
  }
  .dlaczego_right {
  padding-left: 1em;
  }
}