div#main { box-shadow: 0 10px 90px #e5e5e5!important;}
.product-detail-flag-icons { text-align: center;}
.product-detail-flag-icons .pr-list-flag { border-radius: 0 0 0.5rem 0.5rem;}
@media only screen and (max-width: 1024px) and (min-width: 480px) {
.mobile .benefitBanner .benefitBanner__item:first-child, .mobile .benefitBanner .benefitBanner__item:nth-child(2), .mobile .benefitBanner .benefitBanner__item:nth-child(3) { margin-top: 0; flex: none!IMPORTANT; width: 100%;}
}


ul#menu-helper-box { margin-top: 0;}
header#header .columns {background-color: white;}
ul.currency-switcher { display: none;}
ul.header-contacts.list-inline.large-6.medium-6.small-12.columns { background-color: #f6f6f6!important;}

li.footer-row-element.custom-footer__articles .hide-for-small {display: block!important;}
footer#footer ul.no-bullet { justify-content: center;}
footer#footer div#articles { padding-left: 0; padding-right: 0;}

@media only screen and (max-width: 40em) {
.footer-row-element:not(.banner), .footer-row-element.banner img { display: inline-block!important;}
footer#footer div#footer-icons { display: none;}
}

.footer-wrap div#articles { padding-bottom: 0.5rem;}
.footer-wrap div#footer-icons { display: flex; justify-content: space-evenly; margin-right: auto; max-width: 60%; margin-left: auto;}
.footer-wrap .footer-icon img { max-height: 40px;}

footer#footer li.footer-row-element.custom-footer__articles { width: 100%;}
footer#footer ul.large-block-grid-4.medium-block-grid-2.small-block-grid-1 { text-align: center;}
footer#footer li.footer-row-element.custom-footer__articles { margin-left: auto; margin-right: auto; display: flex; justify-content: center;}
footer#footer ul.no-bullet { display: flex;}
footer#footer li.panel-element:not(:last-child) { border-right: 1px solid #adadad; padding-right: 0.5rem; margin-right: 0.5rem;}

div#main { box-shadow: 0 10px 90px #e5e5e5;}

div#categories ul.expanded.hidden-js.panel-element-submenu { display: none;}
@media only screen and (max-width: 40em){
.mobile-login { top: 1.5rem; right: 4rem; bottom: auto;}
ul.header-in.large-6.medium-6.small-12.columns.text-right.list-inline.valign-top-inline { gap: 10px; display: flex;}
.header-in-wrap { padding-top: 1rem;}
.menu-helper {top: -6.65rem; right: 1rem;}
.header-cart-wrap { position: relative; width: 50%; top: 0;}
.header-seachform-wrap { padding-right: 0; width: auto;}
.menu-helper-wrap { max-height: 0px; }
.menu-element-submenu { background-color: #7cabb3;}
.menu-element-submenu>li {border-color: transparent;}
.navigation .menu-element-link, .menu-element-wrap-active a { color: #fff!important; font-weight: 600; padding-bottom: 0;}
.header-cart-button a.button.button-tiny.button-success { background-color: transparent; border-color: #ffffff!important box-shadow: 0 0 0 1px #ffffff inset}
ul#menu-helper-box { top: -50px; border-radius: 0.5rem;}
.header-in-wrap  .large-6.medium-6.small-12.columns {margin-bottom: 0.5rem;}
}

.navigation .menu-element-wrap:hover, .navigation>li:hover { box-shadow: inset 0 -3px 0 0 #fff; background-color: transparent;}

.additional-carousel-banners { padding-left: 0;}

.carousel-wrap { width: 100%;}
.additional-carousel-banners { width: 100%; display: flex; max-height: 152px;
    border: 1px solid #ededed;
    overflow: hidden;
    margin-top: 15px;
    border-radius: 0.5rem;}
    
.additional-carousel-banners a { width: 20%!important; padding: 1rem;}

.additional-carousel-banners a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: transform;
  transition-property: transform;
  }
  
.additional-carousel-banners a:hover, .additional-carousel-banners a:focus, .additional-carousel-banners a:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.subcategories-single {width: 20%;}
.subcategories-single:hover { box-shadow: 0 3px 10px #e3e3e3; border-radius: 0.5rem;}

@media only screen and (max-width: 40em) {

.subcategories-single {width: 50%!important;} }




@media only screen and (max-width: 485px) {
.mobile.home .benefitBanner .benefitBanner__item:first-child, .mobile.home .benefitBanner .benefitBanner__item:nth-child(2), .mobile.home .benefitBanner .benefitBanner__item:nth-child(3) {
    padding-bottom: 35px!important;
}}

.mobile.home .benefitBanner .benefitBanner__item:first-child, .mobile.home .benefitBanner .benefitBanner__item:nth-child(2), .mobile.home .benefitBanner .benefitBanner__item:nth-child(3) { display: block!important; overflow: visible!important; padding-bottom: 50px;}
.mobile.home .benefitBanner .benefitBanner__item:first-child .benefitBanner__picture, .mobile.home .benefitBanner .benefitBanner__item:nth-child(2) .benefitBanner__picture,  .mobile.home .benefitBanner .benefitBanner__item:nth-child(3) .benefitBanner__picture { flex: none; max-width: none!important; width: 100%!important;  display: block!important; border-radius: 0.5rem!important; overflow: hidden!important; box-shadow: 0 3px 10px #e3e3e3!important;}
.mobile.home .benefitBanner .benefitBanner__item:first-child .benefitBanner__content, .mobile.home .benefitBanner .benefitBanner__item:nth-child(2) .benefitBanner__content,  .mobile.home .benefitBanner .benefitBanner__item:nth-child(3) .benefitBanner__content { padding-left: 1rem!important; display: block!important; width: 60%!important; margin-top: -100px!important;}
.mobile.home .benefitBanner .benefitBanner__item:first-child strong.benefitBanner__title, .mobile.home .benefitBanner .benefitBanner__item:nth-child(2) strong.benefitBanner__title, .mobile.home .benefitBanner .benefitBanner__item:nth-child(3) strong.benefitBanner__title { font-size: 2rem!important;}
.mobile.home .benefitBanner .benefitBanner__item:first-child .benefitBanner__data, .mobile.home .benefitBanner .benefitBanner__item:nth-child(2) .benefitBanner__data,  .mobile.home .benefitBanner .benefitBanner__item:nth-child(3) .benefitBanner__data { padding-top: 5px!important;}
.mobile.home .benefitBanner .benefitBanner__item:first-child .benefitBanner__link, .mobile.home .benefitBanner .benefitBanner__item:nth-child(2) .benefitBanner__link, .mobile.home .benefitBanner .benefitBanner__item:nth-child(3) .benefitBanner__link { display: block;}

@media only screen and (max-width: 40em) {

.menu-helper-wrap { height: 0;}
ul#menu-helper-box { margin-top: -39px;
    z-index: 8;
    border: none;
    color: white;
    border-radius: 0.5rem;
    background-color: #D7A3D6;}  
div#menu-helper { z-index: 9;}
.menu-element-wrap-active .menu-element-submenu a { color: white;}
.menu-element-submenu>li {border-color: transparent; }
nav#menu a.menu-element-link { font-size: 1rem; font-weight: 600; padding-bottom: 0;}
.navigation-wrap .menu-element-wrap:hover .menu-helper, .navigation-wrap .menu-element-wrap-active .menu-helper, .navigation-wrap .menu-element-wrap.menu-element-wrap-active:hover>.menu-helper {background-color: #d7a3ce; }
}

div#cat-1902:before {
      content: '';
  background: url(https://www.petto.cz/user/documents/upload/doplnky-petto/petto-ikona-vyprodej.jpg) left center no-repeat;
  vertical-align: middle;
  background-size: 16px auto;
  padding-left: 20px;
mix-blend-mode: multiply;
}

div#cat-1484:before {
      content: '';
  background: url(https://www.petto.cz/user/documents/upload/doplnky-petto/petto-ikona-batohy.jpg) left center no-repeat;
  vertical-align: middle;
  background-size: 16px auto;
  padding-left: 20px;
mix-blend-mode: multiply;
}

div#cat-728:before {
      content: '';
  background: url(https://www.petto.cz/user/documents/upload/doplnky-petto/petto-ikona-koralky.jpg) left center no-repeat;
  vertical-align: middle;
  background-size: 16px auto;
  padding-left: 20px;
mix-blend-mode: multiply;
}

div#cat-1340:before {
      content: '';
  background: url(https://www.petto.cz/user/documents/upload/doplnky-petto/petto-ikona-obleceni.jpg) left center no-repeat;
  vertical-align: middle;
  background-size: 16px auto;
  padding-left: 20px;
mix-blend-mode: multiply;
}

div#cat-731:before {
      content: '';
  background: url(https://www.petto.cz/user/documents/upload/doplnky-petto/petto-ikona-hracky.jpg) left center no-repeat;
  vertical-align: middle;
  background-size: 16px auto;
  padding-left: 20px;
mix-blend-mode: multiply;
}

div#cat-725:before {
      content: '';
  background: url(https://www.petto.cz/user/documents/upload/doplnky-petto/petto-ikona-zdravi.jpg) left center no-repeat;
  vertical-align: middle;
  background-size: 16px auto;
  padding-left: 20px;
mix-blend-mode: multiply;
}

div#cat-722:before {
      content: '';
  background: url(https://www.petto.cz/user/documents/upload/doplnky-petto/petto-ikona-koupani.jpg) left center no-repeat;
  vertical-align: middle;
  background-size: 16px auto;
  padding-left: 20px;
mix-blend-mode: multiply;
}


div#cat-716:before {
      content: '';
  background: url(https://www.petto.cz/user/documents/upload/doplnky-petto/petto-ikona-noseni.jpg) left center no-repeat;
  vertical-align: middle;
  background-size: 16px auto;
  padding-left: 20px;
mix-blend-mode: multiply;
}

div#cat-713:before {
      content: '';
  background: url(https://www.petto.cz/user/documents/upload/doplnky-petto/petto-ikona-deky.jpg) left center no-repeat;
  vertical-align: middle;
  background-size: 16px auto;
  padding-left: 20px;
mix-blend-mode: multiply;
}

div#cat-710:before {
      content: '';
  background: url(https://www.petto.cz/user/documents/upload/doplnky-petto/petto-ikona-kojeni.jpg) left center no-repeat;
  vertical-align: middle;
  background-size: 16px auto;
  padding-left: 20px;
mix-blend-mode: multiply;
}

div#cat-707:before {
      content: '';
  background: url(https://www.petto.cz/user/documents/upload/doplnky-petto/petto-ikona-postylky.jpg) left center no-repeat;
  vertical-align: middle;
  background-size: 16px auto;
  padding-left: 20px;
mix-blend-mode: multiply;
}

div#cat-701:before {
      content: '';
  background: url(https://www.petto.cz/user/documents/upload/doplnky-petto/petto-ikona-kocarky.jpg) left center no-repeat;
  vertical-align: middle;
  background-size: 16px auto;
  padding-left: 20px;
mix-blend-mode: multiply;
}
div#cat-998:before, div#cat-1013:before {
      content: '';
  background: url(https://www.petto.cz/user/documents/upload/doplnky-petto/petto-ikona-doplnky-ke-kocarkum.jpg) left center no-repeat;
  vertical-align: middle;
  background-size: 16px auto;
  padding-left: 20px;
mix-blend-mode: multiply;
}


div#cat-704:before {
      content: '';
  background: url(https://www.petto.cz/user/documents/upload/doplnky-petto/petto-ikona-autosedacky.jpg) left center no-repeat;
  vertical-align: middle;
  background-size: 16px auto;
  padding-left: 20px;
mix-blend-mode: multiply;
}


div#categories:hover { border: 1px solid #7cabb3;}
div#categories { border: 1px solid #d2e7eb;; padding: 11px 0 11px 0px;}
div#categories a { font-size: 15px;
    line-height: 19px;
    padding: 6px 0 6px 0;
    display: block;}
div#categories a:hover { color:#7cabb3;}
.icon-arrow-right-before.category-name, .icon-arrow-down-before.category-name { width: 100%; padding-left: 8px;}
aside#column-l .categories:hover { background: linear-gradient(90deg, rgb(225 240 243) 0%, rgb(237 240 241) 22%, rgb(241 243 243) 70%, rgba(255,255,255,1) 100%); box-shadow: inset 2px 0px 0 #7cabb3;}
div#categories h3.topic { display: none;}
aside#column-l .categories { display: flex; padding-left: 8px; margin-bottom: 0;}
aside#column-l .icon-arrow-right-before.category-name::before, aside#column-l .icon-arrow-down-before.category-name::before { display: none;}



div#u_0_1h_lV { max-height: max-content; padding: 8px 0 8px 10px;}

a.add-pcs { border-radius: 0 0.5rem 0.5rem 0;}
a.remove-pcs { border-radius: 0.5rem 0 0 0.5rem;}

li.product-wrap .pr-list-shortDescription { display: none;}
.product.columns:hover {box-shadow: 0 3px 10px #e3e3e3}
.product:hover .pr-list-pcs { background-color: white;}
.product:hover .button.button-success-inverse { background-color: #d7a3ce;}
.product:hover .button.button-success-inverse { color: #ffffff;}
.product:hover .pr-list-hover-info:after { background-color: transparent!important;}
.product:hover .button.button-success-inverse { border-color: transparent;}
.product:hover .pr-list-info, .product:hover .pr-list-product-name, .product:hover .category-appendix { color: #000;}
.product:hover .pr-list-pcs { border-color: #000000;}
.product:hover .button-inverse { background-color: #7cabb3; color: white;}
.pr-list-cart-wrap.large-6.medium-6.small-6.columns { display: inline-flex; gap: 0.5rem;}
.pr-list-hover-info.large-12.medium-12.small-12 { display: none;}
div#product-detail-h1 { border: none; border-radius: 0.5rem; overflow: hidden; box-shadow: 0 3px 10px #e3e3e3; margin-bottom: 2.5rem; box-shadow: 0 3px 10px #e3e3e3;}
/*table#t-product-detail ul#social-buttons, table#t-product-detail div#tr-links { display: none;}*/

article.welcome.clearfix { border-color: transparent; padding: 0;}

.product-detail-name, h2 { color: #7cabb3}
h1 { font-size: 2.2rem;}

.button.button-success, .button.button-success-inverse { box-shadow: 0 0 0 1px #d7a3ce inset;}
.button { box-shadow: 0 0 0 1px #7cabb3 inset;}

.pr-list-cart-wrap.large-12.medium-12.small-12.columns { display: flex; gap: 0.5rem;}
.products .pr-list-flag { border-radius: 0.3rem 0 0 0.3rem;}

.homepage-banners-wrap { margin-bottom: 1.5rem;}


div#categories, div#top10, .box.category-filters, div#menu-helper, .homepage-banners-wrap.clearfix img, a.mobile-login.visible-for-small-only.icon-login-before, input.amount.pcs.pr-list-pcs.product-pcs-input.large-12.medium-12.small-12, .button  { border-radius: 0.5rem;}

.homepage-banners-wrap.clearfix { overflow: hidden;}
nav#menu { display: flex; justify-content: center;}
nav#menu a#a-home { display: none;}
nav#menu a.menu-element-link { font-size: 0.9rem;}
nav#menu .navigation { height: auto;}

.product:hover .pr-list-hover-info:after {
    background-color: #d7a3ce;
    border-radius: 0.5rem;}

span.pr-list-flag-wrap.large-4.medium-4.small-3 { top: 1rem}

.product-wrap:not(.product-row-completed) {
    padding-bottom: 1rem;
}

.product { border: transparent; border-radius: 0.5rem;}

.pr-list-flag-wrap {font-size: 0.8rem;}
.products .pr-list-flag { padding: 0.2rem;}

div#main {box-shadow: 0 10px 20px #f1f1f1;}


input.query-input.s-word { border-radius: 1.5rem 0 0 1.5rem;}
button.search-submit.icon-magnifier-after{border-radius: 0 1.5rem 1.5rem 0;}

@media (min-width: 860px) {
input.query-input.s-word {     width: 400px;}
li.header-seachform-wrap {     align-self: center;
    flex: 0 1 89%;
    display: flex;
    justify-content: center;}

ul.header-in.large-6.medium-6.small-12.columns.text-right.list-inline.valign-top-inline {     align-self: center;
    width: fit-content;
    flex: 0 1 81%;
    display: flex;}
.large-6.medium-6.small-12.columns { flex: 0 1 19%;}
.header-in-wrap.valign-middle-block.large-12.medium-12.small-12 { display: flex;
    flex-wrap: wrap;}
li.header-cart-wrap.icon-filled-arrow-down-after.menu-element-wrap.place-cart-here { flex: 0 1 19%;}

}
.menu-element-wrap:hover, .menu-element-wrap-active { background-color: transparent;}
div#header-cart-wrapper, ul#tabs, span.pr-list-flag.valign-middle-inline { border-radius: 0.5rem;}

.ui-slider .ui-slider-handle { border-radius: 99px; margin-top: -0.2rem;}
.ui-slider-horizontal { height: 0.225rem;}

header#header .row .columns {    padding: 0; }
.header-in-wrap.valign-middle-block.large-12.medium-12.small-12 { padding-left: 1rem;
    padding-right: 1rem;}