/*header*/
.top-navigation-bar {
  background-color: rgba(44, 162, 198, 0.1);
}
body.msg-active .top-navigation-bar .msg-part {
  max-width: 100%;
  width: 100%;
  text-align: center;
  padding: 6px;
  background-color: #2CA2C6;
  color: #fff;
}
.top-navigation-bar .nav-part {
  width: 100%;
}
body.msg-active .top-navigation-bar .msg-part .text {
  color: #fff;
  display: block;
  width: 100%;
  text-align: center;
  text-transform: none;
  padding-right: 0 !important;
}
.top-navigation-bar .msg-part .close {
  display: none;
}
.top-navigation-bar .nav-part .top-navigation-menu > ul li a {
  font-weight: 700;
  color: #0F7EA0;
  font-size: 13px;
}
.top-navigation-bar .nav-part .top-navigation-menu > ul li a:hover {
  color: #8880B4;
}
.top-navigation-bar .nav-part .top-navigation-menu > ul li:before {
  display: none;
}
.top-navigation-bar .nav-part .top-navigation-menu-trigger {
  bottom: 7px;
}
.top-navigation-bar .nav-part .top-navigation-menu-trigger::before {
  margin-right: 24px;
  font-weight: 700;
  color: #0f7ea0;
}
#header {
  border-bottom: 1px solid rgba(44, 162, 198, 0.2);
  -webkit-box-shadow: none;
  box-shadow: none;
}
#header .top-navigation-contacts .project-email:before {
  content: "";
  background: url("/user/documents/upload/header-mail.png") no-repeat center;
}
#header .top-navigation-contacts .project-phone {
  color: #707070;
  font-weight: 700;
}
#header .top-navigation-contacts .project-phone:hover {
  color: #B0ABCB;
}
#header .top-navigation-contacts .project-phone::before {
  content: "";
  background: url("/user/documents/upload/header-phone.png") no-repeat center;
}
#header .site-name a > img {
  -webkit-transition: all 0.25s linear 0s;
  transition: all 0.25s linear 0s;
}
#header .site-name a > img:hover {
  opacity: 0.7;
}
#header .search .search-form {
  border: 1px solid #DCD9E8;
  border-radius: 25px;
  padding: 5px 0;
}
#header .search .search-form:focus {
  border: 1px solid #2CA2C6;
}
#header .search fieldset input {
  border: none;
  max-width: 366px;
  margin-left: 15px;
  font-family: 'Exo 2', sans-serif;
}
#header .search fieldset input::-webkit-input-placeholder {
  color: #8880B4;
  opacity: 0.5;
}
#header .search fieldset input::-moz-placeholder {
  color: #8880B4;
  opacity: 0.5;
}
#header .search fieldset input:-ms-input-placeholder {
  color: #8880B4;
  opacity: 0.5;
}
#header .search fieldset input::-ms-input-placeholder {
  color: #8880B4;
  opacity: 0.5;
}
#header .search fieldset input::placeholder {
  color: #8880B4;
  opacity: 0.5;
}
#header .search fieldset button {
  border-radius: 50px;
  background-color: #2CA2C6;
  font-family: 'Exo 2', sans-serif;
}
#header .search fieldset button:hover {
  background-color: #8880B4;
}
#header .search-whisperer {
  top: 55px;
}
#header .top-nav-button span,
#header .navigation-buttons .sr-only {
  color: #707070;
  font-weight: 700;
  letter-spacing: 0;
}
#header .header-top .top-nav-button-login:before {
  background-color: #fff;
  background-image: url("/user/documents/upload/header-user.png");
  border: 1px solid #DCD9E8;
}
#header .navigation-buttons .btn:before {
  background-image: url("/user/documents/upload/header-basket.png");
}
#header .navigation-buttons .btn .cart-price {
  font-size: 11px;
  letter-spacing: 0;
}
.submenu-arrow::after {
  top: -3px;
  position: relative;
}
.breadcrumbs-wrapper .breadcrumbs > span > a,
.breadcrumbs-wrapper .breadcrumbs > span > span {
  color: #0F7EA0;
}
.menu-level-1 .menu-item-989.ext {
  background: url("/user/documents/upload/darek.jpg") no-repeat 3px 19px;
  background-size: 15px auto;
}
/*end header*/
/*hp*/
.btn {
  font-family: 'Exo 2', sans-serif;
}
.extended-banner-texts {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding-right: 53%;
}
.extended-banner-texts > span {
  display: block;
}
.extended-banner-texts .extended-banner-title {
  font-weight: 700;
  font-size: 60px;
  line-height: 1.2;
  color: #222222;
  margin-bottom: 50px;
  position: relative;
}
.extended-banner-texts .extended-banner-title::before {
  content: "";
  display: block;
  width: 200px;
  height: 5px;
  background-color: #2CA2C6;
  position: absolute;
  bottom: -1.5rem;
}
.extended-banner-texts .extended-banner-text {
  margin-bottom: 25px;
}
.extended-banner-texts .extended-banner-link {
  display: inline-block;
  color: #2CA2C6;
  border: 2px solid #2CA2C6;
  border-radius: 50px;
  padding: 10px 30px;
}
.extended-banner-texts .extended-banner-link:hover {
  color: #8880B4;
  background-color: #8880B4;
  border: 2px solid #8880B4;
  color: #fff;
}
#carousel .item > a {
  -webkit-transition: all 0.25s linear 0s;
  transition: all 0.25s linear 0s;
}
#carousel .item > a:hover {
  color: #222222;
  opacity: 0.85;
}
h4.homepage-group-title,
.h4.homepage-group-title {
  text-transform: none;
  font-size: 35px;
  font-weight: 700;
  letter-spacing: 0;
}
.products-block.products .product .image {
  border: 1px solid #DCD9E8;
  border-radius: 5px;
  padding: 10px;
}
.flags .flag {
  float: right;
  clear: right;
  right: 1em;
  font-size: 8px;
  font-weight: 700;
  border-radius: 12px;
  max-width: 12em;
  padding: 7px 10px;
}
.flags .flag.flag-new {
  background-color: #C2D5A8;
}
.flags .flag.flag-custom2 {
  background-color: #f2959a !important;
  color: #fff;
}
.flags.flags-extra .flag.flag-freeshipping > span {
  display: none;
}
.flags.flags-extra .flag.flag-freeshipping {
  background: url("/user/documents/upload/doprava-zdarma-detail.jpg") no-repeat -2px 1px #f7f7f7 !important;
  background-size: contain !important;
  border-radius: 50px;
}
.stars span.star::before {
  color: #2CA2C6 !important;
}
.products-block.products .product .p .name {
  font-size: 15px;
  font-weight: 700;
  min-height: 4em;
}
.products-block.products .product button,
.products-block.products .product .btn {
  background-color: #fff;
  border: 2px solid #2CA2C6;
  color: #2CA2C6 !important;
  border-radius: 20px;
  font-weight: 400;
}
html[lang='sk'] .products-block.products .product button, .products-block.products .product .btn {
  width: 150px !important;
  text-align: center;
}
.products-block.products .product button:hover,
.products-block.products .product .btn:hover {
  background-color: #0D84A8;
  border: 2px solid #0D84A8;
  color: #fff !important;
}
.products-block.products .product .prices .price-final strong {
  color: #2CA2C6;
  font-size: 18px;
}
.homepage-box.welcome-wrapper {
  background-color: #fff;
  text-align: left;
  padding: 100px 15px 100px 65%;
  background-image: url("/user/documents/upload/hp-text.png");
  background-repeat: no-repeat;
  background-position: left center;
  margin-bottom: 4em;
}
.homepage-box.welcome-wrapper *,
.homepage-box.welcome-wrapper h1,
.homepage-box.welcome-wrapper p {
  max-width: 100%;
}
.homepage-box.welcome-wrapper h1 {
  text-align: left;
}
.homepage-box.welcome-wrapper h1::after {
  left: 0;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.instagram-line h4,
.instagram-line .instagram-follow-btn {
  display: none;
}
.instagram-widget.columns-4 {
  max-width: 100%;
}
.instagram-widget.columns-4 > a {
  max-height: 210px;
  overflow: hidden;
  padding: 0;
  width: calc(100% / 6);
}
.instagram-widget.columns-4 > a:nth-of-type(7),
.instagram-widget.columns-4 > a:nth-of-type(8) {
  display: none;
}
.id-1 div.newsletter {
  background: linear-gradient(45deg, #B0ABCB, #BAD5F0);
  padding: 2em 4em;
  position: relative;
  border-radius: 5px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 4em 0 6em;
}
.id-1 div.newsletter::before {
  content: "";
  display: block;
  width: 215px;
  height: 231px;
  position: absolute;
  right: 3em;
  bottom: 0;
  background: url("/user/documents/upload/stetce.png") no-repeat center;
  z-index: 0;
}
.id-1 div.newsletter .newsletter-header {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  position: relative;
  z-index: 1;
}
.id-1 div.newsletter h4 {
  font-size: 43px;
  font-weight: 700;
  color: #fff;
  text-transform: none;
  max-width: 10em;
  margin-bottom: 0;
  padding: 0;
}
.id-1 div.newsletter h4::after {
  display: none;
}
.id-1 div.newsletter form .validator-msg-holder input {
  height: 64px;
  margin-bottom: 0;
  color: #222222;
  width: 100%;
  padding: 0 160px 0 20px;
  font-size: 1.05em;
  font-weight: 500;
  letter-spacing: 0.2px;
  border-radius: 32px;
  border: none;
}
.id-1 div.newsletter button {
  height: 50px;
  border-radius: 21px;
  width: 150px;
  margin: 0;
  color: #fff;
  padding: 0;
  display: inline-block;
  border: none;
  position: absolute;
  font-size: 1.1em;
  letter-spacing: 0.5px;
  top: 0.75em;
  right: 0.7em;
  float: right;
}
.id-1 div.newsletter form fieldset > div:last-of-type {
  bottom: -20px;
  padding-left: 1em;
}
.id-1 div.newsletter .subscribe-form {
  border-radius: 25px;
  padding: 0;
  position: relative;
  z-index: 1;
  width: calc(100% - 40em);
  top: 18px;
}
.id-1 div.newsletter .subscribe-form .sr-only {
  display: inline-block;
}
.id-1 div.newsletter label.whole-width,
.id-1 div.newsletter label.whole-width a {
  color: #fff;
}
/*footer*/
#footer {
  background-color: #2CA2C6;
}
#footer * {
  color: #fff;
}
#footer .validator-msg {
  color: #222222;
}
#footer p,
#footer a {
  font-size: 13px;
}
#footer a {
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}
#footer .container.footer-bottom {
  max-width: 1440px;
  border-top: 1px solid #fff;
}
#footer .container.footer-bottom #signature {
  display: none !important;
}
#footer .custom-footer h4::before {
  height: 2px;
  background-color: #fff;
}
#footer .custom-footer > div:nth-child(3) {
  width: 30%;
}
#footer .custom-footer > div:nth-child(4) {
  width: 20%;
}
#footer .custom-footer > div:nth-child(2) h4,
#footer .custom-footer > div:nth-child(3) h4,
#footer .custom-footer > div:nth-child(4) h4 {
  margin-bottom: 75px;
}
#footer .custom-footer a[href^="tel:"],
#footer .custom-footer a[href^="mailto:"],
#footer .custom-footer a.footer-fb,
#footer .custom-footer a.footer-ig {
  position: relative;
  padding-left: 2.7em;
}
#footer .custom-footer a[href^="tel:"]::before,
#footer .custom-footer a[href^="mailto:"]::before,
#footer .custom-footer a.footer-fb::before,
#footer .custom-footer a.footer-ig::before {
  content: "";
  display: block;
  width: 21px;
  height: 22px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
}
#footer .custom-footer a[href^="tel:"]::before {
  background: url("/user/documents/upload/footer-phone.png") no-repeat center top;
}
#footer .custom-footer a[href^="mailto:"]::before {
  background: url("/user/documents/upload/footer-email.png") no-repeat center top;
}
#footer .custom-footer a.footer-fb::before {
  background: url("/user/documents/upload/facebook-square.png") no-repeat center top;
  background-size: contain;
}
#footer .custom-footer a.footer-ig::before {
  background: url("/user/documents/upload/instagram.png") no-repeat center top;
  background-size: contain;
}
#footer .custom-footer .search-form {
  border: 1px solid #dcd9e8;
  border-radius: 25px;
  padding: 5px 3px;
  background-color: #fff;
  max-width: 23em;
}
#footer .custom-footer .search-form .form-control {
  border-radius: 21px;
  height: 40px;
}
#footer .custom-footer .search-form .form-control.focus-visible {
  outline: 2px solid transparent;
}
#footer .custom-footer .search-form fieldset {
  padding: 0;
}
#footer .custom-footer .search-form input {
  width: calc(100% - 115px);
  float: left;
  border: none;
  margin-bottom: 0;
  color: #222222;
  background-color: #fff;
  padding-left: 2em;
}
#footer .custom-footer .search-form .btn {
  border-radius: 50px;
  background-color: #2CA2C6;
  font-size: 13px;
  font-weight: 300;
  padding: 10px 35px;
}
#footer .custom-footer .search-form .btn:hover {
  background-color: #8880B4;
}
#footer .custom-footer div.newsletter {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 45px 40px 45px 0 !important;
}
#footer .custom-footer div.newsletter h4 {
  font-size: 30px;
  font-weight: 700;
}
#footer .custom-footer div.newsletter form .validator-msg-holder input {
  height: 40px;
  margin-bottom: 0;
  color: #222222;
}
#footer .custom-footer div.newsletter button {
  height: 40px;
  border-radius: 21px;
}
#footer .custom-footer div.newsletter form fieldset > div:last-of-type {
  bottom: -20px;
}
#footer .custom-footer div.newsletter .subscribe-form {
  border: 1px solid #dcd9e8;
  border-radius: 25px;
  padding: 5px 10px;
  background-color: #fff;
}
#footer .cart-overview .btn {
  border: none;
  -webkit-box-pack: left;
  -moz-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  padding: 0;
}
/*end footer*/
/*Katalog produktů*/
.sidebar-inner > div h4 {
  color: #8880B4;
  font-size: 18px;
  font-weight: 700;
  text-transform: none;
}
.sidebar #categories {
  border: none !important;
  padding: 0;
}
.sidebar #categories .topic {
  padding: 0 15px 0 0;
}
.sidebar #categories .topic.active > a {
  color: #000000;
  font-weight: 700;
}
.sidebar #categories ul.expanded {
  margin: 5px 15px 0 0;
}
.sidebar #filters {
  padding: 0;
  border: none !important;
}
.sidebar .box-onlinePayments p {
  padding: 10px 0;
  margin: 0;
  border: none !important;
}
.category-header input[type="radio"]:checked + label {
  background-color: #8880B4;
}
span.load-products.btn.btn-default.unveil-button {
  background-color: #fff;
  border: 2px solid #2ca2c6;
  color: #2ca2c6 !important;
  border-radius: 20px;
  font-weight: 400;
}
span.load-products.btn.btn-default.unveil-button:hover {
  background-color: #0d84a8;
  border: 2px solid #0d84a8;
  color: #fff !important;
}
.p-detail .p-image,
.product-top .p-thumbnails-wrapper .p-thumbnails-inner a img {
  position: relative;
  border: 1px solid #DCD9E8;
  border-radius: 5px;
}
.product-top .p-thumbnails-wrapper .p-thumbnails-inner a img {
  padding: 5px;
}
.product-top h1 {
  float: none;
}
.p-detail .p-code {
  display: block;
  float: none;
}
.p-short-description + p > a,
.p-info-wrapper > p > a {
  color: #2CA2C6;
  font-size: 14px;
  font-weight: 700;
}
.product-top .detail-parameters td select {
  border: 1px solid #DCD9E8;
  border-radius: 21px;
}
.product-top .price-line .price-final {
  color: #2CA2C6;
}
.product-top .price-line .price-final .pr-list-unit {
  font-size: 22px;
  color: #2CA2C6;
  top: 0;
}
.product-top .quantity {
  border-radius: 29px 0 0 29px !important;
}
.p-detail .social-buttons-wrapper .link-icon.watchdog,
.product-top .price-line .price-additional {
  display: none;
}
.shp-tabs-holder ul.shp-tabs li.active a {
  background-color: #2CA2C6;
}
.shp-tabs-holder ul.shp-tabs li a {
  text-transform: uppercase;
}
.type-detail .description-inner {
  padding: 0;
}
.p-detail .basic-description ul {
  list-style: none !important;
  padding-left: 0;
}
.p-detail .basic-description ul > li {
  margin-bottom: 0.5em;
  font-size: 1em;
  position: relative;
  padding-left: 1.5em;
}
.p-detail .basic-description ul > li::before {
  content: '';
  width: 10px;
  height: 10px;
  background-color: #2CA2C6;
  position: absolute;
  top: 5px;
  left: 0;
  text-indent: 0;
  border-radius: 50px;
  display: inline-block;
  text-rendering: auto;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.p-detail .basic-description ul > ul {
  padding-left: 2em;
}
.type-detail .detail-parameters tr td {
  padding: 10px;
}
.search-results {
  margin-bottom: 2em;
}
.cart-content .next-step {
  flex-flow: column;
}
.cart-content .next-step .next-step-back {
  text-align: center;
  margin-bottom: 0;
  border: 2px solid #8880B4;
  color: #fff !important;
  background-color: #8880B4 !important;
  border-radius: 4px;
  padding: 0.5em;
  text-decoration: none;
}
#checkoutSidebar .next-step .next-step-back {
  text-align: center;
  margin-bottom: 10px;
  border: 2px solid #8880B4;
  color: #fff !important;
  background-color: #8880B4 !important;
  border-radius: 4px;
  padding: 0.5em;
  text-decoration: none;
}
.cart-content .next-step .next-step-back:hover,
#checkoutSidebar .next-step .next-step-back:hover {
  background-color: #2CA2C6 !important;
  border: 2px solid #2CA2C6;
}
.cart-content .next-step .next-step-back,
.id-989 h1.category-title {
  padding-left: 35px;
}
.id-989 h1.category-title::before {
  content: "";
  position: absolute;
  left: 0;
  width: 28px;
  height: 22px;
  background: url("/user/documents/upload/darek.jpg") no-repeat center top;
  background-size: contain;
}
/*end katalog produktů*/

/*hlídací pes detail produktu*/
.p-detail .sold-watchdog .social-buttons-wrapper,
.p-detail .sold-watchdog .product-top .social-buttons-wrapper > .watchdog-active .watchdog {
    display: flex;
    outline: none;
}
body.disabled-add-to-cart .p-detail .social-buttons-wrapper,
body.disabled-add-to-cart .p-detail .social-buttons-wrapper .link-icon.watchdog {
    display: block;
}
body.disabled-add-to-cart .p-detail .social-buttons-wrapper a:not(.watchdog),
.p-detail .sold-watchdog .product-top .social-buttons-wrapper > div > a,
.product-top .price-line .price-additional {
    display: none;
}
.product-top .social-buttons-wrapper .link-icon.watchdog {
    background-color: #f7f7F7;
    padding: 10px;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,0);
    margin-right: 0; 
    transition: all 0.25s linear Os;
}
.product-top .social-buttons-wrapper .link-icon.watchdog:hover {
    box-shadow: 0 3px 10px 0 rgba(0,0,0,0.1);
}
.product-top .social-buttons-wrapper .link-icon.watchdog:before {
    content: "";
    width: 40px;
    height: 40px;
    background: url("/user/documents/upload/watchdog.jpg") no-repeat center top;
    background-size: contain;
    outline: 1px dashed transparent;
    margin: 0 auto 5px;
    display: block;
}
/*hlídací pes detail produktu*/

.cart-content .extra.delivery::before {
  background: url("/user/documents/upload/auto.png") no-repeat center;
  background-size: contain;
}
.cart-content .next-step .btn {
  font-size: 1.1em;
}
.cart-content .next-step .btn.next-step-back:before {
  display: none;
}
.cart-content .next-step .btn.next-step-back {
  margin-right: 0;
  margin-bottom: 10px;
  width: 100%;
  display: block;
}
.cart-content .next-step .btn.next-step-back,
.cart-content .next-step .btn.next-step-back span {
  color: #fff !important;
}
.cart-content .next-step .btn.next-step-back:hover {
  text-decoration: none !important;
  background: #2CA2C6 !important;
  color: #fff !important;
}
.content-wrapper .text a {
  color: #2CA2C6;
  text-decoration: underline;
}
.content-wrapper .text a:hover {
  text-decoration: none;
}
.popup-widget.cart-widget .cart-widget-product {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
}
.popup-widget.cart-widget .cart-widget-product-image {
    width: 50px;
    min-width: 50px;
    flex: 0 0 50px;
    text-align: center;
}
.cart-widget-product-name {
    flex: 1 1 auto;
    min-width: 0;
    padding-right: 10px;
}
.cart-widget-product-delete {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: auto;
    margin-left: auto;
    flex: 0 0 auto;
}
.popup-widget.cart-widget .remove-item::before {
    content: '\e912';
    color: #B0ABCB;
}
.popup-widget.cart-widget .remove-item::before:hover {
    color: #2CA2C6;
}

/*Přihlášení uživatelé*/
body.in-klient tbody td span.client-table-heading,
body.in-objednavky tbody td span.client-table-heading,
body.in-objednavky .planetwe-wrapper-outer,
body.in-klient-doklady tbody td span.client-table-heading {
  display: none;
}
.in-klient-doklady #content table {
  max-width: 100%;
  border-radius: 5px;
  overflow: hidden;
  border-collapse: inherit;
  text-align: left;
  border-spacing: 0;
}
.in-klient-doklady #content table thead {
  background-color: #B0ABCB;
  color: #fff;
}
.in-klient-doklady #content table tr th,
.in-klient-doklady #content table tr td {
    padding: 11px 20px;
}

/*cookies*/
.siteCookies {
  border-radius: 5px;
  font-size: 14px;
  line-height: 1.5;
  background: #fff;
  box-shadow: 0 0 30px rgb(27 25 57 / 30%);
}
.siteCookies .siteCookies__form {
  display: block;
}
.siteCookies .siteCookies__form .siteCookies__content {
  padding: 15px;
  width: 100%;
}
.siteCookies .siteCookies__form .siteCookies__buttonWrap {
  bottom: 15px;
  text-align: left;
  margin: 0 auto;
  width: 127px;
}
.siteCookies .siteCookies__form .siteCookies__buttonWrap button[value="all"] {
  border-radius: 50px;
  font-size: 14px;
  background-color: #B0ABCB;
  border: 1px solid #B0ABCB;
  margin-bottom: 0;
}
.siteCookies .siteCookies__form .siteCookies__links .js-cookies-settings {
  border-radius: 50px;
  font-size: 14px;
}
.siteCookies .siteCookies__links {
  text-align: center;
}
.mobile-links {
  display: none;
  margin: 20px 0;
}
.news-item .text .description,
body.mobile.id-1 .mobile-links {
  display: block;
}
.footer-banners::before {
  display: none;
}
.content-wrapper .content p a,
.content-wrapper .content ul a,
.content-wrapper .content ol a {
  color: #2CA2C6;
  text-decoration: none;
}
.content-wrapper .content p a:hover,
.content-wrapper .content ul a:hover,
.content-wrapper .content ol a:hover {
  text-decoration: underline;
}
/*sázíme planetu*/
#content .planetwe-wrapper>.header>.icon-wrapper img {
  height: 3em;
}
#content .planetwe-wrapper>.footer img {
  height: 80%;
}
#content #planetwe-modal-info {
  height: 1.1em;
  display: none;
}
.planetwe-wrapper-outer {
  margin-left: 1.5em;
}
body.desktop.in-krok-2 #checkoutSidebar {
  position: relative !important;
  top: 0 !important;
}
/**rekapitulace objednávky - košík**/
.cart-content .order-summary .cart-items .cart-item {
  flex-flow: row wrap;
  padding: 0.5em 0;
  border-bottom: 1px solid #dfdfdf; 
}
.cart-content .order-summary .cart-items {
  margin-bottom: 1em;
}
.cart-content .order-summary .cart-items .cart-item .cart-item-name {
  width: 100%;
  margin-bottom: 0.3em;
}
.cart-content .order-summary .cart-items .cart-item .cart-item-name a {
  text-decoration: none;
}
.cart-content .order-summary .cart-items .cart-item .cart-item-amount {
  width: 50%;
  text-align: left;
}
.cart-content .order-summary .cart-items .cart-item .cart-item-price {
  width: 50%;
}
.recapitulation-single > span {
  flex: 0 0 100%;
  font-weight: 700;
}
.back-shopping-link a {
    border: 2px solid #2CA2C6;
    color: #2CA2C6 !important;
    border-radius: 4px;
    padding: 0.5em;
    text-decoration: none;
}
.back-shopping-link a:hover{
    background-color: #2CA2C6;
    color: #fff !important;
}
.back-shopping-link a {
    line-height: 1.5;
}
/**jazyk a měny**/
.top-navigation-bar .languagesMenu #topNavigationDropdown,
.top-navigation-bar .languagesMenu .languagesMenu__content .languagesMenu__header {
    display: none;
}
.top-navigation-bar .languagesMenu .languagesMenu__content,
.top-navigation-bar .languagesMenu .languagesMenu__content ul li a {
    border: none;
}
.top-navigation-bar .languagesMenu .languagesMenu__content,
.top-navigation-bar .languagesMenu .languagesMenu__content ul {
    display: flex;
    justify-content: flex-end;
}
.top-navigation-bar .languagesMenu .languagesMenu__content {
    top: 0;
    width: 260px;
    right: 0;
}
.top-navigation-bar .languagesMenu .languagesMenu__content .languagesMenu__box:last-child {
    border-right: none;
    width: auto;
}
/**hodnocení obchodu**/
#hodnoceniobchodu .vote-wrap:not(.admin-response .vote-wrap),
.id--51 #content .vote-wrap:not(.admin-response .vote-wrap),
.template-14.id--51 .rate-wrapper:not(.admin-response .vote-wrap),
#hodnoceniobchodu .votes-wrap .vote-wrap:not(.admin-response .vote-wrap),
.id--51 #content #ratingWrapper+.votes-wrap .vote-wrap:not(.admin-response .vote-wrap),
.template-14.id--51 .rate-wrapper:not(.admin-response .vote-wrap) {
  background-color: #ffffff;
  border: 1px solid #DCD9E8;
  border-radius: 5px;
}
#hodnoceniobchodu .shop-stat-all a {
  background-color: #2CA2C6;
  color: #ffffff;
  border-color: #2CA2C6;
  border-radius: 50px;
}
#hodnoceniobchodu .shop-stat-all a:hover {
  background-color: #8880B4;
  color: #ffffff;
  border-color: #8880B4;
}
#hodnoceniobchodu h2 {
  font-size: 22.4px;
}
/**kontakty**/
.kontakt-form {
  background-color: #f5f5f5;
  border: 1px solid #dfdfdf;
  margin-top: 1em;
}
.in-kontakty .sidebar {
  display: none;
}
/**různé**/
.cart-table .show-related {
  color: #2CA2C6 !important;
}
#content .bankSelection__bankLogo {
  height: 19px;
}
.product-top .p-detail-info .delivery-line .shipping-options {
  display: block;
  width: 100%;
  color: #2CA2C6;
  font-weight: 700;
}
#colorbox[role="dialog"] #cboxLoadedContent .extras-wrap .extra.delivery {
  margin-top: 1.5em;
  padding-left: 5em;
  position: relative;
}
#colorbox[role="dialog"] #cboxLoadedContent .extras-wrap .extra.delivery::before {
  width: 55px;
  height: 38px;
  content: '';
  background: url(/user/documents/upload/auto.png) no-repeat center;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-19px);
}
.subcategories.with-image li a .text {
  font-size: 1em;
  max-height: none;
}
.p-detail-info .detail-parameters tr:nth-of-type(2),
.extra.step #cboxClose:before {
  display: none !important;
}
.extra.step #cboxClose {
  text-indent: unset;
  width: auto;
  position: relative;
  top: 0;
  right: 0 !important;
  display: inline-block;
  margin-right: 2em;
  background-color: #fff !important;
  border: 2px solid #B0ABCB;
  color: #B0ABCB !important;
  border-radius: 4px;
  height: 40px;
  padding: 0 15px;
  font-size: 1.1em;
  box-sizing: border-box;
}
.extra.step #cboxClose:hover,
.advancedOrder__buttons .btn.next-step-back:hover {
  background-color: #2CA2C6 !important;
  border: 2px solid #2CA2C6;
  color: #fff !important;
}
.listingControls a.btn.loadMore__button,
.listingControls button.btn.loadMore__button {
    padding: 7px 25px;
}
/**zpět do obchodu v pop-up**/
.advancedOrder__buttons .btn.next-step-back {
  border-radius: 4px;
  height: 40px;
  border: none;
  font-size: 1.1em;
  margin-right: 0.5em;
  font-family: 'Exo 2', sans-serif;
  font-weight: 300;
  background-color: #fff !important;
  border: 2px solid #B0ABCB;
  color: #B0ABCB !important;
  box-sizing: border-box;
}
/**úprava pořadí v detailu produktu z důvodu přepínání produktů**/
.product-top .p-detail-info {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.product-top .p-detail-info .detail-parameters {
  order: 1;
}
.product-top .p-detail-info .price-line {
  order: 1;
}
/**úprava pořadí v detailu produktu z důvodu přepínání produktů**/

/**skrytí dárkových poukazů**/
.products-top-wrapper > .button-wrapper,
html[lang='cs'] .product:has(> div[data-micro-product-id="36036"]),
html[lang='cs'] .product:has(> div[data-micro-product-id="36039"]),
html[lang='cs'] .product:has(> div[data-micro-product-id="36042"]),
html[lang='sk'] .product:has(> div[data-micro-product-id="1457"]),
html[lang='sk'] .product:has(> div[data-micro-product-id="1448"]),
html[lang='sk'] .product:has(> div[data-micro-product-id="1451"]) {
  display: none;
}

/**responsive**/
@media only screen and (max-width: 1500px) {
  .extended-banner-texts {
    max-width: 1180px;
  }
  .homepage-box.welcome-wrapper {
    background-size: 750px auto;
    padding: 50px 15px 50px 65%;
    margin-bottom: 2em;
  }
}
@media only screen and (max-width: 1280px) {
  .extended-banner-texts {
    padding-left: 2%;
    padding-right: 62%;
  }
  .extended-banner-texts .extended-banner-title {
    font-size: 45px;
  }
  #carousel .item img {
    min-height: 400px;
  }
  .footer-banners {
    padding: 40px 0;
  }
  .footer-banners .footer-banner img {
    max-width: 390px;
    max-height: 85px;
  }
  .homepage-box.welcome-wrapper {
    background-size: 550px auto;
    padding: 30px 15px 30px 50%;
  }
  .instagram-widget.columns-4 > a {
    max-height: 290px;
    width: calc(100% / 3);
  }
  .id-1 div.newsletter h4 {
    font-size: 35px;
  }
  .id-1 div.newsletter .subscribe-form {
    width: calc(100% - 30em);
  }
  #footer .custom-footer > div {
    width: 49.9%;
    padding: 20px 0 30px 0 !important;
  }
  #footer .custom-footer > div:nth-child(3) {
    width: 49.9%;
  }
  #footer .custom-footer > div:nth-child(4) {
    width: 49.9%;
  }
  #footer .custom-footer > div:nth-child(2) h4,
  #footer .custom-footer > div:nth-child(3) h4,
  #footer .custom-footer > div:nth-child(4) h4 {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 1200px) {
  #header .search fieldset input {
    max-width: 177px;
  }
}
@media only screen and (max-width: 992px) {
  #header .search {
    width: 265px;
    margin-right: 80px;
  }
  .extended-banner-texts {
    padding-left: 3.5%;
  }
  .extended-banner-texts .extended-banner-title {
    font-size: 35px;
  }
  #carousel .item img {
    min-height: 380px;
    width: auto;
  }
  h4.homepage-group-title,
  .h4.homepage-group-title {
    font-size: 30px;
  }
  .products-block.products .product .p .name {
    min-height: 6em;
  }
  .footer-banners .footer-banner img {
    max-width: 250px;
    max-height: 60px;
  }
  .homepage-box.welcome-wrapper {
    background-size: 400px auto;
    padding: 250px 15px 0;
    background-position: 15px top;
  }
  .homepage-box.welcome-wrapper .container {
    padding: 0 !important;
  }
  .instagram-widget.columns-4 > a {
    max-height: 220px;
  }
  .id-1 div.newsletter {
    padding: 1em;
  }
  .id-1 div.newsletter h4 {
    font-size: 25px;
  }
  .id-1 div.newsletter .subscribe-form {
    width: calc(100% - 23em);
  }
}
@media only screen and (max-width: 767px) {
  #header .search {
    margin-right: 70px;
    top: 30px;
  }
  body.msg-active #header .search {
    top: 56px;
  }
  #header .search .search-form {
    min-height: 43px;
  }
  #header .search fieldset input {
    max-width: 148px;
    height: 30px;
    background-color: #fff;
  }
  #header .search fieldset button {
    height: 30px;
    width: 75px;
  }
  .extended-banner-texts {
    padding: 0 5%;
  }
  #carousel .carousel-inner {
    background: -webkit-gradient(linear, left top, right top, from(#F1EEF5), to(#F2F1F6));
    background: linear-gradient(to right, #F1EEF5, #F2F1F6);
  }
  #carousel .item {
    min-height: auto;
  }
  #carousel .item img {
    min-height: auto;
    width: 100%;
  }
  .extended-banner-texts .extended-banner-link {
    font-weight: 700;
  }
  h4.homepage-group-title,
  .h4.homepage-group-title {
    font-size: 22px;
  }
  .footer-banners .footer-banner img {
    max-width: 180px;
    max-height: 45px;
  }
  .instagram-widget.columns-4 > a {
    max-height: 165px;
  }
  .id-1 div.newsletter {
    padding: 1em 1em 1.5em;
    margin: 3em 0;
  }
  .id-1 div.newsletter::before {
    background-image: none;
    display: none;
  }
  .id-1 div.newsletter form .validator-msg-holder input {
    height: 50px;
    font-size: 0.95em;
  }
  .id-1 div.newsletter button {
    height: 38px;
    font-size: 13px;
  }
  .id-1 div.newsletter form fieldset > div:last-of-type {
    bottom: 0px;
    padding-left: 0;
  }
  .id-1 div.newsletter .subscribe-form {
    width: 100%;
  }
  #footer .custom-footer > div {
    padding: 20px 0 20px 0 !important;
  }
  #footer .custom-footer .search-form {
    max-width: 100%;
  }
  #footer .custom-footer .search-form .form-control {
    height: 36px;
  }
  #footer .custom-footer .search-form input {
    width: calc(100% - 120px);
  }
  #footer .custom-footer .search-form .btn {
    height: 36px;
  }
  #footer .custom-footer div.newsletter {
    padding: 20px 15px 40px 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  #footer .custom-footer div.newsletter h4 {
    font-size: 1.3em;
    font-weight: 400;
  }
  #footer .custom-footer div.newsletter form .validator-msg-holder input {
    height: 36px;
  }
  #footer .custom-footer div.newsletter button {
    height: 36px;
    font-size: 13px;
  }
  #footer .custom-footer div.newsletter .subscribe-form {
    max-width: 100%;
  }
  #footer .cart-overview .btn {
    width: auto;
  }
  .menu-level-1 .menu-item-989.ext {
    background-position: 3px 14px;
  }
  body.blank-mode .container.breadcrumbs-wrapper, .breadcrumbs-wrapper {
    display: block;
    padding-top: 110px !important;
  }
  #content-wrapper {
    padding-top: 20px !important;
  }
  body.msg-active  #header {
    top: 56px !important;
  }
  body.msg-active.headerScrolled #header {
      top: 56px !important;
  }
  body.msg-active  .top-navigation-bar {
      height: auto;
  }
  body.msg-active.in-index #content-wrapper {
      padding-top: 105px !important;
  }
  .top-navigation-bar .msg-part .site-msg {
      color: #000 !important;
      background: #2CA2C6;
      position: relative;
      height: 35px;
      display: block;
      align-items: center;
      justify-content: space-between;
      padding: 0 15px;
      z-index: 9999;
      text-align: left;
      width: 100%;
      top: 0;
      left: 0;
      top: inherit;
      left: auto;
      bottom: auto;
      max-width: 100%;
      height: auto;
      padding: 0;
      border: none;
      opacity: 1;
  }
  .top-navigation-tools--language .languagesMenu {
    display: none;
  }
  .top-navigation-tools--language .languagesMenu {
    display: block;
  }
  .top-navigation-bar .languagesMenu .languagesMenu__content {
      margin-top: 0;
      background-color: transparent;
      width: 150px;
  }
  .top-navigation-bar .languagesMenu .languagesMenu__content ul li a {
      padding: 4px 7px;
  }
  .siteCookies:before {
    display: none !important;
  }
  body.headerScrolled .top-navigation-bar {
    transform: translateY(0%);
    background: #f5f5f5;
  }
  .top-navigation-bar {
    background: #f5f5f5;
  }
  body.headerScrolled #header {
    top: 30px !important;
  }
  body.headerScrolled #header .search {
    top: 30px;
  }
  .top-navigation-bar .mehub-bonus-header-container {
    display: none;
  }
  .ordering-process .top-navigation-bar .nav-part .responsive-tools {
      width: inherit;
  }
  table.table.recapitulation-table > tbody > tr > th {
      width: 10em;
  }
  #header .navigation-buttons .btn.full .cart-price {
    display: block;
    min-width: 5rem;
    position: absolute;
    right: 3.5em;
    text-align: right;
    font-size: 14px;
  }
  body.headerScrolled .popup-widget.cart-widget {
    top: 86px;
  }
  body.msg-active .popup-widget.cart-widget,
  body.msg-active.headerScrolled .popup-widget.cart-widget {
    top: 116px;
  }
}
@media only screen and (max-width: 550px) {
  #header .search {
    margin-right: 0;
  }
  .products-block.products .product .p .name {
    min-height: 7em;
  }
  .homepage-box.welcome-wrapper {
    background-size: 300px auto;
    padding: 180px 20px 0;
    background-position: 20px top;
  }
  .instagram-widget.columns-4 > a {
    width: calc(100% / 2);
    max-height: 145px;
  }
  .id-1 div.newsletter {
    padding: 1em 1em 2em;
    margin: 2em 0;
  }
  .id-1 div.newsletter h4 {
    font-size: 20px;
  }
  .id-1 div.newsletter form .validator-msg-holder input {
    padding: 0 115px 0 20px;
  }
  .id-1 div.newsletter button {
    width: 100px;
  }
  #footer .custom-footer > div {
    padding: 10px 0 20px 0 !important;
  }
  #footer .custom-footer a[href^="tel:"],
  #footer .custom-footer a[href^="mailto:"],
  #footer .custom-footer a.footer-fb,
  #footer .custom-footer a.footer-ig {
    padding-left: 0;
  }
  #footer .custom-footer a[href^="tel:"]::before,
  #footer .custom-footer a[href^="mailto:"]::before,
  #footer .custom-footer a.footer-fb::before,
  #footer .custom-footer a.footer-ig::before {
    display: none;
    background-image: none;
  }
  #footer .custom-footer div.newsletter {
    padding: 20px 15px 60px 0 !important;
  }
  #footer .custom-footer div.newsletter form fieldset > div:last-of-type {
    bottom: -50px;
  }
}
@media only screen and (max-width: 480px) {
  .homepage-box.welcome-wrapper {
    background-size: 250px auto;
    padding: 180px 7px 0;
    background-position: 7px top;
  }
  body.blank-mode.msg-active .container.breadcrumbs-wrapper, .breadcrumbs-wrapper {
    padding: 138px 7px 0 7px !important;
  }
  body.msg-active .top-navigation-bar .msg-part {
      font-size: 12px;
  }
  body.blank-mode .container.breadcrumbs-wrapper, .breadcrumbs-wrapper {
    padding: 110px 7px 0 7px !important;
  }
  #checkoutSidebar .next-step .next-step-finish {
    flex-flow: column;
  }
  .cart-content .next-step .btn .order-button-suffix {
    margin-left: 0;
  }
  .planetwe-wrapper-outer {
    margin: 2em 1.5em 0;
  }
  .extra.step #cboxClose {
    display: block;
    left: 0;
    margin: 0 auto 10px;
  }
  .flags .flag {
    right: 0;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .multiple-columns-body .content {
  width: calc(100% - 315px);
  flex-grow: 1;
  }
}
@media (min-width: 1200px) {
  .news-wrapper .news-item {
      width: 100%;
      float: none;
      max-width: none;
      flex-direction: row;
  }
  .news-wrapper .news-item .image {
      width: 370px;
      height: 300px;
  }
  .navigation-in > ul > li.ext > ul > li {
    width: 33%;
    flex-basis: 33%;
  }
}
@media (min-width: 768px) {
  .siteCookies--center {
     top: 50%;
     right: auto;
     bottom: auto;
     left: 50%;
     width: 600px;
     transform: translate(-50%,-50%);
     z-index: 10;
      padding-top: 60px;
 }
  .siteCookies::before {
    content: "";
    display: block;
    width: 104px;
    height: 39px;
    position: absolute;
    left: 0;
    top: 15px;
    right: 0;
    margin: 0 auto;
    background: url("/user/logos/logo.png") no-repeat center top/cover;
    opacity: 1;
  }
  .sidebar #filters .filter-section.filter-section-button,
  a.top-nav-button-account > span {
    display: none;
  }
  .sidebar #filters #category-filter-hover {
    display: block;
  }
  .navigation-in > ul > li.ext > ul > li > div > ul {
    max-height: none;
  }
  .filter-section .filter-count {
    color: #222222;
  }
  .sidebar-inner .products-inline.products {
    border-bottom: none;
  }
  .sidebar-inner .products-inline.products-top > div {
    width: 100%;
  }
  .sidebar-inner #productsTop h4 {
    padding: 0 6px;
  }
  .menu-level-1 .menu-item-989.ext {
    padding: 0 0 0 20px;
  }
  a.top-nav-button-account {
    margin: 0 20px;
  }
  a.top-nav-button-account::before {
      content: "";
      display: block;
      background-color: #fff;
      background-image: url(/user/documents/upload/header-user-loged.png);
      border: 1px solid #DCD9E8;
      height: 38px;
      width: 38px;
      background-size: 16px;
      background-repeat: no-repeat;
      background-position: center;
      border-radius: 50px;
  }
  .top-navigation-bar {
    background-color: #fff;
    display: none;
  }
  .top-navigation-bar .container {
    min-height: 30px;
  }
  .top-navigation-bar .top-navigation-tools  .dropdown-menu {
    list-style: none;
    min-width: 65px;
  }
  .admin-logged.submenu-visible .top-navigation-bar:before,
  .submenu-visible .top-navigation-bar:before,
  .top-navigation-bar .top-navigation-tools .dropdown-menu li a::before,
  .top-navigation-bar .top-navigation-tools .dropdown span,
  .top-navigation-bar .top-navigation-tools .dropdown:before {
      display: none;
  }
  .top-navigation-bar .top-navigation-tools .dropdown button {
      font-family: 'Exo 2', sans-serif;
  }
  .top-navigation-bar {
    display: block;
  }
  .top-navigation-bar .top-navigation-contacts {
    opacity: 0;
  }
  #header .search {
    margin-left: auto;
    margin-right: auto;
  }
  #header .header-top .top-nav-button-login {
    margin-left: 0;
  }
}
@media (min-width: 520px) {
  .footer-banners {
    padding: 55px 0;
  }
  .footer-banners .slick-track {
    width: 100% !important;
  }
  .footer-banners .footer-banner {
    width: 100% !important;
    max-width: 33.3%;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .footer-banners .footer-banner:nth-child(2) img {
    margin: 0 auto;
  }
  .footer-banners .footer-banner:nth-child(3) img {
    margin: 0 0 0 auto;
  }
  .footer-banners .footer-banner img {
    max-width: 350px;
    max-height: none;
    -webkit-filter: none;
    filter: none;
  }
}

/* posun výstražného trojúhelníku nad box */
.msg .container::before {
    top: -85px !important;
}
@media (max-width: 767px) {
    .msg .container::before {
        top: -85px !important;
    }
}

/* sbalení perexu kategorie na mobilu */
@media (max-width: 767px) {
    .category-perex.is-collapsed > *:not(:first-child):not(.perex-toggle) {
        display: none;
    }
    .category-perex .perex-toggle {
        display: block;
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5px;
        color: #2CA2C6;
        font-weight: 700;
        cursor: pointer;
        background: none;
        border: none;
        padding: 0;
        font-family: 'Exo 2', sans-serif;
        font-size: 14px;
    }
}

@media (min-width: 768px) {
    .category-perex .perex-toggle {
        display: none;
    }
}

/* modal hlídacího psa - tlačítka pod sebou */
.watchdog-action-buttons {
    display: flex;
    flex-direction: column;
    gap: 2px;
    align-items: stretch;
    width: 100%;
    box-sizing: border-box;
}
.watchdog-action-buttons #watchdog-submit {
    display: block;
    width: 100% !important;
    max-width: none !important;
    float: none;
    margin: 0;
    order: 1;
    box-sizing: border-box;
}
.watchdog-action-buttons #watchdog-reset {
    display: block;
    width: 100%;
    order: 2;
    background: none;
    border: none;
    color: #2CA2C6;
    text-decoration: underline;
    text-align: center;
    white-space: normal;
    box-sizing: border-box;
    padding: 0.1em;
}

/* počítadlo produktů v kategorii + skrytí číselného stránkování */
.my-product-counter {
    text-align: center;
    margin: 10px 0;
    color: #8880B4;
    font-weight: 700;
    width: 100%;
}
.listingControls .pagination {
    display: none;
}
.listingControls .itemsTotal {
    display: none;
}

/* srovnání tlačítek pod výpisem produktů pod sebe */
.listingControls {
    flex-direction: column;
}
.listingControls .goToTop {
    align-self: center;
    margin-left: auto;
    margin-right: auto;
}
/* hierarchie tlačítek v pop-upu po vložení do košíku */
.advancedOrder__buttons .btn.next-step-back,
.advancedOrder__buttons .btn.btn-conversion {
    width: 178px !important;
    min-width: 178px !important;
    box-sizing: border-box !important;
    text-align: center !important;
    white-space: nowrap !important;
}
.advancedOrder__buttons .btn.next-step-back {
    background: #fff !important;
    border: 1px solid #D0CEDB !important;
    color: #B0ABCB !important;
    text-decoration: none !important;
    font-weight: 400 !important;
    box-shadow: none !important;
}
.advancedOrder__buttons .btn.next-step-back:hover {
    background: #fff !important;
    border-color: #8880B4 !important;
    color: #8880B4 !important;
    text-decoration: none !important;
}
.advancedOrder__buttons .btn.btn-conversion {
    background-color: #B0ABCB !important;
    color: #fff !important;
    border: none !important;
}
.advancedOrder__buttons .btn.btn-conversion:hover {
    background-color: #2CA2C6 !important;
    color: #fff !important;
}
@media (max-width: 480px) {
    .advancedOrder__buttons {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
    .advancedOrder__buttons .btn.next-step-back,
    .advancedOrder__buttons .btn.btn-conversion {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 280px !important;
        margin: 0 0 10px 0 !important;
    }
    .advancedOrder__buttons .btn.btn-conversion {
        order: 1;
    }
    .advancedOrder__buttons .btn.next-step-back {
        order: 2;
        margin-bottom: 0 !important;
    }
}

/* krokový indikátor v košíku - barvení podle stavu kroku */
/* aktuální krok - modrý */
.cart-header .step.active,
.cart-header .step.active strong,
.cart-header .step.active span {
    color: #2CA2C6 !important;
}
.cart-header .step.active span::before {
    background-color: #2CA2C6 !important;
}
/* splněný krok - fialový, bez hover podtržení i když je proklik */
.cart-header .step.completed,
.cart-header .step.completed a,
.cart-header .step.completed a span,
.cart-header .step.completed strong,
.cart-header .step.completed span {
    color: #B0ABCB !important;
    text-decoration: none !important;
}
.cart-header .step.completed a:hover,
.cart-header .step.completed a:hover span {
    color: #B0ABCB !important;
    text-decoration: none !important;
}
.cart-header .step.completed span::before {
    background-color: #B0ABCB !important;
}
/* navštívený budoucí krok (proklik bez stavu) - tmavý, bez hover podtržení */
.cart-header .step:not(.active):not(.completed) a,
.cart-header .step:not(.active):not(.completed) a span {
    color: #222222 !important;
    text-decoration: none !important;
}
.cart-header .step:not(.active):not(.completed) a:hover,
.cart-header .step:not(.active):not(.completed) a:hover span {
    color: #222222 !important;
    text-decoration: none !important;
}

/* hierarchie tlačítek na stránce košíku - Pokračovat nahoře, Zpět do obchodu lehké pod ním */
.next-step.next-step--cart .btn.next-step-forward {
    order: 0 !important;
    margin-bottom: 10px !important;
}
.next-step.next-step--cart .btn.next-step-back {
    order: 1 !important;
    margin-bottom: 0 !important;
    background: #fff !important;
    border: 1px solid #D0CEDB !important;
    color: #B0ABCB !important;
    text-decoration: none !important;
    font-weight: 400 !important;
    box-shadow: none !important;
}
.next-step.next-step--cart .btn.next-step-back span {
    color: #B0ABCB !important;
    text-decoration: none !important;
}
.next-step.next-step--cart .btn.next-step-back:hover {
    background: #fff !important;
    border-color: #8880B4 !important;
    color: #8880B4 !important;
    text-decoration: none !important;
}
.next-step.next-step--cart .btn.next-step-back:hover span {
    color: #8880B4 !important;
}

/* hierarchie tlačítek na krocích objednávky (krok-1, krok-2) - primární nahoře, Zpět lehké pod ním */
#checkoutSidebar .next-step[class*="--step-"] .btn.next-step-forward,
#checkoutSidebar .next-step[class*="--step-"] .btn.next-step-finish {
    order: 0 !important;
    margin-bottom: 10px !important;
}
#checkoutSidebar .next-step[class*="--step-"] a.btn.next-step-back {
    order: 1 !important;
    margin-bottom: 0 !important;
    background: #fff !important;
    background-color: #fff !important;
    border: 1px solid #D0CEDB !important;
    color: #B0ABCB !important;
    text-decoration: none !important;
    font-weight: 400 !important;
    box-shadow: none !important;
}
#checkoutSidebar .next-step[class*="--step-"] a.btn.next-step-back:hover {
    background: #fff !important;
    background-color: #fff !important;
    border-color: #8880B4 !important;
    color: #8880B4 !important;
    text-decoration: none !important;
}

/* zmenšení mezery mezi tlačítky v košíku a krocích objednávky na mobilu */
@media (max-width: 767px) {
    .next-step.next-step--cart .btn.next-step-forward,
    #checkoutSidebar .next-step[class*="--step-"] .btn.next-step-forward,
    #checkoutSidebar .next-step[class*="--step-"] .btn.next-step-finish {
        margin-bottom: 2px !important;
    }
}

/* osobní kontaktní box "Potřebujete poradit?" v košíku - vizitka */
.cart-content.checkout-box-wrapper {
    padding: 20px !important;
    background: transparent !important;
    border: 1px solid #DFDFDF !important;
    border-radius: 5px !important;
}
.cart-content.checkout-box-wrapper > .h4,
.cart-content.checkout-box-wrapper > h2,
.cart-content.checkout-box-wrapper > h3,
.cart-content.checkout-box-wrapper > h4 {
    color: #222222 !important;
    margin-top: 0 !important;
}
.checkout-box-wrapper .box.box-bg-default {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
}
.contact-box {
    display: grid !important;
    grid-template-columns: 80px 1fr !important;
    column-gap: 15px !important;
    row-gap: 0 !important;
    align-items: center !important;
}
.contact-box img {
    display: block !important;
    width: 80px !important;
    height: 80px !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    grid-row: 1 / 3 !important;
    grid-column: 1 !important;
}
.contact-box strong {
    display: block !important;
    grid-column: 2 !important;
    color: #222222 !important;
    font-size: 16px !important;
    margin: 0 0 6px 0 !important;
    white-space: nowrap !important;
}
.contact-box ul {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    grid-column: 2 !important;
}
.contact-box li {
    display: list-item !important;
    margin: 0 !important;
    white-space: nowrap !important;
}
.contact-box li a {
    color: #2CA2C6 !important;
}
.contact-box li .tel,
.contact-box li .tel * {
    color: #222222 !important;
}
.contact-box .mail::before {
    color: #222222 !important;
}
.contact-box li:has(.cellphone),
.contact-box li:has(.facebook),
.contact-box li:has(.instagram),
.contact-box li:has(.messenger),
.contact-box li:has(.whatsapp) {
    display: none !important;
}
.contact-box li .cellphone,
.contact-box li .facebook,
.contact-box li .instagram,
.contact-box li .messenger,
.contact-box li .whatsapp {
    display: none !important;
}

/* sjednocení kontaktního boxu na krocích objednávky (krok-1, krok-2) s košíkem */
.checkout-box {
    padding: 20px !important;
    background: transparent !important;
    border: 1px solid #DFDFDF !important;
    border-radius: 5px !important;
}
.checkout-box .box.box-bg-default {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
}
.checkout-box .contact-box {
    display: grid !important;
    grid-template-columns: 80px 1fr !important;
    column-gap: 15px !important;
    row-gap: 0 !important;
    align-items: center !important;
}
.checkout-box .contact-box img {
    display: block !important;
    width: 80px !important;
    height: 80px !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    grid-row: 1 / 3 !important;
    grid-column: 1 !important;
}
.checkout-box .contact-box strong {
    display: block !important;
    grid-column: 2 !important;
    color: #222222 !important;
    font-size: 16px !important;
    margin: 0 0 6px 0 !important;
    white-space: nowrap !important;
}
.checkout-box .contact-box ul {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    grid-column: 2 !important;
}
.checkout-box .contact-box li {
    display: list-item !important;
    margin: 0 !important;
    white-space: nowrap !important;
}
.checkout-box .contact-box li a {
    color: #2CA2C6 !important;
}
.checkout-box .contact-box li .tel,
.checkout-box .contact-box li .tel * {
    color: #222222 !important;
}
.checkout-box .contact-box .mail::before {
    color: #222222 !important;
}
.checkout-box .contact-box li:has(.cellphone),
.checkout-box .contact-box li:has(.facebook),
.checkout-box .contact-box li:has(.instagram),
.checkout-box .contact-box li:has(.messenger),
.checkout-box .contact-box li:has(.whatsapp) {
    display: none !important;
}
.checkout-box .contact-box li .cellphone,
.checkout-box .contact-box li .facebook,
.checkout-box .contact-box li .instagram,
.checkout-box .contact-box li .messenger,
.checkout-box .contact-box li .whatsapp {
    display: none !important;
}

/* nadpis Rekapitulace objednávky - horní odsazení stejné jako boční */
.order-summary-inner {
    padding-top: 20px !important;
}

/* SmartForm - skrytí prázdné validační hlášky (červený proužek na nedotčeném poli po načtení) */
.js-validator-msg:empty {
    display: none !important;
}

/* doprava zdarma v pop-upu (colorbox) - ikonka + text na jeden řádek, vycentrovaný pár */
#colorbox .extras-wrap {
    text-align: center !important;
}
#colorbox .extras-wrap .extra.delivery {
    white-space: nowrap !important;
    display: inline-block !important;
    position: relative !important;
    padding-left: 65px !important;
    margin-left: -65px !important;
}
#colorbox .extras-wrap .extra.delivery::before {
    left: 0 !important;
}

/* vizitka na prázdném košíku - jiná struktura (.cart-content místo .checkout-box-wrapper) */
.cart-content:has(.contact-box) {
    padding: 20px !important;
    background: transparent !important;
    border: 1px solid #DFDFDF !important;
    border-radius: 5px !important;
}
.cart-content:has(.contact-box) > .h4,
.cart-content:has(.contact-box) > h2,
.cart-content:has(.contact-box) > h3,
.cart-content:has(.contact-box) > h4 {
    color: #222222 !important;
    margin-top: 0 !important;
}
.cart-content .box.box-bg-default {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* ===== OPRAVY HP po Shoptetí změně struktury (červen 2026) ===== */

/* problém 1: nadpis "Proč Barevná Paleta" - Shoptet renderuje div.h1 (ne h1 tag), ztratil styl */
.homepage-box.welcome-wrapper .h1 {
    font-size: 35px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin-bottom: 0.5em !important;
    display: block !important;
    color: #222222 !important;
}

/* problém 2: newsletter na HP - Shoptet změnil strukturu (h3.pageElement__heading místo h4, input mimo .validator-msg-holder) */
.id-1 div.newsletter {
    align-items: center !important;
}
.id-1 div.newsletter .subscribe-form input {
    height: 64px !important;
    margin-bottom: 0 !important;
    color: #222222 !important;
    width: 100% !important;
    padding: 0 160px 0 20px !important;
    font-size: 1.05em !important;
    font-weight: 500 !important;
    border-radius: 32px !important;
    border: none !important;
}
.id-1 div.newsletter h3.pageElement__heading,
.id-1 div.newsletter h3.pageElement__heading span {
    color: #ffffff !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}
.id-1 div.newsletter .newsletter-header {
    margin-right: 2.5em !important;
}

/* problém 3: sloupec "Informace" v patičce (nth-child 2) měl velkou mezeru 40px pod nadpisem - srovnáno na ostatní */
#footer .custom-footer > div:nth-child(2) h4 {
    margin-bottom: 18px !important;
}


/* =================================================== */
/* Oprava po aktualizaci sablony (08/2026)             */
/* =================================================== */

/* 1) Newsletter na HP - novy obal inputu (.smart-label-wrapper) mel ze sablony pevnych 480px,
      takze input koncil v pulce a tlacitko "Prihlasit se" plavalo mimo nej */
.id-1 div.newsletter .subscribe-form .form-group.smart-label-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}
.id-1 div.newsletter .subscribe-form .form-control-wrapper {
    width: 100% !important;
}
.id-1 div.newsletter .subscribe-form .smart-label-wrapper > label {
    display: none !important;
}

/* 2) Objednavka krok 2 - pole Zeme */
/* skryt duplicitni disabled select - zemi Shoptet nove voli uz v kroku 1 (Doprava a platba) */
.js-location--hidden {
    display: none !important;
}
/* zastarala napoveda vkladana pres modification-v19.js ("Nejde vam zmenit pole Zeme...") -
   odkazuje na checkbox "Dorucit na jinou adresu", ktery uz na strance neexistuje */
.country-change-hint {
    display: none !important;
}
/* zarovnat "Zeme - Ceska republika (Muzete zmenit v predchozim kroku)" do radku jako ostatni pole */
.form-group--inline > p.label.js-location {
    display: block !important;
    float: left;
    width: 165px;
    margin: 0;
    padding-top: 2px;
}
.form-control-wrapper--with-note.js-location {
    overflow: hidden;
    width: auto !important;
}


/* ===== Newsletter na HP - doladeni vzhledu (08/2026) ===== */
@media only screen and (min-width: 993px) {
    .id-1 div.newsletter {
        padding: 2.1em 4em 2.5em !important;
    }
}
.id-1 div.newsletter .newsletter-header {
    margin: 0 2.5em 0 0 !important;
}
.id-1 div.newsletter h3.pageElement__heading {
    margin: 0 0 10px !important;
}
.id-1 div.newsletter .newsletter-header p {
    margin: 0 !important;
}
.id-1 div.newsletter .subscribe-form {
    top: 0 !important;
    margin-top: 26px !important;
    margin-left: -2px !important;
}
.id-1 div.newsletter .consents {
    margin-top: 6px !important;
    padding-top: 0 !important;
    padding-left: 0 !important;
}
.id-1 div.newsletter .consents p.label {
    margin: 0 !important;
    padding-top: 0 !important;
}
.id-1 div.newsletter::before {
    width: 340px !important;
    height: 100% !important;
    right: 7em !important;
    background-position: bottom center !important;
    background-size: contain !important;
}


/* =================================================================== */
/* UX upravy dle mobilniho auditu (08/2026)                            */
/* Lista na DETAILU produktu zde zamerne NENI - nasadi se samostatne.  */
/* =================================================================== */

/* --- Kosik na mobilu: poradi bloku (nalez F1) --- */
/* Cil: zbozi -> souhrn -> hlavni CTA hned; marketing az pod tlacitkem. */
/* Bonusovy program zustava NAD tlacitkem - zakaznici tam uplatnuji body. */
@media only screen and (max-width: 767px) {
    .cart-row {
        display: flex !important;
        flex-direction: column !important;
    }
    .cart-row > .col-md-8,
    .cart-row > .sidebar-in-cart,
    .cart-row .col-md-8 > .cart-content {
        display: contents !important;
    }
    /* NAD tlacitkem */
    .cart-row ol.cart-header          { order: -6; }
    .cart-row table.cart-table        { order: -5; }
    .cart-row .delivery-time          { order: -4; }
    .cart-row .col-md-8 .cart-summary { order: -3; }
    .cart-row .mehub-bonus-cart-container { order: -2.5; }
    .cart-row .summary-wrapper        { order: -2; }
    /* POD tlacitkem */
    .cart-row .checkout-box-wrapper   { order: 1; }
    .cart-row .up-cart-offers-slot    { order: 3; }
    .cart-row .fvDoplnek-upsell       { order: 4; }

    .bp-cart-stickybar { display: flex !important; }
    body.bp-has-stickybar #footer { padding-bottom: 70px; }
    /* bublina chatu nesmi prekryvat tlacitko v liste */
    body.bp-has-stickybar #smartsupp-widget-container > div { bottom: 90px !important; }
}

/* --- Plovouci lista v kosiku (vklada modification-v27.js) --- */
.bp-cart-stickybar {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 998;
    background: #fff;
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.18);
    padding: 10px 15px;
    align-items: center;
    gap: 12px;
}
.bp-cart-stickybar__price {
    flex: 0 1 auto;
    min-width: 0;
    max-width: 45%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
    font-size: 16px;
    color: #222222;
}
.bp-cart-stickybar__btn {
    flex: 1 1 auto;
    min-width: 45%;
    white-space: nowrap;
    text-align: center;
    background: #2CA2C6;
    color: #ffffff !important;
    border-radius: 4px;
    padding: 13px 10px;
    font-weight: 700;
    font-size: 15px;
    text-decoration: none;
}
.bp-cart-stickybar--hidden { display: none !important; }

/* --- Pop-up po pridani do kosiku: text "Objednejte jeste za..." se usekaval --- */
/* Starsi uprava mu drzi nowrap kvuli ikonce na jednom radku - to plati jen na desktopu. */
@media only screen and (max-width: 767px) {
    #colorbox .extras-wrap .extra.delivery {
        white-space: normal !important;
        display: block !important;
        padding-left: 0 !important;
        margin-left: 0 !important;
        text-align: center !important;
    }
    #colorbox .extras-wrap .extra.delivery::before {
        display: none !important;
    }
}

/* --- Detail produktu: skryt Tisk / Zeptat se / Sdilet na mobilu --- */
/* Hlidaci pes zustava, ale jen u zvolene vyprodane varianty (tridy resi JS). */
.p-info-wrapper .link-icon.watchdog.bp-watchdog-off {
    display: none !important;
}
@media only screen and (max-width: 767px) {
    .link-icons .link-icon.print,
    .link-icons .link-icon.chat,
    .link-icons .link-icon.share {
        display: none !important;
    }
    /* kdyz neni videt ani hlidac, at nezustane prazdna lista */
    .link-icons:not(.bp-watchdog-visible) {
        display: none !important;
    }
    .link-icons.bp-watchdog-visible .link-icon.watchdog {
        display: block !important;
        white-space: normal !important;
        text-align: left;
        line-height: 1.4;
    }
}


/* ===== Kosik na mobilu: vnitrni okraj ===== */
/* Kvuli "display: contents" (nutne pro prerazeni bloku) ztraci sloupce svuj vnitrni
   okraj a obsah se posune doleva proti zbytku stranky. Reseno napevno zde -
   ZADNE domerovani pres JS (zpusobovalo probliknuti a posun po nacteni).
   Pokud by obsah kosiku stale nesedel s ostatnimi bloky, meni se jen cislo nize
   (zkouset po ~5px: 15 -> 20 -> 25). */
@media only screen and (max-width: 767px) {
    .cart-row {
        padding-left: 15px !important;
        padding-right: 15px !important;
        box-sizing: border-box;
    }
}


/* ===== Kosik na mobilu: zarovnani polozky produktu ===== */
/* Zmereno na telefonu (sirka 392): vsechny bloky kosiku maji L22 R371 a vnitrni
   odsazeni 20/20, ale radek s produktem mel 10/10 a pravy okraj jen 352 -
   proto zacinal o 10px vlevo a jeho oddelovaci cara byla o 19px kratsi.
   Srovnavame ho s ostatnimi. */
@media only screen and (max-width: 767px) {
    .cart-row .cart-table tbody tr {
        width: 100% !important;
        box-sizing: border-box !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    /* bunka se souctem mela navic vlastni levy odskok */
    .cart-row .cart-table tbody tr td {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}


/* ===== Detail produktu: plovouci nakupni lista (nalez D1) ===== */
/* Vklada modification-v34.js, a to VYHRADNE na strance produktu. Zobrazuje se jen kdyz
   skutecne tlacitko neni videt, takze nikdy nejsou na obrazovce dve nakupni tlacitka. */
@media only screen and (max-width: 767px) {
    .bp-detail-stickybar { display: flex !important; }
    body.bp-has-detailbar #footer { padding-bottom: 70px; }
    body.bp-has-detailbar #smartsupp-widget-container > div { bottom: 90px !important; }
}
.bp-detail-stickybar {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 998;
    background: #fff;
    box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.18);
    padding: 10px 15px;
    align-items: center;
    gap: 12px;
}
.bp-detail-stickybar__price {
    flex: 0 1 auto;
    min-width: 0;
    max-width: 45%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
    font-size: 16px;
    color: #222222;
}
.bp-detail-stickybar__btn {
    flex: 1 1 auto;
    min-width: 45%;
    white-space: nowrap;
    background: #2CA2C6;
    color: #ffffff;
    border: none;
    border-radius: 4px;
    padding: 13px 10px;
    font-weight: 700;
    font-size: 15px;
}
.bp-detail-stickybar__btn[disabled] {
    background: #cccccc;
}
.bp-detail-stickybar--hidden { display: none !important; }


/* ===== Prihlaseni: odkazy pod formularem pod sebe ===== */
/* "Nova registrace" a "Zapomenute heslo" byly nalepene na jednom radku bez mezery. */
p.alternative-links a {
    display: block;
}
p.alternative-links a + a {
    margin-top: 6px;
}


/* ===== Newsletter v paticce na mobilu (08/2026) ===== */
/* Sablona ma novy kod formulare (h3 + .smart-label-wrapper), stare mobilni styly
   mirily na h4 a .validator-msg-holder, ktere uz neexistuji - proto se na mobilu
   tlacitko zalomilo pod input a v bilem "pilulkovem" ramecku zbylo prazdne misto.
   Na uzkych displejich proto skladame prvky jednoduse pod sebe. */
@media only screen and (max-width: 767px) {
    .custom-footer__newsletter .subscribe-form {
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        padding: 0 !important;
        max-width: 100% !important;
    }
    .custom-footer__newsletter .subscribe-form fieldset {
        display: flex !important;
        flex-direction: column !important;
    }
    .custom-footer__newsletter .form-group.smart-label-wrapper {
        order: 1;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }
    .custom-footer__newsletter .form-control-wrapper {
        width: 100% !important;
    }
    .custom-footer__newsletter .smart-label-wrapper > label {
        display: none !important;
    }
    .custom-footer__newsletter #newsletterWidget {
        width: 100% !important;
        height: 48px !important;
        border-radius: 25px !important;
        background: #ffffff !important;
        padding: 0 18px !important;
    }
    .custom-footer__newsletter .subscribe-form fieldset > button.btn {
        order: 2;
        position: static !important;
        width: 100% !important;
        height: 46px !important;
        margin-top: 10px !important;
        border-radius: 25px !important;
        font-size: 15px !important;
    }
    .custom-footer__newsletter .subscribe-form fieldset > .form-group.consents {
        order: 3;
        position: static !important;
        top: auto !important;
        margin-top: 12px !important;
        padding-left: 0 !important;
        text-align: center !important;
    }
}

/* ===== Upozorneni v kosiku (Vzhled a obsah > Ostatni nastaveni vzhledu) ===== */
/* Text byl nalepeny na ramecek bez odsazeni. Davame mu podobu informacniho boxu
   ve znackovych barvach: 28px shora od kroku objednavky, 16px po stranach
   (lice s nadpisy uvnitr) a 24px pod nim.
   Trida .site-msg-custom je Shoptetu vlastni, takze styl vydrzi i pro budouci
   upozorneni - PO DOVOLENE lze tento blok klidne nechat. */
.site-msg-custom {
    background: #F4F2F8;
    border: 1px solid #DCD9E8;
    border-left: 4px solid #B0ABCB;
    border-radius: 6px;
    padding: 14px 18px;
    margin: 28px 16px 24px;
}
.site-msg-custom p {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    color: #333333;
}
.site-msg-custom p + p {
    margin-top: 8px;
}
.site-msg-custom a {
    color: #2CA2C6;
    text-decoration: underline;
}
@media only screen and (max-width: 767px) {
    .site-msg-custom {
        padding: 12px 14px;
        margin: 20px 12px 18px;
    }
    .site-msg-custom p {
        font-size: 13px;
    }
}


/* ===== Prouzek na mobilu: hlavicka se prekryvala (08/2026) ===== */
/* Starsi pravidla pocitaji s prouzkem vysokym presne 56px. Na mobilu se text
   zalomi na dva radky, prouzek je vyssi a fixni hlavicka se s nim prekryvala.
   Vysku prouzku dopocitava modification (viz nize) do promenne --bp-msg-h;
   pokud by JS nebezel, plati puvodnich 56px. */
/* POZOR: odsazeni smi platit JEN dokud hlavicka neni ukotvena pri rolovani.
   Sablona ji po odscrollovani da tridu .fixed-menu a posune na top:-112px;
   drivejsi verze to prebijela a menu pak viselo uprostred obrazovky. */
body.msg-active #header:not(.fixed-menu) {
    top: var(--bp-msg-h, 56px) !important;
}
body.msg-active #header:not(.fixed-menu) .search {
    top: var(--bp-msg-h, 56px) !important;
}
body.msg-active .popup-widget.cart-widget,
body.msg-active.headerScrolled .popup-widget.cart-widget {
    top: calc(var(--bp-msg-h, 56px) + 60px) !important;
}
body.msg-active.in-index #content-wrapper {
    padding-top: calc(var(--bp-msg-h, 56px) + 49px) !important;
}
body.blank-mode.msg-active .container.breadcrumbs-wrapper {
    padding-top: calc(var(--bp-msg-h, 56px) + 82px) !important;
}


/* ===== Mobilni hlavicka: vycentrovani loga ===== */
/* Zmereno na telefonu (392x744): radek hlavicky 30-94 (stred 62), hamburger sedi
   presne na stredu, ale logo melo stred na 66,5 - tlacil ho dolu horni okraj 4px
   u obrazku. Po jeho odstraneni je logo na 62,5, tedy v linii s ostatnim. */
@media only screen and (max-width: 767px) {
    #header .site-name img,
    #header .site-name a > img {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    #header .site-name,
    #header .site-name a {
        display: flex !important;
        align-items: center !important;
    }
}


/* ===== Mobilni hlavicka: logo doladeni ===== */
/* Po odstraneni horniho okraje merenim vyslo, ze obal loga (.site-name-wrapper)
   uz je vycentrovany (45-80, stred 62,5), ale samotne .site-name sedi o 4px niz
   (49-84). Posouva ho tedy relativni posun nebo transform - oboji rusime. */
@media only screen and (max-width: 767px) {
    #header .site-name {
        top: 0 !important;
        bottom: auto !important;
        transform: none !important;
        vertical-align: middle !important;
    }
    #header .site-name a {
        top: 0 !important;
        transform: none !important;
    }
}


/* ===== Kosik: vraceni nadpisu "Potrebujete poradit?" ===== */
/* Nadpis skryva <style> blok vkladany doplnkem (v kodu stranky oznaceny jako
   "service 627(275) html code header"), radkem:
   .cart-content.checkout-box-wrapper h2 {display:none;}
   V administraci v HTML kodech tedy k nalezeni neni - prebijime ho odsud.
   Az se ten radek nekdy podari v nastaveni doplnku smazat, muze toto pravidlo pryc. */
.cart-content.checkout-box-wrapper h2 {
    display: block !important;
}


/* ===== Newsletter: skryti antispamove pasti (09/2026) ===== */
/* Shoptet zmenil ochranu proti robotum - skryte pole "Nevyplnujte toto pole" nove
   pouziva tridu .sr-only (viditelne jen pro ctecky). Starsi vlastni pravidlo
   ".id-1 div.newsletter .subscribe-form .sr-only { display: inline-block; }"
   ho ale zviditelnilo. Vracime standardni skryti pro oci. */
.id-1 div.newsletter .subscribe-form .sr-only,
.custom-footer__newsletter .subscribe-form .sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* ===== v187 (2.10.2026): Rozbalovaci FAQ v popisech kategorii jako karty (div.bp-faq > details > summary), nahrazuje blok v186 ===== */
.bp-faq { margin: 15px 0 30px; }
.bp-faq details { border: 1px solid #E4E2EE; border-radius: 4px; background: #F7F6FB; margin-bottom: 10px; transition: background .2s, border-color .2s; }
.bp-faq details[open] { background: #fff; border-color: #B0ABCB; }
.bp-faq summary { cursor: pointer; list-style: none; display: block; position: relative; padding: 15px 60px 15px 20px; font-size: 15px; font-weight: 600; color: #222; }
.bp-faq summary::-webkit-details-marker { display: none; }
.bp-faq summary::marker { content: ""; }
.bp-faq summary::after { content: "+"; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 26px; height: 26px; border-radius: 50%; background: #2CA2C6; color: #fff; font-size: 18px; font-weight: 400; line-height: 26px; text-align: center; }
.bp-faq details[open] summary { color: #2CA2C6; }
.bp-faq details[open] summary::after { content: "\2212"; background: #8880B4; }
.bp-faq summary:focus-visible { outline: 2px solid #2CA2C6; outline-offset: 2px; }
.bp-faq details > p { margin: 0; padding: 0 20px 15px; line-height: 1.6; }

/* ===== v187 (2.10.2026): Spodni popis kategorie oddeleny od vypisu produktu + citelnejsi radkovani ===== */
.category__secondDescription { margin-top: 40px !important; padding-top: 30px !important; border-top: 1px solid #E4E2EE; }
.category__secondDescription > h2:first-child { margin-top: 0; }
.category__secondDescription p, .category__secondDescription li { line-height: 1.6; }