.vv-hero{
  position:relative!important;
  z-index:0!important;

  height:76.5vh!important;
  box-sizing:border-box!important;

  display:flex!important;
  align-items:center!important;

  padding-left:6vw!important;

  background-image:url('/user/documents/upload/obrazky/Herofinal.png')!important;
  background-position:center right!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-color:var(--vv-cream)!important;
}

/* homepage wrapper musí být transparentní kvůli hero obrázku */

body.type-index #wrapper,
body.type-index #wrap,
body.type-index .overall-wrapper,
body.type-index #content-wrapper,
body.type-index .content-wrapper,
body.type-index .content-in,
body.type-index #content,
body.type-index main{
  background:transparent!important;
}

.vv-hero h1{
  position:relative!important;
  z-index:1!important;

  margin:0;

  font-family:var(--vv-font)!important;
  font-size:clamp(70px,9vw,150px)!important;
  line-height:.95!important;
  font-weight:800!important;
  letter-spacing:0!important;

  color:var(--vv-red)!important;
}

/* =========================
   HOMEPAGE CATEGORY TEASER
========================= */

.vv-category-teaser{
  background:var(--vv-cream)!important;
  padding:42px 6vw 14px!important;
}

.vv-category-teaser__inner{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  align-items:center!important;

  gap:3vw!important;

  max-width:var(--vv-page-max)!important;
  margin:0 auto!important;
}

.vv-category-teaser__links{
  display:flex!important;
  flex-direction:column!important;
  gap:34px!important;
}

.vv-category-teaser__links a{
  color:var(--vv-muted)!important;

  font-family:var(--vv-font)!important;
  font-size:clamp(34px,4vw,70px)!important;
  font-weight:800!important;
  line-height:.92!important;
  letter-spacing:-.015em!important;

  text-decoration:none!important;

  transition:
    color .25s ease,
    transform .25s ease!important;
}

.vv-category-teaser__links a:hover,
.vv-category-teaser__links a.is-active{
  color:var(--vv-dark)!important;
}

.vv-category-teaser__image{
  position:relative!important;
  overflow:visible!important;
  width:100%!important;

  aspect-ratio:1 / .62!important;

  display:flex!important;
  align-items:center!important;
  justify-content:center!important;

  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.vv-category-teaser__image img{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  height:100%!important;

  object-fit:contain!important;
  border-radius:0!important;
  box-shadow:none!important;
  filter:drop-shadow(0 22px 42px rgba(64,64,65,.16)) drop-shadow(0 8px 18px rgba(172,77,67,.09))!important;

  transition:
    opacity .25s ease,
    filter .35s ease,
    transform .35s ease!important;
}

.vv-category-teaser__links a:hover ~ .vv-category-teaser__image img{
  transform:translateY(-5px) scale(1.012)!important;
  filter:drop-shadow(0 28px 50px rgba(64,64,65,.18)) drop-shadow(0 10px 22px rgba(172,77,67,.11))!important;
}

/* =========================
   HOMEPAGE PRODUCT FLOW
========================= */

body.type-index #content,
body.type-index main#content,
body.type-index .content,
body.type-index .content-inner,
body.type-index .content-wrapper-in{
  display:block!important;
}

body.type-index .homepage-products-heading-31,
body.type-index .products-wrapper.products-slider-holder,
body.type-index #content > .products-wrapper,
body.type-index .vv-bento-categories{
  display:block!important;

  width:100%!important;
  max-width:100%!important;
  flex:none!important;

  clear:both!important;
  float:none!important;
}

body.type-index .benefit-banners-full-width:has(.container-full-width:empty){
  display:none!important;
}

body.type-index .homepage-products-heading-31{
  display:none!important;
}

/* =========================
   HOMEPAGE TRENDING PRODUCTS
========================= */

body.type-index .products-wrapper.products-slider-holder,
body.type-index #content > .products-wrapper:has(#products-31),
body.type-index .products-wrapper.products-slider-holder *,
body.type-index .products,
body.type-index .product{
  background:var(--vv-cream)!important;
}

body.type-index .products-wrapper.products-slider-holder,
body.type-index #content > .products-wrapper:has(#products-31){
  margin:0 auto 42px!important;
  padding:0 4vw 46px!important;
  box-sizing:border-box!important;
  background:var(--vv-cream)!important;
}

body.type-index #products-31{
  margin-top:0!important;
  margin-bottom:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
}

/* produktové karty */

body.type-index .products-wrapper.products-slider-holder .product,
body.type-index .products-wrapper.products-slider-holder .product-inner,
body.type-index .products-wrapper.products-slider-holder .p,
body.type-index .products-wrapper.products-slider-holder .p-in,
body.type-index .products-wrapper.products-slider-holder .p-in-in{
  background:var(--vv-cream)!important;
  box-shadow:none!important;
}

/* obrázkové plochy */

body.type-index .products-wrapper.products-slider-holder .image,
body.type-index .products-wrapper.products-slider-holder .p-image,
body.type-index .products-wrapper.products-slider-holder .p-image-wrapper{
  background:var(--vv-cream)!important;
}

/* menší produkty */

@media(min-width:769px){

  body.type-index.vv-product-focus-ready .homepage-products-heading-31,
  body.type-index.vv-product-focus-ready .products-wrapper.products-slider-holder,
  body.type-index.vv-product-focus-ready #content > .products-wrapper:has(#products-31){
    display:none!important;
  }

  body.type-index .vv-product-focus{
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    margin:-12px auto 0!important;
    padding:24px 7vw 26px!important;
    background:var(--vv-cream)!important;
    overflow:hidden!important;
  }

  body.type-index .vv-product-focus__track{
    position:relative!important;
    display:block!important;
    width:100%!important;
    max-width:1500px!important;
    min-height:520px!important;
    margin:0 auto!important;
  }

  body.type-index .vv-product-focus__card{
    position:absolute!important;
    top:46%!important;
    left:50%!important;
    display:block!important;
    width:clamp(210px, 17vw, 280px)!important;
    max-width:280px!important;
    box-sizing:border-box!important;
    opacity:0!important;
    pointer-events:none!important;
    transform:translate(-50%, -50%) scale(1)!important;
    transition:
      opacity .52s cubic-bezier(.22,.72,.18,1),
      transform .52s cubic-bezier(.22,.72,.18,1),
      filter .52s cubic-bezier(.22,.72,.18,1)!important;
    will-change:transform, opacity!important;
  }

  body.type-index .vv-product-focus__card:hover .vv-product-focus__image{
    box-shadow:
      0 34px 78px rgba(64,64,65,.18),
      0 14px 30px rgba(172,77,67,.13)!important;
  }

  body.type-index .vv-product-focus__card.is-prev{
    opacity:1!important;
    pointer-events:auto!important;
    transform:translate(-175%, -50%) scale(1)!important;
    filter:none!important;
    z-index:2!important;
  }

  body.type-index .vv-product-focus__card.is-active{
    width:clamp(210px, 17vw, 280px)!important;
    max-width:280px!important;
    opacity:1!important;
    pointer-events:auto!important;
    transform:translate(-50%, -50%) scale(1)!important;
    filter:none!important;
    z-index:3!important;
  }

  body.type-index .vv-product-focus__card.is-next{
    opacity:1!important;
    pointer-events:auto!important;
    transform:translate(75%, -50%) scale(1)!important;
    filter:none!important;
    z-index:2!important;
  }

  body.type-index .vv-product-focus__card.is-edge-prev{
    opacity:.46!important;
    pointer-events:none!important;
    transform:translate(-300%, -50%) scale(.8)!important;
    filter:saturate(.86)!important;
    z-index:1!important;
  }

  body.type-index .vv-product-focus__card.is-edge-next{
    opacity:.46!important;
    pointer-events:none!important;
    transform:translate(200%, -50%) scale(.8)!important;
    filter:saturate(.86)!important;
    z-index:1!important;
  }

  body.type-index .vv-product-focus__card.is-hidden-left{
    opacity:0!important;
    transform:translate(-392%, -50%) scale(.76)!important;
    filter:saturate(.78)!important;
  }

  body.type-index .vv-product-focus__card.is-hidden-right{
    opacity:0!important;
    transform:translate(292%, -50%) scale(.76)!important;
    filter:saturate(.78)!important;
  }

  body.type-index .vv-product-focus__image{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    aspect-ratio:.76 / 1!important;
    box-sizing:border-box!important;
    padding:28px 28px 132px!important;
    border-radius:28px!important;
    overflow:hidden!important;
    background:linear-gradient(180deg, rgba(237,199,191,.88), rgba(237,199,191,.72))!important;
    border:0!important;
    box-shadow:
      0 22px 52px rgba(64,64,65,.11),
      0 8px 22px rgba(172,77,67,.08)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    transition:
      box-shadow .52s cubic-bezier(.22,.72,.18,1),
      transform .52s cubic-bezier(.22,.72,.18,1)!important;
  }

  body.type-index .vv-product-focus__image::before{
    display:none!important;
  }

  body.type-index .vv-product-focus__image img{
    position:relative!important;
    z-index:1!important;
    width:100%!important;
    height:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    border-radius:0!important;
    filter:drop-shadow(0 18px 34px rgba(64,64,65,.12)) drop-shadow(0 6px 14px rgba(172,77,67,.07))!important;
  }

  body.type-index .vv-product-focus__info{
    display:none!important;
  }

  body.type-index .vv-product-focus__card.is-prev .vv-product-focus__info,
  body.type-index .vv-product-focus__card.is-active .vv-product-focus__info,
  body.type-index .vv-product-focus__card.is-next .vv-product-focus__info,
  body.type-index .vv-product-focus__card.is-edge-prev .vv-product-focus__info,
  body.type-index .vv-product-focus__card.is-edge-next .vv-product-focus__info{
    position:absolute!important;
    bottom:26px!important;
    left:50%!important;
    display:block!important;
    width:calc(100% - 48px)!important;
    margin:0!important;
    padding:0 10px!important;
    box-sizing:border-box!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    text-align:center!important;
    transform:translateX(-50%)!important;
  }

  body.type-index .vv-product-focus__name{
    display:block!important;
    color:var(--vv-dark)!important;
    font-family:var(--vv-font)!important;
    font-size:17px!important;
    font-weight:800!important;
    line-height:1.16!important;
    text-decoration:none!important;
    margin:0 0 5px!important;
  }

  body.type-index .vv-product-focus__price{
    color:var(--vv-dark)!important;
    font-family:var(--vv-font)!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.2!important;
    margin:0 0 10px!important;
  }

  body.type-index .vv-product-focus__button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:124px!important;
    min-height:34px!important;
    padding:0 18px!important;
    border:1px solid #ac4d43!important;
    border-radius:999px!important;
    background:#ac4d43!important;
    color:var(--vv-cream)!important;
    font-family:var(--vv-font)!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1!important;
    text-decoration:none!important;
    transition:background .2s ease, color .2s ease, transform .2s ease!important;
  }

  body.type-index .vv-product-focus__button:hover,
  body.type-index .vv-product-focus__button:focus{
    background:#963d35!important;
    color:var(--vv-cream)!important;
    transform:translateY(-1px)!important;
  }

  body.type-index .vv-product-focus__arrow{
    position:absolute!important;
    top:50%!important;
    z-index:5!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:54px!important;
    height:54px!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.58)!important;
    border-radius:999px!important;
    background:rgba(249,240,234,.52)!important;
    color:var(--vv-gray)!important;
    box-shadow:
      0 18px 42px rgba(64,64,65,.12),
      inset 0 1px 0 rgba(255,255,255,.66)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.16)!important;
    backdrop-filter:blur(18px) saturate(1.16)!important;
    font-family:var(--vv-font)!important;
    font-size:32px!important;
    line-height:1!important;
    font-weight:300!important;
    cursor:pointer!important;
    transform:translateY(-50%)!important;
  }

  body.type-index .vv-product-focus__arrow--prev{
    left:3vw!important;
  }

  body.type-index .vv-product-focus__arrow--next{
    right:3vw!important;
  }

}

/* =========================
   HOMEPAGE BENTO
========================= */

.vv-bento-categories{
  clear:both!important;

  display:block!important;

  width:100%!important;
  max-width:100%!important;

  flex:0 0 100%!important;
  flex-basis:100%!important;

  float:none!important;

  background:var(--vv-cream)!important;

  margin:0!important;
  padding:36px 4vw 110px!important;

  box-sizing:border-box!important;
}

.vv-bento-categories::before{
  content:""!important;
  display:block!important;
  clear:both!important;
}

/* headline */

.vv-bento-categories__headline{
  max-width:var(--vv-page-max)!important;
  margin:0 auto 28px auto!important;

  color:var(--vv-dark)!important;

  font-family:var(--vv-font)!important;
  font-size:clamp(28px,3vw,48px)!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:-.025em!important;

  text-align:left!important;
}

.vv-bento-categories__inner{
  display:grid!important;

  grid-template-columns:repeat(4, 1fr)!important;
  grid-auto-rows:260px!important;

  gap:14px!important;

  width:100%!important;
  max-width:var(--vv-page-max)!important;

  margin:0 auto!important;
}

.vv-bento-card{
  position:relative!important;
  display:block!important;

  overflow:hidden!important;
  border-radius:var(--vv-card-radius)!important;

  background:var(--vv-soft-blue)!important;

  text-decoration:none!important;

  transition:
    transform .25s ease,
    opacity .25s ease!important;
}

.vv-bento-card:hover{
  transform:translateY(-3px)!important;
}

.vv-bento-card img{
  width:100%!important;
  height:100%!important;

  display:block!important;

  object-fit:cover!important;

  transition:transform .4s ease!important;
}

.vv-bento-card:hover img{
  transform:scale(1.035)!important;
}

.vv-bento-card span{
  position:absolute!important;

  left:clamp(20px,2.5vw,34px)!important;
  right:clamp(18px,2vw,30px)!important;
  bottom:clamp(18px,2.4vw,32px)!important;

  display:inline-flex!important;
  align-items:center!important;

  padding:0!important;

  background:transparent!important;
  color:#f9f0ea!important;

  font-family:var(--vv-font)!important;
  font-size:clamp(30px,2.9vw,48px)!important;
  font-weight:800!important;
  line-height:.96!important;
  letter-spacing:0!important;

  border:0!important;
  border-radius:0!important;
  text-shadow:0 3px 14px rgba(64,64,65,.24)!important;
}

.vv-bento-card--small{
  grid-column:span 1!important;
}

.vv-bento-card--wide{
  grid-column:span 2!important;
}

.vv-bento-card--large{
  grid-column:span 2!important;
}

/* =========================
   MOBILE
========================= */

@media(max-width:768px){

  body.type-index.vv-product-focus-mobile-ready .homepage-products-heading-31,
  body.type-index.vv-product-focus-mobile-ready .products-wrapper.products-slider-holder,
  body.type-index.vv-product-focus-mobile-ready #content > .products-wrapper:has(#products-31){
    display:none!important;
  }

  body.type-index .vv-product-focus-mobile{
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    margin:-78px 0 0!important;
    padding:0 0 24px!important;
    background:var(--vv-cream)!important;
    overflow:hidden!important;
  }

  body.type-index .vv-product-focus-mobile__track{
    position:relative!important;
    display:block!important;
    width:100%!important;
    min-height:390px!important;
    margin:0!important;
  }

  body.type-index .vv-product-focus-mobile__card{
    position:absolute!important;
    top:50%!important;
    left:50%!important;
    display:block!important;
    width:64vw!important;
    max-width:292px!important;
    opacity:0!important;
    pointer-events:none!important;
    transform:translate(-50%, -50%) scale(.7)!important;
    transition:opacity .32s ease, transform .32s ease, filter .32s ease!important;
  }

  body.type-index .vv-product-focus-mobile__card.is-active{
    opacity:1!important;
    pointer-events:auto!important;
    transform:translate(-50%, -50%) scale(1)!important;
    filter:none!important;
    z-index:3!important;
  }

  body.type-index .vv-product-focus-mobile__card.is-prev{
    opacity:.42!important;
    pointer-events:auto!important;
    transform:translate(-122%, -50%) scale(.58)!important;
    filter:saturate(.82)!important;
    z-index:2!important;
  }

  body.type-index .vv-product-focus-mobile__card.is-next{
    opacity:.42!important;
    pointer-events:auto!important;
    transform:translate(22%, -50%) scale(.58)!important;
    filter:saturate(.82)!important;
    z-index:2!important;
  }

  body.type-index .vv-product-focus-mobile__card.is-hidden{
    opacity:0!important;
    pointer-events:none!important;
  }

  body.type-index .vv-product-focus-mobile .vv-product-focus__image{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    aspect-ratio:.76 / 1!important;
    padding:20px 20px 104px!important;
    box-sizing:border-box!important;
    border-radius:26px!important;
    overflow:hidden!important;
    background:#edc7bf!important;
    border:0!important;
    box-shadow:
      0 24px 58px rgba(64,64,65,.13),
      0 10px 22px rgba(172,77,67,.10)!important;
  }

  body.type-index .vv-product-focus-mobile .vv-product-focus__image img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    filter:drop-shadow(0 18px 34px rgba(64,64,65,.14)) drop-shadow(0 7px 16px rgba(172,77,67,.08))!important;
  }

  body.type-index .vv-product-focus-mobile .vv-product-focus__info{
    display:none!important;
  }

  body.type-index .vv-product-focus-mobile__card.is-active .vv-product-focus__info{
    position:absolute!important;
    left:50%!important;
    bottom:20px!important;
    display:block!important;
    width:calc(100% - 42px)!important;
    padding:0 8px!important;
    box-sizing:border-box!important;
    text-align:center!important;
    transform:translateX(-50%)!important;
  }

  body.type-index .vv-product-focus-mobile .vv-product-focus__name{
    display:block!important;
    color:var(--vv-dark)!important;
    font-family:var(--vv-font)!important;
    font-size:15px!important;
    font-weight:800!important;
    line-height:1.12!important;
    margin:0 0 5px!important;
    text-decoration:none!important;
  }

  body.type-index .vv-product-focus-mobile .vv-product-focus__price{
    color:var(--vv-dark)!important;
    font-family:var(--vv-font)!important;
    font-size:13px!important;
    font-weight:700!important;
    line-height:1.15!important;
    margin:0 0 9px!important;
  }

  body.type-index .vv-product-focus-mobile .vv-product-focus__button{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:112px!important;
    min-height:32px!important;
    padding:0 16px!important;
    border:1px solid #ac4d43!important;
    border-radius:999px!important;
    background:#ac4d43!important;
    color:var(--vv-cream)!important;
    font-family:var(--vv-font)!important;
    font-size:12px!important;
    font-weight:800!important;
    line-height:1!important;
    text-decoration:none!important;
  }

  body.type-index .vv-product-focus-mobile__arrow{
    position:absolute!important;
    top:50%!important;
    z-index:5!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:42px!important;
    height:42px!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.58)!important;
    border-radius:999px!important;
    background:rgba(249,240,234,.58)!important;
    color:var(--vv-gray)!important;
    box-shadow:0 14px 34px rgba(64,64,65,.12), inset 0 1px 0 rgba(255,255,255,.66)!important;
    -webkit-backdrop-filter:blur(16px) saturate(1.12)!important;
    backdrop-filter:blur(16px) saturate(1.12)!important;
    font-family:var(--vv-font)!important;
    font-size:28px!important;
    line-height:1!important;
    font-weight:300!important;
    transform:translateY(-50%)!important;
  }

  body.type-index .vv-product-focus-mobile__arrow--prev{
    left:14px!important;
  }

  body.type-index .vv-product-focus-mobile__arrow--next{
    right:14px!important;
  }

  .vv-category-teaser{
    padding:70px 24px 0!important;
  }

  .vv-category-teaser__inner{
    grid-template-columns:1fr!important;
    gap:24px!important;
  }

  .vv-category-teaser__links{
    gap:20px!important;
  }

  .vv-category-teaser__links a{
    font-size:clamp(42px,14vw,72px)!important;
  }

  .vv-bento-categories{
    margin-top:60px!important;
    padding:50px 18px 70px!important;
  }

  .vv-bento-categories__headline{
    margin-bottom:22px!important;
  }

  .vv-bento-categories__inner{
    grid-template-columns:1fr!important;
    grid-auto-rows:220px!important;

    gap:12px!important;
  }

  .vv-bento-card,
  .vv-bento-card--small,
  .vv-bento-card--wide,
  .vv-bento-card--large{
    grid-column:auto!important;
    grid-row:auto!important;
  }

  .vv-bento-card span{
    left:22px!important;
    right:18px!important;
    bottom:22px!important;
    font-size:clamp(27px,8vw,38px)!important;
  }

}