/*Ciało strony*/
body
{
	background-color: white;
}

/*Wszystkie hiperłacza*/
a
{
	text-decoration: none;
	color: initial;
}

/*Nawigacja boczna*/

.bg-menu .nav-item .navL
{
	color: gray;
	transition: none !important;
}
.bg-menu .nav-item .navL:hover
{
	color: white !important;
}
.nav .img-fluid
{
	width: 55% !important;
	margin-top: 10% !important;
	margin-bottom: 15% !important;
	margin-right: 35% !important;
}
.nav
{
	margin-right: 0;
}
.navL.active,
.navL:hover 
{
   background-color: black;
   color: white !important;
}
.navLink-Torebki
{
	color: #404040 !important;
	font-size: 101%;
	transition: none !important;
}
.navLink-Torebki:hover
{
	background-color: black;
	color: white !important;
}

/*Container z trescią głowną*/
.mainContainer
{
   width: 80%;
   margin: auto;
   padding: 0;
}
@media (max-width: 992px)
 {
  .mainContainer
  {
    width: 90%;
	padding: 0;
	margin: auto;
  }
}

/*Tytuł oraz cena produktu*/
.Tytul
{
	font-weight: 350;
}
.Cena
{
	font-weight: 600;
}
.Wyp
{
	color: red;
}

/*Stopka*/
.footer {
  background-color: black;
  text-align: center;
  margin-top: 10%;
}

.pfooter 
{
  color: white;
  margin: 0;
  line-height: 1;
}

/*Animacje*/
.animation
{	
	transition: transform 0.2s ease-in-out;
	will-change: transform, opacity;
}
.animation:hover
{
	transform: scale(1.04);
	opacity: 0.9;
}

/*Przycisk kup teraz*/

.position-absolute.top-50 
{
  top: 20% !important;
}


@media (max-width: 600px) 
{
  .text1
  {
    font-size: 200%;
  }

  .text2
  {
    font-size: 140%;
  }

  .btn1
  {
    font-size: 0.9rem;
  }
 .position-absolute.top-50 
  {
	top: 25% !important;
  }
}

@media (max-width: 450px) 
{
  .text1
  {
    font-size: 160%;
  }

  .text2
  {
    font-size: 100%;
  }

  .btn1
  {
    font-size: 0.7rem;
  }
}

.btn-black
{
	background-color: black;
	color: white;	
}
.btn-black:hover
{
	background-color: #606060;
	color: white;	
}

/*Nawigacja mobilna*/

.btnDostosuj
{
	border: none;
    outline: none;
    box-shadow: none;
	-webkit-tap-highlight-color: transparent;
}
.btnDostosuj:hover
{
	background-color: #606060;
}
.btnDostosuj:focus {
    outline: none;
    box-shadow: none;
}
.bg-navbar
{
	background-color: #101010;
}
.navHover:hover
{
	background-color: #606060;
}
.bg-dropdown
{
	background-color: #202020;
}
.dropdown-item:hover
{
	background-color: #606060;
}



/*Slajder ze zdjeciami*/

.carousel-control-prev-icon,
.carousel-control-next-icon {
  filter: invert(1);
}

.carousel-indicators [data-bs-target] {
  background-color: black;
  opacity: 0.2;
}

.carousel-indicators .active {
  opacity: 1;
}
.carousel {
  position: relative;
}
.CenaSlider
{
	font-size: 130%;
	font-weight: 450;
}
ul.list-group.no-border .list-group-item
{
	border: none;
}
.zoom-btn
{
	background-color: #606060;
	color: white;
	z-index: 10;
	margin-right: 17%;
}
.zoom-btn:hover
{
	background-color: #909090;
	color: white;
}
.carousel-indicators {
  position: static;
  margin-top: 10px;
  justify-content: center;
}

.zoom-container {
  overflow: hidden;
  position: relative;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}

.zoom-img {
  max-width: 100%;
  transition: transform 0s ease;
}
/*ustawienie marginesu powiekszania img*/
@media (max-width: 768px)
{
	.zoom-btn
	{
	margin-right: 5%;
	}

}