/* custom styles */
@media (min-width: 1400px) {
    .container {
        width: 1320px;
        max-width: 100%;
    }
}

@media (min-width: 1600px) {
    .container {
        width: 1480px;
        max-width: 100%;
    }
}

@media (min-width: 1920px) {
    .container {
        width: 1680px;
        max-width: 100%;
    }
}

@media (min-width: 2560px) {
    .container {
        width: 1920px;
        max-width: 100%;
    }
}


/* DESKTOP GRID */
.images-container .product-images-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}

.product-images-grid.is-single{
  grid-template-columns: 1fr;
}

.images-container .product-image-item img{
  width:100%;
  height:auto;
  display:block;
  border-radius: 16px;
  border: 1px solid #e4e4e4;
}

/* MOBILE SLIDER */
.product-images-slider{
  overflow:hidden;
  width:100%;
  touch-action: pan-y; /* pozwala na swipe w poziomie i scroll w pionie */
}
.product-images-track{
  display:flex;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width:none;
}
.product-images-track::-webkit-scrollbar{ display:none; }

.product-slide{
  flex:0 0 100%;
  scroll-snap-align:start;
}
.product-slide img{
  width:100%;
  height:auto;
  display:block;
}

/* kropki */
.product-slider-dots{
  display:flex;
  gap:8px;
  justify-content:center;
  margin-top:10px;
  margin-bottom:10px;
}
.product-slider-dots button{
  width:8px;
  height:8px;
  border-radius:50%;
  border:0;
  padding:0;
  opacity:.35;
  background: rgb(165 221 209);
}
.product-slider-dots button.is-active{ opacity:1; }

#product #content {
    max-width: fit-content;
}
#header .header-nav .cart-preview.active {
    background: #424242;
}
.product-price {
	font-size: 26px;
}
/* subcategories */
#subcategories ul li {
    max-width: 140px;
	min-width: unset;
}
#subcategories ul li .subcategory-name {
    text-transform: unset;
    font-size: 14px;
    font-weight: 300;
}

#subcategories ul li .subcategory-name:hover, .block-categories .arrows .arrow-down:hover, .block-categories .arrows .arrow-right:hover, .block-categories .collapse-icons .add:hover, .block-categories .collapse-icons .remove:hover, .cart-grid-body a.label:hover {
    color: #555454;
}
#header .top-menu a[data-depth="0"]:hover, a:hover {
    color: #555454;
}
a:focus, a:hover {
    color: #555454;
}
a {
    color: #555454;
}
#subcategories ul li:hover .subcategory-image a {
    padding: 5px;
    border: 2px solid #555454;
}

@media (max-width: 768px){
	#subcategories ul li {
		width: calc(50% - 20px);
		margin: 0;
	}
}
.block-category h1 {
    font-size: 1.5rem;
}
.block-category .block-category-inner #category-description .page-content.page-cms ul, .block-category .block-category-inner #category-description p, .page-content.page-cms .block-category .block-category-inner #category-description ul {
    padding: 0 0 9px;
}
.block-category .block-category-inner #category-description strong {
    font-weight: 600;
    color: unset;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    color: #3f3f3f;
}
#category-description a { text-decoration: underline; }
#category-description div { padding: 0 0 9px; }
.block-category .block-category-inner #category-description .page-content.page-cms ul, .block-category .block-category-inner #category-description p, .page-content.page-cms .block-category .block-category-inner #category-description ul {
    color: #484848;
}
@media (min-width: 768px){
	.top-menu .sub-menu ul[data-depth="1"]>li {
		padding: 10px 0;
	}
}

/* product tabs */
.nc-boxes { border-top: 1px solid #e5e5e5; }
.nc-boxes .box { border-bottom: 1px solid #e5e5e5; padding-left: 15px; }

.box__head{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  border: 0;
  background: transparent;
  padding: 12px 0;
  cursor: pointer;
  text-align: left;
}

.box__title { margin: 0; font-size: 16px; font-weight: 600; }

.box__body{
  overflow: hidden;
  max-height: 0;
  padding: 0;
  transition: max-height .25s ease, padding .25s ease;
}

.box.is-open .box__body{
  max-height: 2000px;
  padding: 0 0 12px;
}

.product-condition .label {
    padding-left: 7px;
}

.product-description {
	padding: 40px;
    background: #fff;
    margin: 20px 0;
    border-radius: 15px;
}
.product-description li { margin-bottom: 7px; }
.product-description-empty { margin-top: 20px; }

@media (max-width: 767px) {
  .product-description {
	padding: 10px;
  }
}

.page-content.page-cms ul, p {
	font-weight: 400;
    color: #555454;
}
.page-content.page-cms dt, .page-content.page-cms li {
	margin-bottom: 10px;
}
.box__body li {
    margin-bottom: 7px;
    list-style-type: disc;
}
.box__body ul {
    padding-left: 15px;
}

.box__body p, .box__body ul, .box__body li, #product-details .label {
    font-weight: 300;
    color: #525252;
}

.box__body p {
	margin-bottom: 10px;
}

.box.is-open .box__body h6 {
	font-weight: 500;
} 

@media (min-width: 767px) {
  .box.is-open .box__body{
	padding-left: 20px;
  }
}

.box__icon { transition: transform .2s ease; }
.box.is-open .box__icon { transform: rotate(180deg); }

.box__head:focus { outline: none; }
.box__head:focus-visible{
  outline: 2px solid #ccc;
  outline-offset: 2px;
}
.btn-primary {
  background-color: #000;
  border-color: #000;
  color: #fff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #484747;
  border-color: #222;
  color: #fff;
}

div#menu-icon { display: none; }

@media (max-width: 767px) {
    #header .top-logo {
      padding-left: 10px;
    }
	.ets_mm_megamenu.hook-default {
	  padding: 0;
    }
	#header .header-top {
	  padding: 1rem 0 0 0;
	}
}
@media (max-width: 386px) {
	#header .header-nav .user-info { margin-left: 1.5rem; }
}
@media (max-width: 348px) {
	#header .header-nav .user-info { margin-left: 1rem; }
}

/* sticky zdjęcie*/
@media (min-width: 768px) {
  .product-container .col-md-7 {
    position: sticky;
    top: 90px; /* zależne od wysokości headera */
  }
}

.product-comments-additional-info { margin: 0; font-size: 12px; justify-content: unset; }
.additional-links .material-icons {
    font-size: 16px;
}

.block-categories .category-sub-menu li[data-depth="1"], .product-prices div {
    font-size: 32px;
	color: #c81a1a;
}

.product-comments-additional-info .comments-note { margin-top: -3px; }
.product-quantity .add { flex: 1 }
.product-actions .add-to-cart { width: 100%; }
.product-features>dl.data-sheet dd.value, .product-features>dl.data-sheet dt.name {
	background: #e8e8e8;
	font-weight: 300;
}
#product-comments-list-header { padding: 0; }
.footer-container {
    padding-top: 0;
}
.page-content.page-cms ul {
    list-style: disc;
    padding-left: 40px;
}
.page-content.page-cms h3 { margin-bottom: 20px; }
.page-content.page-cms p { text-align: justify; }
.page-content.page-cms img { 
  max-width: 100%;
  height: auto;
  display: block;
}

#cms #content .pokrowiec .description {
	padding: 20px;
    background: #f2f2f2;
}

@media (min-width: 768px) {
	.page-content.page-cms { padding:30px;}
}

.page-content.page-cms h2, .page-content.page-cms h1 {
    font-size: 20px;
    border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
    margin: 10px 0;
}

.account-list a:hover, .block_newsletter form button[type=submit] .search:hover, .footer-container li a:hover {
    color: #d72c00;
}
p.text-sm-center { text-align: center; }
.nc-menu-images .nc-menu-images__item { display: none; }
.nc-menu-images__item.is-hidden { display: none; }
.nc-menu-images__item.is-active { display: list-item; } 
.nc-menu-images { float: right; }