@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500);
HTML { overflow-y: scroll; }
BODY { margin: 0 auto; xwidth: 90%; max-width: 1240px; font-family:Roboto, Calibri, Helvetica, sans-serif; font-weight: 300; font-size:12pt; background-color: #f6f6f6; }

H1 { font-size:1.8rem; font-weight: 300; flex: 1; }
H2 { font-size:1.4rem; font-weight: 300; flex: 1; }
H3 { font-weight:500 }
H4 { font-weight:500; margin-bottom:0 }

UL { list-style: none; padding-left: 0; }
TD { font-family:Roboto, Calibri, Helvetica, sans-serif; font-weight: 300; font-size:12pt; }
HR { border:none; height:1px; background-color:#ddd; margin-bottom:20px }
A { color:#0075b5; text-decoration:none }
A:hover { text-decoration:underline }
B, STRONG { font-weight:500 }
.info { font-size:8pt }
INPUT[type=text], INPUT[type=password], SELECT { padding:8px; border:1px solid #3395d5; font-family:Roboto, Calibri, Helvetica, sans-serif; font-size:12pt; }
.red { color:#d00; font-size:10pt }
.blue { color:#0075b5; font-size:10pt }
.hidden { display:none }

/* AJAX page */
#ajaxpage { position:fixed; top: 50%; left: 50%; z-index: 20000; padding:15px; text-align:left; background:#fff; color:black; display:none; -webkit-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; }
.ajaxpage { cursor:pointer }

.fotoIcon { position:absolute; z-index:50; text-align:left; line-height:14pt }
.ikony SPAN { font-size:0.6em; color:white; padding:3px 5px; }
.iko1 { background:rgba(0,117,181,0.5) }
.iko2 { background:rgba(0,150,0,0.5) }
.iko4 { background:rgba(20,0,180,0.5) }
.iko8 { background:rgba(100,100,100,0.5) }
.iko16 { background:rgba(50,60,90,0.5) }
.iko32 { background:rgba(50,60,90,0.5) }
.iko64 { background:rgba(50,60,90,0.5) }
.iko128 { background:rgba(240,120,50,1) }
.iko256 { background:rgba(250,50,50,1) }
.iko512 { background:rgba(250,50,50,1) }
.iko1024 { background:rgba(50,50,50,1) }
.iko2048 { background:rgba(250,50,50,1) }
.ikoDarek { background:#f09 }

.xiko1 { background:rgba(220,0,0,0.5) }
.xiko2 { background:rgba(0,150,0,0.5) }
.xiko4 { background:rgba(20,0,180,0.5) }
.xiko8 { background:rgba(100,100,100,0.5) }
.xiko16 { background:rgba(50,60,90,0.5) }
.xiko32 { background:rgba(50,60,90,0.5) }
.xiko64 { background:rgba(50,60,90,0.5) }
.xiko128 { background:rgba(50,50,50,1) }
.xiko256 { background:rgba(250,50,50,1) }
.xiko512 { background:rgba(250,50,50,1) }
.xiko1024 { background:rgba(50,50,50,1) }
.xiko2048 { background:rgba(250,50,50,1) }
.xikoDarek { background:radial-gradient(circle, rgba(63,94,251,1) 0%, rgba(252,70,107,1) 100%); }



.buttonRed, .buttonGreen, .buttonGray, .buttonBlue, .buttonCart, .buttonDelete { color:white; background:#666; border:0; padding:10px; font-size:12pt; -xwebkit-border-radius: 5px; -xmoz-border-radius: 5px; xborder-radius: 5px; }
.buttonGreen { background:#393 }
.buttonRed { background:#f09 }
.buttonBlue { background:#0075b5 }
.buttonDelete { background:#d00 }
.buttonCart { width:80px; background:url(/images/ico-cart.png) no-repeat #f09 center; background-size: auto 70% }
.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; }

.shop-buttons INPUT { xwidth:300px }

/* Product Layout */
.product-filter { display: flex; padding:1rem }
.sort { display: flex; align-self: flex-end; }
.collection-sort { display: flex; flex-direction: column; }
.collection-sort:first-child { padding-right: 20px; }

.main-page-white { background:white }
.category-name { font-size:1.4rem; font-weight: 300; flex: 1; padding:20px; cursor:pointer }
.category-name A { color:#0075b5; text-decoration:none }

.products { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); }
.product-card { padding: 5%; padding-top:10%; background-color: #FFF; box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.25); }
.product-image { height:270px; }
.product-image img { max-width: 95%; max-height:265px; display: block; margin-left: auto; margin-right: auto; }
.product-info { margin-top: auto; }
.product-name { font-size:1.1rem; font-weight:400; height:4rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.product-name A { color:#0075b5; text-decoration:none; }
.product-popis { font-size:0.9rem; margin-top:5px; margin-bottom:20px; height:7rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.product-popis1 { margin-bottom:5px }

.nav-slide-container { display:none; }
.nav { display:grid; grid-template-columns:repeat(auto-fit, minmax(16%, 1fr)); text-align:center; font-size:11pt; cursor:pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }
.nav-card { padding:2%; background-color: #fff; box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.25); }
.nav-card:hover:not(.nav-empty):not(.nav-akce) { background:#0075b5; color:white }
.nav-card-active:not(.nav-akce) { background-color:#f09; color:white }

.nav-dily { display:grid; grid-template-columns:repeat(auto-fit, minmax(16%, 1fr)); text-align:center; font-size:11pt; cursor:pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }
.nav-dily-card { padding:20px 0px; font-weight:bold; background-color: #fff; box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.25); }
.nav-dily-card:hover:not(.nav-empty) { background:#0075b5; color:white }
.nav-dily-card:hover:not(.nav-empty) A { color:white; text-decoration:none }


.arrow-down { border:solid #f09; border-width:0 4px 4px 0; display:inline-block; padding:5px; -webkit-transform:rotate(-45deg); margin-right:20px; margin-left:3px }

.nav2 { display:none; xxxxdisplay:grid; grid-template-columns:repeat(auto-fit, minmax(16%, 1fr)); text-align:center; align-items:center; font-size:11pt; color:white; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }
.nav-card2 { xbackground-color:#3395d5; background-color:#ddd; color:black }
.nav-card2-inner { display: flex; justify-content:center; text-align:center; align-items:center; padding:3%; height:2.5rem; box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.25) }
.nav-card2-inner:hover:not(.nav-empty) { background:#0075b5; color:white; cursor:pointer }
.nav-card2-active { background:#f09; color:white }

.nav-image { margin-bottom:5px }
.nav-image img { max-width: 85%; display: block; margin-left: auto; margin-right: auto; }

.show-all-cat-text { color:#0075b5; cursor:pointer }
.show-all-cat-button { display:none; color:#f09; font-weight:bold; cursor:pointer; margin-right:10px }

/* Footer main */
.ft-main { padding: 1.25rem 1.875rem;  display: flex;  flex-wrap: wrap; }
.xft-main-item { padding: 1rem 1rem;  mxin-width:33%; xmin-width: 16rem; }
.ft-main > .ft-main-item { flex: 1 1 33%; xpadding:10px 20px; min-width:250px }
.ft-main IMG { max-width:100%; height:auto; }

/* Footer legal */
.ft-legal {  padding: 1.25rem 1.875rem;  background-color: #333;}
.ft-legal-list {  width: 100%;  display: flex;  flex-wrap: wrap;}
.ft-legal-list li {  margin-right: 5rem;  white-space: nowrap; }
/* one before the last child */
.ft-legal-list li:nth-last-child(2) { flex: 1;}
footer {  background-color: #555;  color: #bbb;  line-height: 1.5;}
footer A { color:#bbb; text-decoration:none }
footer A:hover { text-decoration:underline }
.ft-title {  color: #fff;  xfont-size: 1.375rem;  padding-bottom: 0.625rem;
}

#slideshow { position:relative; padding-bottom:27.272% } /* (img px height / img px width x 100) = padding-bottom % */
#slideshow div { position:absolute; width:100%; height:100%; background-size:cover; background-position:center; -webkit-transition:opacity 3s; transition:opacity 3s }
.js #slideshow div { opacity:0 } /* only hide images if js enabled */
.js #slideshow .show, #slideshow .show { opacity:1 }

#slideshow :nth-child(11) { background-image:url(/images/slides/1.png) }
#slideshow :nth-child(12) { background-image:url(/images/slides/2.png) }
#slideshow :nth-child(13) { background-image:url(/images/slides/3.png) }
#slideshow :nth-child(14) { background-image:url(/images/libus7.jpg) }
#slideshow :nth-child(15) { background-image:url(/images/libus4.jpg) }
#slideshow :nth-child(16) { background-image:url(/images/libus5.jpg) }
#slideshow :nth-child(17) { background-image:url(/images/libus6.jpg) }

#slideshow :nth-child(1) { background-image:url(/images/bannery/Bazenarstvi_RuzoveJaro_Homepage_banner_F1_1.png) }
#slideshow :nth-child(2) { background-image:url(/images/bannery/Bazenarstvi_RuzoveJaro_Homepage_banner_F1_2.png) }
#slideshow :nth-child(3) { background-image:url(/images/bannery/Bazenarstvi_RuzoveJaro_Homepage_banner_F1_3.png) }



.header .header-container { display: flex; justify-content:space-between; flex-wrap: wrap; background:white; }
.header-sticky { position: -webkit-sticky; position: sticky; top: 0; z-index:10000; border-bottom:1px solid #bbb; -webkit-box-shadow: 0px 8px 6px -6px rgba(0,0,0,0.21); }
.header-container :nth-child(1) { xmax-width:100%; }
.logo { padding:10px 0px; max-width:100%; }
.logo IMG { margin-left:10px; max-width:100%; height:auto; }
.topmenu-customer { text-align:center; font-size:11pt; float:right }
.topmenu-cart { white-space: nowrap; text-align:center; margin-left:20px; font-size:11pt; float:right }
.topmenu-active { xbackground-color:#555; xcolor:white }
.topmenu-cc-icon { display:none; position:absolute; right:0px; border-radius:50%; background:red; color:white; width:15px; height:15px; font-size:8pt; font-weight:bold; xpadding-top:2px; text-align:center }
.topmenu-cc-icon SPAN { display:inline-block; padding-top:2px }

.hledat { padding:10px 20px; flex-grow:1; text-align:center; }
.hledat-inner { text-align:center; padding-top:5px; }
.topmenu { padding:10px 0px; }
.topmenu-customer, .topmenu-cart { display:inline-block; width:120px; cursor:pointer }

.cart, .customer { display:none; position:absolute; -webkit-box-shadow: 0px 0px 11px -3px rgba(0,0,0,0.75); background:#fff; color:#555; z-index:100; }
.cart { width:700px; margin-left:-430px; margin-top:48px; }
.customer { width:350px; margin-left:-200px; margin-top:48px; }
.cc-inner { padding:30px }
.cc-inner HR { border:none; height:1px; background-color:#ddd; margin-bottom:20px }
.cc-inner LI { padding:5px 0px }
.cc-inner A { text-decoration:none; color:#0075b5 }
.odhlaseni A { color:red }
.cc-inner A:hover { text-decoration:underline }
.cc-close { float:right; cursor:pointer; }
.cc-close:before { content:""; display:block; background:url("/images/ico-close.svg") no-repeat; width:20px; height:20px; float:left; margin: 0 6px 0 0; }

.btnCart-container { display:none }

.cart-item { display:grid; grid-template-columns:80px auto 120px 100px; align-items:center; }
.cart-item-desc-mobile { display:none }
.cart-item-count { display:flex; align-items:center; justify-content:flex-end; }

.cart-item-specialdelivery { display:none }
.cart-content-page .cart-item-specialdelivery { display:block }

#login-error { color:red; margin-bottom:10px }

.search-input { padding-left:5px; padding-top:5px; padding-bottom:5px; border:1px solid #3395d5; width:100%; xfont-size:12pt }
#search-button { background:#f09; border:none; height:36px; width:36px }
.search-box { display:none; overflow-y: scroll; -webkit-box-shadow: 0px 0px 11px -3px rgba(0,0,0,0.75); position:absolute; background:#fff; z-index:100; max-height:600px; margin-left:0px; margin-top:0px; font-size:11pt; font-family:Roboto, Calibri, Helvetica, sans-serif; font-weight: 300 }
.search-inner { xcolor:#555 }
.search-inner A { text-decoration:none; xcolor:#555 }
.search-inner LI { padding:10px 10px; cursor:hand }
.search-inner LI:hover { background:#99ccff; }
.search-item { height:40px; border-top:1px solid #ddd; padding:10px; cursor:hand }
.search-item:hover { background:#99ccff; }
.search-image { width:50px; height:40px; margin-right:10px; float:left;  }
.search-price { z-index:100; xdisplay:none; xtext-align:right; float:right; margin-top:5px; font-weight:500; }
.search-name { overflow:hidden; height:20px; }
mark { font-weight:500; background:none; color:#f09 }

.bottom-paging-container { xdisplay:flex; xflex-wrap: wrap; xjustify-content:space-between; padding:20px }
.paging-container { display:flex; flex-wrap:wrap; justify-content:space-between; padding:20px }
.paging { display:flex; align-items:center; justify-content:center; column-gap:0.3rem; }
.paging-item { background-color:#999; color:white; padding:12px 0px; width:45px; text-align:center; font-size:1em }
.paging-item:hover { background:#0075b5; cursor:pointer }
.paging SPAN { xpadding:0px 20px }
.paging-active { background-color:#f09; }
.paging-left-col, .paging-right-col { min-width:10em; padding-top:10px }
.paging-left-col { display:flex; gap:15px; }
.paging-left-col DIV { padding:0px 10px; }
.paging-left-col A { text-decoration:none; color:#0075b5; }
.sort-active { color:#f09 }


.product-detail { display:flex; flex-direction: row; flex-wrap:wrap; width:100%; background:white }
.product-detail-left { min-width:400px; padding:20px }
.product-detail-left-dily { min-width:250px; padding:20px }
.product-detail-right { flex:2; padding:20px; xmin-width:500px }
.product-detail-image { text-align:center; margin-bottom:20px }
.product-detail-image IMG { max-width:400px; xborder:1px solid red; max-height:400px;
  object-fit: cover;
  vertical-align: bottom; }
.product-detail-image-dily IMG { max-width:250px; xborder:1px solid red; max-height:400px;
  object-fit: cover;
  vertical-align: bottom; }
.product-detail-left-div { padding-top:20px; margin-top:20px; border-top:1px solid #ddd; color:#0075b5 }
.product-files-arrow { border: solid #f09; border-width: 4px 0px 0px 4px; display: inline-block; padding:3px; -webkit-transform: rotate(135deg); margin-right:15px; margin-left:3px }
.product-detail-cena { display:none }
FIGURE { margin:none; padding:none; margin-block-start:0em; margin-block-end:0em; margin-inline-start:0px; margin-inline-end:0px; }
FIGURE IMG { width:100% }
.product-detail-left-photos { display:flex; flex-wrap:wrap; max-width:400px; gap:10px; margin-top:30px }
.product-detail-left-photos IMG { max-width:180px }

.detail-gift { display:flex; align-items:center; border:1px solid #FFD718; background:#FFFAE3; padding:8px; margin-bottom:20px }
.detail-gift .tagGold { width:110px; margin:0; margin-right:10px; xbackground:radial-gradient(circle, rgba(63,94,251,1) 0%, rgba(252,70,107,1) 100%); }

.var-table { width:100%; border-collapse: collapse; margin:0; padding:0; border:1px solid #ddd }
.var-table TD { padding:4px; margin:0px }
.var-table tr:nth-child(even) { background: #e5e5e5 }
.var-table tr:nth-child(odd)  { background: #fff }
.var-table tr:hover { background:#b3daff }
.var-info-sklad { font-size:10pt }
.var-info { margin-right:20px; font-weight:500 }
.var-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:10px }
.var-count { display:flex; align-items:center; justify-content:flex-start; }
.show-all-var-button { display:none; color:#f09; font-weight:bold; font-size:25pt; cursor:pointer }
.var-test { background:#369 }
.var-item { border-collapse: collapse; border:1px solid black}

.var-item { display: grid; grid-template-columns: 1fr 1fr; xgrid-template-rows:1fr; border:0 }
.var-item-cell { padding:5px }
.var-item-price { text-align:right }
.var-item:nth-of-type(odd) { background: #fff; border-top:1ox solid black }
.var-item:nth-of-type(even) { background: #efefef }
.var-item:hover { background-color:#99ccff; cursor:pointer }
.var-item-selected { font-weight:bold }

.detail-nazev { font-size:1.8rem; margin-bottom:20px; color:#0075b5 }
.detail-nazev2 { font-size:1.4rem; margin-bottom:20px }
.detail-nazev-mobile { display:none; font-size:1.8rem; margin-bottom:20px; color:#0075b5 }
.detail-nazev2-mobile { display:none; font-size:1.4rem; margin-bottom:20px }
.detail-vyrobce { margin-bottom:20px }
.detail-popis { color:#666 }
.detail-popis2 { color:#666; margin-top:20px; padding-top:20px; border-top:1px solid #ddd }
.detail-doporucujeme { margin-bottom:20px; margin-top:20px; padding-top:20px; border-top:1px solid #ddd }
.detail-doporucujeme-nadpis { font-size:1.4rem; margin-bottom:20px }
.detail-doporucujeme A { color:#0075b5; text-decoration:none; font-weight:normal }
.detail-doporucujeme A:hover { color:#f09; }

.detail-stock-1 { color:#4ab32a; }
.detail-stock-2 { color:grey; }
.detail-stock-3 { color:darkblue; }

.dop-foto { }
.dop-nazev { padding:5px }
.dop-nazev2 { font-size:10pt }
.dop-popis { font-size:10pt; color:#999 }
.dop-cena { text-align:right; padding:5px }
.dop-button { text-align:right; padding:5px }
.dop-container { display: grid; grid-template-columns: 100px minmax(250px, auto) 110px 100px; grid-template-rows: minmax(70px, auto); grid-auto-flow: row; margin-bottom:20px }
.xdop-container:nth-of-type(odd) { background: #fff; }
.xdop-container:nth-of-type(even) { background: #efefef }
.dop-container:hover { background-color:#efefef; cursor:pointer }

.dop-foto { grid-column: 1; }
.dop-nazev { grid-column: 2; grid-row: 1; }
.dop-cena { grid-column: 3; grid-row: 1 / 3; }
.dop-button { grid-column: 4; grid-row: 1 / 3; }

.dop-dily-container { display: grid; grid-template-columns: 70px minmax(250px, auto) 110px 120px; xgrid-template-rows:2em; xminmax(20px, auto); grid-auto-flow: row; xmargin-bottom:10px }
.dop-dily-container:hover { background-color:#efefef; cursor:pointer }
.dop-dily-nazev2 { font-size:10pt }

.dop-dily-cislo { grid-column: 1; padding:10px 0px }
.dop-dily-nazev { grid-column: 2; grid-row: 1; padding:5px 0px }
.dop-dily-cena { grid-column: 3; grid-row: 1 / 3; text-align:right; padding:5px 0px }
.dop-dily-button { grid-column: 4; grid-row: 1 / 3; text-align:right; padding:5px 0px }


.shop-steps { display:grid; grid-template-columns:repeat(auto-fit, minmax(25%, 1fr)); text-align:left; align-items:top; }
.shop-step { padding:20px; background:#ddd; border-right:1px solid white; }
.shop-step:last-child { border-right:none }
.shop-step H1 { margin:0px; font-size:1.3rem }
.shop-step-active { color:white; background:#f09 }
.shop-step-active-blue { color:white; background:#0075b5 }
.shop-step-past { color:white; background:#0075b5 }
.shop-step-href { cursor:pointer }

.order { display:grid; grid-template-columns:repeat(auto-fit, minmax(20%, 1fr)); text-align:left; align-items:top; background:#f5f5f5; border:1px solid #f0f0f0; margin-bottom:10px }
.order-col { margin-bottom:1px; padding:10px; border-right:1px solid white; }
.order-header { font-weight:500; 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; }
.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:500 }
.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 }

.delivery-items { display:flex; flex-wrap:wrap; gap:10px; }
.delivery-item { flex: 0 1 20%; padding:10px; border:1px solid #ddd; cursor:pointer }
.delivery-item B { font-weight:500 }

.delivery-item-change { padding:10px }
.delivery-item:hover { background:#e5e5e5 }
.delivery-item-change, .pay-item-change { display:none; }
.delivery-item-active { flex: 0 1 40%; }
.delivery-item-active SPAN { font-weight:normal }
.delivery-item-hidden, .pay-item-hidden { display:none }
.paytype-container { display:none }

.delivery-item-inner { display:flex; justify-content:space-between; flex-wrap:wrap }
.delivery-item DIV {  }
.delivery-name { margin-bottom:10px; font-weight:bolder }
.delivery-price { font-weight:500; text-align:right }

.pay-items { display:flex; flex-wrap:wrap; gap:20px; xmargin-top:20px; }
.pay-item { flex: 0 1 20%; padding:10px; border:1px solid #ddd; cursor:pointer }
.pay-item-name { margin-left:5px; margin-top:10px }
.pay-item-active { font-weight:500; flex: 0 1 40%; }
.pay-item-change { padding:10px }
.pay-item-price { text-align:right; float:right; font-weight:500 }

.pay-result-PENDING { display:inline-block;background:#fc0;color:white;padding:5px }
.pay-result-PAID { display:inline-block;background:#0a0;color:white;padding:5px }
.pay-result-CANCELLED { display:inline-block;background:#d00;color:white;padding:5px }

.customer-container { display:flex; flex-wrap:wrap; gap:50px; }
.customer-container>DIV { flex: 1; min-width:350px }
.customer-container INPUT[type=text], .customer-container INPUT[type=password] { border:1px solid #ddd; width:100% }
.customer-form-line { display:grid; grid-template-columns:140px auto; align-items:center; margin-bottom:10px }
.customer-form-left { text-align:right; padding-right:20px; xpadding-top:5px }
.customer-form-switch { background:#e5e5e5; padding:5px; margin-bottom:10px }

@media ( min-width:500px ) {
	.info:before { content: "500" }
}

/*prehozeni hledani na dalsi radek */
@media ( max-width: 996px ) {
	.info:before { content: "1072/1000" }
        .header-container :nth-child(1) { order: 1; }
        .header-container :nth-child(2) { order: 3; }
        .header-container :nth-child(3) { order: 2; }
	.hledat { width:300px; padding-top:0px }
	.cart-item :nth-child(1) { order: 1; }
	.cart-item :nth-child(2) { order: 2; }
	.cart-item :nth-child(3) { order: 3; }
	.cart-item :nth-child(4) { order: 4; }
}

@media ( min-width: 685px ) { 	.show-all-cat-button { display:none } }

@media ( max-width:685px ) {
	.info:before { content: "685" }
	.nav { grid-template-columns: repeat(auto-fit, minmax(33%, 1fr)); text-align:center; font-size:9pt }
	.nav-card { padding:2%; }
	.nav-image { margin-bottom:5px }
	.nav-image img { max-width:50%; }
	.nav-empty { display:none }
	.nav2 { grid-template-columns: repeat(auto-fit, minmax(33%, 1fr)); text-align:left; font-size:10pt }
	#slideshow { xheight:4rem  }
	.topmenu { text-align:right }
	.topmenu-cart, .topmenu-customer { width:40px; }
	.topmenu-cc-text { display:none }
	.topmenu-cc-icon { display:block }
	.cart { position:absolute; width:100%; margin-left:0px; text-align:left; left:0px }
	.customer { position:absolute; width:100%; margin-left:0px; text-align:left; left:0px }
	.hledat { padding-top:0px }
	.hledat-inner { padding-top:0px; }
	.paging-right-col { display:none }
	.paging-container { justify-content: center; xdisplay:block;flex-direction:column-reverse }
	.paging-left-col { width:100%; margin-top:10px }
	.paging { justify-content:center; xflex-direction:row-reverse }

	.cart-item-desc { display:none }
	.cart-item-desc-mobile { display:block }

	.show-all-cat-text, .arrow-down { display:none }
	.show-all-cat-button { display:inline; }

	.product-detail-left { xwidth:100% }
	.var-table { display:none }
	.detail-nazev { display:none }
	.detail-nazev2 { display:none }
	.detail-nazev-mobile { display:block }
	.detail-nazev2-mobile { display:block }

	.product-detail-left-photos IMG { max-width:90px }

	.dop-container { grid-template-columns: 50px minmax(200px, auto) 110px; grid-template-rows: auto auto; }
	.dop-foto { grid-column: 1; 	grid-row: 1 / 3; }
	.dop-nazev { grid-column: 2; 	grid-row: 1 / 3; }
	.dop-cena { grid-column: 3; 	grid-row: 1; }
	.dop-button { grid-column: 3; 	grid-row: 2; }

	.shop-step { padding:10px; }
	.shop-step H1 { font-size:1rem }

	.order { grid-template-columns: repeat(auto-fit, minmax(33%, 1fr)); grid-template-rows: auto auto; }
	.order-item { grid-template-columns:80px auto 100px 50px 100px; }
	.order-item-sum, .order-item-sum-light { grid-template-columns:0px auto 100px; }

	.delivery-items { gap:10px; }
	.delivery-item { flex: 0 1 40%; }
	.delivery-item-active { flex: 0 1 100%; }
	.pay-items { gap:10px; }
	.pay-item { flex: 0 1 40%; }
	.pay-item-active { flex: 0 1 100%; }

	.customer-form-line { grid-template-columns:100px auto; }
}

/* malé logo, info zákazníka a košík s ikonkami */
@media ( max-width: 656px ) {
	.info:before { content: "656" }
	.logo, .logo IMG { width:260px}
	.hledani-vystup { width:90% }
}

@media ( max-width: 480px ) {
	.product-filter { flex-direction: column; }
	.sort { align-self: flex-start; }
}