:root {
	--toptop-color: #000;

  --body-font-size: 16px;
  --body-line-height: 1.65;
  /*
  --body-font-family: var(--neoteric-font-family-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
  --body-font-size: 1rem;
  --body-font-weight: var(--neoteric-font-weight-normal, 400);
  --body-line-height: 1.5;
  */

}

.toptop {
  --megamenu-border-color: var(--template-megamenu-border-color, #ddd);
  --megamenu-bg: var(--template-megamenu-bg, #fff);
  border-top: 1px solid var(--megamenu-border-color);
  border-bottom: 1px solid var(--megamenu-border-color);
  background-color: var(--megamenu-bg);
  color: var(--toptop-color);
}
.top-bar-content.toptop .mod-inline {
	/*
	padding-top: 0;
	padding-bottom: 0;
	*/
}

#content {
	margin-top: 2rem;
}
#left-aside {
	margin-top: 1rem;
}

/* MODULE Jahan Jcountries */
.mod-jcountries .btn-group {
	margin-bottom: 0;
}

.mod-jcountries button {
	padding: 0rem 0.3rem;
	background: none;
	border: none;
	position: relative;
}
.mod-jcountries button:focus {
	background: none;
}
.mod-jcountries button:hover {
	background: #fff;
}
.mod-jcountries ul {
	width: 230px;
	box-shadow: 0 0 10px #888;
}
.mod-jcountries ul li {
	padding: 0.5rem 1rem;
}
.mod-jcountries button::before {
	content: ' ';
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0.3rem;
	width: 25px;
	height: 25px;
	border: 2px solid var(--toptop-color);
	border-radius: 13px;
}

.header-main {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.top-bar-content {
	text-transform: none;
}
.facebook-icon {
	/*
	display: inline-block;
	position: relative;
	margin-top: 1rem;
	margin-bottom: -1rem;
	*/
}
.icon-facebook {
	display: inline-block;
	border:2px solid var(--toptop-color);
	border-radius:2rem;
	font-size: 90%;
	color: var(--toptop-color);
	padding: 4px 6.5px 3px;
}
.icon-facebook:hover {
	background: #fff;
}
.top-left .nav-item a, .top-right .nav-item a {
	color: #000;
}
.main-section {
	padding-top: 0;
}
.main-top-horizontal-section {
	margin-top: 2rem;
}
.mod-position-main-top-horizontal.mb-5 {
	margin-bottom: 1rem !important;
}
.content-top-horizontal-section {
	margin-top: 0;
	font-size: 14px;
}

.mod-position-content-top-horizontal.mod-row.mb-5 {
	margin-bottom: 1rem !important;
}
.content-top-horizontal-section {
	border-bottom: 1px solid #aaa;
}
.vyhoda {
padding: 0.5rem;
min-height: 86px;
/*
border: 1px solid #aaa;
height: 70px;
*/
}
.vyhoda img {
max-height: 60px;
}
.offcanvas-body img {
	max-height: 3.2rem;
	max-width: 3.2rem;
}
.header-content.sticky-top {
	position: sticky !important;
}
@media (max-width: 767px) {
	.pagination__wrapper {
		overflow: hidden;
	}
	.blog-featured .counter {
		display: block;
		clear: both;
		float: none !important;
		margin-bottom: 0;
	}
	.pagination__wrapper ul.pagination {
		flex-wrap: wrap;
	}
	.pagination__wrapper ul.pagination li:nth-child(2) {
		display: none;
	}
	.pagination__wrapper ul.pagination li:nth-last-child(2) {
		display: none;
	}
}

.blog-featured .blog-item {
/*	box-shadow: 0 0 5px #aaa;*/
    transition:all 1.0s;
    -moz-transition:all 1.0s;
    -webkit-transition:all 1.0s;
}
.blog-featured .blog-item:hover {
/*	box-shadow: 0 0 15px #888;*/
}
.blog-featured .blog-item .item-image {
	margin-top: 0;
}
.blog-featured .blog-item .item-image img {
    transition:all 1.0s;
    -moz-transition:all 1.0s;
    -webkit-transition:all 1.0s;
}
.blog-featured .blog-item:hover .item-image img {
    transform:scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform:scale(1.05);
}

.blog-featured .blog-item .item-content {
	padding-left: 1rem;
	padding-right: 1rem;
}

.blog-featured .item-title-introtext {
	height: 13.5rem;
	overflow: hidden;
	position: relative;	
	margin-bottom: 0.5rem;
}
.blog-featured .blog-items .blog-item .item-title-introtext::before {
	content:' ';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4rem;
	background-size: 100% 4rem;
	background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
	z-index: 100;


	transition-property: background-size, height;	
	transition: 0.5s ease-in-out;
}
.blog-featured .blog-items .blog-item:nth-child(even) .item-title-introtext::before {
	background-image: linear-gradient(to bottom, rgba(246,248,250,0), rgba(246,248,250,1));
}
.blog-featured .blog-items .blog-item:hover .item-title-introtext::before {
	background-image: linear-gradient(to bottom, rgba(239,243,246,0), rgba(239,243,246,1));
	height: 1rem;
	background-size: 100% 1rem;
}

.vm-categories {
	list-style-type: none;
}
.vm-categories > li > a > div {
    /*margin:0px;*/
    display: inline-block;
    /*border: 1px solid #ddd;*/
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    width: 100%;

   	transition:all 0.1s ease-in-out;
    -moz-transition:all 0.1s ease-in-out;
    -webkit-transition:all 0.1s ease-in-out;
	

    background-color: #fff;
    border-radius: 8px; /* Zaoblení rohů karty */
    box-shadow: 0 4px 15px rgba(0,0,0,0.05); /* Jemný stín */
    text-decoration: none;
    color: #333;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    height: 100%;
    border: 1px solid rgba(0,0,0,0.02); /* Velmi jemný okraj */

}    
.vm-categories > li > a:hover > div {
    /*border: 1px solid #aaa;*/
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
}
.vm-categories > li > a > div .label{
   	transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    color: #000000;
	   background-color: #00000002;
	    box-shadow: 0 4px 15px rgba(0,0,0,0.02); /* Jemný stín */
	
}
.vm-categories > li > a:hover > div .label{
    color: #5289ff;
}
.vm-categories > li > a > div > div.catimg {
    padding-left: 1rem;
}
.vm-categories > li > a > div img {
    max-height: 52px;
    margin-top: 12px;
    margin-bottom: 5px;
	display: block;
    background-color: #fff;
    border-radius: 8px; /* Zaoblení rohů karty */
    box-shadow: 0 4px 15px rgba(0,0,0,0.01); /* Jemný stín */
    text-decoration: none;
    color: #333;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    height: 100%;
    border: 1px solid rgba(0,0,0,0.02); /* Velmi jemný okraj */
}
.vm-categories > li > a:hover > div {
  transform: scale(1.02);
	transform: translateY(-4px); /* Mírný posun nahoru */
  box-shadow: 0 8px 25px rgba(0,0,0,0.1); /* Výraznější stín */
}
.vm-categories > li .label{
    color: black;
    font-size: 130%;
    padding-right: 0,7rem;
}
.vm-categories > li > a:hover > .label {
    color: #888;
}
.category-view .vm-categories h3 {
	font-size: 1.5rem;
	font-weight: normal;
	font-family: Nunito, Verdana, helvetica, sans-serif;
	margin-bottom: 0;
}

/* Styl pro text (Label) */
ul.vm-categories .label {
    font-size: 17px;
    font-weight: 500; /* Střední tučnost */
    color: #0f2d40; /* Tmavá barva písma */
    margin-left: 10px !important; /* Odstup od obrázku */
    line-height: 1.2;
}



/* Vytvoření šipky (>) pomocí CSS na pravé straně */
ul.vm-categories li a .d-flex::after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #b0b0b0; /* Šedá barva šipky */
    border-right: 2px solid #b0b0b0;
    transform: rotate(45deg); /* Otočení čtverce na kosočtverec */
    margin-left: auto; /* Odsazení zcela doprava */
    margin-right: 12px;
    flex-shrink: 0;
}




.browse-view h3.product-name {
	font-size: 1.2rem;
	font-weight: normal;
	font-family: Nunito, Verdana, helvetica, sans-serif;
}
.browse-view .product-sales-price div {
	font-size: 1.8rem;
	font-weight: normal;
	font-family: Nunito, Verdana, helvetica, sans-serif;
}

/*.customer_type-group + .company-group,
.customer_type-group + .company-group + .ICO-group,
.customer_type-group + .company-group + .ICO-group + .DIC-group {
	display: none;
}
.customer_type-group.private + .company-group,
.customer_type-group.private + .company-group + .ICO-group,
.customer_type-group.private + .company-group + .ICO-group + .DIC-group {
	display: none;
}
.customer_type-group.company + .company-group,
.customer_type-group.company + .company-group + .ICO-group,
.customer_type-group.company + .company-group + .ICO-group + .DIC-group {
	display: block;
}*/
.productdetails h1 {
	font-weight: normal;
}
.productdetails-view.productdetails  .product-sales-price > div > span {
	font-weight: normal;
	font-size: 120%;
}
.productdetails-view.productdetails  .product-sales-price > div > span {
	font-weight: normal;
	font-size: 120%;
	color: #a60000;
}
.productdetails-view.productdetails  .product-all-prices > div.PricepriceWithoutTax > span {
	color: #aaaaaa;
	font-size: 1.2rem;
}
.productdetails-view.productdetails  .product-all-prices > div.PricepriceWithoutTax > .vm-price-desc {
	padding-right: 0.5rem;
}


#ProOPC .bootmodal-header {
	position: relative;
}
#ProOPC .bootmodal-header button.close {
	color: black;
	font-size: 300%;
	margin-top: 0;
	line-height: 1rem;
	position: absolute;
	top: -1rem;
	right: 1rem;
	opacity: 0.75;
}
#ProOPC .bootmodal-header button.close::selection {
	color: black;
}

@media (min-width: 992px) {
  .header-right-lg .jewel-group .vpi-lg {
    font-size: 2rem;
  }
}
@media (min-width: 992px) {
  .header-right-lg {
    position: static !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
    gap: 1rem;
    z-index: inherit;
  }
}
@media (max-width: 991px) {

	header.header-content > .header-main {
		background-color: var(--template-megamenu-bg);
	}
    .header-main .container-inner {
        padding: 0.6rem 0;
    }
	body.view-featured #content > .content-inner {
		display: flex;
		flex-direction: column;
	}
	body.view-featured #content > .content-inner > .content-top-horizontal-section {
		order: 2;
	}
	body.view-featured #content > .content-inner > .content-top-vertical-section {
		order: 1;
	}
	body.view-featured #content > .content-inner > #system-message-container {
		order: 3;
	}
	body.view-featured #content > .content-inner > main {
		order: 4;
	}
	body.view-featured #content > .content-inner > .content-bottom-vertical-section {
		order: 5;
	}
}




#ProOPC #cart_tos_field {
	margin-top: 0.5rem;
}
#ProOPC label, #ProOPC label span, #ProOPC div, #ProOPC label div, #ProOPC table div {
	font: 16px Nunito, Verdana, helvetica, sans-serif;
	font-size: 16px;
}
#ProOPC table div, #ProOPC table span  {
	font: 14px Nunito, Verdana, helvetica, sans-serif;
	font-size: 14px;
}
#ProOPC h3.proopc-process-title {
	font-size: 20px;
}
#ProOPC h3 div.proopc-step {
	background: none;
	color: black;
	font-size: 20px !important;
}
#ProOPC tr.shipping-row, #ProOPC tr.payment-row {
	font-size: 14px;
}
#ProOPC a.terms-of-service {
	font-size: 16px;
}

@media (max-width: 575px) {
	#ProOPC .group-enabled {
		.first_name-group {
			width: 100%;
		}
		.last_name-group {
			width: 100%;
		}
		.zip-group {
			width: 100%;
		}
		.city-group {
			width: 100%;
		}
		.shipto_zip-group {
			width: 100%;
		}
		.shipto_city-group {
			width: 100%;
		}
	}
}
@media (min-width: 576px) {
	#ProOPC .group-enabled {
		.bt_email-group {
			float: left; width: 50%;
		}
		.phone_1-group {
			float: left; width: 50%;
		}
		.first_name-group {
			width: 50%;
		}
		.virtuemart_country_id-group {
			float: left; width: 50%;
		}
		.virtuemart_state_id-group {
			float: left; width: 50%;
		}
		.zip-group {
			float: left; width: 28%;
		}
		.city-group {
			float: left; width: 72%;
		}
		.address_1-group {
			float: left; width: 72%;
		}
		.house_number-group {
			float: left; width: 28%;
		}
		.shipto_first_name-group {
			float: left; width: 50%;
		}
		.shipto_address_1-group {
			float: left; width: 72%;
		}
		.shipto_house_number-group {
			float: left; width: 28%;
		}
		.shipto_zip-group {
			float: left; width: 28%;
		}
		.shipto_city-group {
			float: left; width: 72%;
		}
		.shipto_virtuemart_country_id-group {
			float: left; width: 50%;
		}
		.shipto_virtuemart_state_id-group {
			float: left; width: 50%;
		}
	}
}
#ProOPC .proopc-st-address {
	margin: 15px 5px;
}
#ProOPC .proopc-bt-address {
	margin: 15px 5px 0;
}
#ProOPC .customer_type-group {
	margin-bottom: 0.5rem;
}
#ProOPC .customer_type-group .form-check-inline:nth-child(1) {
	float: left; width: 55%;
}
#ProOPC .customer_type-group .form-check-inline:nth-child(2) {
	float: left; width: 37%;
}
#ProOPC input[type=radio] {
	appearance: radio;
}




figure.left.item-image {
	margin-right: 1rem;
	margin-bottom: 1rem;
}
.blog-featured figure.left.item-image {
	margin-right: 0rem;
	margin-bottom: 2rem;
}
.blog-featured h2 {
	font-size: 1.5rem;
}
.product-items-container .product-grid-view .product-container {
    box-shadow: 0 0 20px rgba(0,0,0,0.1);	
}
.product-items-container .product-grid-view .product-list-images .product-image-default {
	margin-top: 5px;
}
.form-check.vm-customfield-color-426c616e636f .form-check-label-text.is-color-btn {
	border: 1px solid #ccc !important;
}
@supports (display:grid) {
  .blog-featured .blog-items {
  	grid-gap: 0;
  }
}
.blog-featured .blog-items .blog-item {
	background-position: 50% 100%;
	background-size: 0 0;
	background-repeat: no-repeat;
	transition-duration: 1s;
	transition-timing-function: cubic-bezier(0.165,0.85,0.45,1);

	transition-timing-function: cubic-bezier(0.165,0.85,0.45,1);	
	transition-property: background-color,background-size;	
	transition: 0.5s ease-in-out;

	background-image: radial-gradient(farthest-side at 50% 100%,#eff3f6 calc(100% - 1px),rgba(239,243,246,0) 30%);
}
.blog-featured .blog-items .blog-item:hover {
	background-image: radial-gradient(farthest-side at 50% 100%,#eff3f6 calc(100% - 1px),rgba(239,243,246,0) 100%);
	background-color: #fff;
	background-size: 150% 150%;
}

.blog-featured .blog-items .blog-item:nth-child(even) {
	background-color: #f6f8fa;

}
.product-label {
	box-shadow: 0 0 20px #fff, 0 0 20px #fff, 0 0 20px #fff;	
	background-size: cover; 	
}
.productdetails .product-image-gallery .product-labels {
	left: 0.6rem;
	right: inherit;
}
.productdetails .product-image-gallery .product-labels .product-label {
	min-width: 100px;
	min-height: 100px;
}
.product-navigation img {
	width:16px;height:16px;
	display: inline-block;
	margin-top:-4px;
}
.productdetails img.compare, .productdetails img.favorite, .productdetails img.question {
	width:28px;height:28px;
	display: inline-block;
	margin-bottom:2px;
}
.productdetails .fa-heart, .productdetails .fa-random  {
	border-radius: 16.5px;
	border-color: #666;
	margin-bottom: 0.3rem;
}

.product-container img.compare, .product-container img.favorite {
	width:33px;height:33px;
}
.product-container .fa-search, .product-container .fa-heart, .product-container .fa-random  {
	border-radius: 16.5px;
	border-color: #666;
}
.product-container .addtocart-button-container, .product-container .quantity-box {
	/*width: 100%;*/
}

.productdetails .stockicon {
	width:45px;height:45px;
	margin-right: 10px;
	margin-bottom: 5px;
}
.product-container .product-stock .stockicon {
	width:25px;height:25px;
	margin-right: 10px;
}
.product-container .product-stock > span{
	font-weight: bold;
}


/* --- Karta článku --- */
.blog-item {
    background-color: #f8f8f8; /* Varroaza styl pozadí */
    display: flex;
    flex-direction: column; /* Aby se prvky řadily pod sebe */
    height: 100%; /* Stejná výška pro všechny karty v řadě */
    transition: background-color 0.3s ease;
    border: none; /* Odstranění případných defaultních okrajů */
}

/* --- Obsahová část (padding) --- */
.item-content {
    padding-bottom: 30px; /* Vnitřní odsazení jako na Varroaza */
    display: flex;
    flex-direction: column;
    flex: 1; /* Roztáhne tuto část, aby tlačítko skončilo dole */
}

/* --- Nadpis --- */
.item-title a {
    font-family: "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: #333;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.3;
    text-decoration: none;
    display: block;
    margin-bottom: 15px;
}

.item-title a:hover {
    color: #000;
}


/* --- Tlačítko "Leer más" --- */
/* Upraveno do stylu Varroaza, ale jako "pilulka", protože obsahuje text */
.readmore {
    margin-top: auto; /* Tlačí tlačítko na úplný spodek karty */
    margin-bottom: 0;
}

.readmore .btn-secondary {
    display: inline-flex;
    align-items: center;
    padding: 8px 25px;
    background-color: transparent;
    border: 1px solid #e5e5e5;
    color: #333;
    border-radius: 12px; /* Zakulacené rohy */
    text-transform: uppercase;
    font-size: 0.8rem;
    font-weight: bold;
    letter-spacing: 1px;
    text-decoration: none;
    transition: all 0.3s ease;
}

/* Ikona šipky v tlačítku */
.readmore .btn-secondary .fa-angle-right {
    margin-right: 8px; /* Mezera mezi šipkou a textem */
    font-size: 1.1em;
}

/* Hover efekt tlačítka - TADY BY KLIDNE MOHL BÝt TEN EFEKTJAKO NA VARROAZA.CZ */
.readmore .btn-secondary:hover {
    background-color: #333;
    color: #fff;
    border-color: #333;
}




.product-container {
display: flex;
    flex-direction: column;
    height: 95%; /* Roztáhne kartu na plnou výšku rodiče */
    box-sizing: border-box; /* Zajistí, že padding nezvětší šířku */
	  padding: 10px;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);	
	
}

.product-name {
 min-height: 80px;
}

.row>* {
  /*! padding-right:calc(var(--gutter-x) * .3); */
  /*! padding-left:calc(var(--gutter-x) * .3); */
  /*! margin-top:var(--gutter-y) */
}


.image-title {
font-size: 17px;
}

.menuitem {
padding-right: 8px;
}
.modal-backdrop.fade.show {
	opacity: 0.7;
}
.choices__list.choices__list--single {
}
.choices__item.choices__item--selectable {
	overflow-x: hidden;
}
.product-field-display {

}
.category_description.mb-5.shorten {
	max-height: 90px;
	overflow-y: hidden;
	margin-bottom: 0rem !important;
	position:relative;
}

.category_description.mb-5.shorten::after {
  content:'';
  width:100%;
  height:80px;    
  display: block;
  position:absolute;
  left:0;
  bottom:0;
  background:linear-gradient(transparent, white);
  /*background:#ddd;*/
}
.category_description_readmore {
	display: inline-block;
	margin-bottom: 0rem !important;
}
.vm-order-done {
	padding: 3rem;
}

.product-container .quantity-box {
  display: grid;
  grid-template-columns: 1fr auto; /* One flexible column for input, one auto for buttons */
  grid-template-rows: 1fr 1fr; /* Two rows for the buttons */
  gap: 0px; /* Small gap between elements, adjust as needed */
  width: fit-content; /* Or a specific width */
}

.product-container .quantity-box.input-group > input.form-control.quantity-input[type="number"] {
  grid-column: 1;
  grid-row: 1 / span 2;
  height: 100%;
  text-align: center;
  padding-right: 5px;
  margin-right: 0;
  border-top-left-radius: var(--border-radius-lg) !important;
  border-bottom-left-radius: var(--border-radius-lg) !important;
  border-right-width: 0;
  width: 40px;
}

.product-container .quantity-box.input-group:not(.has-validation) > .btn.quantity-minus:not(:last-child) {
  border-bottom-right-radius: var(--border-radius-lg);
}
.product-container .quantity-box.input-group:not(.has-validation) > .btn.quantity-plus:not(:last-child) {
  border-top-right-radius: var(--border-radius-lg);
}

.product-container .quantity-box .quantity-minus {
  grid-column: 2; /* Place minus button in the second column */
  grid-row: 2; /* Place in the first row */
  border-top-width: 1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.product-container .quantity-box .quantity-plus {
  grid-column: 2; /* Place plus button in the second column */
  grid-row: 1; /* Place in the second row */
  border-bottom-width: 1px;
  border-bottom-right-radius: 0;
}

.product-container .quantity-box .quantity-minus,
.product-container .quantity-box .quantity-plus {
  min-width: 30px; /* Example fixed width */
  min-height: 15px; /* Example fixed height */
  padding: 0.3rem;
  display: flex;
  align-items: center;
  justify-content: center;

  margin-left: -2px !important;
}

.product-container .quantity-box .quantity-minus:hover,
.product-container .quantity-box .quantity-plus:hover {
    background: var(--btn-hover-border-color);;
    color: white;
}
/* Kontejner pro zarovnání textu a checkboxu */
.stock-container {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    gap: 8px; /* Mezera mezi textem a políčkem */
}

.stock-label {
  color: #00BF00;
}
/* Vlastní styl checkboxu */
.stock-checkbox {
    /* Vypne výchozí vzhled prohlížeče */
    -webkit-appearance: none;
    appearance: none;

    /* Vzhled rámečku: Zelený a Tučný */
    width: 18px;
    height: 18px;
    border: 2px solid #00BF00; /* Tučný rámeček */
    border-radius: 3px;        /* Jemně zaoblené rohy */
    background-color: white;
    margin: 0;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Stav po zaškrtnutí (kliknutí) */
.stock-checkbox:checked {
    background-color: #00BF00;
}

/* Přidání "fajfky" po zaškrtnutí */
.stock-checkbox:checked::after {
    content: '✔';
    color: white;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
}

/* Hover efekt (volitelné) */
.stock-checkbox:hover {
    box-shadow: 0 0 3px #00BF00;
}

.offcanvas-backdrop.fade.show {
	opacity: 0.7;
}
.main-content-area {
	background-image: url('/images/template/hex_background.png');
	background-repeat: repeat;
	background-position: top;
}
.main-content-area .container-xxl {
  background-color: #fff;
}
.searched-product .searched-product-image {
	width: 15%;
}
.searched-product .searched-product-info {
	width: 85%;
}
.searched-product .quantity-box {
	display: none;
}
.searched-product {
    flex-wrap: nowrap;
    width: 100%;
}    
.searched-product-left {
    display: flex;
    position: relative;
    flex: auto;
}
.searched-product-right {
    display: flex;
    flex: auto;
}
.searched-product-right .addtocart-bar.justify-content-start {
  justify-content: flex-end !important;
}    
.btn-info {
  background-color: var(--template-primary-color);
  color: var(--template-primary-contrast-color);
  --btn-border-color: var(--template-primary-color);
  --btn-border-radius: var(--border-radius-lg);
}
#content .vm-categories.row {
	margin-left: -.5rem !important;
	padding-left: 0;
}
.mod-offcanvas-menu--spacer {
	width: 0;
}
@media (hover: none) {
  /* zařízení NEUMÍ hover (typicky dotyk) */
	.product-bottom-container {
	  position: relative;
	  top: auto;
	  left: 0;
	  right: 0;
	  opacity: 1;
	  visibility: visible;
	}  
	.product-items-container > .row > * {
	  padding-right: calc(var(--gutter-x) * .25);
	  padding-left: calc(var(--gutter-x) * .25);
	}	
	.product-backdrop {
		display: none;
	}
	.product-container.add-hover-effect.state-hover, .product-container.add-hover-effect:hover {
	  transform: none;
	}
}
@media (max-width: 1226px) and (min-width: 1224px) {
}