/* new update css browse 29.03.2026 */
.categorybox {
	border: thin solid #e3e3e3;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: url( "themes/vodni_dymky_tabaky/images/categorybox-back.png" ) repeat;
}
.categorybox:hover {
	-webkit-box-shadow: 0 0 5px #555;
	box-shadow: 0 0 5px #555;
}
.categorybox-title {
	font-size: 15px;
	text-shadow: 1px 1px 2px #fff;
}
.categorybox-number {
	font-size: 9px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333333;
	font-style: italic;
	text-shadow: 1px 1px 2px #fff;
}

/* === VM nadpisy === */
h1.vmCategoryTitle, h1.vmProductTitle,
h1.vmProductTitle2, h2.vmCategoryTitle {
  background-color: #544f4c;
  color: #ffffff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  padding: 10px;
  border-radius: 6px;
}

h1.vmCategoryTitle {
  line-height: 110%;
  margin: 0px 0px 15px 0px;
}

h1.vmProductTitle,
h1.vmProductTitle2 {
  line-height: 120%;
    margin: 0px 0px 5px 0px;
}

h1.vmProductTitle2 {
  font-size: 200%;
}

h2.vmCategoryTitle {
  font-size: 160%;

}

/* === desktop uprava VM nadpisy === */
@media screen and (min-width: 769px) {
  h1.vmCategoryTitle, h1.vmProductTitle {
    font-size: 230%;   
    }
  h1.vmProductTitle {
	font-size: 180%;
    }
}
/* === mobilni uprava VM nadpisy=== */
@media screen and (max-width: 768px) {
  h1.vmCategoryTitle, h1.vmProductTitle {
    font-size: clamp(14px, 7vw, 28px);
    }
  h2.vmCategoryTitle, h2.vmProductTitle {
    font-size: clamp(16px, 5vw, 22px);
    }
}

.obrazek_child {
	display: table-cell;
	height: 160px;
	vertical-align: middle;
	width: 130px;
}
.obrazek_child_main {
	height: 152px;
	width: 230px;
	text-align: center !important;
	display: table-cell;
	vertical-align: middle;
	border: 1px solid #dddddd;
}
.obrazek_child_jmeno {
	padding: 8px 0;
	width: auto;
	background: #f8f8f8;
}
/* General Shop Styles here */
.notify_button {
    text-align: center;
    width: 160px;
    height: 26px;
    cursor: pointer;
    font-weight: bold;
    vertical-align: middle;
}
.notify_button:hover {
}
.addtocart_button {
	text-align: center;
	width: 140px;
	height: 27px;
	cursor: pointer;
	border: none;
	font-weight: bold;
	padding-left: 20px;
	font-family: inherit;
	vertical-align: middle;
	overflow: hidden;
}
.addtocart_button {
	background: url( "themes/vodni_dymky_tabaky/images/cart.webp" ) no-repeat  center transparent;
    color: #fff;
    transition-property: all;
    transition-duration: 400ms;
    transition-timing-function: ease;
    transition-delay: 0ms;
}
.addtocart_button:hover {
	background: url( "themes/vodni_dymky_tabaky/images/cart.webp" ) no-repeat  center transparent;
    color: #ff6000;
    transition-property: all;
    transition-duration: 400ms;
    transition-timing-function: ease;
    transition-delay: 0ms;
}    
.notify_button_new {
    text-align: center;
    width: 160px;
    height: 26px;
    cursor: pointer;
    font-weight: bold;
    vertical-align: middle;
}
.addtocart_button_module {
	text-align: center;
	width: 160px;
	height: 30px;
	cursor: pointer;
	color: #000000;
	border: none;
	font-weight: bold;
	font-family: inherit;
	background: url( "themes/vodni_dymky_tabaky/images/transparent.png" ) no-repeat  center transparent;
	vertical-align: middle;
	overflow: hidden;
}
input.addtocart_button_module:hover {
	color: #333333;
}
.addtocart_form {
	width: 100%;
	display: inline;
	white-space: nowrap;
}
/* The quantity box beneath the "add to cart" button */
.quantity_box {
	vertical-align: middle;
}
.quantity_box_button {
	vertical-align: middle;
}
.quantity_box_button_down {
	background: transparent url( "themes/vodni_dymky_tabaky/images/down_small.webp" ) no-repeat center center;
	height: 24px;
	width: 17px;
}
.quantity_box_button_up {
	background: url( "themes/vodni_dymky_tabaky/images/up_small.webp" ) no-repeat center center;
	height: 24px;
	width: 17px;
}
.continue_link, .checkout_link {
	margin: 2px;
	padding: 2px 0px 2px 40px;
	vertical-align: middle;
	font-weight: bold;
	font-size: 1.4em;
	width: 40%;
}
.checkout_link {
	margin-left: 40px;
	background: url( "themes/vodni_dymky_tabaky/images/forward.png" ) no-repeat left;
}
.continue_link {
	background: url( "themes/vodni_dymky_tabaky/images/back.png" ) no-repeat left;
}
.next_page {
	background: url( "themes/vodni_dymky_tabaky/images/next_16x16.png" ) no-repeat right;
	padding-right: 30px;
	line-height: 20px;
	float: right;
	width: auto;
}
.previous_page {
	background: url( "themes/vodni_dymky_tabaky/images/previous_16x16.png" ) no-repeat left;
	padding-left: 30px;
	line-height: 20px;
	float: left;
	width: auto;
}
/* This is the text box informing customers about your returns policy */
.legalinfo {
	background: lightgray;
	border: 2px solid gray;
	margin: 10px;
	padding: 0px 0px 10px 10px;
}
div.pathway {
	margin-bottom: 1em;
}
div.pathway img {
	padding: 0 2px;
}
/* The PDF, Email and Print buttons */
div.buttons_heading {
	margin: 10px;
	width: 10%;
	float: right;
}
.productPrice {
	font-weight: bold;
	color: red;
	white-space: nowrap;
	font-size: 125%;
}
.product-Old-Price {
	font-size: 74%;
}
/** BROWSE PRODUCTS STYLES **/
.browseProductContainer {
	width: 100%;
	padding: 10px 0;
	position: relative;
	background: url( "themes/vodni_dymky_tabaky/images/dot-h.gif" ) repeat-x top;
	margin-top: 0px;
}
.vmjBrowseProductDetails {
	float: left;
	width: 72%;
}
.browseProductTitle {
	font-weight: bold;
	margin: 0 0 10px;
	width: 100%;
    font-size: 130%;    
}
.browseProductTitleNew {
	font-weight: bold;
    margin-top: 10px;
	width: 100%;
    font-size: 125%;
    line-height: 1.9em;
}
.browseProductImageContainer {
	float: left;
	width: 28%;
	vertical-align: middle;
	text-align: center;
}
.browseProductDescription {
	width: 100%;
	margin: 0 0 10px;
}
.browsePriceContainer {
	float: left;
	width: 45%;
	margin: 0 0 5px;
}
.browseRatingContainer {
	float: right;
	margin: 0 0 10px;
    text-align: right;
    font-weight: bold;
    font-size: 90%;
    background: #eef4ffde;
    border-radius: 6px;
    padding: 0px 6px;
    color: #f15958;
    width: auto;
}
.browseAddToCartContainer {
	margin-bottom: 10px;
	width: 100%;
	display: block;
    float: left;
}
.browseAddToCartContainer .addtocart_button {

}
.browseRatingContainer img {
	vertical-align: baseline;
}
/** Flypage Styles **/
.thumbnailListContainer {
	text-align: center;
	width: 100%;
	height: 200px;
	overflow: auto;
	float: left;
}
/* General Form Styling */
.formLabel {
	float: left;
	width: 30%;
	text-align: right;
	font-weight: bold;
	margin: 2px;
	white-space: nowrap;
	clear: left;
	vertical-align: middle;
	margin-top: 8px;
}
#agreed_div {
	white-space: normal;
}
.formField {
	float: left;
	width: 60%;
	margin: 2px;
	vertical-align: middle;
	margin-top: 8px;
}
.missing {
	color: red;
	font-weight: bold;
}
/* VirtueMart - vypsani filtru/parametru v detailu produktu */
table.vm-product-filters {
	width: 100%;
	line-height: 1.5;
	border-collapse: separate;
	border-spacing: 0 4px;
}

table.vm-product-filters td.vm-product-filters-label {
	width: 40%;
	padding: 9px 9px;
	background: #5f6772;
	border: 1px solid #4f5660;
	border-right: 0;
	font-weight: bold;
	font-size: 13px;
	color: #ffffff;
	border-radius: 4px 0 0 4px;
}

table.vm-product-filters td.vm-product-filters-value {
	padding: 9px 9px;
	background: #f8f8f8;
	border: 1px solid #d8d8d8;
	text-align: center;
	font-size: 13px;
	color: #444444;
	border-radius: 0 4px 4px 0;
}
/**Administration Styles */
.adminListHeader {
	float: left;
	height: 48px;
	background-repeat: no-repeat;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	padding-left: 80px;
}
.labelcell {
	margin-left: auto;
	font-weight: bold;
	vertical-align: top;
	width: 30%;
}
table.adminform td.labelcell {
	text-align: right;
}
.iconcell {
	vertical-align: top;
	width: 5%;
}
.shop_error, .shop_warning, .shop_info, .shop_debug, .shop_critical, .shop_tip {
	background-color: #FDEFD3;
	background-position: left center;
	background-repeat: no-repeat;
	border-color: #AACCAA;
	border-style: dotted none;
	border-width: 1px 0pt;
	font-weight: 900;
	margin: 1pt 1pt 1em 1em;
	padding: 0.5em 1em 1.5em 48px;
}
.shop_error {
	background-image: url( "themes/vodni_dymky_tabaky/images/error.png" );
}
.shop_warning {
	background-image: url( "themes/vodni_dymky_tabaky/images/warning.png" );
}
.shop_info, .shop_tip {
	background-image: url( "themes/vodni_dymky_tabaky/images/info.png" );
}
.shop_debug {
	background-image: url( "themes/vodni_dymky_tabaky/images/log_debug.png" );
}
.shop_critical {
	font-weight: bold;
	background-image: url( "themes/vodni_dymky_tabaky/images/log_critical.png" );
}
/**Addtocart detail Styles*/
.vmCartContainer {
/* Cart Container */
	width: 100%;
}
.vmCartChildHeading {
/* Header for the cart */
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 3px;
	text-align: left;
}
.vmCartChild {
/* Container for the Child Product */
	vertical-align: middle;
	padding-right: 2px;
	margin-bottom: 2px;
}
.vmChildDetail {
/* Child Detail, description , attributes , price, quantity etc */
	vertical-align: middle;
	margin-top: 6px;
}
.vmCartChildElement {
/* Individual element styling */
	width: 100%;
	vertical-align: middle;
	height: 25px;
	text-align: left;
}
.vmCartAttributes {
/* Attributes Div*/
	margin-top: 8px;
	width: 100%;
}
.vmAttribChildDetail {
    font-weight: bold;
}
.vmCartDetails {
	width: 100%;
}
.vmMultiple {
	height: 35px;
}
.vmChildType {
/* Product type div*/
	width: 100%;
}
.vmClearDetail, .vmClearAttribs {
	clear: both;
}

.vmRowOne {
/* Odd Row One styling */
	background: lightgray;
}
.vmRowTwo {
/* Even Row Styling */
	background: white;
}
/* Link Details for link to child*/
.vmChildDetail a, .vmChildDetail a:link {
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
.vmChildDetail a:hover {
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
/* Styling for the form elements to enable correct Line Up */
.inputboxquantity {
	/*margin-top: 3px;*/
	vertical-align: middle;
    text-align: center;
}
.availabilityHeader {
	text-decoration: underline;
	font-weight: bold;
}
.inputboxattrib {
	float: left;
	margin: 5px 0px 10px;
	vertical-align: middle;
	width: 100%;
    padding: 8px;
    border-radius: 6px;
    font-size: 14px;
}
.quantitycheckbox {
	margin-top: 6px;
	vertical-align: middle;
}
/* Addtocart detail Styles */
.vmCartContainer_2up {
	width: 100%;
	float: left;
	padding: 3px;
}
.vmCartChildHeading_2up {
/* Header for the cart */
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 3px;
	text-align: left;
}
.vmCartChild_2up {
/* Container for the Child Product */
	vertical-align: middle;
	padding-left: 2px;
	padding-right: 2px;
	margin-bottom: 2px;
	float: left;
}
.vmChildDetail_2up {
/* Child Detail, description , attributes , price, quantity etc */
	vertical-align: middle;
	margin-top: 6px;
}
.vmCartChildElement_2up {
/* Individual element styling */
	width: 100%;
	vertical-align: middle;
	height: 25px;
	text-align: left;
}
.vmCartAttributes_2up {
/* Attributes Div*/
	float: left;
	padding: 0px 5px 5px 5px;
	margin: 0px 5px 5px 5px;
	width: 50%;
}
.vmAttribChildDetail_2up {
/* Product Attributes Styling */
}
.vmMultiple {
	height: 35px;
}
.vmChildType_2up {
/* Product type div*/
	background: lightblue;
	padding: 0px 5px 5px 5px;
	margin: 0px 5px 5px 5px;
	float: left;
	width: 40%;
	border: 1px solid #000;
}
.vmClearDetail_2up {
/*Clear the divs afer child types*/
}
.vmClearAttribs_2up {
/*Clear the divs before the attributes*/
	clear: both;
}
.vmRowOne_2up {
/* Odd Row One styling */
	background: lightgray;
}
.vmRowTwo_2up {
/* Even Row Styling */
	background: white;
}
/* Link Details for link to child*/
.vmChildDetail_2up a, .vmChildDetail_2up a:link {
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
.vmChildDetail_2up a:hover {
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
.vmCartModuleList {
	cursor: pointer;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
.vmCartModuleList:hover {
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
.vmquote {
	margin: 4px;
	border: 1px solid #cccccc;
	background-color: #E9ECEF;
	padding: 10px;
	font-size: 12px;
	color: #254D78;
}
.editable {
	background: #ffff33;
	cursor: pointer;
}
ul.pagination li {
	padding: 2px 1px;
	display: inline;
	background: none;
}
.clr {
	clear: both;
	overflow: hidden;
}
div#category_l {
	padding-left: 29px;
	height: 200px;
	background: transparent url( "themes/vodni_dymky_tabaky/images/cat_bak_l.png" ) no-repeat left top;
}
div#category_r {
	float: right;
	width: 100%;
	height: 200px;
	background: transparent url( "themes/vodni_dymky_tabaky/images/cat_bak_r.png" ) no-repeat right top;
}
div#category_m {
	margin: 0 0 0 -29px;
	background: transparent;
}
div#category_image {
	text-align: center;
	height: 148px;
	vertical-align: bottom;
	width: 100%;
}
div#category_image img {
	margin: 10px auto;
	vertical-align: middle;
}
div#category_heading {
	text-align: center;
	margin-top: 10px;
}
div#category_heading a {
	text-decoration: none;
	font-weight: normal;
}
div#vmRecentp {
	background: #F6F6F6;
	border: 1px solid #DFDEDE;
	padding: 10px;
}
div#vmj_funky_img {
	float: left;
	width: 46%;
	text-align: center;
	margin-bottom: 20px;
}
div#vmj_funky_add_img img {
	float: left;
	width: 30%;
	height: auto;
	margin: 2px;
	border: 1px #DDDDDD solid;
}
div#vmj_funky_top {
	float: left;
	width: 52%;
	padding: 0 5px 0 5px;
}
div#vmj_funky_price {
	padding: 10px 0px 10px 22px;
	font-size: 22px;
}
div#vmj_funky_prichut {
	border-top: 1px #DDDDDD solid;
	padding: 10px 0px 10px 22px;
}
div#vmj_funky_prichut2 {
	border-top: 1px #DDDDDD solid;
	padding: 10px 0px 10px 22px;
    text-align: center;
}
div#vmj_funky_s_desc {
	border-top: 1px #DDDDDD solid;
	border-bottom: 1px #DDDDDD solid;
	padding: 10px 0px 10px 22px;
}
div#vmj_other_buttons {
	border-bottom: 1px #DDDDDD solid;
	padding: 15px;
	height: 25px;
}
div#vmj_funky_enquiry {
	float: left;
	width: 50%;
	text-align: center;
}
#vmjenquiry {
	text-align: center;
	width: 160px;
	height: 26px;
	cursor: pointer;
	color: #000000;
	font-weight: bold;
	vertical-align: middle;
	text-decoration: none;
	display: block;
	font-family: inherit;
	margin: 0 auto;
}
div#vmj_funky_tell_frnd {
	float: left;
	width: 50%;
	text-align: center;
    font-size: 90%;
}
#vmj_tell_frnd {
	background: url( "themes/vodni_dymky_tabaky/images/tellafriend.gif" ) no-repeat center left;
	text-align: center;
	width: 107px;
	height: 26px;
	cursor: pointer;
	color: #000000;
	border: none;
	font-weight: bold;
	vertical-align: middle;
	text-decoration: none;
	display: block;
	font-family: inherit;
	margin: 0 auto;
}
div#vmj_funky_cart_button {
	padding: 10px 0 10px 0px;
	text-align: left;
    zoom: 110%;
}
div#vmj_funky_accord_title {
	padding-bottom: 3px;
	border-bottom: 1px #DDDDDD solid;
	display: block;
	height: 25px;
}
div#vmj_funky_accord_title a {
	vertical-align: middle;
	font-weight: bold;
	text-decoration: none;
}
div.vmj_funky_accord_content {
	padding: 5px 10px 10px 15px;
}
div.vmj_funky_info {
	font-style: italic;
	padding: 5px 0 5px 0;
}
/**Auto Image Enlarge**/
.vmj_thumbnail img {
	border: none;
	margin: 0 5px 5px 0;
	z-index: 1;
}
.vmj_thumbnail:hover {
	background-color: transparent;
}
.vmj_thumbnail:hover img {
	border: none;
}
.vmj_thumbnail span {
/*CSS for enlarged image*/
	position: absolute;
	background-color: white;
	padding: 5px;
	left: -1000px;
	border: 2px solid #ccc;
	visibility: hidden;
	color: black;
	text-decoration: none;
	z-index: 25;
}
.vmj_thumbnail span img {
/*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
	z-index: 25;
}
.vmj_thumbnail:hover span {
/*CSS for enlarged image*/
	visibility: visible;
	position: absolute;
	left: 35%;
/*position where enlarged image should offset horizontally */
	z-index: 25;
}

/* ====== CSS PRO PRODUCT BROWSE ====== */

/* ====== Spolecna CSS ====== */
.browseProductTitle_mobile {
    display: none;
}
.browseRatingContainer_mobile {
    display: none;
}
span.productPrice_mobile {
    display: none;
} 
/* ==== Tooltip obrazek - vychozi desktop / tablet ==== */
.browseProductImageTool {
  width: 640px;
  height: 640px;
  border-radius: 8px;      /* volitelne jemne zaobleni rohu */ 
}

/* ==== Stitky svetly/tmavy tabak - desktop ==== */ 
@media (min-width:769px) {
    .browseBlendBadge_mobile {
    display: none;
}
/* ===== DESKTOP: košík + štítek vedle ===== */
.browseAddToCartRow {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 8px;
    margin-bottom: 20px;
}
/* košík – 70 % */
.browseAddToCartRow .browseAddToCartContainer {
    flex: 0 0 50%;
    text-align: left;
}
/* štítek – 30 % */
.browseAddToCartRow .browseBlendBadge_desktop {
    flex: 0 0 33%;
    text-align: right;
  }
.vm-leaf-ico {
    width: 14px;
    height: 14px;
    vertical-align: -2px;
    margin-right: 5px;
  }  
.browseBlendBadge_desktop .vm-blend-badge {
    display: inline-block;
    padding: 1px 15px;
    font-size: 10.5px;
    font-weight: bold;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,.18);
    background: #f7f7f7;
    color: #222;
    white-space: nowrap;
}
/* typove rozliseni */
.browseBlendBadge_desktop .vm-blend-badge.is-light {
    background: #ffb500bf;
    color: #222;
}
.browseBlendBadge_desktop .vm-blend-badge.is-dark {
    background: #222;
    color: #fff;
}
.browseBlendBadge_desktop .vm-blend-badge.is-dry {
    background: #fff6e6;
    color: #222;
}  
.browseAddToCartContainer {
  margin-bottom: 0px;
  }
}

/* ===== PRIDAT DO KOSIKU --- DESKTOP: Add to cart  ===== */
@media (min-width:769px){
  .addtocart_form{
    display:inline;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    flex-wrap:nowrap;
    font-size:12px;
  }

  /* "Mnozstvi" */
  .quantity_box{
    font:700 12px/1.2 Verdana,Tahoma,Arial,sans-serif;
    color:#333;
    margin:0;
  }

  /* Input mnozstvi */
  .inputboxquantity{
    width:32px;
    height:30px;
    padding:0 8px;
    text-align:center;
    font-size:14px;
    font-weight:700;
    border:1px solid #cfd6dd;
    border-radius:6px;
    background:#fff;
    color:#111;
    outline:none;
  }

  .inputboxquantity:focus{
    border-color:#2563eb;
    box-shadow:0 0 0 3px rgba(37,99,235,.18);
  }

  /* +/- tlacitka – kresleni symbolu přes background */
  .quantity_box_button{
    width:28px;
    height:32px;
    border:1px solid #cfd6dd;
    border-radius:6px;
    background:#f6f7f9;
    cursor:pointer;
    padding:0;
    outline:none;

    /* vypnout “nativni” vzhled, at to drzi vsude */
    -webkit-appearance:none;
    appearance:none;

    /* kdyz VM ma nejaky text/value, schovame ho */
    font-size:0;
    color:transparent;
    text-indent:-9999px;
    overflow:hidden;

    /* default: PLUS = vodorovna + svisla cara */
    background-image:
      linear-gradient(#111,#111),
      linear-gradient(#111,#111);
    background-repeat:no-repeat,no-repeat;
    background-size:14px 2px, 2px 14px;
    background-position:center, center;
  }

  /* MINUS = jen vodorovna cara */
  .quantity_box_button_down{
    background-image: linear-gradient(#111,#111);
    background-repeat:no-repeat;
    background-size:14px 2px;
    background-position:center;
  }

  .quantity_box_button:hover{
    background-color:#eef2f6;
    border-color:#bfc8d1;
  }

  .quantity_box_button:active{
    transform:translateY(1px);
  }

  .quantity_box_button:focus{
    border-color:#2563eb;
    box-shadow:0 0 0 3px rgba(37,99,235,.18);
  }

  /* CTA DO KOSIKU – podobne mobilu */
  .addtocart_button{
    height:32px;
    padding:0 14px;
    border:1px solid #111;
    border-radius:6px;
    background:#111;
    color:#fff;
    font-size:13px;
    font-weight:800;
    letter-spacing:.3px;
    text-transform:uppercase;
    cursor:pointer;
    transition:background .15s ease, transform .05s ease, box-shadow .15s ease, border-color .15s ease;
    white-space:nowrap;
  }

  .addtocart_button:hover{
    background:#2a2a2a;
    border-color:#2a2a2a;
  }

  .addtocart_button:active{
    transform:translateY(1px);
  }

  .addtocart_button:focus{
    outline:none;
    box-shadow:0 0 0 3px rgba(0,0,0,.18);
  }
}

/* ==== Stitky svetly/tmavy tabak - desktop/mobil ==== */
  .browseBlendBadge_desktop .vm-blend-badge {
    display: inline-block;
    padding: 1px 15px;
    font-size: 10.5px;
    font-weight: bold;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,.18);
    background: #f7f7f7;
    color: #222;
    white-space: nowrap;
  }
@media (max-width: 769px) {
  .browseBlendBadge_desktop .vm-blend-badge {
    padding: 4px 7px;
  }
}  
  .browseBlendBadge_desktop .vm-blend-badge.is-dark {
    background: #222;
    color: #fff;
  }

/* ===== MOBILNI VERZE CSS===== */
@media (max-width: 768px) {
/* Nadpis pres celou sirku */
.browseProductContainer {
    position: relative;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 10px;
    padding-top: 42px;
    background: none !important;      /* vypne puvodni obrazek */
    border-bottom: 1px solid #ddd;    /* jednoducha linka */
    padding-bottom: 10px;
    margin-bottom: 12px;
    box-sizing: border-box;
}
.browseProductContainer::after {
    content: "";
    display: block;
    clear: both;
}
.browseProductTitle {
    display: block;
    width: auto;
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    text-align: left;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 0;
}
.browseProductTitle a {
    display: inline-block;
    font-weight: bold;
    font-size: clamp(13px, 4.5vw, 24px);
    color: #333;
    text-decoration: none;
    transition: color 0.3s ease;
    max-width: 100%;
    white-space: nowrap;         /* brani zalomeni */
    text-overflow: ellipsis;     /* prida "..." pokud je text moc dlouhy */
    overflow: hidden;
}
.browseProductTitle a:hover {
    color: #f15958;               /* svetlejsi odstin pri prejeti */
}
/* Dva sloupce */ 
.browseProductImageContainer {
    width: 32%;
    text-align: center;
    padding-right: 8px;
}
.browseProductImageContainer img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 4px;
}
div#vmj_funky_prichut2 {
      	padding: 10px 0;
}
div#vmj_funky_s_desc {
    padding: 10px;
} 
.vmjBrowseProductDetails {
    float: right;
    width: 63%;
    font-size: 14px;
    overflow-wrap: break-word;
    padding-right: 5px; /* prida odsazeni od prave strany */
}
.browseRatingContainer_mobile {
    display: block;
    width: 100%;
    margin: 6px 0;
    text-align: left;
    font-weight: bold;
    color: #f15958;
    font-size: 90%;
}
.browseRatingContainer {
    display: none;                  /* schovani nadpisu pro desktop */
}
.browseProductDescription {
    max-height: 55px;
    overflow: auto;
    scrollbar-width: none;
}
.browseProductDescription::-webkit-scrollbar {
    display: none;
}
.browsePriceContainer {
  float: left;
  width: 100%;
  margin: 0 0 5px;
}
.productPrice_desktop {
    display: none;
} 
span.productPrice_mobile {
    display: block;
    text-align: right;
    font-weight: bold;
    font-size: 14px;
    margin-right: 10px;
    float: right;
} 
/* TLACITKO PRIDAT DO KOSIKU */
.inputboxquantity {
    font-size: 16px;
    border-radius: 6px;
    padding: 5px 6px;
}
/* Skryti mnozstvi pouze tlacitko */
/* BROWSE skryt mnozstvi a +/- */
.browseAddToCartContainer .quantity_box,
.browseAddToCartContainer .quantity_box_button {
    display: none !important;
}
div.buttons_heading {
    display: none !important;
}
.browseAddToCartContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 8px;
    margin-bottom: 8px;
    width: auto;
    display: block;
    float: right;
}
.addtocart_form {
    display: flex;
    align-items: center;
    justify-content: right;
    gap: 4px;
    flex-wrap: wrap;
    font-size: 12px;
}
.addtocart_form .addtocart_button {
    background: #222;
    color: #fff;
    font-size: 13px;
    padding: 8px 12px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    text-transform: uppercase;
    transition: background 0.3s ease;
    margin-right: 10px;
    width: 130px;
    height: auto;
}
.addtocart_form .addtocart_button:hover {
    background: #444;
}
.browseProductImageTool {
    max-width: 80vw;        /* 80 % sirky obrazovky */
    max-height: 80vw;       /* udrzuje pomer, aby nebyl vetsi nez obrazovka */
}
  /* ==== EXTRA MALE MOBILY (napr. iPhone 5, SE 1) ==== */
  @media (max-width: 360px) {
     /* Tlacitko "Do kosiku" - zmensene rozmery */
  .browseAddToCartContainer .addtocart_form .addtocart_button {
      width: 100px;
    }
  }  
}
/* ==== END THEME CSS ==== */

/* ==== DETAIL PRODUKTU product_detail ==== */
.acc-header {
    cursor: pointer;
    border-bottom: 1px solid #DDDDDD;
    padding: 3px 0;
    margin: 0;
    display: flex;
    align-items: center;
    font-weight: bold;
}
/* ikona vlevo */
.acc-header img {
    height: 15px;
    margin-right: 10px;
    vertical-align: middle;
}
/* Accordion content smooth animace */
.vmj_funky_accord_content {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    transition: max-height 0.60s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 0.65s ease-out;
}
.vmj_funky_accord_content.open {
    visibility: visible;
}
.acc-header.first {
    border-top: 1px solid #DDDDDD;
}

/* ==== ZAKLAD PRO MOBIL product_detail ==== */
@media (max-width: 768px) {
  /* Hlavni sekce - roztahnout kontejnery na sirku */
  #vmj_funky_img,
  #vmj_funky_top {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    clear: both;
    box-sizing: border-box;
    padding: 0 10px;
  }
  /* Obrazek produktu - prizpusobeni sirce obrazovky */
  #vmj_funky_img img {
    display: block;
      height: auto !important;
    max-width: 100%;
    margin: 0 auto;
  }
  /* Drobne odsazeni kolem obrazku */
  div#vmj_funky_img {
	margin-bottom: 0px;
  } 
  /* Jemne pulznuti hlavniho obrazku produktu po nacteni velke varianty */
  #vmj-main-product-image {
	transform: scale(1);
	transition: transform 1.0s ease;
  }
  #vmj-main-product-image.vmj-image-pulse {
	transform: scale(1.02);
  }

  /* Tlacitko dotaz na zbozi - stejne jako mobilni pridat do kosiku*/
  #vmjenquiry {
    background: #222;
    color: #fff;
    font-size: 13px;
    padding: 8px 12px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    text-transform: uppercase;
    transition: background 0.3s ease;
    margin-right: 10px;
    width: 140px;
    height: auto;
  }
div#vmj_other_buttons {
    width: 100%;
    border-bottom: 1px solid #DDDDDD;
    padding: 15px 0;
    height: 25px;
    display: flex;               /* vedle sebe */
    justify-content: space-between;
    align-items: center;         /* srovna vertikalne */
    box-sizing: border-box;
    min-height: 70px;         /* zvetseni puvodni vysky */
  }
  /* obe vnorene sekce */
#vmj_funky_enquiry,
#vmj_funky_tell_frnd {
    width: 50%;
    text-align: center;
    box-sizing: border-box;
  }
/* ==== DETAIL PRODUKTU - TLACITKO KOSIKU ==== */
#vmj_funky_cart_button{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 12px 0;
  width: 100%;
  overflow-x: hidden;
  box-sizing: border-box;
}

/* Form nech normalne kvuli slozite strukture VM */
#vmj_funky_cart_button form.addtocart_form{
  font-size: 13px;
  max-width: 100%;
  box-sizing: border-box;
}

/* Flex jen na radek s mnozstvim a tlacitkem */
#vmj_funky_cart_button form.addtocart_form > div[style*="width:100%"]{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex-wrap: wrap;
  width: 100% !important;
  box-sizing: border-box;
  zoom: 105%;
}

/* Input a tlacitka */
#vmj_funky_cart_button .inputboxquantity{
  width: auto;
  font-size: 18px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s ease;
  line-height: 1;
}

#vmj_funky_cart_button .quantity_box_button{
  border: 1px solid #ccc;
  width: 32px;
  height: 32px;
  font-size: 18px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s ease;
  line-height: 1;
}

#vmj_funky_cart_button .addtocart_button{
  background: #222;
  color: #fff;
  font-size: 13px;
  padding: 8px 12px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  text-transform: uppercase;
  transition: background 0.3s ease;
  width: 140px;
  height: auto;
  margin-left: 0; /* nech jen gap */
}
#vmj_funky_cart_button .addtocart_button:hover{
  background: #444;
}

#vmj_funky_cart_button label.quantity_box{ display:none !important; }

/* Hlavne NEMIT globalne:
.quantity_box{display:none!important;}
*/
  /* ==== DETAIL PRODUKTU - MOHLO BY VAS ZAJIMAT ==== */
  div.vmj_funky_accord_content {
  padding: 5px 0px;
  }
  /* Hlavni obal kazdeho produktu */
  .relatedProductBox {
    width: 100% !important;        
    height: auto !important;      
    float: left !important;
    margin: 1% !important;        
    box-sizing: border-box;
  }
  /* Vnitrni kontejner */
  .relatedProductInner {
    width: 100% !important;
    height: 240px !important;
  }

  /* Obrazek */
  .relatedProductInner img {
    max-width: 98%;
    height: auto;
    display: block;
    margin: 0 auto 5px;
    padding: 7px 0px;
  }
/* ==== Nadpis produktu v sekci "Mohlo by vas zajimat" ==== */
  .relatedProductTitle {
    display: -webkit-box;
    -webkit-line-clamp: 2;         
    -webkit-box-orient: vertical;  
    overflow: hidden;              
    text-overflow: ellipsis;       
    line-height: 1.3;
    min-height: 34px;              
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 4px;
    word-wrap: break-word;
    }
/* ==== Stitky svetly/tmavy tabak - mobile ==== */    
  .browseBlendBadge_desktop {
    display: none;
  }
  
  .browseBlendBadge_mobile {
    display: block;
    margin-top: 10px;
    text-align: center;
    line-height: 1;
  }

  .browseBlendBadge_mobile .vm-blend-badge {
    display: inline-block;
    padding: 4px 7px;
    font-size: 10.5px;
    font-weight: bold;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,.18);
    background: #f7f7f7;
    color: #222;
    white-space: nowrap;
  }

  /* typove rozliseni */
  .browseBlendBadge_mobile .vm-blend-badge.is-light {
    background: #ffb500bf;
    color: #222;
  }

  .browseBlendBadge_mobile .vm-blend-badge.is-dark {
    background: #222;
    color: #fff;
  }

  .browseBlendBadge_mobile .vm-blend-badge.is-dry {
    background: #fff6e6;
    color: #222;
  }

  .vm-leaf-ico {
    width: 12px;
    height: 12px;
    vertical-align: -2px;
    margin-right: 5px;
  }
  .browseAddToCartRow .browseBlendBadge_desktop {
    flex: 0 0 33%;
    text-align: left;
  }
}
/* ==== desktop/mobil ==== */

.browseAddToCartRow .browseProductMetaBadges{
  margin-left: auto;
}
  .browseAddToCartContainer .quantity_box {
    display: none !important;
  }

/* ---- NOVÝ DESIGN PODKATEGORII a tlacitko zobrazit kategorie ---- */
.subcategories-grid {
  overflow: hidden;
  max-height: 0;      /* defaultně skryte */
  opacity: 0;
  transition: max-height 0.5s ease, opacity 0.5s ease;
}
.subcategories-grid.expanded {
  max-height: 2500px; /* dostatecne velke cislo pro vsechny polozky */
  opacity: 1;
}
.subcategory {
  background: #fff;
  border: 2px solid rgba(0,0,0,0.07);
  border-radius: 14px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  overflow: hidden;
  transition: all 0.25s ease;
}
.subcategory a {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  color: inherit;
  padding: 8px;
  height: 100%;
  min-height: 100px;
  box-sizing: border-box;
}
.subcategory:hover {
  border-color: rgba(0,0,0,0.15);
  box-shadow: 0 6px 14px rgba(0,0,0,0.15);
}
.subcategory:active {
  transform: scale(0.97);
  box-shadow: 0 3px 10px rgba(0,0,0,0.2);
}
.subcategory img {
  width: 100%;
  max-width: 140px;
  height: auto;
  border-radius: 8px;
  margin-bottom: 10px;
  flex-shrink: 0;
  transition: transform 0.25s ease;
}
.subcategory:hover img {
  transform: scale(1.05);
}
.subcategory-title {
  font-weight: 600;
  font-size: 1rem;
  color: #222;
  text-align: center;
  margin-top: auto;
  margin-bottom: 6px;
  line-height: 1.2;
  min-height: 2.6em;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.4s ease; /* přidá plynulou změnu barvy */
}

.subcategory-title span {
  display: inline-block;
  vertical-align: middle;
}
/* Kdyz najedes mysi na cely box, zmeni se i barva textu */
.subcategory:hover .subcategory-title {
  color: #EE9600;
}
.subcategory-number {
  font-size: 0.85rem;
  color: #777;
}

/* --- Responzivní rozlozeni --- */
@media (max-width: 1024px) {
  .subcategories-grid {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  }
}

/* >>> MOBIL: explicitně 3 kategorie na radek pri rozbaleni <<< */
@media (max-width: 768px) {
  .subcategories-grid.expanded {
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
  }
  .subcategory img { max-width: 100px; }
  .subcategory-title { font-size: 0.9rem; }
}

@media (max-width: 480px) {
  .subcategories-grid.expanded {
    grid-template-columns: repeat(3, 1fr);
  }
  .subcategory img { max-width: 85px; }
  .subcategory-title { font-size: 0.85rem; }
}

/* --- Tlacitko --- */
.toggle-categories-btn {
  display: inline-block;
  margin-bottom: 0.8rem;
  padding: 0.4rem 0.8rem;
  background-color: #f15958;
  color: #fff;
  border-radius: 6px;
  cursor: pointer;
  font-size: 0.95rem;
  transition: background 0.5s ease;
  user-select: none;
}
.toggle-categories-btn:hover {
  background-color: #f15958;
}

/* Grid */
.subcategories-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 0.6rem;
  width: 100%;
  margin-bottom: 0.6rem;
  opacity: 0;   /* defaultne skryte */
  transform: scaleY(0);
  transform-origin: top;
  transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
}
.subcategories-grid.expanded {
  opacity: 1;
  transform: scaleY(1);
}

/* ==== BLEND BADGE - cena za g desktop/mobil ==== */
.vm-scale-ico {
  width: 14px;
  height: 14px;
  vertical-align: -2px;
  margin-right: 10px;
}
.vm-ppg-badge {
    display: inline-block;
    padding: 2px 12px;
    font-size: 10.5px;
    font-weight: bold;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,.18);
    background: #f7f7f7;
    color: #222;
    white-space: nowrap;
  }
.productStock {
  white-space: nowrap;
}
.stock-ok {
  color: #008000;
  font-size: 90%;
  font-weight: 700;
}
.stock-no {
  color:#ff0000;
  font-size: 90%;
  font-weight: 700;
}
.stock-admin {
  font-size: 6pt;
}
@media (min-width:541px) {
  .browseBlendBadge_mobile,
  .vmPricePerGramWrap_mobile {
    display: none;
  }
}
@media (max-width: 768px) {
  .vmPricePerGramWrap_desktop,
  .browseBlendBadge_desktop {
      display: block
  }
}
@media (max-width: 540px) {
  .vmPricePerGramWrap_desktop,
  .browseBlendBadge_desktop {
    display: none !important;
  }
}