/* SPA COMPONENTS – produktové karty v kategoriích, návrh 2 */

/* Shoptet X+Y badge: readable dark violet text on the admin-set pastel background. */
.flag.flag-xy-discount {
  color: #593875 !important;
}

/* Quantity-discount badge: keep its pastel palette and centering on every breakpoint. */
.flag.flag-quantity-discount,
.flag.js-quantity-discounts__flag {
  display: inline-flex !important;
  min-height: 28px !important;
  height: 28px !important;
  padding: 0 11px !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #DDECE7 !important;
  color: #315E50 !important;
  line-height: 1 !important;
  vertical-align: middle !important;
}

/* X+Y detail banner: gift icon belongs to the heading, description spans full width. */
body.type-detail .xyDiscount__banner {
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 12px !important;
  row-gap: 16px !important;
  align-items: center;
  justify-content: start !important;
  padding: 24px 28px !important;
  text-align: left !important;
}
body.type-detail .xyDiscount__banner .xyDiscount__icon {
  grid-column: 1;
  grid-row: 1;
  position: static !important;
  align-self: center;
  width: 48px !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}
body.type-detail .xyDiscount__banner .xyDiscount__content {
  display: contents !important;
}
body.type-detail .xyDiscount__banner .xyDiscount__title {
  grid-column: 2;
  grid-row: 1;
  align-self: center;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}
body.type-detail .xyDiscount__banner .xyDiscount__description {
  grid-column: 1 / -1;
  grid-row: 2;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}
body.type-detail .xyDiscount__banner .xyDiscount__description p {
  margin: 0 !important;
  text-align: left !important;
}

@media (max-width: 767px) {
  body.type-detail .xyDiscount__banner {
    grid-template-columns: 42px minmax(0, 1fr);
    column-gap: 10px !important;
    row-gap: 13px !important;
    padding: 20px !important;
  }
  body.type-detail .xyDiscount__banner .xyDiscount__icon {
    width: 42px !important;
    height: 42px !important;
  }
}

/* FAQ: klidná bílá karta a zřetelně označená aktivní kategorie. */
body .sc-faq .sc-faq__nav{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  gap:8px!important;
}
body .sc-faq .sc-faq__tab{
  border:1px solid transparent;
  border-radius:10px!important;
  padding:14px 18px!important;
  transform:none!important;
}
body .sc-faq #sc-faq-tab-1:checked ~ .sc-faq__nav label[for="sc-faq-tab-1"],
body .sc-faq #sc-faq-tab-2:checked ~ .sc-faq__nav label[for="sc-faq-tab-2"],
body .sc-faq #sc-faq-tab-3:checked ~ .sc-faq__nav label[for="sc-faq-tab-3"]{
  background:#fff1df!important;
  color:#9a4a0d!important;
  border-color:#f3d2aa!important;
}
body .sc-faq .sc-faq__panel-title{
  background:transparent!important;
  color:#9a4a0d!important;
  font-size:clamp(21px,2vw,27px)!important;
  padding:26px 28px 18px!important;
  margin:0!important;
}
body .sc-faq .sc-faq__panel{
  background:#fff!important;
  border-color:#e0e2e6!important;
  box-shadow:none!important;
  border-radius:20px!important;
  padding:0 0 10px!important;
}
body .sc-faq .sc-faq__item{
  background:#fff!important;
  border:0!important;
  border-top:1px solid #e7e8eb!important;
  border-radius:0!important;
  margin:0 28px!important;
  box-shadow:none!important;
}
body .sc-faq .sc-faq__question{
  background:transparent!important;
  border-left:0!important;
  padding:22px 36px 22px 0!important;
  min-height:68px!important;
  font-size:18px!important;
}
body .sc-faq .sc-faq__item[open] .sc-faq__question{
  color:#9a4a0d!important;
}
body .sc-faq .sc-faq__answer{
  border:0!important;
  padding:0 36px 24px 0!important;
}
body .sc-faq .sc-faq__question::before,
body .sc-faq .sc-faq__question::after{
  background:#68707c!important;
  right:4px!important;
}
@media(max-width:767px){
  body .sc-faq .sc-faq__nav{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    overflow:visible!important;
    min-width:0;
    padding-bottom:4px!important;
  }
  body .sc-faq .sc-faq__tab{
    flex:0 1 auto;
    max-width:100%;
    min-width:0;
    white-space:normal;
    overflow-wrap:anywhere;
    min-height:44px!important;
    padding:10px 14px!important;
  }
  body .sc-faq .sc-faq__panel-title{padding:22px 20px 16px!important}
  body .sc-faq .sc-faq__item{margin:0 20px!important}
  body .sc-faq .sc-faq__question{font-size:16px!important;padding-top:18px!important;padding-bottom:18px!important}
}

/* Jemné produktové štítky; Výprodej = vlastní příznak 1, Smart Buy = 2. */
span.flag:is(.flag-new,.flag-action,.flag-custom1,.flag-custom2,.flag-tip){
  padding:7px 10px!important;
  border:0!important;
  border-radius:999px!important;
  box-shadow:none!important;
  background-image:none!important;
  font-weight:700!important;
  line-height:1.1!important;
}
span.flag.flag-new{background-color:#e8f1f8!important;color:#365d7c!important}
span.flag.flag-action{background-color:#fbe9e7!important;color:#98483f!important}
span.flag.flag-custom1{background-color:#f0ebf7!important;color:#675080!important}
span.flag.flag-custom2{background-color:#e8f1eb!important;color:#3f6550!important}
span.flag.flag-tip{background-color:#eceef1!important;color:#505763!important}
span.flag.flag-discount,
span.flag.flag-discount::before,
span.flag.flag-discount::after{
  background-image:none!important;
  background-color:transparent!important;
  box-shadow:none!important;
  clip-path:none!important
}
span.flag.flag-discount svg,
span.flag.flag-discount img{display:none!important}
span.flag.flag-discount{
  width:56px!important;
  height:56px!important;
  display:flex!important;
  align-items:center;
  justify-content:center;
  border-radius:50%!important;
  background-color:#fbe9e7!important;
  color:#98483f!important
}
span.flag.flag-discount .price-save{
  color:#98483f!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.1;
  text-align:center
}
.discount{
  color:#c75b10!important;
  font-size:20px!important;
  font-weight:800!important;
  line-height:1
}
.discount::before{
  margin-left:1px;
  font-size:12px!important;
  font-weight:600!important
}
span.flag.flag-discount .discount{color:#98483f!important}

body.type-category .category-content-wrapper .products-block .product{
  padding:10px!important;
  container-type:inline-size;
  container-name:spa-product-card
}
body.type-category .category-content-wrapper .products-block .product>.p{
  position:relative;
  height:100%;
  min-width:0;
  padding:0 24px 24px!important;
  overflow:hidden;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:
    "image image"
    "availability availability"
    "name name"
    "prices cart";
  grid-template-rows:auto auto minmax(52px,auto) auto;
  column-gap:18px;
  align-items:end;
  background:#fff;
  border:0!important;
  border-radius:20px;
  box-shadow:0 5px 18px rgba(25,35,45,.1);
  transition:transform .2s ease,box-shadow .2s ease
}
body.type-category .category-content-wrapper .products-block .product>.p:hover{
  transform:translateY(-2px);
  box-shadow:0 9px 24px rgba(25,35,45,.14)
}
body.type-category .category-content-wrapper .products-block .product>.p>.p-in,
body.type-category .category-content-wrapper .products-block .product .p-in-in,
body.type-category .category-content-wrapper .products-block .product .p-bottom,
body.type-category .category-content-wrapper .products-block .product .p-bottom>div[data-micro="offer"],
body.type-category .category-content-wrapper .products-block .product .p-tools{display:contents!important}

body.type-category .category-content-wrapper .products-block .product>.p>a.image{
  grid-area:image;
  width:100%!important;
  max-width:100%!important;
  margin:0 0 16px!important;
  padding:0!important;
  overflow:visible;
  border-radius:0
}
body.type-category .category-content-wrapper .products-block .product>.p>a.image img{
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  object-fit:contain;
  transition:transform .25s ease
}
body.type-category .category-content-wrapper .products-block .product>.p>a.image .flags-default{
  top:14px!important;
  left:0!important;
  right:auto!important;
  z-index:3
}
body.type-category .category-content-wrapper .products-block .product>.p>a.image .flags-extra{
  top:14px!important;
  right:0!important;
  left:auto!important;
  width:auto!important;
  z-index:3
}
body.type-category .category-content-wrapper .products-block .product>.p:hover>a.image img{transform:scale(1.015)}

body.type-category .category-content-wrapper .products-block .product .availability{
  grid-area:availability;
  align-self:start;
  min-height:20px;
  margin:0 0 10px!important;
  padding:0!important;
  text-align:left!important
}
body.type-category .category-content-wrapper .products-block .product .availability span{
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.2;
  text-transform:uppercase
}
body.type-category .category-content-wrapper .products-block .product a.name{
  grid-area:name;
  align-self:start;
  height:auto!important;
  min-height:52px;
  margin:0 0 14px!important;
  padding:0!important;
  color:#111!important;
  font-size:17px!important;
  font-weight:800!important;
  line-height:1.3!important;
  text-align:left!important;
  text-decoration:none!important
}
body.type-category .category-content-wrapper .products-block .product a.name span{
  color:inherit!important;
  font-size:inherit!important;
  font-weight:inherit!important;
  line-height:inherit!important
}
body.type-category .category-content-wrapper .products-block .product a.name:hover{color:#ed7d24!important}
body.type-category .category-content-wrapper .products-block .product .ratings-wrapper{display:none!important}

body.type-category .category-content-wrapper .products-block .product .prices{
  grid-area:prices;
  align-self:end;
  min-width:0;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column;
  text-align:left!important
}
body.type-category .category-content-wrapper .products-block .product .price-final{
  order:1;
  width:max-content;
  max-width:100%;
  margin:0 0 5px!important;
  padding:0!important;
  color:#111!important;
  font-size:21px!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:-.25px;
  text-align:left!important;
  white-space:nowrap!important
}
body.type-category .category-content-wrapper .products-block .product .price-final strong,
body.type-category .category-content-wrapper .products-block .product .price-final span{
  display:inline!important;
  color:inherit!important;
  font-size:inherit!important;
  font-weight:inherit!important;
  line-height:inherit!important;
  white-space:nowrap!important
}
body.type-category .category-content-wrapper .products-block .product .price-additional{
  order:2;
  margin:0!important;
  padding:0!important;
  color:#7d8190!important;
  font-size:13px!important;
  font-weight:400!important;
  line-height:1.3!important;
  text-align:left!important
}

body.type-category .category-content-wrapper .products-block .product>.p>.product-btn{
  position:static!important;
  inset:auto!important;
  grid-area:cart;
  align-self:end;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important
}
body.type-category .category-content-wrapper .products-block .product .product-btn form{
  width:auto!important;
  margin:0!important
}
body.type-category .category-content-wrapper .products-block .product .product-btn .btn,
body.type-category .category-content-wrapper .products-block .product .product-btn .btn-cart{
  position:relative!important;
  width:180px!important;
  min-width:180px;
  min-height:52px;
  margin:0!important;
  padding:13px 24px!important;
  display:inline-flex!important;
  gap:28px;
  align-items:center;
  justify-content:center;
  background:#f7aa46!important;
  border:0!important;
  border-radius:28px!important;
  box-shadow:0 4px 10px rgba(237,125,36,.2);
  color:#fff!important;
  font-size:15px!important;
  font-weight:700!important;
  line-height:1.2;
  text-align:center;
  text-decoration:none!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease
}
body.type-category .category-content-wrapper .products-block .product .product-btn .btn-cart>span{flex:0 0 auto}
body.type-category .category-content-wrapper .products-block .product .product-btn .btn-cart::after{
  position:static!important;
  flex:0 0 auto;
  margin:0!important;
  transform:none!important
}
body.type-category .category-content-wrapper .products-block .product .product-btn .btn:hover,
body.type-category .category-content-wrapper .products-block .product .product-btn .btn-cart:hover{
  background:#ed7d24!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
  box-shadow:0 6px 14px rgba(237,125,36,.28)
}
body.type-category .category-content-wrapper .products-block .product>.p>.no-display{display:none!important}

/* Užší desktopové karty – například po zapnutí levého menu kategorií */
@media (max-width:1199px){
  body.type-category .category-content-wrapper .products-block .product>.p{
    padding-right:18px!important;
    padding-left:18px!important;
    grid-template-columns:minmax(102px,1fr) 145px;
    column-gap:10px
  }
  body.type-category .category-content-wrapper .products-block .product .price-final{
    font-size:18px!important;
    letter-spacing:-.4px
  }
  body.type-category .category-content-wrapper .products-block .product .price-additional{font-size:12px!important}
  body.type-category .category-content-wrapper .products-block .product .product-btn .btn,
  body.type-category .category-content-wrapper .products-block .product .product-btn .btn-cart{
    width:145px!important;
    min-width:145px;
    padding-right:14px!important;
    padding-left:14px!important;
    gap:14px
  }
}

/*
 * Karta reaguje na svou skutečnou šířku, nikoliv pouze na šířku monitoru.
 * To je důležité při zobrazení levého panelu kategorií a tří karet vedle sebe.
 */
@media (min-width:768px){
  @container spa-product-card (max-width:460px){
    body.type-category .category-content-wrapper .products-block .product>.p{
      padding-right:18px!important;
      padding-left:18px!important;
      grid-template-columns:minmax(108px,1fr) 148px;
      column-gap:8px
    }
    body.type-category .category-content-wrapper .products-block .product .price-final{
      font-size:18px!important;
      letter-spacing:-.45px
    }
    body.type-category .category-content-wrapper .products-block .product .price-additional{
      font-size:12px!important;
      line-height:1.25!important
    }
    body.type-category .category-content-wrapper .products-block .product .product-btn .btn,
    body.type-category .category-content-wrapper .products-block .product .product-btn .btn-cart{
      width:148px!important;
      min-width:148px;
      padding-right:13px!important;
      padding-left:13px!important;
      gap:13px
    }
  }

  @container spa-product-card (max-width:390px){
    body.type-category .category-content-wrapper .products-block .product>.p{
      padding-right:15px!important;
      padding-left:15px!important;
      grid-template-columns:minmax(96px,1fr) 136px;
      column-gap:6px
    }
    body.type-category .category-content-wrapper .products-block .product .price-final{
      font-size:16px!important;
      letter-spacing:-.55px
    }
    body.type-category .category-content-wrapper .products-block .product .price-additional{
      font-size:11px!important
    }
    body.type-category .category-content-wrapper .products-block .product .product-btn .btn,
    body.type-category .category-content-wrapper .products-block .product .product-btn .btn-cart{
      width:136px!important;
      min-width:136px;
      min-height:48px;
      padding-right:10px!important;
      padding-left:10px!important;
      gap:10px;
      font-size:14px!important
    }
  }
}

@media (max-width:767px){
  body.type-category .category-content-wrapper .products-block .product{padding:7px!important}
  body.type-category .category-content-wrapper .products-block .product>.p{
    padding:0 16px 18px!important;
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:
      "image"
      "availability"
      "name"
      "prices"
      "cart";
    grid-template-rows:auto;
    row-gap:0;
    border-radius:16px
  }
  body.type-category .category-content-wrapper .products-block .product>.p>a.image{
    width:100%!important;
    margin:0 0 14px!important;
    border-radius:0
  }
  body.type-category .category-content-wrapper .products-block .product .availability{
    width:100%!important;
    margin:0 0 8px!important;
    display:block!important;
    justify-self:stretch!important;
    text-align:left!important
  }
  body.type-category .category-content-wrapper .products-block .product .availability span{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
    float:none!important;
    font-size:12px!important;
    text-align:left!important
  }
  body.type-category .category-content-wrapper .products-block .product a.name{
    min-height:0;
    margin-bottom:12px!important;
    font-size:15px!important
  }
  body.type-category .category-content-wrapper .products-block .product .prices{margin-bottom:16px!important}
  body.type-category .category-content-wrapper .products-block .product .price-final{
    font-size:19px!important;
    letter-spacing:-.25px
  }
  body.type-category .category-content-wrapper .products-block .product .price-additional{font-size:13px!important}
  body.type-category .category-content-wrapper .products-block .product .product-btn{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
    justify-self:stretch!important
  }
  body.type-category .category-content-wrapper .products-block .product .product-btn form{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    display:block!important
  }
  body.type-category .category-content-wrapper .products-block .product .product-btn .btn,
  body.type-category .category-content-wrapper .products-block .product .product-btn .btn-cart{
    width:100%!important;
    max-width:none!important;
    min-width:0;
    min-height:48px;
    margin:0!important
  }
}

/* ======================================================
   SIDEBAR – widget Akce
   ====================================================== */
body.type-category .sidebar-inner>.sale.box-sale{
  position:relative;
  display:block!important;
  min-height:106px;
  margin-top:28px!important;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#191b1f 0%,#292d33 100%)!important;
  color:#fff!important;
  box-shadow:0 10px 28px rgba(25,27,31,.20),0 0 0 1px rgba(152,72,63,.08)!important;
  text-decoration:none!important;
  transition:transform .18s ease,box-shadow .18s ease!important
}

body.type-category .sidebar-inner>.sale.box-sale:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 34px rgba(25,27,31,.26),0 0 22px rgba(152,72,63,.16)!important
}

body.type-category .sidebar-inner>.sale.box-sale::after{
  content:none!important;
  display:none!important
}

body.type-category .sidebar-inner>.sale.box-sale:hover::after{
  transform:none
}

body.type-category .sale.box-sale .sale__content{
  display:flex!important;
  min-height:106px;
  padding:20px 22px!important;
  align-items:center!important;
  background:transparent!important
}

body.type-category .sale.box-sale .sale__title-block{
  display:flex!important;
  align-items:center!important;
  gap:0!important
}

body.type-category .sale.box-sale .sale__icon{
  position:static!important;
  top:auto!important;
  left:auto!important;
  transform:none!important;
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  min-height:54px!important;
  max-width:54px!important;
  max-height:54px!important;
  flex:0 0 54px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden;
  border-radius:50%!important;
  border:1px solid rgba(255,86,76,.65);
  background:#4a1718!important;
  box-shadow:0 0 12px rgba(255,54,45,.75),0 0 30px rgba(255,54,45,.42),inset 0 0 14px rgba(255,95,85,.18)
}

body.type-category .sale.box-sale .sale__icon img{
  display:none!important
}

body.type-category .sale.box-sale .sale__icon::after{
  content:"%";
  color:#ff4b42;
  font-size:27px;
  font-weight:800;
  line-height:1;
  text-shadow:0 0 7px rgba(255,75,66,.95),0 0 15px rgba(255,75,66,.65)
}

body.type-category .sale.box-sale .sale__title{
  padding-left:0!important;
  margin-left:28px!important;
  color:#171717!important;
  font-size:0!important;
  font-weight:800!important;
  line-height:1.15!important
}

body.type-category .sale.box-sale .sale__title::after{
  content:"AKČNÍ NABÍDKY";
  color:#fff;
  font-size:21px;
  font-weight:800;
  line-height:1.15
}

body.type-category .sale.box-sale .sale__title-block::after{
  content:none!important;
  display:none!important
}

html[lang^="sk"] body.type-category .sale.box-sale .sale__title::after{content:"AKCIOVÉ PONUKY"}
html[lang^="en"] body.type-category .sale.box-sale .sale__title::after{content:"SPECIAL OFFERS"}
html[lang^="de"] body.type-category .sale.box-sale .sale__title::after{content:"SONDERANGEBOTE"}

/* ======================================================
   SIDEBAR – kontaktní widget
   ====================================================== */
body.type-category .sidebar-inner>.banner.box-support{
  margin-top:22px!important;
  overflow:hidden;
  border:1px solid rgba(24,29,36,.07)!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 8px 26px rgba(25,35,45,.09)!important
}

body.type-category .box-support .banner-wrapper,
body.type-category .box-support .banner-wrapper>span,
body.type-category .box-support .support,
body.type-category .box-support .support__content{
  background:transparent!important
}

body.type-category .box-support .support__content{
  padding:27px 22px 22px!important
}

body.type-category .box-support .support__title-block{
  margin:0 0 22px!important
}
body.type-category .box-support .support__title-block::before{
  content:"";
  display:block;
  width:88px;
  height:88px;
  margin:0 0 18px;
  border:1px solid #e7e8eb;
  border-radius:50%;
  background:#fff url("/user/documents/upload/novyweb/Spa-Components-robot.png") center / cover no-repeat;
}

body.type-category .box-support .support__title{
  margin:0!important;
  color:#171717!important;
  font-size:25px!important;
  font-weight:800!important;
  line-height:1.2!important
}

body.type-category .box-support .support__title--gray{
  margin-top:4px!important;
  color:#747985!important;
  opacity:1!important;
  font-size:25px!important;
  font-weight:800!important
}

body.type-category .box-support .contact-box strong{
  display:none!important
}

body.type-category .box-support .contact-box ul{
  margin:0 0 18px!important;
  padding:0!important;
  list-style:none!important
}

body.type-category .box-support .contact-box li{
  position:relative;
  min-height:48px;
  margin:0 0 9px!important;
  padding:8px 0!important;
  display:flex!important;
  align-items:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important
}

body.type-category .box-support .contact-box li:last-child{
  margin-bottom:0!important
}

body.type-category .box-support .contact-box .mail,
body.type-category .box-support .contact-box .tel,
body.type-category .box-support .contact-box .cellphone{
  width:100%!important;
  opacity:1!important;
  color:#ed7d24!important
}

body.type-category .box-support .contact-box .mail::before,
body.type-category .box-support .contact-box .tel::before,
body.type-category .box-support .contact-box .cellphone::before{
  color:#ed7d24!important
}

body.type-category .box-support .contact-box .cellphone::before{
  content:""!important;
  display:block!important;
  flex:0 0 29px!important;
  width:29px!important;
  height:29px!important;
  margin-right:14px!important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ed7d24' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3Cpath d='M15 2a7 7 0 0 1 7 7M15 6a3 3 0 0 1 3 3'/%3E%3C/svg%3E") center / contain no-repeat!important;
}

body.type-category .box-support .contact-box a{
  color:#343840!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.3!important;
  text-decoration:none!important;
  overflow-wrap:anywhere
}
body.type-category .box-support .contact-box .mail a,
body.type-category .box-support .contact-box .tel a,
body.type-category .box-support .contact-box .cellphone a{
  display:inline-block;
  white-space:nowrap!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  font-size:13px!important;
}

body.type-category .box-support .contact-box a:hover{
  color:#c75b10!important
}

body.type-category .box-support .support__content>.btn{
  width:100%!important;
  min-height:49px!important;
  margin:0!important;
  padding:13px 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid #f3d2aa!important;
  border-radius:14px!important;
  background:#fff1df!important;
  color:#9a4a0d!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1.2!important;
  text-align:center!important;
  text-decoration:none!important;
  box-shadow:0 5px 12px rgba(77,55,31,.10)!important;
  transition:background-color .18s ease,transform .18s ease,
             box-shadow .18s ease!important
}

body.type-category .box-support .support__content>.btn:hover{
  background:#f7aa46!important;
  border-color:#f7aa46!important;
  color:#171717!important;
  transform:translateY(-1px)!important;
  box-shadow:0 7px 16px rgba(237,125,36,.28)!important
}

/* ======================================================
   HOMEPAGE – širší CTA v produktových karuselech
   Platí pouze na úvodní stránce na desktopu, tabletu i mobilu.
   Kategorie ani okno po přidání do košíku neovlivňuje.
   ====================================================== */
body.in-index .slider-group-products .product .product-btn{
  right:30px!important;
  left:30px!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  display:block!important
}

body.in-index .slider-group-products .product .product-btn form{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  display:block!important
}

body.in-index .slider-group-products .product .product-btn .btn,
body.in-index .slider-group-products .product .product-btn .btn-cart{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important
}

/* Mobilní homepage používá pro produktové karusely jiný obal než desktop.
   CTA kopíruje šestnáctipixelové vnitřní odsazení textu karty. */
@media(max-width:767px){
  body.in-index .products-block[class*="homepage-products-"] .product .p-in{
    display:grid!important;
    grid-template-areas:
      "availability"
      "name"
      "prices";
    grid-template-columns:minmax(0,1fr)!important
  }

  body.in-index .products-block[class*="homepage-products-"] .product .p-in-in{
    grid-area:name
  }

  body.in-index .products-block[class*="homepage-products-"] .product .p-bottom,
  body.in-index .products-block[class*="homepage-products-"] .product .p-bottom>[data-micro="offer"]{
    display:contents!important
  }

  body.in-index .products-block[class*="homepage-products-"] .product .prices{
    grid-area:prices
  }

  body.in-index .products-block[class*="homepage-products-"] .product .p-tools{
    position:static!important;
    grid-area:availability;
    width:100%!important;
    min-height:0!important;
    margin:0 0 9px!important;
    padding:0!important;
    display:block!important;
    text-align:left!important
  }

  body.in-index .products-block[class*="homepage-products-"] .product .availability,
  body.in-index .products-block[class*="homepage-products-"] .product .availability span{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
    float:none!important;
    text-align:left!important
  }

  body.in-index .products-block[class*="homepage-products-"] .product .product-btn{
    right:0!important;
    left:0!important;
    width:100%!important;
    max-width:none!important;
    padding-right:16px!important;
    padding-left:16px!important;
    box-sizing:border-box!important
  }

  body.in-index .products-block[class*="homepage-products-"] .product .product-btn form{
    width:100%!important;
    max-width:none!important;
    margin:0!important
  }

  body.in-index .products-block[class*="homepage-products-"] .product .product-btn .btn,
  body.in-index .products-block[class*="homepage-products-"] .product .product-btn .btn-cart{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important
  }
}

/* ======================================================
   NĚMECKÁ MUTACE – delší text "In den Warenkorb"
   Pouze zmenší vnitřní mezery tlačítka; ostatní jazyky nemění.
   ====================================================== */
html[lang^="de"] body.type-category
.category-content-wrapper .products-block .product .product-btn .btn,
html[lang^="de"] body.type-category
.category-content-wrapper .products-block .product .product-btn .btn-cart{
  padding-right:6px!important;
  padding-left:6px!important;
  gap:6px!important;
  font-size:13px!important;
  letter-spacing:-.15px;
  white-space:nowrap!important
}

/* ======================================================
   HOMEPAGE – servisní karty
   ====================================================== */
body.in-index .service-group{
  align-items:stretch!important
}

body.in-index .service-group .service__item{
  display:flex!important
}

body.in-index .service-group .service__content{
  display:flex!important;
  width:100%!important;
  height:100%!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border:1px solid rgba(237,125,36,.14)!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 10px 30px rgba(25,35,45,.08)!important;
  transition:transform .18s ease,box-shadow .18s ease!important
}

body.in-index .service-group .service__content:hover{
  transform:translateY(-3px);
  box-shadow:0 15px 36px rgba(25,35,45,.12)!important
}

body.in-index .service-group .service__image-block{
  display:block!important;
  overflow:hidden!important;
  background:#f5f6f7!important
}

body.in-index .service-group .service__image-block img{
  display:block!important;
  width:100%!important;
  height:230px!important;
  object-fit:cover!important;
  transition:transform .25s ease!important
}

body.in-index .service-group .service__content:hover .service__image-block img{
  transform:scale(1.012)
}

body.in-index .service-group .service__text-block{
  display:flex!important;
  min-height:254px!important;
  padding:30px 26px 28px!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  background:#fff!important;
  text-align:left!important
}

body.in-index .service-group .service__text-block .h3{
  margin:0 0 14px!important;
  font-size:22px!important;
  line-height:1.25!important
}

body.in-index .service-group .service__text-block .h3 a{
  color:#171717!important;
  text-decoration:none!important
}

body.in-index .service-group .service__text-block p{
  margin:0 0 24px!important;
  color:#555b64!important;
  font-size:15px!important;
  line-height:1.55!important
}

body.in-index .service-group .service__text-block .btn{
  display:inline-flex!important;
  min-width:200px!important;
  min-height:52px!important;
  margin:auto 0 0!important;
  padding:0 26px!important;
  align-items:center!important;
  justify-content:center!important;
  border:0!important;
  border-radius:999px!important;
  background:#f7aa46!important;
  color:#fff!important;
  font-weight:700!important;
  line-height:1!important;
  text-decoration:none!important;
  box-shadow:0 8px 20px rgba(237,125,36,.23)!important
}

/* Blogové karty už mají text vlevo – CTA navazuje na stejnou osu. */
body.in-index #newsWrapper .news-item .text>.text-center,
body.in-index #newsWrapper .news-item .text .text-center{
  right:15px!important;
  left:15px!important;
  width:auto!important;
  text-align:left!important;
  transform:none!important
}

body.in-index #newsWrapper .news-item .btn{
  margin-right:0!important;
  margin-left:0!important
}

body.in-index .service-group .service__text-block .btn{
  right:auto!important;
  left:26px!important;
  transform:none!important
}

body.in-index .service-group .service__text-block .btn:hover{
  background:#ed8f2d!important;
  color:#fff!important
}

@media(max-width:767px){
  body.in-index .service-group .service__content{border-radius:18px!important}
  body.in-index .service-group .service__image-block img{height:210px!important}
  body.in-index .service-group .service__text-block{min-height:0!important;padding:25px 20px 24px!important}
  body.in-index .service-group .service__text-block .h3{font-size:20px!important}
  body.in-index .service-group .service__text-block .btn{
    position:static!important;
    right:auto!important;
    left:auto!important;
    width:100%!important;
    min-width:0!important;
    margin:auto 0 0!important;
    transform:none!important
  }

  body.in-index .service-group .service__text-block p{
    margin-bottom:24px!important
  }
  body.in-index #newsWrapper .news-item .text>.text-center,
  body.in-index #newsWrapper .news-item .text .text-center{right:15px!important;left:15px!important}
}

/* ======================================================
   JEDNOTNÁ BARVA CTA + BLOG
   ====================================================== */
body.in-index #newsWrapper .news-item .btn.btn-primary,
body.in-index .service-group .btn,
body.in-index .slider-group-products .product .product-btn .btn,
body.in-index .slider-group-products .product .product-btn .btn-cart{
  border-color:#f7aa46!important;
  background:#f7aa46!important;
  color:#fff!important
}

body.in-index #newsWrapper .news-item .btn.btn-primary:hover,
body.in-index .service-group .btn:hover,
body.in-index .slider-group-products .product .product-btn .btn:hover,
body.in-index .slider-group-products .product .product-btn .btn-cart:hover{
  border-color:#ed8f2d!important;
  background:#ed8f2d!important;
  color:#fff!important
}

/* ======================================================
   HOMEPAGE – newsletter
   ====================================================== */
.custom-footer__newsletter{
  border:1px solid rgba(247,170,70,.24)!important;
  background:#fff1df!important;
  color:#171717!important;
  box-shadow:0 12px 34px rgba(77,55,31,.08)!important
}

.custom-footer__newsletter,
.custom-footer__newsletter *,
.custom-footer__newsletter h1,
.custom-footer__newsletter h2,
.custom-footer__newsletter h3,
.custom-footer__newsletter p,
.custom-footer__newsletter label{
  color:#171717!important
}

.custom-footer__newsletter a:not(.btn){
  color:#5f554b!important;
  text-decoration-color:rgba(95,85,75,.55)!important
}

.custom-footer__newsletter .btn.btn-primary{
  border:2px solid #171717!important;
  background:#171717!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(23,23,23,.16)!important
}

.custom-footer__newsletter .btn.btn-primary,
.custom-footer__newsletter .btn.btn-primary *{
  color:#fff!important
}

.custom-footer__newsletter .btn.btn-primary:hover{
  border-color:#333!important;
  background:#333!important;
  color:#fff!important
}

/* ======================================================
   JEDNOTNÁ TUČNĚJŠÍ TYPOGRAFIE BĚŽNÝCH CTA
   Hlavní obrazové bannery nejsou zahrnuté.
   ====================================================== */
body.type-category .product-btn .btn,
body.type-category .product-btn .btn-cart,
body.type-category .box-support .support__content>.btn,
body.in-index .slider-group-products .product-btn .btn,
body.in-index .slider-group-products .product-btn .btn-cart,
body.in-index .service-group .service__text-block .btn,
body.in-index #newsWrapper .news-item .btn,
.custom-footer__newsletter .btn,
body.type-detail #pobo-all-content .hero .content .btn{
  font-family:inherit!important;
  font-weight:800!important
}

/* ======================================================
   HOMEPAGE – YouTube panel v jemnější pastelové paletě
   ====================================================== */
body.in-index #sc-youtube-tv{
  border:1px solid rgba(247,170,70,.24)!important;
  background:#fff1df!important;
  color:#171717!important;
  box-shadow:0 12px 34px rgba(77,55,31,.08)!important
}

body.in-index #sc-youtube-tv .sc-title,
body.in-index #sc-youtube-tv .sc-lead{
  color:#171717!important
}

body.in-index #sc-youtube-tv .sc-copy{
  color:#5f554b!important
}

body.in-index #sc-youtube-tv .sc-eyebrow{
  border-color:rgba(213,128,42,.24)!important;
  background:#ffe2bc!important;
  color:#4a3420!important
}

body.in-index #sc-youtube-tv .sc-deco-circle{
  background:rgba(247,170,70,.24)!important
}

body.in-index #sc-youtube-tv .sc-deco-circle.c2{
  background:rgba(220,128,34,.18)!important
}

body.in-index #sc-youtube-tv .sc-btn{
  font-family:inherit!important;
  font-weight:800!important
}

@media (min-width:768px){
  @container spa-product-card (max-width:390px){
    html[lang^="de"] body.type-category
    .category-content-wrapper .products-block .product .product-btn .btn,
    html[lang^="de"] body.type-category
    .category-content-wrapper .products-block .product .product-btn .btn-cart{
      padding-right:5px!important;
      padding-left:5px!important;
      gap:5px!important;
      font-size:12px!important;
      letter-spacing:-.25px
    }
  }
}

/* ======================================================
   KATEGORIE – postranní navigace
   Funkčnost rozbalování zůstává původní, mění se jen vzhled.
   ====================================================== */
body.type-category .box-categories{
  overflow:hidden;
  border:1px solid rgba(24,29,36,.07)!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 8px 26px rgba(25,35,45,.09)!important
}

body.type-category .box-categories .pageElement__heading{
  position:relative;
  margin:0!important;
  padding:19px 22px 19px 58px!important;
  border:0!important;
  border-bottom:0!important;
  background:#fff!important;
  color:#171717!important;
  font-size:21px!important;
  font-weight:800!important;
  line-height:1.2!important
}

body.type-category .box-categories #categories{
  background:#fff!important;
  border-radius:12px!important;
  overflow:hidden
}

/* Před spuštěním JS nenechat probliknout nesouvisející otevřené větve.
   Po inicializaci už CSS neomezuje ruční rozbalování. */
body.type-category .box-categories #categories:not([data-spa-initialized])
.expandable:not(.active):not(:has(.active))>ul{
  display:none!important
}

body.type-category .box-categories .categories{
  border:0!important;
  border-bottom:1px solid rgba(24,29,36,.065)!important;
  background:#fff!important
}

body.type-category .box-categories .categories:last-child{
  border-bottom:0!important
}

body.type-category .box-categories .categories>.topic>a{
  position:relative!important;
  display:block;
  margin:0!important;
  padding-top:14px!important;
  padding-bottom:14px!important;
  border:0!important;
  border-radius:0!important;
  background:#f6f7f8!important;
  color:#24272c!important;
  font-weight:800!important;
  line-height:1.3!important;
  text-decoration:none!important;
  transition:background-color .18s ease,color .18s ease
}

body.type-category .box-categories .categories>.topic>a:hover{
  background:#eceef1!important;
  color:#171717!important
}

body.type-category .box-categories .categories>.topic.active>a{
  background:#fff0dc!important;
  color:#171717!important;
  text-shadow:none!important
}

/* Původní šablona nastavuje aktivnímu nadpisu bílou s vyšší prioritou. */
body.type-category .sidebar .box.box-categories #categories
.categories>.topic.active>a,
body.type-category .sidebar .box.box-categories #categories
.categories>.topic.active>a>span:not(.cat-trigger){
  color:#171717!important
}

body.type-category .box-categories .categories ul{
  background:#fff!important
}

body.type-category .box-categories .categories li>a{
  position:relative!important;
  margin:2px 9px!important;
  border-radius:9px!important;
  color:#272a2f!important;
  line-height:1.35!important;
  text-decoration:none!important;
  transition:background-color .16s ease,color .16s ease
}

body.type-category .box-categories .categories li>a:hover{
  background:#f6f7f8!important;
  color:#171717!important
}

body.type-category .box-categories .categories li.active>a{
  background:#fff0dc!important;
  color:#171717!important;
  font-weight:800!important
}

/* Stabilní pozice všech rozbalovacích šipek uvnitř jejich odkazu. */
body.type-category .box-categories .categories .cat-trigger{
  top:50%!important;
  right:auto!important;
  left:8px!important;
  width:28px!important;
  height:28px!important;
  margin:0!important;
  transform:translateY(-50%)!important
}

body.type-category .box-categories .categories .cat-trigger::before{
  color:#7c7e8f!important
}

/* Oranžová zůstává pouze šipka aktivní kategorie. */
body.type-category .box-categories .categories>.topic.active>a>.cat-trigger::before,
body.type-category .box-categories .categories li.active>a>.cat-trigger::before{
  color:#ed7d24!important
}

/* ======================================================
   KATEGORIE – řazení produktů
   ====================================================== */
body.type-category .listSorting{
  display:inline-block!important;
  width:max-content!important;
  max-width:100%;
  flex:0 0 auto!important;
  justify-self:start;
  margin:0!important;
  padding:7px!important;
  overflow:hidden;
  border:1px solid rgba(24,29,36,.07)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 5px 18px rgba(25,35,45,.07)!important
}

body.type-category .listSorting .listSorting__controls{
  display:flex!important;
  flex-wrap:wrap;
  gap:7px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important
}

body.type-category .listSorting .listSorting__controls>li{
  margin:0!important;
  padding:0!important
}

body.type-category .listSorting .listSorting__control{
  min-height:43px!important;
  margin:0!important;
  padding:11px 17px!important;
  border:1px solid transparent!important;
  border-radius:11px!important;
  background:#f2f3f5!important;
  color:#676c77!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.2!important;
  box-shadow:none!important;
  text-decoration:none!important;
  transition:background-color .18s ease,color .18s ease,
             border-color .18s ease,transform .18s ease!important
}

body.type-category .listSorting .listSorting__control:hover{
  border-color:#f3c08f!important;
  background:#fff4e8!important;
  color:#a94f0e!important;
  transform:translateY(-1px)
}

body.type-category .listSorting .listSorting__control--current{
  border-color:#f3d2aa!important;
  background:#fff1df!important;
  color:#a94f0e!important;
  box-shadow:none!important
}

body.type-category .listSorting .listSorting__control--current:hover{
  border-color:#efbd82!important;
  background:#ffe8ca!important;
  color:#934307!important
}

body.type-category .spa-mobile-sort{
  display:none
}

@media (max-width:767px){
  body.type-category .box-categories{
    border-radius:15px!important
  }

  body.type-category .box-categories .pageElement__heading{
    padding-top:16px!important;
    padding-bottom:16px!important;
    font-size:18px!important
  }

  body.type-category .listSorting{
    display:block!important;
    width:100%!important;
    padding:10px!important;
    overflow:visible
  }

  body.type-category .listSorting.spa-mobile-sort-ready
  .listSorting__controls{
    display:none!important
  }

  body.type-category .listSorting .spa-mobile-sort{
    display:block;
    width:100%
  }

  body.type-category .spa-mobile-sort__label{
    display:block;
    margin:0 0 7px 4px;
    color:#777c87;
    font-size:12px;
    font-weight:800;
    line-height:1.2;
    text-transform:uppercase;
    letter-spacing:.35px
  }

  body.type-category .spa-mobile-sort__field{
    position:relative;
    width:100%
  }

  body.type-category .spa-mobile-sort__field::after{
    content:"";
    position:absolute;
    top:50%;
    right:18px;
    width:22px;
    height:14px;
    border:0;
    background:linear-gradient(
      to bottom,
      #ed7d24 0,
      #ed7d24 2px,
      transparent 2px,
      transparent 6px,
      #ed7d24 6px,
      #ed7d24 8px,
      transparent 8px,
      transparent 12px,
      #ed7d24 12px,
      #ed7d24 14px
    );
    pointer-events:none;
    transform:translateY(-50%)
  }

  body.type-category .spa-mobile-sort__select{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    height:50px;
    margin:0;
    padding:0 48px 0 16px;
    appearance:none;
    -webkit-appearance:none;
    border:1px solid #e0e2e6;
    border-radius:12px;
    outline:0;
    background:#f5f6f8;
    color:#24272c;
    font:inherit;
    font-size:15px;
    font-weight:800;
    line-height:50px;
    box-shadow:none
  }

  body.type-category .spa-mobile-sort__select:focus{
    border-color:#ed7d24;
    box-shadow:0 0 0 3px rgba(237,125,36,.13)
  }

  body.type-category #category-header .listItemsTotal{
    margin-top:20px!important
  }
}

/* Homepage: služby a blog mají textové CTA namísto tlačítek. */
body.in-index .service-group .service__text-block{
  min-height:0!important;
  padding:26px 26px 18px!important;
}
body.in-index .service-group .service__text-block p{
  margin-bottom:16px!important;
}
body.in-index #newsWrapper .news-item .text{
  display:flex!important;
  flex-direction:column!important;
  padding:24px 26px 18px!important;
}
body.in-index #newsWrapper .news-item .text .title{
  display:-webkit-box!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden!important;
  line-height:1.35!important;
  height:2.7em!important;
  min-height:2.7em!important;
  max-height:2.7em!important;
  flex-shrink:0;
}
body.in-index #newsWrapper .news-item .text .description{
  display:-webkit-box!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  line-height:1.55!important;
  min-height:3.1em;
  margin:16px 0 0!important;
  color:#555b64;
}
body.in-index #newsWrapper .news-item .text .description p{
  margin:0!important;
}
body.in-index #newsWrapper .news-item .text .text-center{
  position:static!important;
  margin-top:auto!important;
  padding-top:16px!important;
  padding-bottom:0!important;
  margin-bottom:0!important;
}
body.in-index .service-group .service__text-block .btn{
  position:static!important;
}
@media(max-width:767px){
  body.in-index #newsWrapper .news-item .text{
    padding:24px 20px 18px!important;
  }
  body.in-index .service-group .service__text-block{
    padding:24px 20px 18px!important;
  }
}
body.in-index .service-group .service__text-block .btn,
body.in-index #newsWrapper .news-item .btn.btn-primary{
  width:auto!important;
  min-width:0!important;
  min-height:44px!important;
  height:auto!important;
  padding:10px 0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  align-self:flex-start!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#a85b10!important;
  line-height:1.4!important;
  text-decoration:none!important;
  gap:8px;
}
body.in-index .service-group .service__text-block .btn::after,
body.in-index #newsWrapper .news-item .btn.btn-primary::after{
  content:"→"!important;
  position:static!important;
  display:inline-block!important;
  font-family:inherit!important;
  margin:0!important;
  color:inherit!important;
  transform:none!important;
}
body.in-index .service-group .service__text-block .btn:hover,
body.in-index #newsWrapper .news-item .btn.btn-primary:hover{
  background:transparent!important;
  color:#171717!important;
  box-shadow:none!important;
}
/* Homepage: prevent the benefits block from flashing in its original position
   before Apollo moves it next to the hero banners. */
@media (max-width: 767px) {
  body.in-index:not(.sc-benefits-positioned)
    .benefitBanner.position--benefitHomepage {
    visibility: hidden !important;
  }
}

/* Homepage services: lightweight icon navigation, visually distinct from blog cards. */
body.in-index .js-service-block {
  margin-top: 12px !important;
  margin-bottom: 42px !important;
  background: transparent !important;
}
body.in-index .js-service-block .service-group {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: transparent;
}
body.in-index .js-service-block .service__item {
  position: relative;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.in-index .js-service-block .service__item + .service__item {
  border-left: 0 !important;
}
body.in-index .js-service-block .service__item + .service__item::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 12%;
  bottom: 12%;
  left: 0;
  width: 1px;
  background: #dde0e4;
  pointer-events: none;
}
body.in-index .js-service-block .service__content {
  display: flex !important;
  min-height: 330px;
  height: 100%;
  flex-direction: column;
  align-items: flex-start;
  padding: 38px 40px 34px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.in-index .js-service-block .service__image-block {
  position: relative;
  display: flex !important;
  width: 66px !important;
  height: 66px !important;
  min-height: 66px;
  margin: 0 0 26px !important;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 0 !important;
  border-radius: 50% !important;
  background: #fff0df !important;
}
body.in-index .js-service-block .service__image-block img {
  display: none !important;
}
body.in-index .js-service-block .service__image-block::before {
  content: "";
  display: block;
  width: 31px;
  height: 31px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
body.in-index .js-service-block .service__item:nth-child(1) .service__image-block::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e67e22' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a4 4 0 0 0-5-5L7.4 3.6l3 3L12.7 4.3a4 4 0 0 0 5 5L7 20l-3-3L14.7 6.3z'/%3E%3C/svg%3E");
}
body.in-index .js-service-block .service__item:nth-child(2) .service__image-block::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e67e22' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.7S5.4 10 5.4 15a6.6 6.6 0 0 0 13.2 0C18.6 10 12 2.7 12 2.7z'/%3E%3Cpath d='M9 16.2c.5 1.4 1.5 2.1 3 2.3'/%3E%3C/svg%3E");
}
body.in-index .js-service-block .service__item:nth-child(3) .service__image-block::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e67e22' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19.4 15a1.7 1.7 0 0 0 .3 1.9l.1.1-2.8 2.8-.1-.1a1.7 1.7 0 0 0-1.9-.3 1.7 1.7 0 0 0-1 1.6v.2h-4V21a1.7 1.7 0 0 0-1-1.6 1.7 1.7 0 0 0-1.9.3l-.1.1L4.2 17l.1-.1a1.7 1.7 0 0 0 .3-1.9A1.7 1.7 0 0 0 3 14H2.8v-4H3a1.7 1.7 0 0 0 1.6-1 1.7 1.7 0 0 0-.3-1.9L4.2 7 7 4.2l.1.1a1.7 1.7 0 0 0 1.9.3A1.7 1.7 0 0 0 10 3v-.2h4V3a1.7 1.7 0 0 0 1 1.6 1.7 1.7 0 0 0 1.9-.3l.1-.1L19.8 7l-.1.1a1.7 1.7 0 0 0-.3 1.9 1.7 1.7 0 0 0 1.6 1h.2v4H21a1.7 1.7 0 0 0-1.6 1z'/%3E%3C/svg%3E");
}
body.in-index .js-service-block .service__text-block {
  display: flex !important;
  width: 100%;
  min-height: 0;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body.in-index .js-service-block .service__item:hover,
body.in-index .js-service-block .service__item:focus,
body.in-index .js-service-block .service__item:focus-within,
body.in-index .js-service-block .service__item:active,
body.in-index .js-service-block .service__content:hover,
body.in-index .js-service-block .service__content:focus,
body.in-index .js-service-block .service__content:focus-within,
body.in-index .js-service-block .service__content:active,
body.in-index .js-service-block .service__text-block:hover,
body.in-index .js-service-block .service__text-block:focus,
body.in-index .js-service-block .service__text-block:focus-within,
body.in-index .js-service-block .service__text-block:active {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}
body.in-index .js-service-block .service__image-block:hover,
body.in-index .js-service-block .service__image-block:focus,
body.in-index .js-service-block .service__image-block:active {
  background: #fff0df !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}
body.in-index .js-service-block .service__text-block a:hover,
body.in-index .js-service-block .service__text-block a:focus,
body.in-index .js-service-block .service__text-block a:active {
  text-decoration: none !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}
body.in-index .js-service-block .service__text-block .h3 {
  min-height: 2.5em;
  margin: 0 0 14px !important;
  font-size: 24px !important;
  line-height: 1.25 !important;
}
body.in-index .js-service-block .service__text-block p {
  display: -webkit-box;
  margin: 0 0 24px !important;
  overflow: hidden;
  color: #646972 !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
body.in-index .js-service-block .service__text-block .btn {
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: auto 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #a9510e !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
  text-align: left !important;
}
body.in-index .js-service-block .service__text-block .btn::after {
  content: "\2192";
  margin-left: 10px;
}
body.in-index .js-service-block .sc-service-pagination {
  display: none;
}

@media (max-width: 767px) {
  body.in-index .js-service-block {
    margin-top: 0 !important;
    margin-bottom: 38px !important;
  }
  body.in-index .js-service-block .container {
    padding-right: 0 !important;
  }
  body.in-index .js-service-block .service-group {
    display: flex !important;
    gap: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    border-radius: 0;
    scroll-behavior: smooth;
    scroll-padding-left: 0;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  body.in-index .js-service-block .service-group::-webkit-scrollbar {
    display: none;
  }
  body.in-index .js-service-block .service__item {
    flex: 0 0 84% !important;
    scroll-snap-align: start;
  }
  body.in-index .js-service-block .service__item + .service__item {
    border-left: 0 !important;
  }
  body.in-index .js-service-block .service__item + .service__item::before {
    top: 17%;
    bottom: 25%;
    width: 1px;
    background: #e0e2e6;
  }
  body.in-index .js-service-block .service__content {
    min-height: 380px;
    padding: 30px 28px 28px !important;
  }
  body.in-index .js-service-block .service__image-block {
    width: 60px !important;
    height: 60px !important;
    min-height: 60px;
    margin-bottom: 22px !important;
  }
  body.in-index .js-service-block .service__text-block .h3 {
    min-height: 0;
    font-size: 23px !important;
  }
  body.in-index .js-service-block .service__text-block p {
    font-size: 16px !important;
    -webkit-line-clamp: 4;
  }
  body.in-index .js-service-block .sc-service-pagination {
    display: flex;
    margin: 16px 0 0;
    padding-right: 24px;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }
  body.in-index .js-service-block .sc-service-dot {
    display: block !important;
    width: 7px !important;
    min-width: 7px !important;
    max-width: none !important;
    height: 7px !important;
    min-height: 7px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #c9cbd0 !important;
    box-shadow: none !important;
    font-size: 0 !important;
    transition: width .2s ease, border-radius .2s ease, background .2s ease;
  }
  body.in-index .js-service-block .sc-service-dot.is-active {
    width: 22px !important;
    min-width: 22px !important;
    border-radius: 10px !important;
    background: #e67e22 !important;
  }
}
/* Kontakty: jednotný světle oranžový podklad kontaktního formuláře */
body.in-contacts .sc-contact-form-full {
  background: #fff1e0 !important;
}

/* SK homepage: oba hlavní obrazové bannery musí začínat ve stejné výšce. */
body.in-index .next-to-carousel-banners .sc-video-banner {
  padding-top: 0 !important;
}

body.in-index .next-to-carousel-banners .sc-video-banner-link {
  display: block !important;
  vertical-align: top !important;
}