/*
tmave modra:  #122e52
svetle modra: #e9f7ff
kontrastni modra: #00a9eb
*//*!
 * Web Fonts from Fontspring.com
 * All OpenType features and all extended glyphs have been removed.
 * Fully installable fonts can be purchased at https://www.fontspring.com
 * The fonts included in this stylesheet are subject to the End User License you purchased from Fontspring. The fonts are protected under domestic and international trademark and copyright law. You are prohibited from modifying, reverse engineering, duplicating, or
 * distributing this font software.
 * (c) 2010-2025 Fontspring
 * The fonts included are copyrighted by the vendor listed below.
 * Vendor:      Typoforge Studio
 * License URL: https://www.fontspring.com/licenses/typoforge-studio/webfont
 */
@font-face {
    font-family: 'Merlo';
    src: url('../fonts/merlo-roundbold-webfont.woff2') format('woff2'),
         url('../fonts/merlo-roundbold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


body, html {
	font-family: 'Nunito';
}



#content-wrapper h1 {
	font-family: 'Merlo';
	font-size: 3rem;
	text-transform: none;
	color: #122e52;
}

.contacts a {
  color: inherit;
}
.contacts a:hover {
  text-decoration:underline;
}







/*
 * BTN PRIMARY
 * s efektem bublin
 */ 
.btn-primary {
  position: relative;
  overflow: hidden;
  background-origin: border-box;
  z-index: 0;
  background: #122e52;
  border-radius: 10px;
}
.btn-primary:hover,
.btn-primary:focus {
  background: #122e52;
}

/* Vrstva s kroužky */
.btn-primary::after {
  content: "";
  position: absolute;
  inset: -20% -12% -40% -12%; 
  pointer-events: none;
  z-index: 1;
  opacity: 0;
  transition: opacity .25s ease-out;
  /* KROUŽKY (duté) – víc vrstev různých velikostí */
  background-image:
    radial-gradient(circle at 20% 80%, transparent 0 4px, rgba(255,255,255,.38) 4px 6px, transparent 6px),
    radial-gradient(circle at 60% 85%, transparent 0 3px, rgba(255,255,255,.30) 3px 4.5px, transparent 4.5px),
    radial-gradient(circle at 85% 90%, transparent 0 2.5px, rgba(255,255,255,.26) 2.5px 4px, transparent 4px),
    radial-gradient(circle at 35% 95%, transparent 0 3.5px, rgba(255,255,255,.30) 3.5px 5.5px, transparent 5.5px),
    radial-gradient(circle at 10% 95%, transparent 0 2px, rgba(255,255,255,.22) 2px 3.5px, transparent 3.5px),
    radial-gradient(circle at 75% 92%, transparent 0 3px, rgba(255,255,255,.28) 3px 5px, transparent 5px);
  background-repeat: repeat;
  background-size: 120px 160px, 140px 200px, 160px 220px, 140px 200px, 120px 160px, 160px 220px;
  /* výchozí pozice: pod spodní hranou tlačítka */
  background-position: 0 120%, 40px 130%, 80px 140%, 20px 135%, 70px 125%, 110px 145%;
  transform: translateY(55%);
}

/* Aktivace efektu */
.btn-primary:not(.disabled):hover::after,
.btn-primary:focus-visible::after,
.btn-check:focus + .btn-primary::after,
.btn-primary:active::after,
.show > .btn-primary.dropdown-toggle::after {
  opacity: 1;
  animation: bubbles-rise 3.2s linear infinite;
}
@keyframes bubbles-rise {
  from { transform: translateY(55%); }
  to   { transform: translateY(-120%); }
}
@media (prefers-reduced-motion: reduce) {
  .btn-primary::after { animation: none !important; opacity: 0 !important; }
}
.btn-primary.no-bubbles::after,
.btn-primary.no-bubbles:hover::after,
.btn-primary.no-bubbles:focus-visible::after {
  animation: none !important;
  opacity: 0 !important;
}
















.myicon {
  display:inline-block;
  vertical-align:middle;
}

.icon-cart {
  background-color: currentColor;
  -webkit-mask: url('../cart.svg') no-repeat center / contain;
          mask: url('../cart.svg') no-repeat center / contain;
  width:28px; 
  height:20px;
  fill: #0e2c50;

}

.icon-user {
  background-color: currentColor;
  -webkit-mask: url('../user.svg') no-repeat center / contain;
          mask: url('../user.svg') no-repeat center / contain;
  width:19px; 
  height:22px;
  fill: red;
}




/*
 * HEADER
 */ 
#header {
	-webkit-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
	border-bottom: 2px solid #122e52;
}


#header .header-top a[data-depth="0"] {
	color: #122e52;
	text-transform: none;
}

#header .header-top a[data-depth="0"]:hover {
	color: #00a9eb;
	text-transform: none;
}
#header .logo {
	max-width: 120px;
}

#_desktop_user_info,
#_desktop_cart {
	width: max-content;
	float: right;
	margin-left: 2rem;
}

#_desktop_user_info,
#_desktop_cart,
#_desktop_user_info span,
#_desktop_cart span {
	color: #122e52;
	font-size: 14px;
}

#_desktop_cart span.kosikCelkem {
	font-size: 12px;
}

.user-info .icon-user {
	display: block;
	margin-left: 22px;
}
.header-top-right .myicon {
	margin: auto;
	margin-bottom: 5px;
}
.header-top-right .myicon.icon-cart {
	margin: 0 5px 7px 0; 
}
#_desktop_cart .ttc {
	text-align: center;
}

#_desktop_user_info a:hover,
#_desktop_user_info a:hover .myicon,
#_desktop_user_info a:hover span,
#_desktop_cart a:hover span {
	color: #00a9eb;
}




/* SEARCH */
@media (min-width: 767px) {
	#advanced-search-form {
		float: right;
		max-width: 210px;
	}
}

#advanced-search-form input {
	width: 100%;
	padding: 12px 20px 9px 40px;
	background-color: #F0F1F2;;
	border: 0;
	border-radius: 25px;
	color: #122e52;
}
input::placeholder, textarea::placeholder {
	color: #929292;
}
#advanced-search-form .tvadvancesearch-search-btn {
	left: 6px;
	top: 56%;
}
#advanced-search-form .tvadvancesearch-search-btn svg, #advanced-search-form .tvadvancesearch-search-close svg {
	fill: #929292;
}











/*
 * LEFT COLUMN
 */ 

#search_filters_wrapper {
  background: #e9f7ff;
  border-radius: 15px;
}
#search_filters > .h6.text-uppercase {
  font-size: 1.5rem;
  font-weight: normal;
  text-transform: none !important;
  font-family: 'Merlo';
}
#search_filters, #search_filters_brands, #search_filters_suppliers {
  padding: 1.563rem 1.25rem;
  margin-bottom: 1.563rem;
  background: transparent;
}
#search_filters .facet .facet-title {
  color: #122e52;
}
#search_filters .facet .facet-label a, #search_filters_brands .facet .facet-label a, #search_filters_suppliers .facet .facet-label a {
  display: inline-block;
  margin-top: 0.1rem;
  font-size: .75rem;
  color: #232323;
}


.block-categories {
  padding: 0;
  margin-bottom: 2rem;
}
.block-categories .h6 {
  display: none;
}
.block-categories .category-sub-menu li[data-depth="0"] > a {
  font-size: 1.25rem;
  font-weight: normal;
  padding-bottom: .1875rem;
  margin: 1rem 0 0;
  transition-timing-function: ease;
  transition: 0.5s;

}
.block-categories .category-sub-menu li[data-depth="0"] > a:hover,
.block-categories .category-sub-menu li[data-depth="0"] > a:focus {
  color: #00a9eb;
}

#prestablog_lastliste img,
.prestablogswip .swiper-creative .swiper-slide {
  border-radius: 15px;
}
#prestablog_lastliste img.lastlisteimg {
  margin-bottom: 0;
}

.swiper-slide .prestabloglastnewstitle {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  text-align:center;
  background-color: rgba(18, 46, 82, 0.75);
}

#blog_product_linked .prestablogswip .product_blog {
  border: 1px solid #102e52;
  border-radius: 15px;
}

#prestablogfront h1, #prestablogfront h2, #prestablogfront h3, #prestablogfront h4, #prestablogfront h5, #prestablogfront h6, #prestablogauthor h1, #prestablogauthor h2, #prestablogauthor .prestablogtitle {
  margin: 40px 0 0 0;
  color: #122e52;
}



#prestablogfont table td,
#prestablogfont table th {
  border: 2px solid #c0e8ff;
  padding: 10px;
  text-align: center;
}


#prestablogfont table th {
  background: #122e52;
  color: #fff;
}
#prestablogfont table .subth td {
  background: #e9f7ff;
  font-weight: bold;
  padding: 10px;

}
#prestablogfont table td {
  
  padding: 5px 10px;
}





/*
 * wrapper
 */ 

#wrapper {
  padding-top: 0;
  background: #fff;
}
.breadcrumbWrapper {
  background: #fff;
  padding: 10px 0;
/*
	background: linear-gradient(180deg, rgba(233, 247, 255, 1) 0%, rgba(233, 247, 255, 0) 100%);
*/

}

.breadcrumb {
	margin: 0;
	background-color: transparent;
}
#wrapper .breadcrumb li::after {
  margin: .3125rem;
  color: #7a7a7a;
  content: ">";
  font-weight: bold;
  font-stretch: 50%;
  font-family: merlo;
  font-size: 1rem;
}


#wrapper .breadcrumb li a{
  color: #122e52;
}
#wrapper .breadcrumb li a:hover,
#wrapper .breadcrumb li a:focus {
  color: #00a9eb;
}


#authentication #content-wrapper h1,
#password #content-wrapper h1,
#registration #content-wrapper h1,
#module-tvadvancesearch-searchresults #js-product-list-header {
  text-align: center;
  margin-top: 2rem;
}



.form-control:focus {
  color: #102e52;
  background-color: #fff;
  border-color: #102e52;
  outline: .1875rem solid #102e52;
}
.form-control {
  border-radius: 10px;
}
.send-renew-password-link,
#registration .register-form > p {
  text-align: center;
}
#send-reset-link {
  margin-left: 10px;
}





/*
 * SEARCH
 */ 

#search-results {
  border: 3px solid #e9f7ff;
  border-radius: 15px;
}

#search-results .product-miniature {
  margin-bottom: 40px;
  min-height: 0;
}
#search-results  .product-miniature .product-title a {
  font-size: 1rem;
}
.tvadvancesearch-search-wrapper .tvadvancesearch_category h2, .tvadvancesearch-search-wrapper .tvadvancesearch_supplier h2, .tvadvancesearch-search-wrapper .tvadvancesearch_manufacturers h2, .tvadvancesearch-search-wrapper .tvadvancesearch_products h2, .tvsearch_layout_1 .advance_search_suggestions h2, .tvsearch_layout_1 .tvadvancesearch_category h2, .tvsearch_layout_1 .tvadvancesearch_supplier h2, .tvsearch_layout_1 .tvadvancesearch_manufacturers h2, .tvsearch_layout_1 .tvadvancesearch_products h2, .list_layout .advance_search_suggestions h2, .list_layout .tvadvancesearch_category h2, .list_layout .tvadvancesearch_supplier h2, .list_layout .tvadvancesearch_manufacturers h2, .list_layout .tvadvancesearch_products h2, .list_layout_2 .advance_search_suggestions h2, .list_layout_2 .tvadvancesearch_category h2, .list_layout_2 .tvadvancesearch_supplier h2, .list_layout_2 .tvadvancesearch_manufacturers h2, .list_layout_2 .tvadvancesearch_products h2, .tvsearch_layout_2 .advance_search_suggestions h2, .tvsearch_layout_2 .tvadvancesearch_category h2, .tvsearch_layout_2 .tvadvancesearch_supplier h2, .tvsearch_layout_2 .tvadvancesearch_manufacturers h2, .tvsearch_layout_2 .tvadvancesearch_products h2 {
  color: #122e52;
  font-size: 17px;
  text-transform: none;
}

#search-results .more .btn-primary {
  width:100%;
  color: #fff !important;
}







/*
 * KATEGORIE
 */ 

#category .breadcrumbWrapper {
  display:none;
}
.block-category h1 {
	margin-top: 2rem;
}








/*
 * PRODUKT
 */ 

#product #content-wrapper {
  padding-top: 0.75rem;

}
p.product-subname {
  font-size: 1rem;
  font-weight: bold;
  color: #122e52;
}
.product-description p {
  text-align: left;
  font-size: 16px;
  line-height: 24px;
  margin: 20px 0 0 0;
  color: #122e52;
}
#product #content-wrapper h1 {
  margin-bottom: 0;
}
.priceBox {
  background: #e9f7ff;
  border-radius: 15px;
  padding: 25px 20px 1px 25px;
  margin-top: 1rem;
}

.popisBtn {
  display: block;
  margin-top: 0;
  color: #90d1f3;
  transition-timing-function: ease;
  transition: 0.5s;
}
.popisBtn:hover,
.popisBtn:focus {
  color: #122e52;
}
.popisBtn::after {
  margin: .3125rem;
  color: #90d1f3;
  content: ">";
  font-weight: bold;
  font-stretch: 50%;
  font-family: merlo;
  font-size: 1rem;
  display: inline-block;
  transition-timing-function: ease;
  transition: 0.5s;
}
.popisBtn:hover::after,
.popisBtn:focus::after {
  transform: rotate(90deg);
  margin-left: 3px;
  color: #122e52;
}

.product-description-extra {
  margin-top: 1.5rem;
}
.product-description-extra p {
  margin-bottom: 0.25rem;
}



.product-quantities,
.product-quantities label {
  color: #39b54a;
}
.product-discounts {
  margin-bottom: 10px;
}
.product-prices {
  margin-top: 0;
}
.product-prices .current-price {
	font-family: 'Merlo';
	font-size: 2.5rem;
	text-transform: none;
	color: #122e52;
}
.product-prices .current-price small {
	font-size: 1rem;
}
.product-prices div {
  margin-bottom: 0;
}
.product-quantities {
  margin-top: 10px;
}

.product-discount .discount {
  display: inline-block;
  padding: 0.25rem .625rem .25rem .625rem;
  margin-left: .625rem;
  font-size: 0.8rem;
  font-weight: normal;
  color: #fff;
  text-transform: none;
  background: #122e53;
  border-radius: 10px;
}

.product-quantity .qty {
  margin-right: 1rem;
}
.product-quantity #quantity_wanted,
.js-cart-line-product-quantity  {
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
  color: #122e52;
}
.product-quantity .input-group-btn-vertical .btn.bootstrap-touchspin-up,
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
  border-top-right-radius: 10px;
}
.product-quantity .input-group-btn-vertical .btn.bootstrap-touchspin-down,
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
  border-bottom-right-radius: 10px;
}


.product-information {
	background: linear-gradient(to bottom, #90d1f3 0, #90d1f3 4px, #fff 4px, #fff 100%);
	box-shadow: 0px 0px 30px #0000001A;
	opacity: 1;
	margin-bottom: 2rem;
	border-radius: 10px;
}
.product-information.safety {
	background: linear-gradient(to bottom, #f6938e 0, #f6938e 4px, #fff 4px, #fff 100%);
}

.product-additional-info .tabs {
  border-radius: 10px;
  margin-bottom: 20px
}


.product-information .tabs {
  background: transparent;
}
.tabs .nav-tabs .nav-link {
  padding: .75em 2em;
  color: #122e52;
  font-size: 1rem;
}
.tabs .nav-tabs {
  border-bottom: 0;
}
.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover {
  border-bottom: #122e52 3px solid;
}

.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover {
  padding: .75em 2em;
  color: #90d1f3;
  border-bottom: #90d1f3 3px solid;
}
.tabs .tab-pane {
  padding-top: .5rem;
}
#description p,
#description ul li,
#description ol li {
  font-size: 1rem;
  font-weight: 400;
  color: #122e52;
}
#description p,
#description ul,
#description ol {
  margin: 0 0 1rem 0;
}
#description h2 {
  font-size: 1.3125rem;
  color: #122e52;
  margin-top: .5rem;
}

.product-accessories  {
  margin-top: 2rem;
}
.product-accessories .h5 {
  font-size: 2rem;
  font-weight: 400;
  color: #122e52;
  text-transform: none !important;
}

.product-description-safety img {
  float: left;
  margin: 0 10px 10px 0;
}
.product-accessories .h5 {
  text-align: center;
  margin: 3rem 0 2rem 0;
}

#product #content {
  max-width: none;
}


.product-flags li.product-flag {
  padding: .15rem .75rem .2rem .7rem; 
  font-size: .9rem;
  font-weight: normal;
  text-transform: lowercase;
  background: #122e52;
  border-radius: 20px;
}
.product-miniature .product-flags li.product-flag {
  padding: .25rem .75rem 0rem .7rem;
}



.product-flags li.product-flag.out_of_stock {
  background: #da1a1a;

}

.product-container #content .bezChloru {
  display: block;
  width: 60px;
  height: 70px;
  position: absolute;
  z-index: 99;
  float: right;
  right: 0;
}

.brands-sort .dropdown-menu, .products-sort-order .dropdown-menu, .suppliers-sort .dropdown-menu {
  background: #e9f7ff;
}
.products-selection .sort-by-row .select-title {
  border-radius: 10px;
  border: 1px solid #122e52;
}
.block-category {
  min-height: 0;
  padding-left: 0;
}

.cms-id-22 .breadcrumbWrapper {
  display: none;
}



#product-modal .modal-content .modal-body {
  margin-left: -17%;
}
@media (max-width: 991px) {
  #product-modal .modal-content .modal-body {
    margin-left: 0;
  }
}
#product-modal .modal-content .modal-body figure {
  position: relative;
}
#product-modal button.close {
  position: absolute;
  top: 5px;
  right: 9px;
}


.productUsp a {
  display: block;
  color: #122e52;
  padding: 10px 0 10px 65px;
  transition-timing-function: ease;
  transition: 0.5s;
  
}

@media (max-width: 991px) {
  .productUsp a {
    display: inline-block;
    padding-left: 55px;
    font-size: .9rem;
    line-height: 1.1rem;
  }
  .product-description-extra p {
    margin-left: 9px;
  }
}















/*
 * vypis produktu
 */
.product-miniature .product-title a {
  font-family: 'Merlo';
  font-size: 1.25rem;
  text-transform: none;
  color: #122e52;
}

.product-miniature .subname {
  text-align: center;
  font-size: 0.85rem;
  line-height: 1.25rem;
  color: #7a7a7a;
  margin-top: 0;
}

.product-miniature .product-price-and-shipping {
  margin-top: 10px;
  font-family: 'Merlo';
  color: #122e52;
}
.product-miniature {
  margin-bottom: 40px;
  min-height: 400px;
}
.product-miniature:hover {
  background: #e9f7ff;
  border-radius: 15px;
}

.product-miniature .product-description,
.product-miniature .thumbnail-container {
  background: transparent;
}

.product-miniature #add-to-cart-or-refresh {
  margin-top: 1rem;
}
.product-miniature .btn-primary {
  text-transform: none;
  font-weight: normal;
  padding: .25rem .7rem;
  font-size: .9rem;
}

.product-miniature .btn-primary .material-icons {
  font-size: 18px;
  margin-right: .25rem;
}

.highlighted-informations.no-variants {
  background: transparent;
}

.product-miniature .thumbnail-container:focus .highlighted-informations.no-variants, .product-miniature .thumbnail-container:hover .highlighted-informations.no-variants {
  top: calc(100% - 4rem);
}

.product-miniature .thumbnail-container .product-thumbnail img {
  max-width: 90%;
}




.block-categories a {
  color: #122e52;
}
.block-categories {
  margin-top: 3rem;
}
.block-categories .category-sub-menu li {
  margin-bottom: 1rem;
}


.block-category .block-category-inner #category-description p {
	margin-bottom: .5rem !important;
}

.block-category .block-category-inner #category-description strong {
  font-weight: 600;
  color: inherit
}






.top-menu .sub-menu ul[data-depth="1"] > li {
  float: inherit;
  margin: 0 1.25rem;
}
.top-menu .sub-menu {
  width: max-content;
  min-width: max-content;
  margin-left: 200px;
  border-radius: 15px;
  border: 2px solid #122e52;
}
.top-menu .sub-menu img {
  max-width: 35px;
  margin-right: 10px;
}
.top-menu[data-depth="1"] {
  margin-bottom: 0;
}
.top-menu .sub-menu ul[data-depth="1"] > li {
  padding: .5rem;
  margin: 0;
}
.top-menu .sub-menu ul[data-depth="1"] > li a {
  font-size: 1.25rem;
  font-weight: normal;
}
.top-menu a.dropdown-submenu {
  text-transform: none;
  font-family: 'Merlo';
}








/*
 * HP
 */ 
.featured-swiper .swiper-slide [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.featured-swiper .swiper-slide { height: auto; display: flex; }
.featured-swiper .product { width: 100%; }
.featured-swiper { padding: 8px 0; }

.featured-products .products-section-title {
  font-family: 'Merlo';
  font-size: 3rem;
  text-transform: none;
  color: #122e52;
}
.featured-products .all-product-link {
	display: block;
	width: max-content;
	color: #fff;
	margin: 0 auto 2rem auto;
	text-transform: none;
}



.downloadPdf {
  display: block;
  background: #e9f7ff url('../pdf.svg') no-repeat left / contain;
  background-size: 60px;
  background-position: 10px 10px;
  border-radius: 15px;
  padding: 25px 30px 15px 80px;
  margin: 2rem auto;
  width: max-content;
  color: #122e52;
  min-height: 79px;
}

.slevyvelko {
	margin-top: 3rem;
	margin-bottom: 4rem;
}
.borderBox {
	border: 3px solid #07618d;
	border-radius: 15px;
	margin-bottom: 2rem;
	padding: 25px;
	text-align: left;
}
.borderBox ul li {
  color: #122e52;
  font-size: 1.15rem;
  line-height: 1.65rem;
}

.borderBox.slevy {
	background: url('../sleva.svg') no-repeat right -30px bottom -53px;
	background-size: 270px;	
}
.borderBox.velkoobchod {
	background: url('../velkoobchod.svg') no-repeat right 5px bottom -30px;
	background-size: 235px;

}
.borderBox.bublinky {
	background: url('../bublinky.svg') no-repeat right 5px bottom -30px;
	background-size: 235px;

}





#custom-text {
	padding: 3rem 0;
}
#custom-text h2 {
	font-family: 'Merlo';
	font-size: 2rem;
	text-transform: none;
	color: #122e52;
}
.btn.btn-secondary {
	background: #e9f7ff;
	color: #122e52;	
	text-transform: none;
	border-radius: 10px;
}






/*
 * BLOG
 */ 
.prestablogswip h2.title {
  font-family: 'Merlo';
  font-size: 3rem;
  text-transform: none;
  color: #122e52;
	text-align: center;
}

#blog_list_1-7 .block_cont, .prestablog .block_cont {
	border: 0;
	background: #e9f7ff;
	border-radius:15px;
}

#blog_list_1-7 .block_top {
	padding: 0;
	border-top-left:15px;
}
#blog_list_1-7 .block_top img {
	border-top-left-radius:15px;
	border-top-right-radius:15px;
}
#blog_list_1-7 h3, #blog_list_1-7 .h3title {
  color: #122e52;
  font-size: 20px;
  margin-top: 12px;
}
#blog_list_1-7 a {
  color: #122e52;
}
#blog_list_1-7 p {
  color: #122e52;
}
#blog_list_1-7 a.btn-primary {
  color: #fff;
  margin: 0 0 15px 20px;
  text-transform: lowercase;
  padding: 10px 20px;
}

/* detail blogu */
#prestablogfront, .prestablogExtra {
  padding: 0;
  background: transparent;
  border: 0;
  margin-bottom: 50px;

}
time.date.hide {
  display: none;
}

#prestablogfront h1 {
  text-align: left;
  display: block;
  margin: auto;
}

#prestablogfont {
  clear: both;
  padding: 50px 0;
}
img.news {
  margin: 0;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  float: inherit;
  display: block;
}
.headblog {
  background: #e9f7ff;
  border-radius: 15px;
  margin: 3rem 0 0 0;
}

.headblog .col-md-4 {
  padding-left: 0;
}

.headblog .col-md-8 {
    display: flex;
    align-items: center;
  }

.headblog {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
  height: max-content;
  min-height: 250px;
}
.headblog > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

#prestablogfont h2,
#prestablogfont h3 {
  font-family: 'Merlo';
  font-size: 2rem;
  text-transform: none;
  color: #122e52;
  margin: 2rem 0 1rem 0;
}

#prestablogfont h3 {
  background: #E9F7FF;
  background: linear-gradient(90deg, rgba(233, 247, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
  border-radius: 10px;
  padding: 7px 10px 5px 10px;
  font-size: 1.4rem;
}

#prestablogfont ul li {
  list-style: circle;
  font-size: 1rem;
  color: #122e52;
  line-height: 1.6rem;

}
#prestablogfont p {
  font-size: 1rem;
  color: #122e52;
  line-height: 1.6rem;
  margin: 0 0 10px;
}
.block_bas .prestablog_desc {
  min-height: 105px;
}










/*
 * CMS
 */ 

#cms #content-wrapper h1 {
  text-align: center;
  margin-top: 2rem;
}

#cms #content-wrapper p,
#cms #content-wrapper h2 {
  color: #122e52;
}



.bordered {
	margin-bottom: 2rem;
	padding: 25px 25px 5px 25px;
	text-align: left;
	margin-top: 3rem;


  background: linear-gradient(to bottom, #102e52 0, #102e52 4px, #fff 4px, #fff 100%);
  box-shadow: 0px 0px 30px #0000001A;
  opacity: 1;
  margin-bottom: 2rem;
  border-radius: 10px;
  margin-top: 3rem;

}






/*
 * HERO
 */ 

  /* ====== Banner wrapper ====== */
  .hero {
    min-height: 420px;
    grid-template-columns: 1.1fr 0.9fr;
    align-items: center;
    overflow: hidden;
    color: #fff;
    padding: clamp(20px, 5vw, 56px);
    background: radial-gradient(1200px 600px at 65% 10%, #0d9bd3 0%, rgba(13,155,211,0.12) 60%, transparent 70%),
                linear-gradient(180deg, #0d5f8b 0%, #0d5f8b 20%, #04547d 48%, #0d5f8b 75%, #0a3957 100%);
    padding-bottom: 30px;
  }

  /* ====== Left: copy ====== */
  .copy { max-width: 600px; z-index: 2; }
  .eyebrow { letter-spacing: .12em; text-transform: none; opacity:.85; font-weight:600; margin-bottom: 10px; font-size: clamp(12px, 1.2vw, 14px); }
  .headline { font-family: 'Merlo'; text-transform: none; line-height: 1.05; font-weight: 800; font-size: clamp(24px, 6vw, 72px); margin: 0 0 14px; margin-left: -5px; }
  .sub { color: #fff; font-size: clamp(14px, 1.5vw, 18px); opacity:.95; margin: 0 0 28px; max-width: 340px; }
  .cta { display:inline-flex; align-items:center; gap:10px; background:#0e7bb0; color:#fff; border:none; border-radius:999px; padding:14px 22px; font-size:16px; cursor:pointer; text-decoration:none; box-shadow: 0 10px 24px rgba(0,0,0,.25);
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
  .cta:hover { transform: translateY(-1px); box-shadow: 0 12px 28px rgba(0,0,0,.3); background:#1190cc; }

  /* ====== Right: products area ====== */
  .products { position: relative; height: 100%; min-height: 420px; z-index: 2; }
  .product-wrap { display:flex; align-items:flex-end; gap: 0; }
  .prod { width: clamp(80px, 10vw, 180px); height: auto; filter: drop-shadow(0 24px 40px rgba(0,0,0,.35)); }
  .prod.oxi { width: clamp(100px, 11vw, 200px); transform: translateY(6%); margin-right: -10%; z-index: 9; }

  /* ====== Animations on load ====== */
  .reveal-up   { opacity:0; transform: translateY(24px); animation: up 1.2s var(--delay,0s) cubic-bezier(.2,.8,.2,1) forwards; }
  .reveal-right{ opacity:0; transform: translateX(36px) scale(.98); animation: fromRight 1.2s var(--delay,0s) cubic-bezier(.2,.8,.2,1) forwards; }

  @keyframes up { to { opacity:1; transform: translateY(0); } }
  @keyframes fromRight { to { opacity:1; transform: translateX(0) scale(1); } }

  /* ====== Bubbles ====== */
  .bubbles { position:absolute; inset:0; overflow:hidden; pointer-events:none;  max-height: 650px; }
  .bubble {
    --size: 10px; --x: 50%; --rise: -120vh; --delay: 0s; --duration: 12s; --blur: 0px; --alpha: .35;
    position:absolute; left: var(--x); bottom: -40px; width:var(--size); height:var(--size);
    border-radius:50%; background: radial-gradient(circle at 35% 35%, rgba(255,255,255,.9) 0 35%, rgba(255,255,255,.2) 36% 100%);
    filter: blur(var(--blur)); opacity: var(--alpha);
    will-change: transform, opacity;
    animation: none;
  }
  @keyframes rise { to { transform: translate3d(0, var(--rise), 0); opacity: 0; } } } }

  /* Custom set of bubbles with varying sizes, positions and timing */
  .bubble:nth-child(1) { --x: 80%; --size: 22px; --duration: 12s; --delay: .0s; --blur: 0px;  }
  .bubble:nth-child(2) { --x: 76%; --size: 16px; --duration: 11s; --delay: 1.3s; --alpha:.28; }
  .bubble:nth-child(3) { --x: 71%; --size: 12px; --duration: 9s;  --delay: .7s;  --alpha:.25; }
  .bubble:nth-child(4) { --x: 66%; --size: 18px; --duration: 13s; --delay: .9s;  --alpha:.30; }
  .bubble:nth-child(5) { --x: 61%; --size: 14px; --duration: 10s; --delay: 1.8s; --alpha:.22; }
  .bubble:nth-child(6) { --x: 56%; --size: 20px; --duration: 12s; --delay: .4s;  --alpha:.34; }
  .bubble:nth-child(7) { --x: 51%; --size: 10px; --duration: 8s;  --delay: 1.1s; --alpha:.25; }
  .bubble:nth-child(8) { --x: 46%; --size: 24px; --duration: 14s; --delay: .2s;  --alpha:.38; }
  .bubble:nth-child(9) { --x: 41%; --size: 13px; --duration: 9.5s;--delay: .5s;  --alpha:.25; }
  .bubble:nth-child(10){ --x: 36%; --size: 19px; --duration: 12.5s;--delay: 1.9s; --alpha:.33; }
  .bubble:nth-child(11){ --x: 31%; --size: 15px; --duration: 9.2s;--delay: .8s;  --alpha:.28; }
  .bubble:nth-child(12){ --x: 26%; --size: 21px; --duration: 13.5s;--delay: .1s;  --alpha:.36; }

  /* ====== Accessibility: Respect reduced motion ====== */
  @media (prefers-reduced-motion: reduce) {
    .reveal-up, .reveal-right { animation: none; opacity: 1; transform: none; }
    /* bublinky necháváme běžet i při reduced motion */
  }
  }
    .bubble { animation: none; opacity:.2; }
  }

  /* ====== Responsivita ====== */
  @media (max-width: 900px) {
    .hero { grid-template-columns: 1fr; min-height: 640px; }
    .products { min-height: 340px; }
    .product-wrap { position: relative; justify-content: center; right: 0; }
    .copy { text-align: left; }
  }
.hero.ready .bubbles .bubble { animation: rise calc(var(--duration) * 2) linear var(--delay) infinite both !important; }

#cms .headline {
  font-size: clamp(18px, 4vw, 50px);
}

#cms .sub {
  font-size: clamp(16px, 1.5vw, 30px);
  max-width: 488px;
  line-height: 2rem;
  margin-top: 3rem;
}




/*
 * CHECKOUT
 */ 

body#checkout section.checkout-step .content {
  padding-top: 0;
}
body#checkout section.checkout-step .step-title {
  border-bottom: 0;
}
body#checkout section.checkout-step.-reachable.-current .step-number {
  background-color: #122e52;
}
.input-group .input-group-btn > .btn[data-action="show-password"] {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

body#checkout section.checkout-step .delivery-options .delivery-option {
  background: #e9f7ff;
  border-radius: 10px;
}
body#checkout section.checkout-step .delivery-options .delivery-option label .carrier:not(.carrier-hasLogo) > .col-xs-12 {
  padding-left: 0;
}


body#checkout .cart-grid-right #js-checkout-summary.card {
  border: 3px solid #07618d;
  border-radius: 15px;
}



/*
 * FOOTER
 */ 
#footer {
	background: #102C50;
	background: linear-gradient(180deg, rgba(16, 44, 80, 1) 0%, rgba(0, 135, 186, 1) 100%);
	padding-top: 0;
}
.footer-container {
	padding-top: 2rem;
}
.footer-container .h3,
.footer-container .h4 {
	font-family: 'Merlo';
	margin-bottom: 0;
	font-size: 20px;
	text-transform: none;
	color: #fff;
}
#footer .links li {
	margin: 0 25px 0 0;
}
.footer-container li a {
	font-size: 16px;
	color: #fff;
	transition-timing-function: ease;
	transition: 0.5s;

}
.footer-container li a:hover {
	color: #1b98c8;
}

.footerBottom {
	margin: 2rem 0 10px 0;
}
.footerBottom > div.left {
	text-align: left;
	color: #90d1f3;
	font-size: 14px;
	padding: 10px 0;
}
.footerBottom > div.right {
	max-width: max-content;
	background: #fff;
	border-radius: 15px;
	float: right;
	margin-right: 0;
	text-align: left;
	padding: 10px 10px 10px 15px;
}

.footerBottom a {
	color: #90d1f3;	
	transition-timing-function: ease;
	transition: 0.5s;

}
.footerBottom a:hover {
	color: #fff;
}
.footerBottom > div.right img {
  margin-right: 5px;
  height: 20px;
}


#footer .links ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}



#usp {
	background: #102e52;
	border-bottom: 1px solid #07618d;
	color: #fff;
	padding: 10px 0;
}
#usp a {
	display: block;
	color: #fff;
	padding: 10px 0 10px 80px;
	transition-timing-function: ease;
	transition: 0.5s;
}
#usp a:hover,
#usp a:focus {
	color: #78c3e8;

}
.bezChloru {
	background: url('../bez-chloru.png') no-repeat;
	background-position: 10px 5px;
	background-size: 40px;
}

.dopravaZdarma {
	background: url('../doprava.svg') no-repeat left / contain;
}

.vseSkladem {
	background: url('../skladem.svg') no-repeat left / contain;
}

.slevaReg {
	background: url('../sleva2.svg') no-repeat left / contain;
}






















@media (max-width: 992px) {


	#usp a {
	  padding-left: 50px;
	  font-size: .85rem;
	  background-size: 50px;
	}
	#usp a.bezChloru {
	  background-size: 30px;
 	  background-position: 10px 15px;
	}
	#usp .col-xs-6 {
	  padding: 0;s
	}



}

@media (max-width: 767.98px) {

	#header .header-top {
	  padding: .75rem 0;
	}
	#header {
	  position: sticky;
	  top: 0;
	  z-index: 100;
	  border: 0;
	  transition: transform 0.2s ease, opacity 0.2s ease;
	}
	.header-top {
	  transition: transform 0.2s ease, opacity 0.2s ease;
	  border-bottom: 2px solid #122e52;
	}
	#header.schovej .header-top {
	  transform: translateY(-100%);
	  opacity: 0;
	  pointer-events: none;
	}
	#header.schovej {
	  max-height:50px;
	  margin-bottom: 50px;
	}

	#header .header-nav {
	  max-height: 50px;
	  border-bottom: 0;
	  box-shadow: 0 5px 10px rgba(0,0,0,0.07);
	}
	#header .top-logo {
	  padding-left: 12px;
	}
	#header .header-nav .blockcart,
	#header .header-nav .cart-preview.active {
	  background: transparent;
	}
	.blockcart .icon-cart {
	  background-color: #122e52;
	}
	.blockcart .kosikCelkem {
	  display:none;
	}
	#header .header-nav #menu-icon .material-icons {
	  color:  #122e52;
	}

	.top-menu .sub-menu {
	  margin-left: 0;
	  border-radius: 15px;
	  border: 0;
	}
	.top-menu .sub-menu ul[data-depth="1"] > li a {
	  font-size: 1rem;
	}
	.top-menu .sub-menu img {
	  max-width: 25px;
	  margin-right: 5px;
	}
	.top-menu .sub-menu ul[data-depth="1"] > li {
	  padding: 0;
	}
	
	#mobile_top_menu_wrapper .top-menu .collapse, #mobile_top_menu_wrapper .top-menu .sub-menu.collapse {
	  display: block;
	}
	
	.top-menu .sub-menu, .top-menu .sub-menu.collapse {
	  visibility: visible;
	  opacity: 1;
	}
	#header .header-nav .user-info .account {
	  margin: 0;
	}

	.hero,
	.hero .products {
	  min-height: 220px;
	}
	.hero .col-xs-5,
	.hero .col-xs-7 {
		padding: 0 !important;
	}
	#cms img.reveal-up {
	  display:none;
	}


	.product-miniature {
	  margin-bottom: 20px;
	  min-height: 300px;
	}

	#prestablog_lastliste {
	  padding: 0 15px;
	}
	#content-wrapper h1 {
	  font-size: 2rem;
	}
	.prestablogswip h2.title {
	  margin-top: 3.5rem;
	  font-size: 2rem;
	}
	.featured-products .products-section-title {
	  margin-top: 1.5rem;
	  font-size: 2rem;
	}

#left-column .block-categories {
    margin: -50px -15px 0 -15px;
  background: #e9f7ff;
  padding: 1px 15px;


}
.block-categories .category-sub-menu {
 list-style-type: circle;
  margin-left: 12px;
  margin-bottom: 0;
}
.block-categories .category-sub-menu li {
  margin-bottom: 5px;
}
.block-categories .category-sub-menu li[data-depth="0"] > a {
  font-size: 1rem;
  margin: 0;
}



	.slevyvelko {
	  margin-bottom: 2rem;
	}
	.featured-products .products {
	  min-height: 290px;
	}
	.featured-products  .product-miniature {
	    margin-bottom: 0;
	    min-height: 200px;
	}
	.featured-products .product-miniature .thumbnail-container {
	  margin-bottom: 0;
	}
	#custom-text {
	  padding: 0rem 0;
	}



	.downloadPdf {
	  max-width: 70vw;
	  background-size: 30px;
	  padding: 10px 30px 10px 50px;
	  text-align: left;
	  margin: 0 0 1rem 0;
	  min-height: 49px;
	}





	.footer-container .links ul {
	  background-color: transparent;
	}
	.footer-container .links .nadpisy {
  	  display: none;
	}

	.footer-container .links ul > li {
	  padding: .25rem .8rem .25rem .25rem;
	  font-weight: inherit;
	  border-bottom: 0;
	}
	#footer .links li {
	  margin: 0 0 0 0;
	}
	.footer-container .links ul > li a {
	  color: #fff;
	  font-size: .85rem;
	}
	.footer-container .links ul > li a:hover,
	.footer-container .links ul > li a:focus {
	 color: #1b98c8;
	}

	.footerBottom {
	  margin: 1rem 0 10px 0;
	}
	.footerBottom > div.left {
	  text-align: left;
	}
	.footerBottom > div.right {
	  float: left;
	}


  .rightInfo {
    width: 95vw;
    display: block;
    position: relative;
    left: -50vw;
    margin: 90px 0 0 0;
    margin-top: calc(20vw);
    top: 0;
    padding: 0;
    float: left;
    clear: both;
  }





}


@media (max-width: 500px) {


	.cta.reveal-up {
	  position: relative;
	  width: 80vw;
	  margin-top: 20px;
	}

	#product #content-wrapper h1 {
	  font-size: 1.5rem;
	  margin-bottom: 1rem;
	}
	p.product-subname,
	.popisBtn {
	  font-size: .8rem;
	}

	.product-description p {
	  font-size: .9rem;
	  line-height: 21px;
	  margin: 0 0 10px 0;
	}
	.product-actions .add-to-cart {
	  font-size: 13px;
	}
	.product-description-extra p {
	  font-size: .8rem;
	  line-height: 15px;
	}
	.product-information .tabs {
	  padding: .75rem 1rem;
	}
	#description p {
	  font-size: .9rem;
	  line-height: 21px;
	}
	.breadcrumb ol li {
	  font-size: .85rem;
	}

.page-authentication #content, .page-registration #content {
  padding-top: 0;
}
.form-footer {
  text-align: center;
}

.form-control-label {
  padding-top: 0;
}




}

@media (min-width: 768px) and (max-width: 992px) {
	#advanced-search-form {
	  float: left;
	  clear: both;
	  margin-left: 23px;
	}
	#header .header-top {
	  padding-bottom: .5rem;
	}


}

@media (max-width: 400px) {
	.rightInfo {
  	  margin-top: calc(10vw);
	}
}