@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@1,900&display=swap');

:root {
  --mainBlue: #00B9FF;
  --mainHover: #495964;
  --mainBorder: #E0E0E0;
}

@media (max-width: 978px) {
  html,
  body,
  #container,
  #layout {
    overflow-x: hidden !important;
    position: relative;
  }
}

.max-width-1200 {
  max-width: 1400px;
}

.less_labels,
.redirection__title,
#prepaid_pay_label,
.product_name__name {
  font-family: 'Barlow Condensed', 'Open sans', 'Arial';
  color: #000 !important;
  letter-spacing: 0;
} 

.headline,
.big_label {
  font-family: 'Barlow Condensed', 'Open sans', 'Arial';
  font-style: italic;
  font-size: 34px !important;
  line-height: 41px !important;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #000 !important;
}

.topBasket__sub {
  color: var(--mainBlue);
}

.topBasket__sub:hover {
  color: var(--mainHover);
}

#menu_categories .navbar-toggler .icon-reorder {
  color: var(--mainBlue);
}

#footer_links .footer_links_label {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #000;
}

.btn.--solid,
.btn.--outline {
  border-radius: 10px;
}

/* Paski informacyjne */.  
header {
  grid-template-areas:
    "bars_top bars_top bars_top bars_top bars_top"
		"rabateCode rabateCode rabateCode rabateCode rabateCode"
		"freeShipping freeShipping freeShipping freeShipping freeShipping"
		"logo menu_search shopping_list_top_mobile menu_basket menu_categories";
}

#container.payment_tunnel header {
  grid-template-areas:
				"bars_top bars_top bars_top bars_top"
				"logo logo logo logo";
}

@media (min-width: 979px) {
  header {
    grid-template-areas:
      "bars_top bars_top bars_top bars_top"
			"rabateCode rabateCode rabateCode rabateCode"
			"freeShipping freeShipping freeShipping freeShipping"
			"logo menu_search menu_settings menu_basket"
			"menu_categories menu_categories menu_categories menu_categories"
			"breadcrumbs breadcrumbs breadcrumbs breadcrumbs";
  }
}    

.bars_top .bars__item {
  position: relative;
  padding: 0;
}

.bars_top .bars__wrapper {
  border: 0;
}

.bars_top .bars__wrapper:before {
  width: 100vw;
  background: var(--background-color);
  content: '';
  position: absolute;
  height: 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  top: 0;
}

@media (min-width: 979px) {
  .bars_top .bars__item.--fixed .bars__wrapper {
    top: calc(1px * var(--position));
  }
}

@media (min-width: 1170px) {
  .bars__item.--fixed .bars__wrapper {
    max-width: 1400px;
  }
}
/* Paski end */

#main_banner1 {
  position: relative;
  width: 100vw;
  left: 50%;
  transform: translateX(-50vw);
}



#blog-item .blog_date {
  display: none;
}





.projector_sizes__sub .count {
  display: none;
}

.longdescription-section .col {
  padding: 0;
}

.stock__availabilty_count {
    display: none;
}

/* MOBILE ONLY */
@media (max-width: 978px) {
  #menu_buttons2 .menu_button_wrapper:nth-child(odd) {
    padding-right: 7.5px;
  }

  #menu_buttons2 .menu_button_wrapper:nth-child(even) {
    padding-left: 7.5px;
  }
  
    /* MENU */
  .mobileCategories__item a {
    background: #0077CC; /* kolor tła */
  }

  /* MENU AKTYWNE */
  .mobileCategories__item a.--active {
    background: #00B9FF;
  }

  /* KONTO */
  .mobileCategories__item:last-child a {
    background: #0077CC;
  }

  /* KONTO AKTYWNE */
  .mobileCategories__item:last-child a.--active {
    background: #00B9FF;
  }

  /* BRAK ZAKŁADKI */
  .mobileCategories {
    background: #005FA3;
  }
}

/* DESKTOP ONLY */

@media (min-width: 979px) {
  #menu_buttons2 {
    margin-bottom: 4.5rem;
  }

  #main_hotspot_zone1,
  #main_hotspot_zone2,
  #main_hotspot_zone3 {
    margin-bottom: 6rem !important;
    padding-bottom: 5rem;
    border-bottom: 1px solid var(--mainBorder);
  }

  #main_blog {
    margin-bottom: 2rem !important;
    padding-bottom: 5rem;
  }
}
li.nav-item a.nav-link[href="/pol_m_Pomysly-na-prezent-919.html"] {
    background-color: #ee4c34;
    color: white;
}
.discount, .label.--discount {
    color: #fff;
    background: black!important;
}