/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.next-to-carousel-banners .custom-banner span {
	font-weight: bold !important;
  }
.prouzek  {
  background: #009901 !important
}
.prouzek {
  text-align: center !important;
  color: white !important;
  font-weight: normal !important;
  padding: 5px !important;
}
#navigation ul.menu-level-1 > li:first-child a{
padding-left: 22px !important;
}



@media only screen and (min-width: 768px){
#header .search{left: -14px !important;}
}

@media only screen and (min-width: 768px){
#header .header-top {
    height: 125px !important;
}
}
#header .site-name a img{
max-height: 95px !important;
top: -4px;
position: relative;
}

/*@media (min-width: 768px){
.navigation-in>ul>li.exp>ul {
    top: 50% !important;
}
}*/

.top-navigation-bar .top-navigation-contacts a.project-phone span{font-size: 1em !important; letter-spacing: 1px !important;}

.site-msg.information { max-width: none; position: static; text-align: center; letter-spacing: 2px; background-color: #609F47 }
.flags.flags-extra .flag-discount { background-color: #ddaf27; }

.upozorneni-kosik {
  color: #c30f18 !important;
  font-size: smaller !important;
  padding: 10px !important;
  text-align: center !important;
}
.upozorneni-kosik strong {
  color: #c30f18 !important;
}
.price-measure {
  font-weight: bold !important;
  color: #333 !important;
}
.flag-action {
  background: yellow !important;
  color: black !important;
  font-weight: bold !important;
}
.flag-tip {
  background: yellow !important;
  color: black !important;
  font-weight: bold !important;
}
.p-detail .shortDescription {
  display: inline-block !important;
}
.p-type-descr {
  display: inline-block !important;
}
.topmenu {
  width: 100% !important;
  display: inline-block !important;
  text-align: center !important;
  border-bottom: 1px solid #e0e0e0 !important;
  padding: 5px !important;
}


.topmenu span {
  width: 33% !important;
  float: left !important;
    display: inline-block !important;
  text-decoration: none !important;
  color: #444 !important;
  font-size: 12px !important;
  font-weight: bold !important;
}
.topmenu a:hover {
  text-decoration: underline !important;
  color: #F69 !important;
}

/*
.p-detail {
display: inline-block !important;
}
*/



.header-contacts { visibility: hidden }



#menu li a { text-transform: none; }



#menu li { font-size:0.98rem;}



#menu li { color: #000000 }



#menu li a { font-weight: 800; }



h1 { font-size: 2rem }



.banner { margin-top: 1rem }

@media only screen and (max-width: 40em) {
#header-cart {
    top: 5rem;
}
.footer-row-element .hide-for-small {
display: block !important;
}
}

@media only screen and (max-width: 40em) {#footer-in .footer-row-element:not(.banner) {display: block !important}}






html .type-detail .add-to-cart button {
  width: unset !important;
}
.type-category main#content {display: flex;-webkit-flex-flow: row wrap;flex-flow: row wrap;}
.type-category main#content>* {order:2;width:100%;}
.category-title {order:1 !important;}
.content .category-perex {order:1 !important;display:block;}



.category-perex p{font-weight: normal; line-height: 24px !important;}
.news-item-detail p, .news-item-detail ol li,  .news-item-detail ul li{font-weight: normal; line-height: 24px; font-size: 14px !important;}
.news-item p{font-weight: normal; line-height: 24px; font-size: 14px !important;}
.news-item{margin-top: 20px; margin-bottom: 30px !important;}
.next-to-carousel-banners .custom-banners {
	flex-wrap: wrap;
  gap: 30px;
}
.next-to-carousel-banners .custom-banner {
	flex: 1 1 300px;
}
@media only screen and (max-width: 768px) {
  .next-to-carousel-banners .custom-banners {
    flex-direction: unset;
  }
  .next-to-carousel-banners .custom-banner {
  	margin: 0;
  }
}
#footer .contact-box ul {
    display: flex;
    flex-wrap: wrap;
}
#footer .contact-box ul li:first-of-type {
    width: 100%;
}
#footer .contact-box ul li:nth-of-type(2) {
    width: 100%;
}
#footer .instagram a,
#footer .facebook a {
    display: flex;
    align-items: center;
    font-size: 0;
    line-height: 0;
    color: transparent !important;
}

#footer .facebook a:before {
    content: url("https://eshop.superpodlaha.cz/user/documents/upload/img/fb.svg");
    line-height: 0;
}
#footer .instagram a:before {
    content: url("https://eshop.superpodlaha.cz/user/documents/upload/img/instagram.svg");
    line-height: 0;
}

/* edits */
.site-msg.information {
    padding: 12px;
    font-size: 20px;
}
@media (max-width:767px) {
.site-msg.information {
    font-size: 16px;
}

}

.shoptak-titan .flag.flag-action-percentage, .shoptak-dolomit .flag.flag-action-percentage, .flags .flag.flag-action-percentage, html body .flag-action-percentage {
color: barva textu příznaku !important;
background-color: barva pozadí příznaku !important;
}

html body .product .price-additional.price-action-before, .products-block.products .product .prices .price-additional.price-action-before {
color: barva ceny před slevou !important;
}
.prouzek {
    visibility: hidden;
}
body,
.external-fonts-loaded body,
body.blank-mode {
  font-family: 'Poppins', sans-serif;
}
body .container,
.external-fonts-loaded body .container,
body.blank-mode .container {
  max-width: 1180px;
  margin: 0 auto;
  width: 100%;
  position: relative;
  padding: 0;
}

#carousel .carousel-slide-box img {
  object-fit: cover;
}
@media only screen and (max-width: 1200px) {
  body .container,
  .external-fonts-loaded body .container,
  body.blank-mode .container {
    padding: 0 20px !important;
  }
}
body .popup-widget,
.external-fonts-loaded body .popup-widget,
body.blank-mode .popup-widget {
  margin-left: 0;
}
@media only screen and (min-width: 768px) {
  body .popup-widget.login-widget,
  .external-fonts-loaded body .popup-widget.login-widget,
  body.blank-mode .popup-widget.login-widget {
    right: 0px !important;
    top: 50px !important;
    left: unset !important;
  }
  body .popup-widget.cart-widget,
  .external-fonts-loaded body .popup-widget.cart-widget,
  body.blank-mode .popup-widget.cart-widget {
    top: 128px;
    left: unset;
    right: -10px;
  }
}
.top-navigation-bar {
  border: none;
}
.top-navigation-bar .top-navigation-contacts a.project-phone span {
  display: inline;
  font-size: 1.4em;
  font-family: Poppins;
  font-weight: 400;
  letter-spacing: 1.5px;
  color: #000;
}
@media only screen and (max-width: 992px) {
  .top-navigation-bar .top-navigation-contacts a.project-phone span {
    font-size: 1.2em;
  }
}
.top-navigation-bar .top-navigation-contacts a.project-phone:before {
  content: '';
  background-image: url(https://cdn.myshoptet.com/usr/shoptet.tomashlad.eu/user/documents/old/kodl/superpodlaha/img/phone.png);
  background-size: 22px;
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 8px;
  position: relative;
  top: -3px;
}
.top-navigation-bar .project-email {
  display: none;
}
@media only screen and (min-width: 768px) {
  .top-navigation-bar {
    background: #edf0f3;
  }
  .top-navigation-bar .top-navigation-tools a {
    font-weight: 500;
    display: inline-block;
    height: 47px;
    padding: 0 18px;
    background: #fff;
    letter-spacing: 0.5px;
    line-height: 48px;
  }
  .top-navigation-bar .top-navigation-tools a:hover {
    color: #d92630;
  }
  .top-navigation-bar .top-navigation-menu {
    height: auto;
  }
  .top-navigation-bar .top-navigation-menu .top-navigation-menu-trigger {
    display: block;
    height: 37px;
  }
  .top-navigation-bar .top-navigation-menu .top-navigation-menu-trigger:hover:before {
    color: #d92630;
  }
  .top-navigation-bar .top-navigation-menu li {
    padding: 0 10px;
  }
  .top-navigation-bar .top-navigation-menu li:before {
    display: none;
  }
  .top-navigation-bar .top-navigation-menu li a {
    position: relative;
    display: block;
    padding: 14px 5px;
    text-transform: none;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #838995;
    font-size: 14px;
    border-top: 2px solid transparent;
  }
  .top-navigation-bar .top-navigation-menu li a:hover {
    border-color: #d92630;
    color: #000;
  }
  .top-navigation-bar .top-navigation-bar-menu-helper li {
    list-style: none;
    padding: 0;
  }
  .top-navigation-bar .top-navigation-bar-menu-helper li a {
    padding: 7px 20px;
  }
  .top-navigation-bar .top-navigation-bar-menu-helper li a:before {
    display: none;
  }
  .top-navigation-bar .top-navigation-menu,
  .top-navigation-bar .top-navigation-contacts {
    background-color: transparent;
  }
  .menu-helper {
    top: 126px;
    right: 10px;
  }
  #navigation {
    margin: 0;
    position: relative;
    overflow: visible;
    background: transparent !important;
    height: 55px;
  }
  #navigation .menu {
    background: transparent;
  }
  #navigation:before {
    width: calc(100vw - 17px);
    height: 55px;
    content: '';
    position: absolute;
    left: 50%;
    background: #fff;
    border-top: 1px solid #edf0f3;
    border-bottom: 1px solid #edf0f3;
    transform: translateX(-50%);
  }
  #navigation ul.menu-level-1 > li {
    border: none;
    background: transparent;
  }
  #navigation ul.menu-level-1 > li:first-child a {
    padding-left: 0;
  }
  #navigation ul.menu-level-1 > li .menu-level-2 {
    border-color: #d92630;
  }
  #navigation ul.menu-level-1 > li .menu-level-3 a {
    color: #d92630;
  }
  #navigation ul.menu-level-1 > li .more-items-trigger {
    color: #d92630;
  }
  #navigation ul.menu-level-1 > li > a {
    line-height: 55px;
    background: transparent;
    color: #292b32;
    padding: 0 22px;
  }
  #navigation ul.menu-level-1 > li > a:hover {
    color: #d92630;
    margin: 0;
  }
  #navigation ul.menu-level-1 > li > a b {
    font-weight: 500;
  }
}
.products .slick-list {
  width: 100% !important;
  border: none !important;
  padding: 0 0 30px 0 !important;
}
.products .slick-dots {
  display: none !important;
}
.products .slick-arrow {
  position: absolute;
  top: -50px;
  right: 2px;
  content: "";
  background-color: transparent;
  outline: none;
  border: 1px solid #dfe4eb;
  color: rgba(45, 50, 57, 0);
  width: 25px;
  height: 25px;
  border-radius: 3px;
  overflow: hidden;
  background-image: url(https://cdn.myshoptet.com/usr/shoptet.tomashlad.eu/user/documents/old/kodl/superpodlaha/img/slider-arrow-right.png);
  background-size: 6px;
  background-repeat: no-repeat;
  background-position: center;
}
.products .slick-prev {
  right: 31px;
  background-image: url(https://cdn.myshoptet.com/usr/shoptet.tomashlad.eu/user/documents/old/kodl/superpodlaha/img/slider-arrow-left.png);
}
.products .slick-arrow:hover {
  border: 1px solid #bbc2cb;
}
.homepage-box {
  border: none;
}
#header .btn.cart-count {
  padding-right: 37px;
}
@media only screen and (max-width: 768px) {
  #header .btn.cart-count {
    padding-right: 0;
  }
}
#header .btn.cart-count:before {
  content: '';
  background: url(https://cdn.myshoptet.com/usr/shoptet.tomashlad.eu/user/documents/old/kodl/superpodlaha/img/cart.png) no-repeat center;
  width: 36px;
  height: 34px;
  background-size: 36px;
}
@media only screen and (max-width: 768px) {
  #header .btn.cart-count:before {
    width: 30px;
    height: 30px;
    background-size: 30px;
  }
}
#header .btn.cart-count:after {
  position: absolute;
  right: 0;
  top: 6px;
  content: 'Košík';
  font-family: Poppins;
  color: #838995;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  #header .btn.cart-count:after {
    display: none;
  }
}
#header .btn.cart-count .cart-price {
  display: none !important;
}
#header .btn.cart-count .sr-only {
  display: block !important;
}
#header .btn.cart-count i {
  left: 11px;
  top: -8px;
  width: 22px;
  height: 22px;
  padding-top: 6px;
  font-size: 13px;
  background: #d92630;
}
@media only screen and (min-width: 768px) {
  #header .header-top {
    height: 115px;
  }
  #header .header-top .navigation-buttons {
    flex: auto;
  }
  #header .header-top > div:first-child {
    width: 315px;
  }
  #header .search {
    position: relative;
    left: -79px;
  }
  #header .search form .query-input {
    line-height: 33px;
    margin-top: -5px;
    height: auto;
    border-radius: 0;
    color: #717783;
    border-color: #c1c4ca;
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
    padding: 10px 40px 10px 15px;
    letter-spacing: 0.5px;
    width: 450px;
  }
  #header .search form button {
    height: 55px;
    top: -5px;
    background-color: transparent;
    border: transparent;
    color: transparent;
    background-image: url(https://cdn.myshoptet.com/usr/shoptet.tomashlad.eu/user/documents/old/kodl/superpodlaha/img/search.png);
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: center;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  #header .site-name {
    min-width: 280px;
  }
  #header .header-top > div:first-child {
    flex: auto;
  }
  #header .search {
    position: relative;
    left: -48px;
    max-width: 325px;
  }
  #header .search form .query-input {
    width: 320px !important;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  #header .header-top > div:first-child {
    width: 250px;
  }
  #header .site-name {
    width: 250px;
  }
  #header .site-name .header-top > div:first-child {
    flex: auto;
    width: 250px;
  }
  #header .search {
    left: 0;
  }
  #header .search form .query-input {
    width: 320px !important;
    padding: 8px 30px 8px 15px;
  }
}
@media only screen and (max-width: 768px) {
  #header .site-name {
    min-width: unset;
  }
}
.navigation-window-visible #header #navigation {
  width: 100%;
  padding: 0 15px;
}
@media only screen and (max-width: 768px) {
  .navigation-window-visible #header #navigation {
    padding: 0;
  }
}
@media only screen and (max-width: 768px) {
  .search-window-visible #header .search-form {
    display: block;
    margin: 0;
  }
}
.footer-banners {
  margin: 0;
}
.homepage-box {
  background: #fff;
  padding-top: 5px;
}
.homepage-box .banners-row > div {
  width: 100%;
  padding: 0;
}
.banners-content.body-banners > div {
  width: 100% !important;
  padding: 0;
}
.p-detail .stars-wrapper {
  font-size: 0.9em;
}
.next-to-carousel-banners {
  padding-bottom: 10px;
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
}
@media only screen and (max-width: 1200px) {
  .next-to-carousel-banners {
    margin: 0 !important;
    padding: 0 15px;
  }
}
.next-to-carousel-banners .custom-banners,
.next-to-carousel-banners .normal-banners {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .next-to-carousel-banners .custom-banners,
  .next-to-carousel-banners .normal-banners {
    margin: 0;
    flex-direction: column;
    align-items: center;
  }
}
.next-to-carousel-banners .custom-banners {
  margin-bottom: 30px;
  flex-direction: row-reverse;
}
@media only screen and (max-width: 768px) {
  .next-to-carousel-banners .custom-banners {
    flex-direction: column-reverse;
  }
}
.next-to-carousel-banners .normal-banners {
  margin-top: 60px;
}
@media only screen and (max-width: 1200px) {
  .next-to-carousel-banners .normal-banners {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media only screen and (max-width: 768px) {
  .next-to-carousel-banners .normal-banners {
    margin-top: 30px;
  }
}
.next-to-carousel-banners .normal-banners .banner-wrapper:first-child {
  display: flex;
  order: 1;
}
.next-to-carousel-banners .normal-banners .banner-wrapper:nth-child(4) {
  display: flex;
  order: -1;
}
.next-to-carousel-banners .custom-banner {
  position: relative;
}
@media only screen and (max-width: 1200px) {
  .next-to-carousel-banners .custom-banner {
    margin: 0 5px;
  }
}
@media only screen and (max-width: 768px) {
  .next-to-carousel-banners .custom-banner {
    margin-top: 15px;
  }
}
.next-to-carousel-banners .custom-banner img {
  position: relative;
  max-height: 150px;
}
.next-to-carousel-banners .custom-banner span {
  position: absolute;
  left: 30px;
  bottom: 25px;
  color: #fff;
  padding-right: 70px;
  font-weight: 300;
  font-size: 1.6em;
  transition: 0.3s;
  letter-spacing: 1px;
}
@media only screen and (max-width: 992px) {
  .next-to-carousel-banners .custom-banner span {
    font-size: 1.2em;
  }
}
@media only screen and (max-width: 768px) {
  .next-to-carousel-banners .custom-banner span {
    font-size: 1.3em;
  }
}
.next-to-carousel-banners .custom-banner span strong {
  font-weight: 600;
}
.next-to-carousel-banners .custom-banner a {
  display: block;
  position: relative;
}
.next-to-carousel-banners .custom-banner a:after {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 32px;
  bottom: 25px;
  content: '';
  background: url("https://cdn.myshoptet.com/usr/shoptet.tomashlad.eu/user/documents/old/kodl/superpodlaha/img/banner-arrow.png") no-repeat center;
  background-size: 30px;
  transition: 0.3s;
}
.next-to-carousel-banners .custom-banner a:hover:after {
  right: 27px;
}
@media only screen and (max-width: 1200px) {
  .next-to-carousel-banners {
    margin: 0 -5px;
  }
}
.next-to-carousel-banners .banner-wrapper {
  margin-top: 0 !important;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1200px) {
  .next-to-carousel-banners .banner-wrapper {
    margin: 5px 5px 20px 5px;
  }
}
@media only screen and (max-width: 768px) {
  .next-to-carousel-banners .banner-wrapper {
    max-width: 300px;
  }
}
#carousel {
  margin-bottom: 25px;
  background: #f9f8f9;
  height: 300px;
  overflow: hidden;
}
#carousel .carousel-inner {
  min-height: auto !important;
}
@media only screen and (max-width: 768px) {
  #carousel .carousel-control.right::before,
  #carousel .carousel-control.left::before {
    background: transparent;
    width: 30px;
  }
  #carousel .carousel-control.right::before {
    right: 0;
  }
  #carousel .carousel-control.left::before {
    left: 0;
  }
}
#carousel .item {
  height: 300px;
  overflow: hidden;
}
#carousel .item img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  max-height: 100%;
}
#carousel .carousel-slide-box {
  position: relative;
  width: 100%;
  height: 300px;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  #carousel .carousel-slide-box {
    text-align: center;
  }
}
#carousel .carousel-slide-box img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  max-height: 110%;
  max-width: unset;
}
@media only screen and (max-width: 768px) {
  #carousel .carousel-slide-box img {
    transform: translateY(-50%);
    right: 0;
    left: unset;
  }
}
#carousel .carousel-slide-box .carousel-slide-caption {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 1180px;
  color: #fff;
  font-family: Poppins;
}
@media only screen and (max-width: 1200px) {
  #carousel .carousel-slide-box .carousel-slide-caption {
    padding: 0 15px;
    text-align: center;
    max-width: 100%;
    width: calc(100% - 60px);
    transform: none;
    left: 30px;
    bottom: 30px;
    top: 30px;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media only screen and (max-width: 480px) {
  #carousel .carousel-slide-box .carousel-slide-caption {
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    padding: 25px;
  }
}
#carousel .carousel-slide-box .carousel-slide-caption .button {
  padding: 11px 23px;
  letter-spacing: 1px;
  display: inline-block !important;
  margin: 0 auto;
}
#carousel .carousel-slide-box .carousel-slide-caption h2 {
  font-size: 2.2em;
  letter-spacing: 2px;
  color: #fff;
  font-weight: 700;
  margin-top: 0;
  line-height: 1.25em;
  font-family: Poppins;
  margin-bottom: 20px;
}
#carousel .carousel-slide-box .carousel-slide-caption h2 strong {
  text-transform: uppercase;
  font-weight: 600;
}
@media only screen and (max-width: 768px) {
  #carousel .carousel-slide-box .carousel-slide-caption h2 {
    font-size: 1.8em;
  }
}
#carousel .carousel-slide-box .carousel-slide-caption p {
  font-size: 1.55em;
  margin-bottom: 0;
  font-weight: 400;
  color: #fff;
  letter-spacing: 1.5px;
}
@media only screen and (max-width: 768px) {
  #carousel .carousel-slide-box .carousel-slide-caption p {
    font-size: 1.2em;
    margin-bottom: 10px;
  }
}
.button,
.products .product button,
.products .product .btn,
.btn.btn-primary {
  width: auto;
  min-width: 90px;
  border-radius: 0;
  height: 42px;
  background: #d92630;
  border: none;
  color: #fff !important;
  display: flex !important;
  font-weight: 400;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: 0.3s;
  letter-spacing: 0px;
}
.button:hover,
.products .product button:hover,
.products .product .btn:hover,
.btn.btn-primary:hover {
  box-shadow: 0 10px 15px rgba(217, 38, 48, 0.6);
  background: #d92630;
  border: none;
}
@media only screen and (max-width: 768px) {
  .button,
  .products .product button,
  .products .product .btn,
  .btn.btn-primary {
    margin: 0 auto;
  }
}
ol.cart-header li.active a,
ol.cart-header li.active strong {
  color: #d92630;
}
.content-wrapper.homepage-box.middle-banners-wrapper {
  overflow: hidden;
}
.flags .flag {
  letter-spacing: 0.5px;
  padding: 7px 11px;
  text-transform: uppercase;
  background: #838995;
  font-weight: 300;
  font-size: 0.8em;
}
.content-wrapper.homepage-box.before-carousel {
  padding: 0;
}
.content-wrapper.latest-contribution-box {
  display: none;
}
.products-block > div.slick-slide {
  flex: 0 0 auto;
  width: 100%;
}
.products .slick-list {
  margin: 0 -10px;
}
.products .slick-track {
  float: left;
}
.products .product {
  border: none !important;
  position: relative;
  font-family: Poppins;
  letter-spacing: 1px;
  padding: 0 10px;
}
.products .product .stars-placeholder,
.products .product .p .stars-wrapper {
  height: auto;
  margin: 0;
}
.products .product .p-tools {
  flex-basis: 90px;
}
.products .product .p-code {
  display: none;
}
.products .product.slick-slide {
  padding: 0 10px;
}
.products .product .p-desc {
  display: block;
}
.products .product .category-appendix,
.products .product .p-desc {
  display: block !important;
}
.products .product .flags {
  width: 100%;
}
.products .product .stars {
  margin-bottom: 10px;
}
.products .product .btn.add-to-cart-button {
  background: #74ce87;
}
.products .product .btn.add-to-cart-button:hover {
  background: #74ce87;
  box-shadow: 0 10px 15px rgba(116, 206, 135, 0.6);
}
.products .product .p {
  position: relative;
  border: none;
}
.products .product .p .name {
  text-align: left;
  font-weight: 500;
  font-size: 0.97em;
  color: #000;
  text-decoration: none;
  min-height: 36px;
  height: auto;
  margin: 0px auto 10px auto;
  font-family: Poppins;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-transform: uppercase;
}
.products .product .availability-amount {
  display: none;
}
.products .product .availability {
  font-size: 12px;
  text-align: left;
  flex: unset;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0;
}
.products .product .p-desc {
  order: 1;
  font-size: 0.83em;
  font-weight: 400;
  max-width: 100%;
  margin: 10px auto 0 auto;
  line-height: 1.5em;
  width: 100%;
  text-align: left;
}
.products .product .prices {
  order: 2;
  padding: 0px;
  flex-basis: 100%;
  margin-bottom: 10px;
}
.products .product .prices .price-additional {
  font-family: Poppins;
  font-size: 13px;
  font-weight: 400;
  color: #838995;
  letter-spacing: 0.5px;
  margin-bottom: 6px;
}
.products .product .prices .price,
.products .product .prices .price strong {
  text-transform: none;
}
.products .product .prices .price-final strong {
  font-weight: 500;
  font-family: Poppins;
  font-size: 1.4em;
}
.products .product a {
  border: none;
}
.products .product a img {
  border: none;
}
.products .product button,
.products .product .btn {
  width: 90px;
  text-transform: inherit;
  height: 42px;
  font-family: Poppins;
  margin: 0 auto;
  color: #fff !important;
}
.products .product button:before,
.products .product .btn:before {
  display: none;
}
.products .product .p-tools {
  order: 3;
}
.overall-wrapper {
  overflow: hidden;
}
.h4,
.content h4,
.category-title,
.p-detail-inner h1,
article h1,
h4.homepage-group-title,
.h4.homepage-group-title {
  text-align: left;
  font-weight: 500;
  color: #292b32;
  padding-bottom: 0;
  margin-bottom: 35px;
  font-family: Poppins !important;
  position: relative;
  letter-spacing: 1px;
  font-size: 1.6em;
  margin-top: 40px;
  /* &:after {
    width: 30px;
    height: 4px;
    position: absolute;
    left: 0;
    display: block;
    content: "";
    bottom: 6px;
    background: @red;
  }*/
}
.content {
  padding: 0;
}
.content .content-inner {
  width: 100%;
  max-width: 100%;
}
.content article {
  position: relative;
  padding-bottom: 30px;
}
.content article h1 {
  margin: 0;
  text-align: left;
}
.content article h1:after {
  left: 0;
  transform: none;
}
.content .category-perex {
  display: none;
}
.content .p-detail-inner h1 {
  padding-bottom: 30px;
  margin-bottom: 15px;
}
.content .category-header input[type="radio"]:checked + label {
  background: #d92630;
  color: #fff !important;
}
.content .category-header div {
  display: none;
}
.content .filters-wrapper {
  display: none;
}
.content .category-header {
  border-radius: 3px;
  overflow: hidden;
  margin-bottom: 40px;
  margin-top: 20px;
  background: #edf0f3;
}
.content .category-header label {
  font-size: 15px !important;
  color: #1b1b19 !important;
  border-radius: 0 !important;
  margin-top: 0 !important;
  padding: 13px 20px !important;
  font-weight: 500;
}
#content .category-title,
#content .p-detail-inner h1,
.type-posts-listing h1,
.type-post h1 {
  margin-top: 20px;
  margin-bottom: 15px;
  font-family: Poppins;
  text-align: left;
  font-size: 1.8em;
}
#content .category-title .product-appendix,
#content .p-detail-inner h1 .product-appendix,
.type-posts-listing h1 .product-appendix,
.type-post h1 .product-appendix {
  display: none;
}
#content .category-title:after,
#content .p-detail-inner h1:after,
.type-posts-listing h1:after,
.type-post h1:after {
  left: 0;
  transform: none;
}
.type-posts-listing,
.type-post h1 {
  margin-bottom: 40px;
}
.login-wrapper a {
  color: #d92630;
}
.content-wrapper,
.content-wrapper.container {
  padding: 0 15px;
}
.btn.btn-conversion,
a.btn.btn-conversion,
.btn.btn-cart,
a.btn.btn-cart {
  background: #d92630;
  border-color: #d92630;
}
.type-index .content-wrapper.homepage-box.before-carousel {
  margin-bottom: 0;
  padding-bottom: 0;
}
.type-index .homepage-box.middle-banners-wrapper {
  margin-bottom: 0;
  padding-bottom: 0;
}
.content-wrapper.before-carousel {
  padding-top: 0;
  overflow: hidden;
}
.content-wrapper.before-carousel .container {
  max-width: 100%;
}
@media only screen and (max-width: 1200px) {
  .content-wrapper.before-carousel {
    padding-top: 0;
  }
}
.homepage-box.welcome-wrapper {
  min-height: 300px;
  overflow: hidden;
  background: #edf0f3;
  text-align: center;
  color: #292b32;
  position: relative;
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  .homepage-box.welcome-wrapper {
    height: auto;
  }
}
.homepage-box.welcome-wrapper .content-wrapper-in {
  height: 100%;
}
.homepage-box.welcome-wrapper .welcome {
  padding: 40px 0 30px 0;
  text-align: center;
  font-weight: 500;
  max-width: 850px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .homepage-box.welcome-wrapper .welcome {
    padding: 0;
  }
}
.homepage-box.welcome-wrapper .welcome div {
  max-width: inherit;
}
.homepage-box.welcome-wrapper .welcome .icon-box {
  height: 133px;
}
@media only screen and (max-width: 768px) {
  .homepage-box.welcome-wrapper .welcome .icon-box {
    margin-top: 50px;
  }
}
.homepage-box.welcome-wrapper .welcome .icon-box:before {
  display: none;
}
.homepage-box.welcome-wrapper .welcome h3 {
  color: #fff;
  font-size: 1.5em;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: Poppins;
  margin: 15px 0 32px 0;
}
.homepage-box.welcome-wrapper .welcome h1 {
  font-size: 2.3em;
  font-family: Poppins;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}
.homepage-box.welcome-wrapper .welcome p {
  line-height: 1.7em;
  letter-spacing: 0.3px;
  font-size: 1.1em;
  margin-bottom: 20px;
}
.homepage-box.welcome-wrapper .welcome p.special {
  padding: 2px 14px;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 30px;
  font-style: italic;
  line-height: 1.5em;
}
@media only screen and (max-width: 768px) {
  .homepage-box.welcome-wrapper .welcome p {
    line-height: 1.6em;
  }
}
#footer {
  padding-top: 15px;
  background: #fff !important;
  color: #000;
  margin-top: 0 !important;
}
#footer .paticka-spodek {
  display: none;
}
#footer .container {
  background: transparent !important;
}
#footer .site-name {
  display: none !important;
}
#footer .custom-footer {
  padding: 0;
  border: none;
}
#footer .contact-box ul li > span:before {
  display: none;
}
#footer h4 {
  color: #413743;
  font-weight: 400;
  font-size: 1.3em;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 20px;
  position: relative;
  text-transform: none;
  font-family: Poppins;
  margin-bottom: 30px;
}
@media only screen and (max-width: 992px) {
  #footer h4 {
    margin-bottom: 30px;
  }
}
#footer h4:before {
  width: 50px;
  height: 1px;
  background: #d92630;
  position: absolute;
  bottom: -15px;
  left: 0;
  content: '';
}
#footer .footer-bottom {
  background: #fff !important;
  padding: 30px 0;
  border-top: 1px solid #f6f7f9;
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  #footer .footer-bottom {
    padding: 20px 0;
  }
}
#footer .footer-bottom .copyright {
  color: #838995;
  letter-spacing: 1px;
  font-size: 12px;
  text-align: center;
  font-weight: 500;
}
#footer .footer-bottom .copyright a {
  font-weight: 400;
}
#footer .footer-bottom .copyright .podpis {
  color: #838995;
  text-transform: none;
  font-size: 13px;
}
#footer .footer-bottom .copyright .podpis a {
  color: #d92630;
}
body footer .footer-bottom.container {
  display: flex;
  flex-direction: column-reverse;
  color: #a7a6a6;
  font-size: 0.85em;
  border: none;
  margin-bottom: 10px;
  width: 100%;
  max-width: 100% !important;
  background: transparent !important;
}
@media only screen and (max-width: 1200px) {
  body footer .footer-bottom.container {
    padding-top: 20px !important;
  }
}
body footer .footer-bottom.container #signature {
  flex: unset;
  margin-top: 20px;
}
body footer .footer-bottom.container #signature a.image {
  opacity: 1;
}
body footer .footer-bottom.container #signature img {
  width: 20px;
}
.podpis {
  display: block;
  text-align: center;
  margin-top: 10px;
}
.ordering-process .podpis {
  display: none;
}
.ordering-process #header {
  margin-bottom: 30px;
  border: none !important;
}
.box.co-box h4,
.co-box h4 {
  margin-top: 0;
  margin-bottom: 20px;
  padding-bottom: 0;
}
.box.co-box h4:before,
.co-box h4:before {
  color: #d92630;
}
.box.co-box h4:after,
.co-box h4:after {
  display: none;
}
.pagination-wrapper a,
.pagination-wrapper strong {
  color: #d92630;
}
.pagination-wrapper a.pagination-link:hover {
  background-color: #d92630;
}
.breadcrumbs {
  margin: 13px 0;
  border: none;
}
.breadcrumbs span,
.breadcrumbs a {
  font-weight: 400;
  font-family: Poppins;
  letter-spacing: 0.5px;
  text-transform: none;
}
.breadcrumbs span a {
  padding: 10px 22px;
}
.breadcrumbs span a:hover {
  color: #d92630;
}
.breadcrumbs #navigation-first {
  padding-left: 7px;
}
.breadcrumbs #navigation-first:before {
  width: 27px;
  top: 18px;
  height: 25px;
  position: absolute;
  content: '';
  background: url(https://cdn.myshoptet.com/usr/shoptet.tomashlad.eu/user/documents/old/kodl/superpodlaha/img/house.png) no-repeat center;
  background-size: 27px;
  padding-left: 0;
  left: 2px;
}
.breadcrumbs #navigation-first a span {
  display: none;
}
#footer .custom-footer {
  position: relative;
  padding: 0 0 40px 0;
  margin: 0;
  overflow: hidden;
  color: #000;
  margin-top: 40px;
}
@media only screen and (max-width: 768px) {
  #footer .custom-footer {
    padding-top: 0 !important;
    margin-top: 25px;
  }
}
#footer .custom-footer .footer-banner {
  padding: 0;
}
#footer .custom-footer .banner {
  margin-top: 0;
}
#footer .custom-footer h4 {
  color: #413743;
  font-size: 1.5em;
  font-weight: 500;
  margin-bottom: 35px;
  margin-top: 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
@media only screen and (max-width: 768px) {
  #footer .custom-footer h4 {
    margin-top: 3px;
    margin-bottom: 30px;
  }
}
#footer .custom-footer h4:before {
  width: 30px;
  height: 2px;
}
#footer .custom-footer ul {
  line-height: unset;
  padding-left: 0 !important;
}
#footer .custom-footer ul li {
  padding: 0 !important;
  list-style: none;
  color: #413743;
  font-size: 0.98em;
  letter-spacing: 1px;
}
#footer .custom-footer ul span {
  padding-left: 0 !important;
}
#footer .custom-footer .banner img {
  max-width: 260px;
  width: 100%;
}
#footer .custom-footer > div {
  width: 25%;
  padding: 10px 15px 10px 0 !important;
}
@media only screen and (max-width: 992px) {
  #footer .custom-footer > div {
    width: 50% !important;
  }
}
@media only screen and (max-width: 768px) {
  #footer .custom-footer > div {
    width: 100% !important;
  }
}
@media only screen and (max-width: 992px) {
  #footer .custom-footer {
    padding-top: 0;
  }
}
@media only screen and (max-width: 768px) {
  #footer .custom-footer {
    margin-top: 30px;
  }
  #footer .custom-footer .banner {
    min-height: inherit;
    margin-bottom: 0;
  }
  #footer .custom-footer > div {
    text-align: left;
  }
}
@media only screen and (max-width: 768px) {
  #footer .custom-footer {
    padding: 30px 0;
  }
}
#footer .custom-footer a {
  color: #838995 !important;
  display: block;
  margin-bottom: 12px;
  font-weight: 400;
}
#footer .custom-footer a:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 768px) {
  #footer .custom-footer a {
    margin-bottom: 8px;
  }
}
#footer .custom-footer p {
  margin-bottom: 12px;
  color: #838995;
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  #footer .custom-footer p {
    margin-bottom: 8px;
  }
}
.product-top {
  margin: 0 0 35px 0;
}
.product-top .price-additional {
  display: none;
}
.product-top .p-final-price-wrapper .price-standard,
.product-top .p-final-price-wrapper .price-save {
  color: #000;
  font-family: Poppins;
}
.type-page h1 {
  margin-top: 20px !important;
}
.type-category #productsTop {
  display: none;
}
.type-category .subcategories {
  margin: 0 -10px 20px -10px;
}
.type-category .subcategories li {
  min-width: 25%;
}
@media only screen and (max-width: 480px) {
  .type-category .subcategories li {
    width: 100%;
  }
}
.type-category .subcategories li a {
  border-radius: 3px;
  border-color: #e0e4e8;
  color: #474e51;
  height: 55px;
}
.type-category .subcategories li a:hover {
  background: transparent !important;
  border-color: #d92630;
  color: #d92630;
}
.type-category .subcategories li a:before {
  display: none;
}
.type-category .product {
  margin-bottom: 40px;
}
.type-detail .p-code {
  display: none;
}
.type-detail .product-top {
  font-weight: 400;
}
.type-detail .p-short-description {
  font-weight: 400;
  letter-spacing: 1px;
}
.type-detail .p-detail-inner h1 {
  padding-bottom: 0;
}
.type-detail .p-detail-info > div {
  display: none;
}
.type-detail .p-detail-info .stars-wrapper {
  display: inline-block;
}
.type-detail .product-top .col-xs-12:first-of-type,
.type-detail .product-top .p-image-wrapper {
  padding-left: 0;
}
@media only screen and (max-width: 1200px) {
  .type-detail .product-top .col-xs-12:first-of-type,
  .type-detail .product-top .p-image-wrapper {
    padding-left: 20px;
  }
}
.type-detail .product-top .variant-list select {
  width: 306px;
  padding: 12px 16px;
  background: url(https://cdn.myshoptet.com/usr/shoptet.tomashlad.eu/user/documents/old/kodl/superpodlaha/img/adown-grey.png) no-repeat right 15px center;
  background-size: 10px;
}
.type-detail .product-top .detail-parameters {
  min-width: 300px;
  margin-bottom: 0;
}
.type-detail .product-top .detail-parameters tr th,
.type-detail .product-top .detail-parameters tr td {
  display: block;
  width: 100%;
}
.type-detail .product-top .detail-parameters tr th {
  text-transform: none;
  color: #393b40;
  font-weight: 500;
}
.type-detail .product-top .detail-parameters tr td {
  padding-bottom: 15px;
}
.type-detail .p-thumbnail.highlighted::before,
.type-detail .show360image.highlighted::before,
.type-detail .p-thumbnail:hover::before,
.type-detail .show360image:hover::before {
  background-color: #d92630;
}
.type-detail .watchdog {
  display: none;
}
.type-detail .pr-list-unit {
}
.type-detail #description {
  font-weight: 400;
  letter-spacing: 0.5px;
  color: #474747;
  line-height: 1.7em;
}
.type-detail .shp-tabs-wrapper {
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  .type-detail .shp-tabs-holder {
    padding: 0;
  }
}
.type-detail .social-buttons-wrapper .link-icons {
  margin-top: 10px;
}
.type-detail .social-buttons-wrapper .link-icons a:first-child {
  padding-left: 0;
}
.type-detail .social-buttons-wrapper .link-icons a:hover {
  color: #d92630;
}
@media only screen and (max-width: 1200px) {
  .type-detail .p-info-wrapper {
    margin-top: 50px;
  }
}
.type-detail .p-info-wrapper .basic-description {
  color: #545454;
}
.type-detail .p-final-price-wrapper .price-final {
  font-size: 2.9em;
  font-weight: 400;
  margin-top: 5px;
  margin-bottom: 40px;
  font-family: Poppins;
  letter-spacing: 2px;
}
.type-detail .availability-value {
  margin-bottom: 30px;
  font-size: 17px;
  letter-spacing: 1px;
  color: #22b333;
}
.type-detail .description-inner h3,
.type-detail .products-related-header {
  font-size: 1.45em;
  text-transform: uppercase;
  font-family: Poppins;
  color: #000;
  letter-spacing: 0.5px;
  margin-bottom: 30px;
}
.type-detail .products-related-header {
  margin-top: 80px;
  border: none;
  text-align: left;
}
@media only screen and (max-width: 992px) {
  .type-detail .products-related-header {
    margin-top: 40px;
  }
}
.type-detail .products-related > div {
  border: none !important;
  border-right-width: 0 !important;
}
.type-detail .description-inner {
  padding: 0;
}
@media only screen and (max-width: 1200px) {
  .type-detail .description-inner .extended-description {
    margin-top: 40px;
  }
}
.type-detail .p-short-description {
  line-height: 1.9em;
  color: #262625;
}
.type-detail #ratingTab {
  display: none;
}
.type-detail .shp-tabs-wrapper .shp-tabs-holder,
.type-detail .shp-tabs-wrapper .shp-tabs {
  background: #edf0f3 !important;
}
.type-detail .shp-tabs-wrapper .shp-tabs {
  background: #edf0f3;
  border-radius: 0px;
  overflow: hidden;
}
.type-detail .shp-tabs-wrapper .shp-tabs .shp-tab .shp-tab-link {
  color: #000;
  padding: 13px 20px;
  font-size: 1.1em;
  font-weight: 400;
  border: none;
  background: transparent;
}
.type-detail .shp-tabs-wrapper .shp-tabs .shp-tab.active .shp-tab-link {
  background: #d92630;
  color: #fff;
}
.type-detail .chevron-after {
  color: #000;
  margin-top: 25px;
  display: block;
  font-weight: 500;
}
.type-detail .chevron-after:after {
  display: none;
}
.type-detail .availability-label {
  color: #000;
}
.type-detail a.chevron-after.chevron-down-after {
  position: relative;
  color: #d92630;
  display: inline-block;
}
.type-detail a.chevron-after.chevron-down-after:before {
  width: 10px;
  height: 10px;
  position: absolute;
  right: -20px;
  top: 4px;
  content: '';
  background: url(https://cdn.myshoptet.com/usr/shoptet.tomashlad.eu/user/documents/old/kodl/superpodlaha/img/adown-red.png) no-repeat center;
  background-size: 10px;
}
.type-detail .social-buttons-wrapper a {
  text-transform: none;
  color: #000;
  font-weight: 500;
  font-size: 13px;
}
.type-detail .social-buttons-wrapper a span {
  text-transform: none;
  color: #000;
  font-weight: 500;
  font-size: 13px;
}
.type-detail .social-buttons-wrapper a:hover {
  color: #d92630;
}
.type-detail .social-buttons-wrapper a:hover span {
  color: #d92630;
}
.type-detail .social-buttons-wrapper .link-icon.share::before {
  content: '\e933';
  font-size: 50px;
  margin-bottom: 5px;
  color: #d5d6da;
  line-height: 46px;
}
.type-detail .social-buttons-wrapper .link-icon.chat:before,
.type-detail .social-buttons-wrapper .link-icon.print:before {
  content: '';
  width: 45px;
  height: 45px;
  margin: 0 auto 5px auto;
}
.type-detail .social-buttons-wrapper .link-icon.print:before {
  background: url(https://cdn.myshoptet.com/usr/shoptet.tomashlad.eu/user/documents/old/kodl/superpodlaha/img/print.png) no-repeat center;
  background-size: 40px;
}
.type-detail .social-buttons-wrapper .link-icon.chat:before {
  background: url(https://cdn.myshoptet.com/usr/shoptet.tomashlad.eu/user/documents/old/kodl/superpodlaha/img/chat.png) no-repeat center;
  background-size: 40px;
}
.type-detail .add-to-cart {
  margin-bottom: 15px;
  margin-left: 0;
}
.type-detail .add-to-cart button {
  background: #53d779;
  border-color: #53d779;
  border-radius: 0;
  font-size: 1.2em;
  font-weight: 300;
  font-family: Poppins;
  letter-spacing: 1.5px;
  width: 225px;
}
.type-detail .add-to-cart button:hover {
  background: #53d779;
  border-color: #53d779;
  box-shadow: 0 10px 15px rgba(116, 206, 135, 0.6);
}
@media only screen and (max-width: 480px) {
  .type-detail .add-to-cart button {
    width: 200px;
    font-size: 1em;
    letter-spacing: 0.5px;
  }
}
.type-detail .add-to-cart button:before {
  display: none;
}
.type-detail .add-to-cart .quantity {
  border-radius: 0;
}
.btn.btn-default,
a.btn.btn-default {
  background: #d92630;
  border-color: #d92630;
}
.btn.btn-default:hover,
a.btn.btn-default:hover {
  background: #000;
  border-color: #000;
}

.content .filters-wrapper {
  display: block;
}

input[type="checkbox"]+label, input[type="radio"]+label {
  font-weight: 400;
}

/*

.type-detail .add-to-cart:before {
  content: "Délka";
  display: block;
  width: 100%;
}

.type-detail .add-to-cart .quantity:after {
  content: "bm";
  display: inline-block;
  position: relative;
  top: 1px;
}

*/

.slk-components { margin:2rem 0; padding-top:1rem; border-top:1px solid #eee; }
.slk-components h2 { font-size:1.5rem; margin-bottom:1rem;}
.components-list { display:flex; flex-wrap:wrap; gap:1rem;}
.component-item { width:120px; text-align:center; font-size:.9rem;}
.ci-image img { max-width:100%; height:auto; display:block; margin:0 auto .5rem;}
.ci-name { font-weight:bold; margin-bottom:.3rem;}
.ci-price { color:#444; margin-bottom:.5rem;}
.ci-qty { display:flex; justify-content:center; align-items:center; margin-bottom:.5rem;}
.ci-qty button { width:24px; height:24px; border:1px solid #ccc; background:#fff; cursor:pointer;}
.ci-qty input { width:36px; text-align:center; margin:0 4px; border:1px solid #ccc;}
.ci-add { padding:.4rem 1rem; background:#6cda6c; color:#fff; border:none; border-radius:2px; cursor:pointer;}
.ci-add:hover { opacity:.9;}
.loading { font-style:italic; color:#999;}



form#product-detail-form:has(meta[itemprop="productID"][content="354060"]) div.add-to-cart[data-testid="divAddToCart"] {
    display: none !important;
}

/* skryje celý blok článků na stránce rubriky Naše služby */
body.id-864.in-nase-sluzby .news-wrapper,
body.id-864.in-nase-sluzby .news-item,
body.id-864.in-nase-sluzby .pagination-wrapper {
  display: none !important;
}
/* skryje celý blok článků na stránce rubriky Podmínky */
body.id-879.in-podminky .news-wrapper,
body.id-879.in-podminky .news-item,
body.id-879.in-podminky .pagination-wrapper {
  display: none !important;
}
/* STYL PRO TLAČÍTKO SDÍLENÍ NA FACEBOOKU */
.project-card .share-button-fb {
	display: inline-block !important;
	margin-top: 15px !important;
	padding: 8px 16px !important;
	background-color: #1877F2 !important; 
	color: #fff !important;
	text-decoration: none !important;
	border: none !important;
	border-radius: 8px !important;
	font-size: 14px !important;
	font-weight: bold !important;
	text-align: center !important;
	transition: background-color 0.3s;
}

.project-card .share-button-fb:hover {
	background-color: #166fe5 !important;
	color: #fff !important;
}

/* === Pokus s :before a PŘEPSÁNÍM CSS PROMĚNNÝCH === */

/* --- Cílení na .menu-helper:after A :before --- */
body header #header .menu-helper:after,
.menu-helper:after,
body header #header .menu-helper:before,
.menu-helper:before {
    /* === PŘEPISUJEME HSL PROMĚNNÉ na šedou (#f5f5f5 = HSL 0, 0%, 96%) === */
    --color-primary-h: 0 !important;
    --color-primary-s: 0% !important;
    --color-primary-l: 96% !important;
    
    /* === APLIKUJEME ZNOVU PRAVIDLO S NOVÝMI PROMĚNNÝMI (pro jistotu) === */
    /* Můžete zkusit i bez tohoto řádku, pokud by to nešlo */
    background-color: hsl(var(--color-primary-h), var(--color-primary-s), var(--color-primary-l)) !important; 
    
    /* Ostatní styly */
    color: #333 !important;             
    border-radius: 999px !important;    
    border: none !important;            
    box-shadow: none !important;        
    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;       
    font-size: 20px !important;         
    text-align: center !important;
    display: inline-block !important;
    font-family: shoptet !important;
}

/* Specificky pro :after - zajistíme ikonu */
body header #header .menu-helper:after,
.menu-helper:after {
    content: "\e914" !important; 
}

/* Specificky pro :before - zajistíme, aby neměl obsah a pozadí */
body header #header .menu-helper:before,
.menu-helper:before {
    content: "" !important; 
    background: none !important; 
}


body header #header .menu-helper,
.menu-helper {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    width: 40px !important; 
    height: 40px !important;
}

/* Hover stav - použijeme přímou barvu, protože to fungovalo */
.menu-helper:hover:after,
.menu-helper:hover:before { 
    background: #e0e0e0 !important; 
    color: #333 !important; 
}

/* Zbytek kódu pro .sf-menu-button ... */
.sf-menu-button span { display: none !important; }
.sf-menu-button { background-color: #f5f5f5 !important; border-radius: 999px !important; border: none !important; box-shadow: none !important; padding: 8px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 40px !important; height: 40px !important; line-height: 1 !important; }
.sf-menu-button svg { fill: #333 !important; width: 24px !important; height: 24px !important; }
.sf-menu-button:hover { background-color: #e0e0e0 !important; }
/* --- Kód pro změnu pořadí osobních odběrů --- */

/* Nastavíme rodičovskému prvku režim flexbox */
#personal-collection-wrapper {
    display: flex;
    flex-direction: column;
  }
  
  /* A nyní přiřadíme každé pobočce konkrétní pořadí */
  /* 1. Praha */
  #personalCollectionPoint-12 {
    order: 1;
  }
  /* 2. Kolín */
  #personalCollectionPoint-7 {
    order: 2;
  }
  /* 3. Čáslav */
  #personalCollectionPoint-11 {
    order: 3;
  }
  /* 4. Kutná Hora */
  #personalCollectionPoint-15 {
    order: 4;
  }
  
  /* Zde je příklad, jak seřadit i oddělovací čáry. */
  /* Může být nutné je doladit, pokud by se zobrazovaly špatně. */
  #personalCollectionPoint-11 + .line { order: 3; } /* Čára za Čáslaví */
  #personalCollectionPoint-7 + .line { order: 2; } /* Čára za Kolínem */
  #personalCollectionPoint-15 + .line { order: 4; } /* Čára za K. Horou */
  #personalCollectionPoint-12 + .line { order: 1; } /* Čára za Prahou (pokud existuje) */
  
  /* Zrušení červeného stínu pod tlačítky při najetí myší */
  .button:hover,
  .products .product button:hover,
  .products .product .btn:hover,
  .btn.btn-primary:hover {
    box-shadow: none !important;
  }

  .btn-conversion {
    background-color: #EC001E !important; 
    border: none !important;
    outline: none !important;
    
    /* 1. Přidání decentního červeného stínu */
    /* (posun X, posun Y, rozmazání, barva s průhledností) */
    box-shadow: 2px 2px 5px rgba(236, 0, 30, 0.4) !important; 
    
    /* 4. Nastavení plynulého přechodu pro transformaci a stín */
    /* (doba trvání 0.2 sekundy) */
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out !important;
  
    /* Může pomoci pro správné fungování transformace */
    display: inline-block; 
  }
  
  /* Styly, které se aplikují při najetí myší */
  .btn-conversion:hover {
    /* 3. Mírné zvětšení tlačítka (o 5 %) */
    transform: scale(1.03) !important; 
    
    /* Můžeme mírně zvýraznit stín při najetí */
    box-shadow: 4px 4px 10px rgba(236, 0, 30, 0.5) !important; 
  }

  input:focus, textarea:focus, select:focus {
    outline: none;
}
  /* --- Konec kódu pro změnu pořadí --- */
  /* banner77.css - Kompletní finální kód (verze se zvětšenými bannery) */

/* Základní styl pro boční bannery */
.side-banner-B {
    position: absolute;
    z-index: 99;
    display: none; /* Na začátku skryté, JS je zobrazí */
    opacity: 0;
    /* Plynulá animace pro zobrazení a změnu velikosti */
    transition: opacity 0.3s ease-in-out, width 0.2s ease-in-out;
    
    /*
     * FLUIDNÍ ŠÍŘKA (EXTRA VELKÁ VARIANTA):
     * Formát: clamp(MINIMUM, PREFEROVANÁ, MAXIMUM)
     */
    width: clamp(220px, 15vw, 400px);
}

/* Pravidlo pro obrázek, aby se vždy přizpůsobil velikosti banneru */
.side-banner-B img {
    width: 100%;
    height: auto;
    display: block;
}

/* Skrytí na menších obrazovkách - jako pojistka */
@media (max-width: 1649px) {
    body .side-banner-B {
        display: none !important;
    }
}
.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px}

availability-label, .add-to-cart ,.variant-list,.availability-value , .add-to-cart-button, [data-testid="buttonAddToCart"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
.type-index .next-to-carousel-banners, .type-index .homepage-blog-wrapper, .type-index .homepage-group-title.homepage-products-heading-1 { display: none !important; visibility: hidden; /* Pojistka pro starší prohlížeče */ }
.carousel.slide {
  visibility: hidden;
}

  /* Tento blok stylů zajistí, že se původní prvky skryjí okamžitě
     a nebudou tak před spuštěním skriptu "problikávat".
  */
  .category-top .category-perex,
  .category-top .subcategories,
  .subcategories.with-image,
  #filters,
  .filters-unveil-button-wrapper,
  .p-filters-actions {
    display: none !important;
  }

  /* Okamžité skrytí původních prvků hlavičky proti problikávání */
  @media (min-width: 992px) {
    .header-top, 
    #navigation, 
    .menu-helper, 
    .site-msg, 
    .top-navigation-bar, 
    #header .navigation-buttons {
      display: none !important;
    }
  }

  @media (max-width: 991.98px) {

    /* Skryje hlavní kontejner původní hlavičky,
      který obsahuje logo, staré vyhledávání a staré ikony.
    */
    #header {
        display: none !important;
    }

    /* Skryje původní tenkou lištu úplně nahoře
      s kontakty a doplňkovými odkazy.
    */
    .top-navigation-bar {
        display: none !important;
    }

}
body.mobile-header-active {
    padding-top: 60px !important;
}
#cart-wrapper {
    position: relative !important;
    top: auto !important;
}
.sf-bestsellers-heading {
  display: none !important;
}
ul.subcategories + h4 {
    display: none;
  }
/* ====== FINÁLNÍ OPRAVENÝ KÓD ====== */
#header-placeholder {
    display: none;
    font-family: 'Poppins', sans-serif;
    color: #333;
}
/* ======================================================= */
/* == RESPONZIVNÍ ÚPRAVA POUZE PRO MENU KATEGORIÍ == */
/* ======================================================= */
@media (min-width: 992px) and (max-width: 1439px) {
  /* Zmenšíme písmo a mezery pouze v navigaci (sjednoceno s JS) */
  #header-placeholder .placeholder-navigation a {
      font-size: 13px !important;
      padding: 18px 12px !important;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
    /* Ještě více zmenšíme písmo a mezery pro obrazovky jako 1152px a 1024px */
    #header-placeholder .placeholder-navigation a {
        font-size: 12px !important;
        padding: 18px 9px !important;
    }
  }
@media (min-width: 992px) {
    #header-placeholder {
      display: block;
      background-color: #fff;
    }
    
    #header-placeholder .placeholder-container {
      max-width: 1200px;
      margin: 0 auto;
      display: flex;
      align-items: center;
    }
/* 1. Administrátorská lišta ("tooltip") bude VŽDY přilepená úplně nahoře a na nejvyšší vrstvě. */
.admin-bar {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 99999 !important;
}

/* 2. Placeholder bude na vrstvě hned pod ní. */
#header-placeholder {
  position: relative !important;
  z-index: 99998 !important;
}



  /* --- Horní lišta --- */
  #header-placeholder .placeholder-top-bar {
    height: 48.04px;
    background-color: #f8f8f8;
    border-bottom: 1px solid #e0e0e0;
    font-size: 14px;
    font-weight: 600;
    padding: 0 15px;
  }
  #header-placeholder .placeholder-top-bar .placeholder-container {
    /* Klíčové pro zarovnání. 'space-between' odsadí kontakty na začátek a ostatní prvky na konec. */
    display: flex;
    justify-content: space-between;
    height: 100%;
  }
  #header-placeholder .placeholder-top-contacts {
    /* Toto je obalový prvek, který obsahuje kontakty. */
    display: flex;
    align-items: center;
    gap: 15px; /* Tato hodnota je klíčová pro správné mezery */
    white-space: nowrap; 
    /* Odstraněno: margin-left: 20px; */
  }
      #header-placeholder .placeholder-top-contacts a {
        display: inline-flex; /* Důležité: Chová se jako text, ale uvnitř funguje flexbox */
        align-items: center; /* Toto zarovná ikonu a text uvnitř odkazu na střed */
        gap: 8px;
        text-decoration: none;
        color: #333;

      }
      #header-placeholder .placeholder-top-contacts a,
      #header-placeholder .placeholder-top-contacts span {
        /* Styly pro všechny tři prvky, které musí být konzistentní. */
        display: flex;
        align-items: center;
        gap: 8px; /* Mezera mezi ikonou a textem */
        text-decoration: none;
        font-size: 14px;
        font-weight: 600;
        color: #333;
        height: 19.375px;
        line-height: 19.3846px;
      }
      #header-placeholder .placeholder-top-contacts a svg {
        color: #e50000;
        flex-shrink: 0; /* Zabrání zmenšení ikony, kdyby bylo málo místa */
      }
    
    /* --- OPRAVA PŘIHLÁŠENÍ (PROTI VERTIKÁLNÍMU SKÁKÁNÍ) --- */
    #header-placeholder .placeholder-top-tools-wrapper {
      display: flex;
      justify-content: flex-end;
    }
    #header-placeholder .placeholder-top-tool-btn {
      display: flex;
      align-items: center;
      gap: 8px;
      text-decoration: none;
      padding: 8px 12px;
      border-radius: 5px;
      background-color: #e50000;
      color: #fff !important;
      border: 1px solid #e50000;
      white-space: nowrap;
    }
    #header-placeholder .placeholder-top-tools-logged-in {
      display: none;
      align-items: center;
      gap: 15px;
    }
    /* Sjednocení vzhledu odkazu a tlačítka, aby měly stejnou výšku */
    #header-placeholder .placeholder-top-tools-logged-in a {
        text-decoration: none;
        color: #333;
        font-weight: 700;
        padding: 8px 12px; /* Důležité pro stejnou výšku */
    }
    /* Speciální styl pro tlačítko "Odhlásit se" */
    #header-placeholder .placeholder-top-tools-logged-in .placeholder-top-tool-btn {
        color: #fff !important;
    }
    #header-placeholder .placeholder-top-tools-logged-out {
      display: flex;
      align-items: center;
      gap: 15px;
    }
    body.user-logged-in #header-placeholder .placeholder-top-tools-logged-out { display: none; }
    body.user-logged-in #header-placeholder .placeholder-top-tools-logged-in { display: flex; }
    /* --- KONEC OPRAVY PŘIHLÁŠENÍ --- */
    
  /* --- Druhá lišta --- */
    #header-placeholder .placeholder-secondary-bar {
      height: 34.88px;
      background-color: #fff;
      border-bottom: 1px solid #f0f0f0;
      font-size: 13px;
      font-weight: 600;
    }
    #header-placeholder .placeholder-secondary-bar .placeholder-container {
      justify-content: center;
      gap: 5px;
      height: 100%;
    }
    #header-placeholder .placeholder-secondary-bar a {
      color: #333;
      text-decoration: none;
      padding: 8px 10px;
    }
  /* --- Hlavní část --- */
    #header-placeholder .placeholder-main-header {
      height: 122px;
    }
    #header-placeholder .placeholder-main-header .placeholder-container {
      gap: 15px;
      padding: 15px 15px;
      height: 100%;
    }
    #header-placeholder .placeholder-logo-wrapper {
      margin-left: 10px;
    }
    #header-placeholder .placeholder-logo-wrapper img {
      width: 379px;
      height: 92px;
      display: block;
    }
    #header-placeholder .placeholder-search-form {
      display: flex;
      flex-grow: 1;
      height: 60px;
      max-width: 500px;
      margin-left: -15px;
    }
    #header-placeholder .placeholder-search-form input {
      flex-grow: 1;
      border: 1px solid #ccc;
      border-right: none;
      padding: 0 20px;
      font-size: 16px;
      height: 54px;
      margin-top: 6px;
      border-radius: 0;
    }
    #header-placeholder .placeholder-search-form button {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      background-color: #e50000;
      color: white;
      border: 1px solid #e50000;
      padding: 0 25px;
      font-weight: 700;
      font-size: 16px;
      cursor: pointer;
      height: 54px;
      margin-top: 6px;
      border-radius: 0 8px 8px 0;
    }
    body.user-logged-in #header-placeholder {
        padding-top: 25px; /* Přidá 25px na výšku POUZE v přihlášeném stavu */
    }
  /* --- Hlavní navigace --- */
    #header-placeholder .placeholder-navigation {
      height: 57.65px;
      background-color: #fff;
      box-shadow: 0 2px 5px rgba(0,0,0,0.05);
      border-top: 1px solid #f0f0f0;
      font-size: 15px;
      text-transform: uppercase;
      font-weight: 700;
    }
    #header-placeholder .placeholder-navigation .placeholder-container {
        justify-content: center;
        height: 100%;
    }
    #header-placeholder .placeholder-navigation a {
      display: block;
      padding: 18px 20px;
      text-decoration: none;
      color: #333;
      white-space: nowrap; /* <-- PŘIDÁNO: Zabrání zalamování textu */
  
    }
}
/* =================================================================== */
/* == STYLY PRO MODÁLNÍ OKNO VÝBĚRU OSOBNÍHO ODBĚRU == */
/* =================================================================== */

/* --- Obecný kontejner a nadpis --- */
.content-modal .branch-wrap {
    padding: 20px;
    background-color: #f8f8f8; /* Jemné pozadí pro celý blok */
}

.content-modal .branch-wrap h2 {
    font-size: 1.8em;       /* Velikost písma podle .sf-section-title */
    font-weight: 700;       /* Tučné písmo */
    color: #333;
    text-transform: uppercase; /* Velká písmena */
    text-align: center;
    margin-bottom: 30px;    /* Větší odsazení pod nadpisem */
}

/* --- Karta pro jednotlivou pobočku --- */
.personal-collection-point {
    background: #fff;       /* Bílé pozadí karty */
    border-radius: 12px;    /* Zaoblené rohy jako u .sf-store-card */
    box-shadow: 0 4px 15px rgba(0,0,0,0.07); /* Jemný stín */
    padding: 25px;
    margin-bottom: 20px;    /* Odsazení mezi kartami */
    text-align: center;     /* Zarovnání obsahu na střed */
    border: 1px solid #e0e0e0;
}

.personal-collection-point h3 {
    font-size: 1.4em;
    color: #e50000;         /* Vaše hlavní červená barva */
    font-weight: 700;
    margin: 0 0 10px 0;
}

.personal-collection-point p {
    font-size: 1em;
    color: #555;
    line-height: 1.5;
    margin: 0 0 15px 0;
}

/* --- Zvýraznění varovné hlášky --- */
.personal-collection-point p.em {
    background-color: #fffbe6; /* Světle žluté pozadí */
    border: 1px solid #ffe58f;
    color: #8a6d3b;
    padding: 15px;
    border-radius: 8px;      /* Zaoblené rohy */
    font-size: 0.9em;
    margin-top: 15px;
    margin-bottom: 20px;
}

/* --- Hlavní tlačítko pro výběr pobočky --- */
.personal-collection-point .btn {
    /* Přepisuje původní .btn-primary a používá styl .sf-red-button */
    background-color: #e50000 !important;
    color: #fff !important;
    text-decoration: none !important;
    padding: 12px 28px !important;
    border-radius: 50px !important; /* Plně zaoblené rohy */
    font-weight: bold !important;
    transition: all .2s ease;
    display: inline-block;
    border: none !important;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 0.9em !important;
}

.personal-collection-point .btn:hover {
    background-color: #c00000 !important; /* Tmavší červená při najetí */
    transform: translateY(-2px);       /* Lehký posun nahoru */
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}


/* --- Skrytí původní oddělovací čáry --- */
.content-modal .branch-wrap hr.line {
    display: none;
}
/* =================================================================== */
/* == KOMPLETNÍ STYLY PRO KOŠÍK - KROK 2 (DOPRAVA A PLATBA) v4 FINAL == */
/* =================================================================== */

/* --- 1. Obecné rozložení a šířka sekce --- */

/* OPRAVA: Cílíme na hlavní kontejner a rozšiřujeme ho */
.cart-content {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.co-box h4.order-icon::before {
    filter: grayscale(1) brightness(0.8) sepia(1) hue-rotate(-50deg) saturate(10);
}

/* --- 2. Elegantní informační blok (o úpravě řezu) --- */
.site-msg-custom.step-1 {
    background-color: #fef5f5;
    border: 1px solid #f8d7da;
    border-left: 5px solid #e50000;
    padding: 20px;
    margin: 25px 0;
    border-radius: 8px;
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.site-msg-custom.step-1::before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23e50000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg>');
    flex-shrink: 0;
    margin-top: 2px;
}

.site-msg-custom.step-1 p,
.site-msg-custom.step-1 span,
.site-msg-custom.step-1 strong {
    font-family: inherit !important;
    font-size: 1em !important;
    color: #333 !important;
    line-height: 1.6;
}

.site-msg-custom.step-1 p {
    margin: 0;
}

/* --- 3. Vzhled a zarovnání boxů pro výběr dopravy a platby --- */
.shipping-billing-table .radio-wrapper {
    border: 2px solid #e0e0e0;
    border-radius: 12px;
    padding: 15px 20px;
    margin-bottom: 15px;
    transition: all 0.2s ease-in-out;
}

/* NOVÉ: Pravidlo, které se aplikuje POUZE pro obrazovky širší než 992px */
@media (min-width: 992px) {
    .shipping-billing-table .radio-wrapper {
        width: 112%;
        box-sizing: border-box;
        position: center;
    }
}

.shipping-billing-table .radio-wrapper:hover {
    border-color: #c00000;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
}

.shipping-billing-table .radio-wrapper.active {
    border-color: #e50000;
    background-color: #fff;
    box-shadow: 0 4px 15px rgba(229,0,0,0.1);
}

.shipping-billing-table .radio-wrapper > label {
    display: flex;
    align-items: center;
    width: 100%;
    cursor: pointer;
    gap: 15px;
}

/* OPRAVA: Kontejner pro text nyní umí zalamovat obsah */
.shipping-billing-table .payment-info {
    display: flex;
    flex-wrap: wrap; /* Umožní zalamování prvků pod sebe */
    align-items: center;
    flex-grow: 1;
    text-align: left;
}

/* OPRAVA: Doplňující text se přesune na nový řádek */
.payment-info .not-possible-info {
    flex-basis: 100%; /* Roztáhne se na 100% šířky a tím spadne na nový řádek */
    font-size: 0.9em;
    color: #777;
    font-style: normal;
    margin-top: 4px; /* Malá mezera od řádku nahoře */
}


.shipping-billing-table .payment-logo {
    flex-shrink: 0;
    margin-left: auto;
}

.shipping-billing-table .payment-shipping-price {
    flex-shrink: 0;
    min-width: 80px;
    text-align: right;
}

/* --- 4. Finální styl pro tooltip ikonky (s opravou okrajů) --- */
.show-tooltip.question-tooltip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background-color: #e50000;
    color: #fff;
    border-radius: 50%;
    font-weight: bold;
    font-size: 14px;
    font-family: sans-serif;
    cursor: help;
    margin-left: 8px;
    transition: transform 0.2s ease;
    flex-shrink: 0;
    border: none;
    outline: none;
    text-decoration: none;
}

.show-tooltip.question-tooltip:hover {
    transform: scale(1.1);
}
/* 1. Nastavíme hlavnímu kontejneru 'cart-content' flexibilní rozložení */
.cart-content {
    display: flex;
    flex-direction: column; /* Udrží prvky pod sebou jako sloupce */
}

/* 2. Informačnímu bloku dáme vyšší číslo 'order', čímž ho posuneme na konec */
.site-msg-custom.step-1 {
    order: 99; /* Vysoké číslo zajistí, že bude poslední */
}
/* --- Vylepšení vzhledu galerie produktů --- */

/* 1. Styl pro hlavní obrázek */
.p-image {
    border-radius: 8px; /* Zakulacení rohů */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Jemný stín pro 3D efekt */
    overflow: hidden; /* Zajistí, že obrázek nepřesáhne zakulacené rohy */
}

/* 2. Kontejner pro náhledové obrázky - zajistí hezké rozestupy */
.p-thumbnails-inner {
    display: flex;
    gap: 10px; /* Vytvoří mezeru 10px mezi jednotlivými náhledy */
    padding-top: 15px; /* Odsazení náhledů od hlavního obrázku */
}

/* 3. Základní styl pro jednotlivé náhledy */
.p-thumbnail {
    border-radius: 6px; /* Zakulacení rohů */
    padding: 2px; /* Malé vnitřní odsazení */
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease; /* Plynulý přechod pro všechny změny (transformace, barva rámečku) */
    cursor: pointer;
}

/* 4. Efekt při najetí myší na náhled */
.p-thumbnail:hover {
    transform: scale(1.0); /* Mírné zvětšení náhledu */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Zvýraznění stínu */
}

/* 5. Styl pro aktivní/vybraný náhled (ten, který je zobrazený nahoře) */
.p-thumbnail.highlighted {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); /* Výraznější stín */
}

/* Ujistíme se, že obrázek uvnitř náhledu respektuje zakulacené rohy */
.p-thumbnail img {
    border-radius: 4px;
}


/* 7. Úprava pro hlavní obrázek (aby vyplnil prostor) */

/* Kontejneru hlavního obrázku stále držíme pevný poměr stran */
.p-image {
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* A samotnému obrázku vnutíme nové rozměry s !important */
.p-image img {
    width: 100% !important;        /* Vynutí plnou šířku */
    height: 100% !important;       /* Vynutí plnou výšku */
    object-fit: cover !important;  /* Vynutí oříznutí a vyplnění */
}
/* =================================================================== */
/* == KOMPLETNÍ KÓD PRO PRODUKTOVÉ BLOKY (V4.0 - FINÁLNÍ) == */
/* == Zarovnání karet řešeno externím JavaScriptem == */
/* =================================================================== */

/* --- A. Nadpisy produktových bloků s podtržením --- */
.homepage-products-1 .new-section-title,
#products-favourites h2,
.products-additional-header {
    font-family: 'Open Sans', sans-serif;
    font-size: 21px;
    font-weight: 700;
    color: #333;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #e50000 !important;
    text-transform: uppercase;
}

/* --- A.1 Nadpis "Související produkty" (šedočerná, bez podtržení) --- */
.products-related-header {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.6em;
    font-weight: 700;
    color: #555 !important;
    margin-bottom: 25px;
    text-transform: uppercase;
    padding-bottom: 0;
    border-bottom: none;
}

/* --- B. Kontejner pro produkty v MŘÍŽCE --- */
.products-page .products.row,
.homepage-products-1 .products.row,
#products-favourites .products.row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px;
}

/* --- C. Karta produktu (obal) v MŘÍŽCE --- */
.products-page .product,
.homepage-products-1 .product,
#products-favourites .product {
    padding: 8px;
    margin: 0;
    display: flex;
    flex-direction: column;
}

/* --- Styly pro responzivní mřížku --- */
@media (min-width: 768px) {
    .products-page .product,
    .homepage-products-1 .product,
    #products-favourites .product {
        flex-basis: 33.333%;
        max-width: 33.333%;
    }
}
@media (min-width: 992px) {
    .products-page .product,
    .homepage-products-1 .product,
    #products-favourites .product {
        flex-basis: 25%;
        max-width: 25%;
    }
}

/* --- D. Vnitřek karty produktu --- */
.product .p {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    overflow: hidden;
    position: relative;
    min-height: 400px; /* <-- TENTO ŘÁDEK PŘIDÁME */

}

.product .p:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

/* --- E. Obrázek produktu --- */
.product .image {
    display: block;
    padding: 0;
    flex-shrink: 0;
    aspect-ratio: 4 / 3;
    overflow: hidden;
}
.product .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}
.product .p:hover .image img {
    transform: scale(1.05);
}

/* --- F. Obsah karty --- */
.product .p-in {
    padding: 15px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.product .p-in-in {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

/* --- G. Název produktu --- */
/* --- G. Název produktu --- */
.product .name {
    /* Původní styly písma */
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
    margin-bottom: 8px;

    /* Nové omezení na 3 řádky */
    height: 61px; /* Přibližná výška pro 3 řádky textu (15px * 1.35 * 3) */
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.product .p-bottom {
    margin-top: auto;
    padding-top: 10px;
}
.product .p {
    transition: height 0.2s ease-in-out;
}
/* --- H. Ceny a tlačítka --- */
.product .price-final strong {
    color: #333;
    font-size: 18px;
    font-weight: 700;
}

.product .price-action-before + .price-final strong {
    color: #e50000 !important;
}

.price-action-before {
    color: #333 !important;
}

.product .p-tools .btn {
    background-color: #e50000 !important;
    color: #fff !important;
    border: none !important;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 18px;
    font-size: 14px;
    border-radius: 4px;
    transition: background-color 0.2s ease;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}
.product .p-tools .btn:hover {
    background-color: #c00000 !important;
}

.product .availability {
    font-size: 13px;
    color: #555;
    min-height: 18px;
    margin-bottom: 8px;
}

.product .widget-parameter-wrapper,
.product .p-code {
    display: none !important;
}

/* --- I. Štítky (Flags) --- */
.flags-default { position: absolute; top: 10px; left: 10px; display: flex; flex-direction: column; gap: 5px; z-index: 5; }
.flag { color: #fff; padding: 5px 10px; font-size: 12px; font-weight: 700; border-radius: 4px; line-height: 1; text-transform: uppercase; display: block; width: fit-content; }
.flag.flag-action { background-color: #e50000; }
.flag.flag-tip { background-color: #007bff; }
.flag.flag-new { background-color: #28a745; }
.flag.flag-doprodej, .flag.flag-sale { background-color: #ffc107; color: #333; }
.flag.flag-action-percentage { position: absolute; top: 10px; right: 10px; left: auto; background-color: #e50000; color: white; width: 55px; height: 55px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; line-height: 1; text-align: center; padding: 5px; box-sizing: border-box; }
.flag.flag-action-percentage .percentage-prefix { font-size: 10px; font-weight: 600; text-transform: uppercase; }
.flag.flag-action-percentage .percentage-value { font-size: 18px; font-weight: 800; }

/* --- J. Ostatní styly --- */
.p-detail-inner .p-info-wrapper .name {
    font-family: 'Open Sans', sans-serif;
    font-size: 28px;
    font-weight: 700;
    color: #333;
    text-transform: uppercase;
    margin-bottom: 25px;
    border-bottom: none;
    padding-bottom: 0;
}

/* --- K. Sjednocení výšky karet je nyní řešeno JavaScriptem --- */
/* --- Styly pro tlačítka Další/Předchozí článek (Opravená verze) --- */

/* 1. Kontejner pro tlačítka */
.next-prev {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 40px;
    flex-wrap: wrap;
}

/* 2. Základní styl tlačítek */
.next-prev .btn {
    background-color: #e50000;
    color: white !important;
    border: 1px solid #e50000;
    padding: 12px 28px;
    border-radius: 50px;
    text-decoration: none !important;
    font-weight: 700;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    cursor: pointer;
}

/* 3. OPRAVENÝ styl tlačítek při najetí myší (hover efekt) */
.next-prev .btn:hover {
    background-color: #c00000; /* Správná tmavě červená barva */
    border-color: #c00000; /* Sjednocení barvy okraje */
    transform: translateY(-3px);
    box-shadow: 0 6px 15px rgba(0,0,0,0.15);
}
body.in-nase-sluzby .news-item-detail > h1,
body.in-nase-sluzby .news-item-detail > time,
body.in-nase-sluzby .sectionDescription > h1,
body.in-nase-sluzby article.pageArticleDetail > header > h1,

body.in-prakticky-pomocnik .news-item-detail > h1,
body.in-prakticky-pomocnik .news-item-detail > time,
body.in-prakticky-pomocnik .sectionDescription > h1,
body.in-prakticky-pomocnik article.pageArticleDetail > header > h1,

body.in-podminky .news-item-detail > h1,
body.in-podminky .news-item-detail > time,
body.in-podminky .sectionDescription > h1,
body.in-podminky article.pageArticleDetail > header > h1,

body.in-moznosti-platby .news-item-detail > h1,
body.in-moznosti-platby .news-item-detail > time,
body.in-moznosti-platby .sectionDescription > h1,
body.in-moznosti-platby article.pageArticleDetail > header > h1,

body.in-doprava-a-platba .news-item-detail > h1,
body.in-doprava-a-platba .news-item-detail > time,
body.in-doprava-a-platba .sectionDescription > h1,
body.in-doprava-a-platba article.pageArticleDetail > header > h1,

body.in-kariera .news-item-detail > h1,
body.in-kariera .news-item-detail > time,
body.in-kariera .sectionDescription > h1,
body.in-kariera article.pageArticleDetail > header > h1,

body.in-reference .news-item-detail > h1,
body.in-reference .news-item-detail > time,
body.in-reference .sectionDescription > h1,
body.in-reference article.pageArticleDetail > header > h1 {
  display: none !important;
}

  /* Hlavní kontejner lišty */
  .site-msg.information {
    background-color: #f8f9fa; /* Světle šedé pozadí */
    border-bottom: 1px solid #e0e0e0; /* Jemný spodní okraj */
    color: #333; /* Tmavě šedá barva textu pro lepší čitelnost */
    padding: 12px 0; /* Větší vnitřní odsazení (vertikální) */
  }
  
  /* Text v liště */
  .site-msg.information .text {
    font-family: "Helvetica Neue", Arial, sans-serif; /* Moderní a čisté písmo */
    font-weight: normal; /* Obyčejná tloušťka písma (ne tučné) */
    font-size: 14px; /* Mírně menší velikost písma */
    line-height: 1.5;
  }
.cart-widget-product-delete .remove-item {
    display: none !important;
}
body .admin-bar {
    position: absolute !important;
    left: -9999px !important;
    width: 1px;
    height: 1px;
    overflow: hidden; 
}

body #sf-admin-panel .admin-bar {
    position: static !important;
    left: auto !important;
    width: auto;
    height: auto;
    overflow: visible; 
}
#signature {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
}
#sf-notification-panel-main {
  display: none;
}
th .show-tooltip.question-tooltip {
  display: none;
}
.social-buttons-wrapper {
  visibility: hidden;
display: none;
}
.main-content-flex-container
 {
  visibility: hidden;
display: none;
}
.g3-note-placeholder {
  visibility: hidden;
display: none;
}
.languagesMenu a[href*="sk"] { display: none !important; }
h1.category-title {
    font-family: 'Exo 2', sans-serif !important;
    font-size: 1.6em;
    font-weight: 700;
    color: #333;
    text-transform: uppercase;
    text-align: center;
}
.mobile-menu-trigger { display: none !important; }
        @media (min-width: 992px) {
            @media (max-width: 1439px) {
              #sf-new-navigation .sf-nav-item > a {
                  font-size: 13px !important;
                  padding: 18px 12px !important;
              }
            }
            @media (max-width: 1200px) { 
             #sf-new-navigation .sf-nav-item > a {
                 font-size: 12px !important;
                 padding: 18px 9px !important;
             }
           }
           @media (max-width: 1024px) {
                #sf-new-navigation {
                    flex-wrap: wrap;
                    justify-content: center;
                    row-gap: 5px; 
                }
                #sf-new-navigation .sf-nav-item > a {
                    font-size: 13px;
                    padding: 10px 9px;
                    line-height: 1.2;
                }
            }
            .header-top, #navigation, .menu-helper, .site-msg, .top-navigation-bar, #header .navigation-buttons, .admin-bar-displayed .admin-bar { display: none !important; }
            #header .navigation-buttons { position: absolute !important; left: -9999px !important; top: -9999px !important; z-index: -1 !important; }
            .container { max-width: 1200px; }
            #sf-topmost-bar { background-color: #f8f8f8; border-bottom: 1px solid #e0e0e0; padding: 5px 15px; }
            #sf-topmost-bar .container { display: flex; justify-content: space-between; align-items: center; }
            .sf-top-contacts, .sf-top-tools { display: flex; align-items: center; gap: 15px; }
            .sf-top-contacts-item { display: flex; align-items: center; gap: 8px; text-decoration: none; font-size: 14px; font-weight: 600; color: #333 !important; }
            .sf-top-contacts-item svg { color: #e50000; }
            .sf-top-tools .languagesMenu { margin-right: 5px; }
            .sf-top-tool-btn { display: flex; align-items: center; gap: 8px; text-decoration: none; font-size: 14px; font-weight: 600; padding: 8px 12px; border-radius: 5px; transition: all .2s ease; background-color: #e50000; color: #fff !important; border: 1px solid #e50000; }
            .sf-top-tool-btn:hover { background-color: #c00000; border-color: #c00000; }
            #sf-secondary-nav-bar { background: #fff; border-bottom: 1px solid #f0f0f0; }
            #sf-secondary-nav-bar .container { display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; overflow: hidden; gap: 5px; }
            #sf-secondary-nav-bar a { color: #333; font-weight: 600; font-size: 13px; text-decoration: none; padding: 8px 10px; border-radius: 6px; transition: all .2s ease; white-space: nowrap; }
            #sf-secondary-nav-bar a:hover { color: #e50000; background-color: #f5f5f5; }
            #sf-new-header-main { display: flex; align-items: center; gap: 15px; padding: 15px 0; }
            .sf-logo-wrapper img { width: 379px !important; height: 92px !important; display: block; }
            .sf-new-search-form { display: flex; flex-grow: 1; height: 60px; max-width: 500px;margin-left: -15px; position: relative; }
            .sf-search-input { flex-grow: 1; border: 1px solid #ccc; border-right: none; outline: none; padding: 0 20px; font-size: 16px; border-radius: 0px 0 0 0px;margin-top: 6px; }
            .sf-search-input:focus { outline: none !important; box-shadow: none !important; border-color: #ccc; }
            .sf-search-button { display: flex; align-items: center; justify-content: center; gap: 8px; background-color: #e50000; color: white; border: 1px solid #e50000; padding: 0 25px; font-weight: 700; font-size: 16px; cursor: pointer; transition: background-color 0.2s ease; border-radius: 0 8px 8px 0;height: 54px;margin-top: 6px; }
            .sf-search-button:hover { background-color: #c00000; }
            .sf-custom-cart-wrapper { margin-left: auto; position: relative; }
            .sf-custom-cart-wrapper .navigation-buttons { display: flex; align-items: center; text-decoration: none; }
            .sf-custom-cart-wrapper .cart-count::before { font-size: 48px !important; vertical-align: middle; margin-right: 10px; color: #333; transition: color .2s ease; }
            .sf-custom-cart-wrapper .navigation-buttons:hover .cart-count::before { color: #e50000; }
            .sf-custom-cart-wrapper .cart-price { font-size: 16px; font-weight: 600; color: #333; transition: color .2s ease; }
            .sf-custom-cart-wrapper .navigation-buttons:hover .cart-price { color: #e50000; }
            .sf-custom-cart-wrapper i[data-testid="headerCartCount"] { position: absolute !important; top: 0px !important; left: 16px !important; width: 28px !important; height: 28px !important; background-color: #e50000 !important; color: white !important; border-radius: 50% !important; font-size: 15px !important; font-weight: bold !important; font-style: normal !important; display: flex !important; align-items: center !important; justify-content: center !important; line-height: 1 !important; box-sizing: border-box !important; }
            .sf-custom-cart-wrapper i[data-testid="headerCartCount"]:empty { display: none !important; }
            #sf-new-navigation-container { background-color: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.05); border-top: 1px solid #f0f0f0; }
            #sf-new-navigation { display: flex; justify-content: center; align-items: center; }
            #sf-new-navigation .sf-nav-item { position:relative; list-style:none; margin:0 }
            #sf-new-navigation .sf-nav-item > a { display:block; padding:18px 20px; text-decoration:none; color:#333; font-weight:700; text-transform:uppercase; transition:all .2s ease; white-space:nowrap; font-size:15px }
            #sf-new-navigation .sf-nav-item > a:hover, #sf-new-navigation .sf-nav-item:hover > a { color:#e50000 }
            #sf-new-navigation .sf-megamenu-panel { display: none; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); background-color: #fff; box-shadow: 0 4px 15px rgba(0,0,0,.1); padding: 30px; box-sizing: border-box; z-index: 1000; border-radius: 0 0 12px 12px; }
            .sf-megamenu-panel h3 { text-align: center; font-size: 1.4em; margin-top: 0; margin-bottom: 25px; }
            .sf-subcategory-grid { display: flex !important; flex-wrap: wrap; justify-content: center; gap: 15px !important; }
            .sf-subcategory-item { display:block; position:relative; overflow:hidden; border-radius:8px; box-shadow:0 2px 8px rgba(0,0,0,.1); transition: transform .2s ease, box-shadow .2s ease; text-decoration:none; width: 200px; }
            .sf-subcategory-item:hover { transform: translateY(-5px); box-shadow: 0 6px 15px rgba(0,0,0,.15); }
            .sf-subcategory-item img { width:100%; height:100px; object-fit:cover; display:block; }
            .sf-subcategory-item span { position:absolute; bottom:0; left:0; right:0; background:linear-gradient(to top, rgba(0,0,0,.8), transparent); color:#fff; padding:20px 10px 10px; font-size:1.1em; font-weight:600; text-align:center; }
            #sf-promo-banner-notification { position: fixed; top: 0; left: 50%; transform: translateX(-50%); z-index: 10000; display: flex; flex-direction: column; align-items: center; }
            #sf-promo-banner-panel { background-color: #e50000; color: #fff; padding: 0 25px; border-radius: 0 0 10px 10px; box-shadow: 0 5px 15px rgba(0,0,0,.2); font-size: 1.1em; font-weight: 700; max-height: 0; overflow: hidden; transition: max-height 0.4s ease-out, padding 0.4s ease-out; }
            #sf-promo-banner-tab { background-color: #e50000; border-radius: 0 0 8px 8px; cursor: pointer; transition: transform 0.3s; height: 8px; width: 40px; }
            #sf-promo-banner-notification.expanded #sf-promo-banner-panel { max-height: 50px; padding: 10px 25px; }
            .sf-login-wrapper { position: relative; }
            #cart-widget, #login-widget { display: none; box-shadow: 0 5px 20px rgba(0,0,0,0.15) !important; border-radius: 8px !important; border: 1px solid #eee !important; z-index: 10001 !important; background: #fff; }
            #login-widget { position: absolute !important; width: 300px; }
            #cart-widget { position: absolute !important; width: 380px; }
            #cart-widget.sf-cart-preview-visible { display: block !important; }
            #sf-admin-panel { position: fixed; top: 0; left: 0; right: 0; background: #23282d; color: #fff; box-shadow: 0 5px 15px rgba(0,0,0,.2); z-index: 99998; transition: transform .4s ease-in-out; padding: 0px; text-align: center; transform: translateY(-100%); }
            #sf-admin-panel.expanded { transform: translateY(0); }
            .admin-bar { display: inline-block !important; }
            #sf-admin-tab { position: fixed; top: 0; right: 25px; background: #23282d; cursor: pointer; padding: 10px 12px; border-radius: 0 0 8px 8px; box-shadow: 0 5px 15px rgba(0,0,0,.2); z-index: 100000; transition: transform 0.3s ease; }
            #login-widget { margin-left: -100px !important; }
            #sf-admin-tab svg { color: #fff; display: block; transition: transform 0.3s ease; }
            #sf-admin-tab.is-active svg { transform: rotate(180deg); }
            .admin-bar { padding: 15px 25px; max-width: 1200px; margin: 0 auto; }
            .admin-bar #bar-menu, .admin-bar #bar-menu ul { list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex; gap: 20px; }
            .admin-bar #bar-menu > li { margin-bottom: 0 !important; position: relative !important; }
            .admin-bar #bar-menu a, .admin-bar #bar-menu span { color: #eee !important; text-decoration: none !important; display: block !important; padding: 8px !important; font-weight: bold !important; cursor: pointer !important; border-radius: 4px; }
            .admin-bar #bar-menu > li:hover > a, .admin-bar #bar-menu > li:hover > span { background-color: #333940; }
            .admin-bar #bar-menu a:hover { color: #00b9eb !important; }
            .admin-bar #bar-menu ul { display: none !important; position: absolute; top: 100%; left: 0; background: #333940; flex-direction: column; gap: 0; padding: 5px !important; border-radius: 0 0 4px 4px; min-width: 200px; }
            .admin-bar #bar-menu li:hover > ul { display: flex !important; }
            .admin-bar #bar-menu li > ul a { font-weight: normal !important; width: 100%; }
            .sf-search-whisperer {
                display: none;
                position: absolute;
                top: 100%;
                left: 0;
                right: 0;
                background-color: #fff;
                border: 1px solid #ccc;
                border-top: none;
                box-shadow: 0 4px 8px rgba(0,0,0,0.1);
                z-index: 1001;
                max-height: 450px;
                overflow-y: auto;
                border-radius: 0 0 8px 8px;
            }
            .sf-search-whisperer .search-whisperer-products {
                list-style: none;
                padding: 0;
                margin: 0;
            }
            .sf-search-whisperer .search-whisperer-products li {
                border-bottom: 1px solid #f0f0f0;
            }
            .sf-search-whisperer .search-whisperer-products li:last-child {
                border-bottom: none;
            }
            .sf-search-whisperer .search-whisperer-products a {
                display: flex;
                align-items: center;
                padding: 10px;
                text-decoration: none;
                color: #333;
                transition: background-color 0.2s ease;
            }
            .sf-search-whisperer .search-whisperer-products a:hover {
                background-color: #f5f5f5;
            }
            .sf-search-whisperer .search-whisperer-image img {
                width: 60px;
                height: 60px;
                object-fit: cover;
                margin-right: 15px;
                border-radius: 4px;
            }
            .sf-search-whisperer .p-info {
                display: flex;
                flex-direction: column;
                flex-grow: 1;
                text-align: left;
                margin-left: 10px;
            }
            .sf-search-whisperer .p-name {
                font-weight: 600;
                margin-bottom: 5px;
            }
            .sf-search-whisperer .p-availability {
                font-size: 12px;
                color: #555;
            }
            .sf-search-whisperer .price-final {
                font-weight: 700;
                font-size: 16px;
                color: #e50000;
                margin-left: 15px;
                white-space: nowrap;
            }
        }
        @media (max-width: 991px) {
          .sf-header-wrapper {
              display: none !important;
          }
      }