#upselling > section > div.panel-heading,#accessories > section > div.panel-heading {
background: aliceblue;
padding: 10px;
}
#upselling > section > div.panel-heading >div,#accessories > section > div.panel-heading >div {
font-size:36px;
font-weight:bold;
}
#tabCommonDescription
{
/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);*/
    padding: 10px;
 /*   margin: 10px;*/
    background: aliceblue;
margin-bottom:30px;
}
#tabCommonDescription > section > div.panel-body {
background: white;
    padding: 10px;
}
#tabCommonDescription > section > div.panel-heading > h3 {
background: aliceblue;
padding: 10px;
}
#tabCommonDescription > section > div.panel-heading > h3 > div {
font-size:36px;
font-weight:bold;
}
/*
.floating-socials {
  position: fixed;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 10px 5px;
  background: transparent;
  z-index: 9999;
}

.floating-socials {
    position: fixed;
    top: calc(100vh - 40px);
    left: 0px;
    transform: translateY(-50%);
    display: flex
;
    flex-direction: row;
    gap: 30px;
    width: 100vw;
    margin: 10px;
    padding: 10px 5px;
    background: #ffffff;
    z-index: 9999;
    justify-content: center;
}*/
.floating-socials {display: flex;justify-content: center}
footer {/*position:fixed;*/width:100%;top: calc(100vh - 135px);z-index:999;background: aliceblue;}
footer .panel-heading{display:none}
.floating-socials a img {
  width: 40px;
  height: 40px;
  object-fit: contain;
  transition: transform 0.3s, opacity 0.3s;
  filter: drop-shadow(0 0 2px rgba(0,0,0,0.3));
  margin:5px 10px;
}

.floating-socials a img:hover {
  transform: scale(1.2);
  opacity: 0.8;
}
/* Scrollbar (premium touch) */
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #e5ecf3;
}
::-webkit-scrollbar-thumb {
  background: #4bb8f4;
  border-radius: 5px;
}
/* Pasek darmowej dostawy – desktop i mobile */
#wlasny-banner-gora {
  background-color: #00AEEF; /* jasny niebieski z logo */
  color: white;
  text-align: center;
  padding: 8px 0;
  font-size: 14px;
  font-weight: bold;
  font-family: 'Arial', sans-serif;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 99999;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
/* Górny margines strony – dla desktopu */
body {
  margin-top: 30px !important;
}
/* Mobile – większy margines + mniejszy pasek */
@media (max-width: 768px) {
  #wlasny-banner-gora {
    font-size: 14px;
    padding: 8px 0;
  }

  body {
    margin-top: 90px !important; /* zwiększamy, żeby nie nachodził na koszyk */
  }
}