.rowX2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;           
  }

  @media (min-width: 992px) {
    .rowX2 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  .cellX2 {
    background: #fff;
    text-align: center;
	overflow: hidden;
  }
  .cellX2 a {
    font-weight: bold;
    color: #83B81A;
  }
  .cellX2 a:hover {
	  text-decoration: underline;
  }
  .cellX2 a:hover img {
    transform: scale(1.05);
  }
  
  .cellX2 a img {
	  width: 100%;
	  height: auto;
	overflow: hidden;
    transition: transform 1.2s ease;
  }
  .cellX2 a label {
	  width: 100%;
    position: relative;
	background: #fff;
    padding-top: 5px;
    font-size: 18px;
  }

.card-item .img-center .img-thumbnail {
    transition: transform 1.2s ease;
}
.card-item .img-center .img-thumbnail:hover {
    transform: scale(1.05);
}

.BoxCatHp .category-grid .category a .img_bx {
    height: auto;
}
.BoxCatHp .category-grid .category a .img_bx .max_mob {
    height: 72px;
    margin: 56px 0px;
}

@media (max-width: 750px) {
	.BoxCatHp .category-grid .category a .img_bx .max_mob {
		height: 72px;
		margin: 9px 0px;
	}
}

.BoxCatHp .category-grid .category a .img_bx img {
    transition: transform 1.2s ease;
}
.BoxCatHp .category-grid .category a:hover .img_bx img {
    transform: scale(1.1);
}

.BoxCatHp .category-grid .category a label {
    display: block;
    position: relative;
    margin-top: 3px; /* -32px */
    background: #ffffffb3;
    padding: 5px 0px;
    z-index: 1;
}
.BoxCatHp .category-grid .category a:hover label {
    background: #fff;
	cursor: pointer;
}
.BoxCatHp .category-grid .category a {}

.section .container .mb-n5 .col-xl-6 {
        flex: 0 0 20%;
        max-width: 20%;
        padding: 2px;
    }

.req_vzor {
    color: red;
    text-align: right;
    display: block;
    width: 100%;
    padding: 0;
    margin-top: -10px;
    font-size: 15px;
}

@media (max-width: 1100px) {
    .section .container .mb-n5 .col-xl-6 {
        flex: 0 0 30%;
        max-width: 90%;
        margin-left: 5%;
    }
	.section .container .mb-n5 .col-xl-6 .hl-img {
		background: #fff;
		border-radius: 50%;
		padding: 6px;
	}
}

.searchXbox {
	display: inline-table;
	background: transparent;
}

@media (max-width: 1210px) {
    .searchXbox {
		display: none!important;
    }
}

.hledani_pole {
    padding: 10px;
    color: #000;
    border: 1px dotted #d0d0d0;
    border-radius: 5px;
    font-size: 16px;
}

.hledani_odeslat {
    padding: 10px;
    background: #7ac043;
    color: #fff;
    border: 0;
    border-radius: 5px;
    font-size: 16px;
}

.searchXh2 {
	font-size: 18px;
	color: #333;
}

.search-dialog {
  display: none;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
}

.search-content {
  background: white;
  max-width: 500px;
  margin: 10% auto;
  padding: 20px;
  border-radius: 10px;
  position: relative;
  text-align: center;
}

.close-btn {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 24px;
  cursor: pointer;
}

.shp-pay-21-CARD_CZ_COMGATE {
	display: contents!important;
}

.VariantDisplayType div a.mr-1 {
    display: block!important;
    width: 100%;
}
.VariantDisplayType div a.td-n {
    border: 2px solid #ececec;
    width: 67px;
	height: 56px;
    overflow: hidden;
    border-radius: 26px;
    text-align: center;
	position: relative;
}

.VariantDisplayType div a.td-n img {
  position: absolute; /* umožňuje přesné pozicování obrázku */
  top: 50%; /* posunutí od horního okraje na 50 % */
  left: 50%; /* posunutí od levého okraje na 50 % */
  transform: translate(-50%, -50%); /* centrování obrázku na střed */
}

.VariantDisplayType div a.td-n:has(img.active) {
    border: 2px solid #7ac043;
}
.VariantDisplayType div a.td-n:hover {
    border: 2px solid #7ac043;
}
 .VariantDisplayType div a.td-n img.active {
	border: 0px solid black;
	box-shadow: none;
}
 
#google_translate_element .goog-te-gadget-icon {display: none!important;}

.tb_velikosti .table-responsive table.table {
    width: 260px !important;
    margin-bottom: 50px;
}

.tb_velikosti .table-responsive table.table tr td, .tb_velikosti .table-responsive table.table tr th {
    padding: 4px;
    font-size: 15px;
}

.tb_velikosti .table-responsive table.table tbody tr:hover {
    font-weight: bold;
    background-color: #e0f7fa!important;
}

#snippet-products-productList .card-item .table-condensed .pr-1 {
	display: none!important;
}

#snippet-products-productList .card-item .table-condensed .pr-0 {
	text-align: center;
}

.velikost_v_tb {
    padding: 1px 3px;
	border: 1px solid #fff;
}
.velikost_v_tb:hover {
    padding: 1px 3px;
	border: 1px solid #7ac043;
	background: #7ac043;
	color: #fff;
	text-decoration: none;
}
#float_writeUs {
    background: #7ac043;
    position: fixed;
    z-index: 9999;
    bottom: -4px;
    width: 47px;
    height: 47px;
    right: 23px;
    border-radius: 26px;
    padding-left: 5px;
            transition: opacity 0.5s ease, transform 0.5s ease; /* Plynulé efekty */
    box-shadow: 0 0.625rem 1.26rem rgba(0, 0, 0, 0.1), 0 1.25rem 3.78rem rgba(0, 0, 0, 0.1);
}
#float_writeUs .fa-paper-plane-o:before{
    font-size: 18px;
}
.scroll-to-top {
    bottom: 3.73434rem!important;
}

.img-thumbnail figcaption.small {
	display: none;
}

.DetailImage figcaption.small {
	display: none;
}
.LightboxModal .lb-title {
	display: none;
}

#description h2 {
    font-size: 18px;
    font-weight: bold;
}

#description h3 {
    font-size: 18px;
    font-weight: bold;
}
#description ul li h3 {
    display: initial;
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
}
/*
.LightboxModal .lb-title
*/

@media (max-width: 768px) {
	.page-hp .headlines, .page-hp .bic-hpmenu  {
		display: none!important;
	}
}





#cwsx-chat-widget-container {
    bottom: 14px!important;
    right: 62px!important;
	display: block!important;
}
#cwsx-chat-bubble {
    /*
	width: 50px !important;
    height: 50px !important;
	*/
    bottom: -7px !important;
    right: 12px !important;
    display: block !important;
}
#float_writeUs {
	display: none!important;
}




.BoxCatHp {
	display: block;
}


.BoxCatHp .category-grid {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    max-width: 1200px;
    margin: 0 auto;
    justify-content: center;
    align-content: center;
    align-items: center;
}

.BoxCatHp .category-grid .category {
    text-align: center;
    border-radius: 3px;
}
.BoxCatHp .category-grid .category:hover {
	box-shadow: 0 0.625rem 1.26rem rgba(0, 0, 0, 0.05), 0 1.25rem 3.78rem rgba(0, 0, 0, 0.05);
	z-index: 9;
}

.BoxCatHp .category-grid .category a {
    font-weight: bold;
    color: #83B81A;
    width: 212px;
    height: 222px; /* 187*/
    overflow: hidden;
    display: block;
    margin: auto;
    text-align: center;
}
.BoxCatHp .category-grid .category a img {
    width: auto;
    height: 187px;
    padding: 0px;
}
.BoxCatHp .category-grid .category a:hover {
    font-weight: bold;
	color: #83B81A;
}
.BoxCatHp .category-grid {
	grid-template-columns: repeat(6, 1fr);
}

@media (max-width: 1270px) {
    .BoxCatHp .category-grid {
        grid-template-columns: repeat(4, 1fr);
    }
    .page-hp .bic-hpmenu {
		display: block!important;
    }
}
@media (max-width: 990px) {
    .BoxCatHp .category-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .page-hp .bic-hpmenu {
		display: block!important;
    }
}


	.promobil {display: none;}
@media (max-width: 768px) {	
	.promobil {display: none;}
}
@media (max-width: 468px) {	
	.promobil {display: inline-block;}
}
	
@media (max-width: 768px) {
	
    .page-hp .bic-hpmenu {
		display: block!important;
    }
    .BoxCatHp .category-grid {
        grid-template-columns: repeat(2, 1fr);
    }
	.BoxCatHp .category-grid .category a img {
		padding: 0px;
	}
		
	.BoxCatHp .category-grid {
		gap: 5px;
	}
	.BoxCatHp .category-grid .category {
		overflow: hidden;
	}
	.BoxCatHp .category-grid .category a img {
		width: 100%;
		height: auto;
		padding: 0px;
	}
	.BoxCatHp .category-grid .category a {
		width: 100%;
		height: auto;
	}
	.max_mob {
		height: 96px!important;
		width: auto!important;
	}
}

#bannerX {
	display: block;
	overflow: hidden;
	position: absolute;
	position: fixed;
	width: 100px;
	height: 200px;
	border: 1px solid black;
	background: red;
	top: 500px;
	right: 10px;
	z-index: 9999;
}
/*
.page-hp .subct {
	border: 1px solid black;
}

.page-hp .subct .container {
	border: 1px solid black;
}
*/

/* první výskyt
.page .pt-6 .container {
	
}
*/

/* posunutí prvků produktu výše k obrázku */
#snippet-products-productList .mb-3, #snippet-products-productList .my-3 {
    margin-bottom: -30px!important;
}

@media (max-width: 768px) {
	.section .mb-n5 {
		display: block;
	}
	.section .mb-n5 .pb-3 a {
		display: block;
		clear: both;
	}
	.carousel-next {
		right: 8px;
	}
}

/* .onlyfirst -> colabse text mobil 
@media (max-width: 768px) {
	.OnlyFirstPage {
	  overflow: hidden;
	  transition: max-height 0.3s ease;
	}
	.show-more {
	  display: inline-block;
	  margin-top: 5px;
	  color: blue;
	  cursor: pointer;
	}
}
*/


#cwsx-chat-bubble {
    width: 47px!important;
    height: 47px!important;
}

#cwsx-chat-bubble-container {
    margin-bottom: 10px!important;
    margin-right: 20px!important;
}
	
@media (max-width: 768px) {
    #cwsx-chat-bubble-container {
        margin-right: 20px!important;
		margin-bottom: 12px!important;
    }
}

.cellX2 a label {
    color: #7c7c7c!important;
}
.headlines h2 {
    color: #7c7c7c!important;
}
.subct h2 {
    color: #7c7c7c!important;
}