@font-face {
  font-family: 'FontAW';
  src: url('/fontawesome/webfonts/fa-regular-400.eot?v=4.0.1');
  src: url('/fontawesome/webfonts/fa-regular-400.eot?#iefix&v=4.0.1') format('embedded-opentype'), url('/fontawesome/webfonts/fa-regular-400.woff?v=4.0.1') format('woff'), url('/fontawesome/webfonts/fa-regular-400.ttf?v=4.0.1') format('truetype'), url('/fontawesome/webfonts/fa-regular-400.svg?v=4.0.1#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

:root {
	--color1: #200a62;
	--color2: #0c88e1;
	--color3: #ff2e00;
	--color4:51,153,51;
	--color2text: #ffffff;
	--color2light:12,136,225;
	--color3light: #ffd9d1;
	--colorGreen1: #339933;
	--colorGreen: #4ab32a;
	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
	--breakpoint-wd: 1480px;
	--objStavCol1:#00ee00;
	--objStavCol2:#009933;
	--objStavCol3:#99ccff;
	--objStavCol4:#999999;
	--objStavCol5:#dd0000;
	--objStavCol6:#ffcc00;
	--objStavCol7:#ff7f50;
	--objStavCol8:#ff6600;
}

*, *::before, *::after { box-sizing: border-box; }
HTML { xoverflow-y:scroll; width:100%; height:100%; }
xHTML { -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; }
BODY { padding-top:0px; xwidth:100%; height:100%; margin: 0 auto; font-family:'Montserrat', Calibri, Helvetica, sans-serif; font-weight:400; font-size: 0.875rem; line-height: 1.5; -webkit-font-smoothing: antialiased; background-color:#ffffff; }
A { text-decoration:none; color:#000000 }
B { font-weight:600; }
H1 { margin-bottom:20px; margin-top:0px; color:var(--color2); font-size:1.6em; font-weight:600 }
H2 { font-size:1.1rem; font-weight:600; }
H3 { font-size:1rem; font-weight:600; margin:0 }

TH, TD { xfont-size:0.9em; }
TH { xfont-weight:600; xtext-align:right }
I { font-style: normal; }
INPUT[type=text], INPUT[type=password], SELECT { padding:8px; border:1px solid var(--color2); font-family:'Montserrat', Calibri, Helvetica, sans-serif; font-weight:400; }
INPUT[type=button], INPUT[type=submit] { outline:none }
TEXTAREA { font-family:'Montserrat', Calibri, Helvetica, sans-serif; }
.blue1 { color:var(--color1) }
.blue2 { color:var(--color2) }
.admin-edit { border:1px solid var(--objStavCol2); padding:10px }

.prevent-select { -webkit-user-select: none; -ms-user-select: none; user-select: none; }

FIGURE { margin:none; padding:none; margin-block-start:0em; margin-block-end:0em; margin-inline-start:0px; margin-inline-end:0px; }


.button, .buttonRed, .buttonGreen, .buttonGray, .buttonBlue, .buttonCart, .buttonDelete { color:white; background:#999; border:0; padding:10px; font-size:12pt; }
.buttonGreen { background:var(--colorGreen) }
.buttonRed { background:var(--color3) }
.buttonBlue { background:var(--color1) }
.buttonDelete { background:var(--color3) }
.buttonAdd { float:right; width:95px; margin-left:30px; background:#f09; color:white; border:0; padding:10px; font-size:12pt; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

/* AJAX page */
#ajaxpage { position:fixed; top: 50%; left: 50%; width:800px; height:400px; margin-left:-400px; margin-top:-200px; z-index: 20000; padding:20px; text-align:left; background:#fff; color:black; display:none; -webkit-box-shadow: -4px 4px 16px 0px rgba(0,0,0,0.62); -moz-box-shadow: -4px 4px 16px 0px rgba(0,0,0,0.62); box-shadow: -4px 4px 16px 0px rgba(0,0,0,0.62); }
#ajaxpage-close { float:right; cursor:pointer; }
#page-cover { display: none; position: fixed; width: 100%; height: 100%; background-color: #000; z-index: 9999; top: 0; left: 0; }
#page-cover-load { display: none; position: fixed; width: 100%; height: 100%; background:#000; z-index: 9999; top: 0; left: 0; }

.page-width { max-width:1400px; margin-left:auto; margin-right:auto; padding-left:20px; padding-right:20px }

.page { xmin-height:100%; display:flex; flex-direction:column; align-items:stretch; }
.main { flex-grow:1; }
.header, .main, .footer { flex-shrink:0; }

.head { position:relative; z-index:2000; }
.head-down { position:fixed; top:0px; }
.head-up { position:fixed; top:-175px; }
.head { position:relative; margin:0; padding:0 }

.hidden { display:none }
.mobile { display:none }
.desktop { display:block }

.btn { color:white; background:#666; border:0; padding:10px 40px; font-size:1rem; }
.btnSmall { font-size:1rem; font-weight:600; padding:5px 10px; border:none; }
.btnRed { background:var(--color3); color:white }
.btnBlue { background:var(--color1); color:white }
.btnLightBlue { background:var(--color2); color:white }
.btnQuantity, .btnQuantityCheckout, .btnQuantityRemove, .btnQuantityDetail { background:var(--color2); color:white; padding:0px 8px; border:0px; height:28px }
.btnQuantityRemove { background:var(--color3); }

.top-header { height:62px; padding:0px; background:var(--color1); color:var(--color2text); }

.top-header-flex { display:flex; justify-content:flex-end; align-items:center; }
.top-header-right { padding:0px 20px; border-right:1px solid white; cursor:pointer }
.top-header-right:last-child { border:none; margin:none }
.top-header-right .fas { margin-right:10px }
.top-header-right a { color:var(--color2text); xopacity:0.7 }
.top-header-right a:hover { opacity: 1; }
.top-header-phone { text-align:left; font-weight:600 }
.top-header-phone U { display:block; text-decoration:none; font-weight:400 }

.top-header-logo { margin-right:auto; margin-left:0px; background-color:var(--color2); text-align:center }
.top-header-logo IMG { xmax-height:60px; width:300px }

.xxx zmena stínu podle navigace top-header-container { position:absolute; background:white; border:1px solid var(--color1); color:black; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); }
.top-header-container { position:absolute; background:white; border:1px solid var(--color1); color:black; -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 8px 0px rgba(5,5,10,0.35); }
.top-header-container-inner { padding:30px }
.top-header-container H2 { border-bottom:1px solid #eee; margin-top:0 }

.top-header-container-user H3 { margin:0; margin-bottom:10px; padding:0; font-weight:600 }
.top-header-container-user H3 SPAN { font-weight:400 }
.top-header-container-user UL { padding:0; margin:0; list-style:none; background:white; }
.top-header-container-user LI { border-bottom:1px solid #ddd; margin:0px }
.top-header-container-user LI:last-child { border:none; }
.top-header-container-user UL LI A { display:block; xmargin:0px 20px; padding-top:7px; padding-bottom:7px; text-decoration:none; }
.top-header-container-user UL LI A:hover { font-weight:600; }
.top-header-container-user UL LI A:hover .fas { color:var(--color3) }
.top-header-container-user i { float:right; color:#aaa }


.header { xheight:70px; background:white; margin-bottom:6px }
.header-flex { display:flex; justify-content:flex-end; align-items:center; flex-wrap:wrap; padding-top:5px }
.header .fas { color:#000 }
.header-menu-button { background:var(--color1); color:white; border:0px; width:300px; text-align:left; font-weight:600; cursor:pointer; }
.header-menu-button .fas { float:right; color:white }
.header-menu-button span { display:inline-block; margin-top:4px }
.header-menu-button-desktop, .header-menu-button-mobile { padding:15px 20px }

.header-search-wrapper { flex:1; padding:0px 40px; color:black }
.header-search-input { float:left; border:1px solid var(--color1); font-size:1rem; padding:10px 10px; min-width:300px; width:calc(100% - 37px); height:35px; -webkit-appearance: none; outline:none; }
.header-search-button { background:var(--color1); border:none; height:35px; padding:5px 5px; margin:0; outline:none; }
.header-search .fas { color:#aaa }
.OLDheader-search-box { display:none; overflow-y:scroll; -webkit-box-shadow: 0px 0px 11px -3px rgba(0,0,0,0.75); position:absolute; padding-top:20px; background:#fff; z-index:5000; max-height:600px; min-width:600px; margin-left:0px; margin-top:0px; font-size:11pt; font-family:'Montserrat', Calibri, Helvetica, sans-serif; font-weight:400 }

.header-search-box { display:none; position:absolute; background:#fff; z-index:5000; max-height:600px; min-width:940px; left:calc(50% - 470px); font-size:11pt; font-family:'Montserrat', Calibri, Helvetica, sans-serif; font-weight:400 }
.header-search-categories { width:280px; padding:15px; background:#e5e5e5; background:linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 70%, rgba(210,210,210,1) 100%); display:flex; flex-direction:column; justify-content:space-between }
.header-search-items { width:680px; padding:15px; overflow-y:scroll }

.header-search-inner { padding:0px; height:600px }
.header-search-inner H2 { margin:0px; color:#444 }
.header-search-inner UL { padding:0; margin:0; margin-left:10px; list-style:none; background:white; }
.header-search-inner UL LI { border-bottom:1px solid #ddd; margin:0px }
.header-search-inner LI:last-child { margin-bottom:10px }
.header-search-inner UL LI A { display:block; padding-top:7px; padding-bottom:7px; text-decoration:none; }
.header-search-inner UL LI A:hover { xfont-weight:600; }
.header-search-inner UL LI A:hover .fas { color:var(--color3) }

.header-search-inner-flex { display:flex; height:100%; }

.header-search-item { display:grid; grid-template-columns:70px auto 120px; align-items:center;  border-bottom:1px solid #eee; xfont-size:0.9em; padding:10px }
.header-search-item>DIV { padding:10px; }
.header-search-item:hover { xfont-weight:600; xtext-decoration:underline; cursor:pointer; xbackground:#f5f5f5 }
.header-search-item:hover .product-name { color:#d00 }

.header-search-price { text-align:right; }
.header-search-name { overflow:hidden; }
.header-search-image { width:60px; height:60px }
mark { font-weight:600; background:none; color:var(--color2) }

.header-cart { padding:0px 20px; min-width:200px; cursor:pointer; text-align:right }
.header-cart-price { font-weight:400; font-size:1.1rem }

.header-cart-container { position:absolute; background:white; border:1px solid var(--color1); color:black; -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.3); }
.header-cart-container-inner { padding:30px }
.header-cart-container H2 { border-bottom:1px solid #eee; margin-top:0 }

.header-cart-item { display:grid; grid-template-columns:80px auto 120px 100px; border-bottom: 1px solid #e5e5e5; padding-bottom:10px; padding-top:10px }
.header-cart-item-desc-mobile { display:none; border-bottom: 1px solid #e5e5e5;  }
.header-cart-item-count { display:flex; align-items:center; justify-content:flex-end; }
.header-cart-item-price { text-align:right }
.cart-item-specialdelivery { display:block; color:var(--color3) }

.menu { position:relative }
.menu-container { position:absolute; top:0px; left:20px; right:20px; z-index:10 }
.nav { display:flex; }
.nav-left { width:300px; border:1px solid var(--color1); background:white }
.nav-right { flex:1; }

.nav-dily { display:none }
.nav-zahrada { display:none }

.nav-left-open { border:1px solid var(--color1); border-right:1px solid white }
.nav-left-closed { border:1px solid var(--color1) }
.nav-right-open { border-top:1px solid var(--color1); border-bottom:1px solid var(--color1); border-right:1px solid var(--color1);  background:linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%) }

.nav UL { padding:0; margin:0; list-style:none; background:white; }
.nav LI { border-bottom:1px solid #ddd; margin:0px 10px }
.nav LI:last-child { border:none; }
.nav UL LI A { display:block; padding:7px; text-decoration:none; }
.nav UL LI A:hover { font-weight:600; }
.nav UL LI A:hover .fas { color:var(--color3) }
.nav i { float:right; color:#aaa }
.nav-item-current { font-weight:600 }
.nav-cat-photo { background-position:center; background-size:contain; background-repeat:no-repeat; width:100%; height:100%; }
.nav-cat-photo-bg { z-index:-1000; background:linear-gradient(135deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); width:280px; height:350px; z-index:0; position:absolute; right:1; bottom:1; padding:130px 20px 20px 50px }

.nav-mobile { display:none; position:absolute; background:#fff; width:100%; -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.35); }
.cat { display:flex; align-items:center; cursor:pointer; border-bottom:1px solid #eee; justify-content:space-between }
.cat-active { font-weight:600 }
.cat:hover { font-weight:600 }
.cat-img { width:60px; height:40px; text-align:center; padding-left:10px; display:flex; align-items:center }
.cat-img IMG { max-width:50px; max-height:40px }
.cat-url { padding-left:10px; xwidth:300px; flex-grow:2; }
.cat-btn { background:#ddd; color:white; width:50px; padding:20px 0px; text-align:center; }
.cat:hover .cat-btn { background:var(--color2); color:white }
.cat:hover .cat-btn I { background:var(--color2); color:white }

.cat2 { padding-left:40px; border-bottom:1px solid #ddd; xfont-weight:600; }
.cat3 { padding:10px 0px; padding-left:100px; background:#fafafa; border-bottom:1px solid #ddd; color:var(--color1) }
.cat3 A { color:var(--color1); color:black; }
.cat3 A:hover { font-weight:600 }
.cat-btn2 { background:#bbb }
.cat2, .cat3 { display:none }
.cat-flex { display:flex; justify-content:space-between; align-items:center }
.fa-xs { color:#444 }

.cat2 .cat-url { width:260px }
.cat3 .cat-url { padding-top:5px }
.cat3 .cat-url A { xcolor:var(--color2) }

.title { background-image:url(/images/title-bg-g.jpg); background-color:#eeeeee; background-size:cover; background-position:center; xheight:395px }
.title-inner { padding-left:320px; xwidth:1380px; txbackground:red; xpadding-right:0; xmargin:0 }
.title img { max-width:100%; xheight:auto; xheight:395px }

.menu-right { flex-grow:1; height:395px; background:rgba(255, 255, 255, 0.95); display:none; padding-left:20px; background-repeat:no-repeat; background-position:bottom right }
.menu-right H1 { display:none; font-size:1.2rem; font-weight:600; margin-bottom:20px; }

/* DODELAT ---------------------------------pridano flex-flow:column wrap; height:360px*/
.products-category { display:flex; justify-content:flex-start; xflex-wrap:wrap; padding-top:5px; line-height:1.3rem; xheight:395px; }
.products-category-description { background:#f5f5f5; padding:10px; border:1px solid #ddd; margin-bottom:20px }
.products-category-description A { color:#d00 }
.products-category-description H1 { margin-bottom:5px }
.products H1 { margin-left:0px; color:var(--color1) }
.category-desc { display:flex }
.category-desc-logo { padding-right:20px }
.category-desc-faq-header { margin:10px 0px }
.category-desc-faq { display:flex; gap:20px }
.category-desc-faq DIV { cursor:pointer }
.faq-answer { display:none }
.faq-answer A { text-decoration:underline; color:var(--color2) }

.products-categories-small { display:flex; xflex-wrap:wrap; flex-flow:row wrap; gap:40px; text-align:center; margin:15px; margin-bottom:25px; justify-content:space-between }
.products-categories-small::after {
  content: "";
  flex: auto;
}
.products-categories-small DIV { min-width:120px }
.products-categories-small A { color:var(--color2) }
.products-categories-small A:hover { text-decoration:underline }


.products-category H2 { font-size:1rem; font-weight:600; margin:0; margin:5px 0px; border-bottom:1px solid #ddd }
.product-category { z-index:0; min-width:150px; padding-right:20px; flex-basis: content; line-height:1rem }
.product-category-wide { xwidth:400px; flex-basis:250px; xbackground:yellow }
.product-category A:hover { text-decoration:underline }
.product-subcategory { display:flex; justify-content:flex-start; flex-direction:column; flex-wrap:wrap; max-height:380px; }
.product-subcategory DIV { padding:5px 0px }
.products { xpadding-top:20px; xborder-top:1px solid #e5e5e5; }
.products-flex { display:grid; grid-template-columns:repeat(4, 1fr); column-gap:1px; row-gap:1px; }
.product { border:1px solid #e5e5e5; display:flex; flex-direction:column; padding:0; padding-top:10px; position:relative; xbackground:white }
.product-bottom { padding:15px }
.product-name { height:3.8rem; overflow:hidden; font-size:0.9rem; font-weight:600; margin-top:10px }
.product-name A { color:var(--color2) }
.product:hover { -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3); }
.product-image { height:200px; }
.product-image img { max-width:80%; max-height:180px; display:block; margin-left:auto; margin-right:auto; margin-top:20px }
.product-description { font-size:0.8rem; }
.xxxproduct-new { display:inline-block; background:#ff2e00; color:white; padding:0px 8px; margin-right:5px; font-size: 0.8em }
.product-new { display:inline-block; border:1px solid rgba(240, 0, 0, 0.9); background-color:rgba(240, 0, 0, 0.7); color:white; font-size:0.9em; padding:0px 5px; }
.titul-ano { color:#d00 }
.titul-ne { color:#eee }
.product-recommend { background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,222,214,1) 100%); }

.product-shop { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin-bottom:20px; margin-top:20px; xheight:4rem }
.product-shop-price { font-weight:600; font-size:1rem; align-self:center; }
.product-shop-price SPAN { font-size:0.8em; font-weight:normal }
.product-shop-stock { color:var(--colorGreen) }
.product-shop>DIV:nth-child(3n) { flex-basis: 100% }
.product-description { margin-top:10px; color:#666 }
.product-shop-special-price { color:#d00; font-weight:bold; flex-basis:100%; margin-bottom:10px }

.product-save-text { border:1px solid #e5e5e5; display:block; width:100% }
.product-save-text-nazev { width:100%; border:none; font-size:0.9rem; font-weight:600; color:var(--color2) }
.product-save-text-ok { color:var(--colorGreen) }

.tag { border:1px solid rgba(0, 0, 0, 0.4); background-color:rgba(0, 0, 0, 0.2); color:white; font-size:0.85em; padding:0px 3px; display:inline-block; -xwebkit-border-radius:5px; margin-left:10px; margin-bottom:3px; position:relative; }
.tagGold { border:1px solid rgba(255, 235, 130, 0.4); background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%); }
.tagCenaPoRegistraci { border:1px solid rgba(200, 0, 0, 1); background-color:rgba(240, 0, 0, 1); }
.tag1 { border:1px solid rgba(0, 195, 22, 0.7); background-color:rgba(0, 195, 22, 0.6); }
.tag2 { border:1px solid rgba(246, 50, 0, 0.6); background-color:rgba(246, 50, 0, 0.5); }
.tag4 { border:1px solid rgba(0, 174, 235, 0.6); background-color:rgba(0, 174, 235, 0.5); }

.detail-header { background:white; padding-left:20px; padding-top:20px; margin-top:20px }
.detail H1 { margin:0; color:var(--color2); font-size:1.6em; font-weight:600 }

.detail { min-height:100%; display:flex; flex-wrap:wrap; gap:20px; align-items:stretch; background:white; padding:20px; margin-top:20px }
.detail-left { flex:1; text-align:center; }
.detail-right { flex:1; }
.detail-bottom { flex-basis:100%; margin-bottom:100px }
.detail-bottom A { text-decoration:underline }


.detail-photo { text-align:center; cursor:zoom-in; max-width:100%; max-height:400px; }
.detail-left IMG { max-width:100%; max-height:400px }
.detail-photo-small { display:flex; margin-top:20px; justify-content:center; gap:20px; flex-wrap:wrap; align-items:center }
.detail-photo-small-img IMG { max-height:100px; max-width:100px }
.swiper { width:650px; height:100px }

.detail-shop { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; background:#f5f5f5; border:1px solid lightgrey; margin:20px 0px; padding:20px; min-height:100px }
.detail-shop-price-container { flex:1; min-width:150px }
.detail-shop-price { font-weight:600; font-size:1.7em }
.detail-shop-count { padding:0px 20px }
.detail-shop-count-items { display:flex; align-items:center; justify-content:flex-end; }
.detail-shop-stock { flex-basis:100%; margin-top:20px; font-size:1.2em }
.detail-stock-1 { color:#4ab32a; font-weight:600 }
.detail-stock-2 { color:var(--color3); font-weight:600 }
.detail-stock-3 { color:var(--color1); font-weight:600 }
.detail-stock-4 { color:var(--color3); font-weight:600 }

.detail-name2 { color:var(--color2) }
.detail-prod-code { margin:10px 0px }
.detail-prod-code SPAN { display:inline-block; width:80px }
.detail-added-to-cart { display:none; background:var(--color3); position:absolute; padding:20px; color:white; font-weight:600; }
.detail-recommend-flex { display:grid; column-gap:1px; row-gap:1px; grid-template-columns:repeat(auto-fill, minmax(320px, 1fr)); flex-basis:100%; position:relative; }
.yyydetail-recommend-flex { display:grid; grid-template-columns:repeat(4, 1fr); column-gap:1px; row-gap:1px; }
.detail-recommend-flex .product { xpadding:10px; }
.detail-recommend-head { margin-top:40px }
.detail-desc2 { flex-basis:100% }

.detail-params { display:grid; grid-template-columns:auto auto; align-items:center; row-gap:2px; max-width:600px }
.detail-params-name { background:rgba(var(--color2light),0.2); padding:3px 10px; height:100%; align-self: center; }
.detail-params-value { background:rgba(var(--color2light),0.1); padding:3px 10px; height:100%; align-self: center; }

.detail-question H2 { color:var(--color1); font-size:1em; }
.detail-question TEXTAREA { outline:none; resize:none; border:1px solid var(--color2); padding:5px; width:100%; height:100px; margin-bottom:10px }
.detail-question .fa { color:var(--color2) }
.detail-question-button { cursor:pointer }
.detail-question-button:hover .fa { color:var(--color3) }
.detail-question-container { display:none }
.detail-question-form INPUT { outline:none; width:100% }
.detail-question-sent { background:var(--colorGreen); color:white; padding:5px 10px; margin-bottom:10px; }
.detail-question .error { color:var(--color3); font-size:0.9em; }
.detail-question-type { margin-bottom:10px; width:100%; }
.detail-question-type { padding:10px }

.detail-gift { display:flex; align-items:center; border:1px solid #FFD718; background:#FFFAE3; padding:8px }
.detail-gift .tagGold { width:110px; margin:0; margin-right:10px }

.xtable { margin:none; max-width:600px }
.xtable xTH { xbackground:rgba(var(--color2light),0.1); padding:3px 10px; text-align:left; font-weight:normal; border-bottom:1px solid #ddd; padding-bottom:5px }
.xtable xTD { xbackground:rgba(var(--color2light),0.05); padding:3px 10px; height:100%; align-self: center; font-weight:bold; border-bottom:1px solid #ddd; padding-bottom:5px }
xfigure { margin-block-start: 0em; margin-block-end: 0em; margin-inline-start: 0px; margin-inline-end: 0px;}

.detail-icons { display:flex; flex-wrap:wrap; flex-basis:100%; gap:10px; xmargin:20px 0px }
.detail-icons-column { display:flex; align-content:flex-start; flex-wrap:wrap; flex-direction:column; flex-basis:100%; gap:10px; margin:20px 0px }
.detail-icons .icon { border:1px solid var(--color2); background:rgba(var(--color2light),0.1); padding:3px 8px; margin-bottom:10px }
.ico1 { background:rgba(220,0,0,0.5) }
.ico2 { background:rgba(0,150,0,0.5) }
.ico4 { background:rgba(20,0,180,0.5) }
.ico8 { background:rgba(100,100,100,0.5) }
.ico16 { background:rgba(50,60,90,0.5) }
.ico32 { background:rgba(50,60,90,0.5) }
.ico64 { background:rgba(50,60,90,0.5) }
.ico128 { background:rgba(50,50,50,1) }
.ico256 { background:rgba(250,50,50,1) }
.ico512 { background:rgba(250,50,50,1) }
.ico1024 { background:rgba(50,50,50,1) }
.ico2048 { background:rgba(250,50,50,1) }

.var { display:grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap:10px; margin-bottom:20px }
.var-item, .var-item-edit { border: 1px solid lightgrey; padding:5px 10px }
.var-item:hover { border: 1px solid var(--color4); cursor:pointer; background:rgba(var(--color2light), 0.1) }
.var-item-name { color:var(--color2); font-weight:600 }
.var-item-selected { border: 1px solid var(--color4); background:rgba(var(--color2light), 0.1) }

.checkout-cart { display:flex; flex-direction:column; justify-content:flex-start; align-content:flex-start; background:white; padding:20px; padding-top:0px }
.checkout > DIV {  }
.checkout A:hover { text-decoration:underline }

.checkout { min-height:100%; display:flex; flex-wrap:wrap; align-items:stretch; background:white; }
.checkout-left { flex:1; padding-right:20px }
.checkout-right { width:400px; padding-right:20px; }
.checkout-right H2 { margin-top:0px }
.checkout-bottom { flex-basis:100%; margin-bottom:100px }

.checkout-steps { display:flex; flex-align:center; color:#666; font-size:1.3em; margin-bottom:40px }
.checkout-step { padding-right:20px; }
.checkout-step-active { color:var(--color1); font-weight:600; }
.checkout-step-num { display:inline-block; padding:3px 0px; width:32px; text-align:center; color:white; background:grey; margin-right:10px }
.checkout-step-active .checkout-step-num { background:var(--color3) }
.checkout .header-cart-item-inactive { padding-bottom:5px; padding-top:5px }
.checkout .header-cart-item { grid-template-columns:80px 450px 120px 100px; }

.checkout-item { display:inline-grid; grid-template-columns:80px auto 180px 120px 120px; width:100%; border-bottom: 1px solid #e5e5e5; padding-bottom:20px; padding-top:10px }
.checkout-item-desc-mobile { display:none; border-bottom: 1px solid #e5e5e5;  }
.checkout-item-count { display:flex; align-items:center; justify-content:flex-end; }
.checkout-item-price { text-align:right; font-weight:600; padding-right:10px }
.checkout-item-stock {  }
.checkout-item-stock-status { font-weight:400 }
.checkout-item-stock-mobile { display:none }
.checkout-send-order-button { text-align:center; margin-top:20px }

.discount { margin-top:20px; display:flex; flex-wrap:wrap; align-items:center; gap:20px }
.discount-detail { display:flex; flex-wrap:wrap; justify-content:space-between }
.discount-error { color:red }

.delivery-items { max-width:800px }
.delivery-item-flex { display:grid; grid-template-columns:30px auto 120px; align-items:center; border-bottom: 1px solid #e5e5e5; padding-bottom:10px; padding-top:10px }
.delivery-item-left { text-align:left; padding-left:10px }
.delivery-item-mid { text-align:left; padding-left:10px }
.delivery-item-right { text-align:right; padding-right:10px; font-weight:600 }
.delivery-item A { text-decoration:underline }
.delivery-item-pickup { display:none; background: #f5f5f5; border:1px solid #ddd; padding:5px; margin-top:5px }

.pay-item-flex { display:grid; grid-template-columns:30px 100px auto 60px; align-items:center; border-bottom: 1px solid #e5e5e5; padding-bottom:10px; padding-top:10px }
.pay-item-left { text-align:left; padding-left:10px }
.pay-item-logo { text-align:left; padding-left:10px }
.pay-item-mid { text-align:left; padding-left:10px }
.pay-item-right { text-align:right; padding-right:10px; font-weight:600 }

.delivery-item-change, .pay-item-change { text-align:right; max-width:800px; padding:10px 0px; }
.delivery-item-change A, .pay-item-change A { color:#999 }
.delivery-item-change A .fas, .pay-item-change A .fas { color:var(--color3) }

.delivery-item:hover { background:#f5f5f5; cursor:pointer }
.delivery-item-change, .pay-item-change { display:none; }

.delivery-item-active { display:grid; grid-template-columns:140px auto 120px; }
.delivery-item-hidden, .pay-item-hidden { display:none }
.delivery-cart-update-error { border:1px solid var(--color3); background:var(--color3light); padding:5px 10px; margin-bottom:10px }

.paytype-container { display:none }

.delivery-logo { height:32px; x-webkit-filter: grayscale(70%); }
.delivery-logo-active { height:32px; x-webkit-filter: grayscale(0%); }
.delivery-logo-small { height:25px; x-webkit-filter: grayscale(70%); }

.sum { border-left:1px solid #e5e5e5; padding-left:20px; font-size:0.9em }
.sum-item { display:inline-grid; width:100%; grid-template-columns:80px auto 100px; align-items:center; border-bottom: 1px solid #e5e5e5; padding-bottom:10px; padding-top:10px }
.sum-price { text-align:right; padding-right:10px }
.sum-total { display:flex; xjustify-content:space-between; width:100%; font-weight:600; font-size:1.5em; background:#f5f5f5; border:1px solid #ddd; margin:20px 0px }
.sum-total-text { flex:1; padding:10px; xtext-align:right }
.sum-total-price { padding:10px; padding-right:10px; text-align:right }

.login { background:#f5f5f5; border:1px solid #ddd; padding:20px }
.login H2 { margin:0 }

.login-item { display:flex; align-items:center; }
.login-left { padding-right:20px }
.login-center { flex:1; }
.login-right { padding-left:20px }
.login-input { width:100%; }

.cust-form { padding:0px 20px }
.cust-form .error { color:var(--color3); font-size:0.9em; }
.cust-form H2 { padding:0px; margin-top:0px }
.cust-form INPUT.error { color:black; font-size:1em }
.cust-group { margin-bottom:20px; }
.cust-item { display:grid; width:100%; grid-template-columns:120px auto; max-width:100%; }
.cust-item>DIV { justify-self:start; align-self:center; padding:5px 0px }
.cust-item-margin { margin-top:30px }
.cust-center { width:100%; padding-right:20px }
.cust-input { width:100%; max-width:400px }
.cust-input-short { width:100%; max-width:200px }
.cust-input-zip { max-width:100px }
.cust-btn-ares { color:white; background:#999; border:0; padding:5px 10px; font-size:0.8rem; border:none; }
.cust-ares-active { background:var(--color2); }
.cust-ares-found { background:green }
.cust-ares-notfound { background:grey }
.cust-saved { font-weight:600; font-size:1em; background:var(--color4); color:white; padding:5px 10px; margin:0px 20px; margin-bottom:20px }
.cust-notsaved { font-weight:600; font-size:1em; background:var(--color3); color:white; padding:5px 10px; margin:0px 20px; margin-bottom:20px }

.xxxorder { display:grid; grid-template-columns:repeat(auto-fit, minmax(20%, 1fr)); text-align:left; align-items:center; background:#f5f5f5; border:1px solid #f0f0f0; margin-bottom:10px }
.order { display:grid; grid-template-columns:140px 140px 140px 280px 320px auto; text-align:left; align-items:center; background:#f5f5f5; border:1px solid #f0f0f0; margin-bottom:10px }
.order-col { margin-bottom:1px; padding:5px; border-right:1px solid white; }
.order-header { font-weight:600; background:none; border:none }
.order A { color:#0075b5; text-decoration:none }
.order A:hover { text-decoration:underline }
.order-address { display:flex; flex-wrap:wrap; gap:20px; margin-top:20px; }
.order-address > DIV { border:1px solid #e5e5e5; padding:0px 10px 20px 20px; flex: 1 1 10rem; }


.order-item { display:grid; grid-template-columns:80px auto 100px 80px 100px; border-bottom:1px solid #e5e5e5; align-items:center; }
.order-item > DIV { padding:5px }
.order-item DIV:last-child { padding-right:10px; }
.order-item-sum, .order-item-sum-light { display:grid; grid-template-columns:80px auto 100px; background:#e5e5e5; padding:10px 0px; font-weight:600 }
.order-item-sum DIV:last-child, .order-item-sum-light DIV:last-child { padding-right:10px; }
.order-item-sum-light { background:none; border-bottom:1px solid #ddd; font-weight:normal }
.order-dates LI { height:25px }
.pay-result-PENDING { display:inline-block; background:var(--objStavCol6); color:white; padding:2px 5px }
.pay-result-PAID { display:inline-block; background:var(--objStavCol2); color:white; padding:2px 5px }
.pay-result-CANCELLED { display:inline-block; background:var(--objStavCol5); color:white; padding:2px 5px }

.cat-links { font-weight:500; xmargin-bottom:20px; xmargin-left:20px }
.cat-links A { color:var(--color1) }
.cat-links A:hover { text-decoration:underline }
.cat-links A:hover I { color:var(--color3) }
.cat-links I { color:var(--color1) }
.cat-sub-container { display:inline-block }
.cat-sub2, .cat-sub3 { display:none; margin-left:10px; position:absolute; z-index:2000; border:1px solid var(--color1); padding:15px; background:white; line-height:2rem; min-width:150px }
.cat-sub2 A, .cat-sub3 A { color:black }
.cat-divider { display:inline-block; padding:0px 10px; color:var(--color2) }

.cat-filters-mobile { display:none; background:#f5f5f5; border:1px solid #ddd; padding:10px; font-weight:600; cursor:pointer }
.cat-filters-mobile-open { border-bottom:none }
.cat-filter { display:flex; align-items:center; background:#f5f5f5; border:1px solid #ddd; padding:20px; margin-bottom:20px }
.cat-filter-container { display:inline-block }
.cat-filter1, .cat-filter2, .cat-filter3 { display:none; margin-left:10px; position:absolute; z-index:2000; border:1px solid var(--color1); padding:15px; background:white; line-height:1.5rem; min-width:150px }
.cat-filter2 A, .cat-filter3 A { color:black }
.cat-filter A { color:var(--color1); }
.cat-filter A:hover { text-decoration:underline }
.cat-filter A:hover I { color:var(--color3) }
.cat-filter I { color:var(--color1) }
.cat-filter-button { flex:1; text-align:right }
.cat-filter-item { padding-left:15px; line-height:2em; }
.cat-filter-item A { display:block }

.bottom-paging-container { padding:20px }
.paging-container { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin-bottom:20px }
.paging { display:flex; align-items:center; justify-content:center; column-gap:0.3rem; }
.paging-item { background-color:var(--color2); color:white; padding:5px 0px; width:30px; text-align:center; font-size:1em }
.paging-item:hover { background:var(--color3); cursor:pointer }
.paging-active { background-color:var(--color1); }
.paging-left-col, .paging-right-col { flex:1; display:flex: 0 0 auto; }
.paging-right-col { display:flex; gap:15px; justify-content:flex-end; }
.paging-right-col A { text-decoration:none; color:var(--color2); }
.paging-right-col-active { color:var(--color3); }
.sort-active { color:#f09 }

.page-info { padding-bottom:20px; color:#555 }
.page-info-twocolumn { display:flex; flex-wrap:wrap; gap:20px; }
.page-info A { text-decoration:underline; }
.page-info-twocolumn DIV { flex:1; min-width:350px }
.page-info H2 { margin-top:40px; color:#000 }
.page-info .fas { color:var(--color1); color:#999; margin-right:10px }
.page-info .fas-icon { color:var(--color2); margin-right:10px }
.page-info P { padding-left:20px; color:#444 }
.page-confirm { padding-bottom:20px }

.footer { background:#eee; color:var(--color1); padding:20px 0px; }
.footer-flex { display:flex; flex-wrap:wrap }
.footer-left { flex:1; min-width:340px }
.footer-center { flex:1; min-width:370px; padding-top:60px }
.footer-right { flex:1; min-width:200px; text-align:center; padding-top:30px }
.footer H1 { margin:0; margin-bottom:10px; padding:0; font-weight:600; color:black }
.footer H3 { margin:0; margin-bottom:10px; padding:0; font-weight:600 }
.footer IMG { max-width:100% }
.footer UL { padding:0; padding-left:20px; margin:0; list-style:none; max-width:300px }
.footer LI { margin:0px; padding:5px 0px }
.footer UL LI A { margin:10px; text-decoration:none; }
.footer UL LI A:hover { font-weight:600; }
.footer UL LI A:hover .fas { color:var(--color3) }
.footer i { float:right; color:#aaa; margin-top:4px; margin-right:5px; float:left }
.footer2 { background:var(--color1); color:white; padding:20px; }

.footer-badge { xmargin-top:30px; margin-bottom:40px; text-align:center; font-weight:600; font-size:0.9em; line-height:0.9em }
.footer-badge-flex { display:flex; flex-wrap:wrap; justify-content:space-around; column-gap:30px; row-gap:10px }
.footer-badge IMG { max-width:50px; margin-bottom:5px; margin-top:30px }
.footer-badge-break { display:none }

.footer-heureka { background:#EBF7FF; padding-top:20px; padding-bottom:20px }
.footer-heureka-grid { display:grid; xgrid-auto-flow:column; xgrid-auto-columns:1fr; grid-gap:20px; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }
.footer-heureka-grid>DIV { xbackground:yellow; display:flex; flex-direction:column; justify-content:space-between; padding:10px }
.footer-heureka-stars { display:flex; margin-top:10px; gap:20px }
.heureka-stars, .heureka-stars-pocet { margin:0; height: 15px; xwidth: 79px; position: relative; background-position: 0 100%; background-repeat: no-repeat; background-image: url(/images/heureka-stars.svg); }
.heureka-stars-pocet { background-position: 0 0; position: absolute; top: 0; }
.heureka-stars-pocet-5 { width: 100%; }
.heureka-stars-pocet-4 { width: 80%; }
.heureka-stars-pocet-3 { width: 60%; }
.heureka-stars-pocet-2 { width: 40%; }
.heureka-stars-pocet-1 { width: 20%; }

.help { display:flex }

.hidden { display:none }
.mobile { display:none }
.desktop { display:block }



.product-detail-2column { display:flex; xflex-wrap:wrap; justify-content:space-between }
.product-detail-video-right { max-width:600px; padding-left:20px }
.product-detail-video-left { max-width:600px; padding-right:20px }



@media ( max-width:1200px ) {
	.products-flex { grid-template-columns:repeat(3, 1fr); }
	.nav-cat-photo-bg { width:250px; xdisplay:none }
	.product-category-wide { width:auto }
}

@media ( min-width:1000px ) {
}

@media ( max-width:1000px ) {
	.top-header-flex { padding-right:20px }
	.top-header-right { text-align:center; padding-right:10px }
	.top-header-right-user { padding-right:10px }
	.header { height:109px }
	.header-flex { justify-content:space-between; }
	.header-search-wrapper { order:1; flex-basis:100%; padding:0px; margin-bottom:5px; padding:0px 10px }

	.header-search-box { left:unset; min-width:unset; width:100% }
	.header-search-categories { width:200px }

	.header-menu-button { order:2; }
	.header-cart { order:3 }
	.header-cart-container { width:100%; padding:10px }
	.menu-container { display:none }
	.header-menu-button-desktop { display:none }
	.header-menu-button-mobile { display:block }
	.title-inner { padding-left:0px }
	.page-info { padding:0px 20px 20px 20px }
	.page-confirm { padding:0px 20px 20px 20px }
	.footer { padding:20px }
	.footer-badge-break { display:block; flex-basis:100%; width: 0; }

	.footer-left { order:1; }
	.footer-center { order:3; padding-top:20px }
	.footer-right { order:2 }

	.products-flex { grid-template-columns:repeat(2, 1fr); }
	.header-menu-button-mobile .fas { padding-top:3px }
	.top-header-container-inner { padding:20px }
	.products-category-description { margin-left:20px; margin-right:20px }


	.checkout { padding:10px }
	.checkout-right { order:1; flex-basis:100%; padding-right:0; }
	.checkout-left { order:2; flex-basis:100%; padding-left:10px }
	.checkout-item-stock-desktop { display:none }
	.checkout-item-stock-mobile { display:block }
	.checkout-item { grid-template-columns:80px auto 120px 120px }
	.checkout-steps { margin-bottom:20px; padding:0px 20px }
	.sum { padding:0px 10px; border:none }
	.sum H2 { display:none }
	.sum-cart { display:none }
	.sum-price { padding-right:20px }
	.sum-delivery { display:none }
	.sum-background { border:1px solid #ddd; padding:10px }
	.sum-show { display:flex; justify-content:center; align-items:center; xfont-weight:600; font-size:1.1em; color:#666; background:#fafafa; cursor:pointer }
	.sum-show-cart { flex:1 }
	.sum-show-count { padding-right:20px }
	.sum-show-price { width:100px; text-align:right; }
	.sum-show-arrow { width:20px; text-align:right }
	.sum-show-dp { display:flex; justify-content:center; align-items:center; xfont-weight:600; font-size:1.1em; color:#666; background:#fafafa; cursor:pointer }
	.sum-show-dp-cart { flex:1 }
	.sum-show-dp-count { padding-right:20px }
	.sum-show-dp-price { width:100px; text-align:right }
	.sum-show-dp-arrow { width:20px; text-align:right }

	.detail-shop-button { order:4 }
	.detail-shop-stock { flex-basis:50% }
	.detail-bottom { padding:0px 10px; }
	.detail-photo-small { xdisplay:block }
	.swiper { width:370px; xheight:100px; margin-left:0 }
	.swiper-slide { width: fit-content }

	.cat-links { margin-left:10px }
	.cat-filters { display:none }
	.cat-filter-name { display:none }
	.cat-divider { display:none }
	.cat-filters-mobile { display:block }
	.cat-filter { display:flex; line-height:2em; flex-direction:column; align-items:stretch; border:1px solid #ddd; margin-bottom:20px; padding:0px; padding-top:5px; -webkit-box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.35); }
	.cat-filter-item { margin:0px; padding:0; width:100%; border:none; -webkit-box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.35); }
	.cat-filter-item A { margin-left:0px; padding:10px; border-bottom:1px solid #eee }
	.cat-filter-container { display:block; }
	.cat-filter-button { padding:10px; text-align:center }
	.cat-filter A { display:block; padding:5px 10px }

	.login { padding:10px }
	.login-left { display:none }
	.login-address-button { padding:8px 10px }

	.order-address-delivery { min-width:100%; }

	/*head scrolling*/
	BODY { padding-top:175px }
	.head { position:fixed; width:100%; z-index:2000; transition: top 0.2s ease-in-out; -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.4); box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.4); }
	.head-down { position:fixed; top:0px; }
	.head-up { position:fixed; top:-175px; }
	.page-width { width:100%; margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px }


}

@media ( max-width:950px ) {
}

@media ( max-width:685px ) {
	.desktop { display:none }
	.mobile { display:block }

	.top-header { height:40px; }
	.top-header-container { width:100%; border-left:none; border-right:none; border-top:none }
	.top-header-logo IMG { height:40px; width:auto }
	.top-header-right span::before { content:none }
	.top-header-right i {  }
	.top-header-right span::before { content: ''; white-space:none; }
	.top-header-right { padding:0px 5px }

	.title img { object-fit: contain }

	.page-width { width:100%; margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px }
	.header-menu-button { width:180px; margin-left:10px }
	.header-menu-button-mobile { height:40px; width:50px; padding-top:10px; padding-left:15px; margin-left:10px; background:var(--color2) }
	.header-menu-button-mobile SPAN { display:none }
	.header { height:88px }

	.header-cart-container { width:100%; padding:10px }
	.header-cart-container-inner { padding:10px }
	.header-cart-item { border-bottom:none; flex-wrap:wrap }
	.header-cart-item-desc { display:none }
	.header-cart-item-desc-mobile { display:block; }

	.header-search-wrapper { margin:5px; margin-top:0px; padding:2px 5px }
	.header-search-input { min-width:unset }
	.header-search-box { overflow-y:scroll; min-width:unset; left:0px; width:100%; min-height:100%; padding-top:10px; -webkit-box-shadow:none; border-bottom:1px solid var(--color1) }
	.header-search-inner { padding:8px }
	.header-search-categories { background:none; width:100%; padding:5px }
	.header-search-items { overflow:visible; width:100%; padding:0px }
	.header-search-item { grid-template-columns: 90px auto; grid-template-rows: repeat(2, 1fr); align-items: start }
	.header-search-item>DIV { padding:0px }
	.header-search-item button { margin:20px }
	.header-search-image { grid-row: span 2 / span 2; width:70px; justify-self:start }
	.header-search-name {  }
	.header-search-price { grid-column-start: 2; grid-row-start: 2 }
	.header-search-inner H2 { font-size:1em }
	.header-search-inner-flex { display:flex; flex-direction:column }

	.detail { padding:10px }

	.product { padding:10px 10px }
	.product:hover { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
	.product-bottom { padding:0px }
	.product-new { padding:0px 5px }
	.products-category-description { margin-left:10px; margin-right:10px }

	.detail-right { flex-basis:100%; }

	.product-detail-2column { flex-wrap:wrap }
	.product-detail-video-right { flex-basis:100%; margin-top:10px; padding:0 }
	.product-detail-video-left { flex-basis:100%; margin-top:10px; padding:0 }
	.video-left { flex-direction:column-reverse }

	.detail-left IMG { max-width:100%; max-height:300px }
	.tag { margin-left:0px; font-size:0.8em }
	.table { xwidth:100% }

	.detail-photo-small-img IMG { max-height:80px; max-width:80px }

	.products-categories-small { gap:30px 0px; }
	.products-categories-small DIV { min-width:100px; max-width:100px; xborder:1px solid #eee }

	.cat-img { width:40px; padding-left:5px }
	.cat-img IMG { max-width:40px; max-height:35px }
	.cat-url { padding-left:10px; }
	.cat-btn { xwidth:40px; padding:15px 0px; }
	.cat3 { padding-left:80px; }
	.cat2 .cat-url { xwidth:230px }
	.cat3 .cat-url { padding-top:0px }

	.cat-links I { display:none }
	.cat-links A:not(:first-child):before { content: " | "; margin-left:6px; margin-right:6px; }

	.checkout-steps { font-size:1em; display:flex; xjustify-content:center; margin-bottom:10px; padding:0px 20px; xborder-bottom:1px solid #f5f5f5 }
	.checkout-step { text-align:center; padding:0px; padding-right:20px; min-width:90px; }
	.checkout-step-num { xdisplay:none; padding:1px 0px; width:25px; color:white; background:var(--color1); margin:0px }
	.checkout-step-text { display:block; }
	.checkout-step I { display:none }

	.checkout .header-cart-item-desc { display:block }
	.checkout .header-cart-item-desc-mobile { display:none; }
	.checkout-left { xpadding-left:10px; xpadding-right:10px }
	.checkout-right { padding-right:0px }

	.checkout-item { display:grid; grid-template-columns: 80px auto 80px; grid-template-rows: 1fr 1fr; gap: 0px 0px; grid-template-areas:"foto popis cena" "foto popis pocet"; }
	.checkout-item-1 { grid-area: foto; }
	.checkout-item-2 { grid-area: popis; }
	.checkout-item-price { grid-area: cena; }
	.checkout-item-3 { grid-area:pocet; padding-right:10px }
	.checkout-item-desc { display:block }
	.checkout-item-desc-mobile { display:none; }
	.checkout-item-inactive { font-size:0.9em }

	.discount { margin-bottom:20px; }
	.discount-text { flex-basis: 100% }
	.discount-detail-price { flex-basis: 100% }

	.order-item { display:grid; grid-template-columns:80px auto 100px; border-bottom:1px solid #e5e5e5; align-items:center; }
	.cart-item-desc SPAN { display:inline-block }

	.cust-form { padding:0px }

	.sum { border:none; font-size:1em; width:100% }
	.sum-total { margin:0; font-size:1.2em; xpadding-right:20px; margin-bottom:20px }

	.footer-right { padding-top:20px }
	.delivery-logo { -webkit-filter: grayscale(0%); filter: grayscale(0%); }

	.paging { padding-left:10px }
	.paging-left-col { display:none }
	.paging-right-col { padding-right:10px }
	.products { margin-top:10px; }
	.products H1 { margin-left:10px; }
	.detail-right H1 { margin-left:0px; padding:0 }
	.products-category-description { margin:0px }
	.products-category-description IMG { display:none }

	#ajaxpage { position:fixed; top:15%; left:2%; width:96%; height:70%px; margin-left:0px; margin-top:0px; z-index: 20000; padding:20px; text-align:left; xbackground:#fff; color:black; display:none; }


	/*head scrolling*/
	xxxBODY { padding-top:130px }
	.xxxhead-up { top:-130px; }

	BODY { padding-top:40px }
	.head-up { top:-40px; }
}