@media(max-width:768px){

  body.type-index #header{
    z-index:var(--vv-z-header-items)!important;
  }

  body.type-index.vv-header-scrolled #header{
    background:transparent!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    overflow:visible!important;
  }

  body.type-index.vv-header-scrolled #header::after{
    content:none!important;
    display:none!important;
  }

  body.type-index .vv-hero{
    margin-top:-170px!important;
    padding-top:170px!important;
    padding-left:24px!important;
    height:100vh!important;
    background-image:url('/user/documents/upload/obrazky/mobil_hero.png')!important;
    background-size:auto 100%!important;
    background-position:center top!important;
    background-color:var(--vv-mobile-hero-bg)!important;
    background-repeat:no-repeat!important;
  }

  body.type-index .vv-hero h1{
    display:block!important;
    position:absolute!important;
    top:27vh!important;
    left:24px!important;
    z-index:2!important;
    max-width:min(330px, calc(100vw - 48px))!important;
    margin:0!important;
    color:var(--vv-red)!important;
    font-family:var(--vv-font)!important;
    font-size:clamp(42px, 13vw, 62px)!important;
    font-weight:800!important;
    line-height:1.06!important;
    letter-spacing:0!important;
  }

  #header .site-name,
  #header .logo{
    position:fixed!important;
    top:23px!important;
    left:24px!important;
    right:auto!important;
    z-index:2147483646!important;
    transform:none!important;
  }

  #header .site-name img,
  #header .logo img{
    max-height:34px!important;
    transform:scale(.72)!important;
    transform-origin:left top!important;
    transition:filter .25s ease!important;
  }

  body.type-index #header .site-name img,
  body.type-index #header .logo img{
    opacity:0!important;
    visibility:hidden!important;
  }

  .vv-custom-menu{
    display:none!important;
  }

  .vv-mobile-toggle{
    display:flex!important;
    position:fixed!important;
    top:23px!important;
    right:22px!important;
    left:auto!important;
    z-index:var(--vv-z-system-top);
    width:26px;
    height:19px;
    flex-direction:column;
    justify-content:space-between;
    background:transparent!important;
    border:0!important;
    padding:0;
  }

  .vv-mobile-toggle span{
    display:block;
    width:26px;
    height:2px;
    background:var(--vv-dark)!important;
    border-radius:10px;
    transition:background .25s ease!important;
  }

  body.type-index .vv-mobile-toggle span{
    background:#faf2e7!important;
  }

  body.type-index::before{
    content:""!important;
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    height:66px!important;
    background:rgba(250,242,231,.78)!important;
    -webkit-backdrop-filter:blur(14px)!important;
    backdrop-filter:blur(14px)!important;
    z-index:var(--vv-z-header)!important;
    opacity:0!important;
    pointer-events:none!important;
    transition:opacity .28s ease!important;
  }

  body.type-index::after{
    content:""!important;
    position:fixed!important;
    top:23px!important;
    left:24px!important;
    width:123px!important;
    height:21px!important;
    background:url('https://cdn.myshoptet.com/usr/shop.vevaticce.cz/user/logos/logo_primarni_4x.png') left top / contain no-repeat!important;
    filter:brightness(0) saturate(100%) invert(95%) sepia(9%) saturate(347%) hue-rotate(318deg) brightness(103%) contrast(96%)!important;
    z-index:2147483646!important;
    opacity:1!important;
    pointer-events:none!important;
    transition:filter .28s ease!important;
  }

  body.type-index.vv-header-scrolled::before{
    opacity:1!important;
  }

  body.type-index.vv-header-scrolled::after{
    filter:brightness(0) saturate(100%) invert(39%) sepia(0%) saturate(0%) hue-rotate(177deg) brightness(94%) contrast(89%)!important;
  }

  body.type-index.vv-header-scrolled .vv-mobile-toggle span{
    background:var(--vv-gray)!important;
  }

  .vv-mobile-menu{
    display:none!important;
    position:fixed!important;
    top:58px!important;
    right:18px!important;
    left:auto!important;
    z-index:var(--vv-z-system-top)!important;
    flex-direction:column!important;
    gap:18px!important;
    padding:24px 28px!important;
    background:rgba(250,242,231,.54)!important;
    border:1px solid rgba(255,255,255,.52)!important;
    border-radius:28px!important;
    box-shadow:
      0 22px 58px rgba(64,64,65,.14),
      inset 0 1px 0 rgba(255,255,255,.58)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.22)!important;
    backdrop-filter:blur(18px) saturate(1.22)!important;
    opacity:0!important;
    transform:translate3d(0,-6px,0)!important;
    transition:opacity .22s ease, transform .22s ease!important;
  }

  .vv-mobile-menu.is-open{
    display:flex!important;
    opacity:1!important;
    transform:translate3d(0,0,0)!important;
  }

  .vv-mobile-menu.is-closing{
    display:flex!important;
    opacity:0!important;
    transform:translate3d(0,-6px,0)!important;
    pointer-events:none!important;
  }

  .vv-mobile-menu a{
    display:block!important;
    color:var(--vv-dark)!important;
    font-family:var(--vv-font)!important;
    font-size:14px!important;
    font-weight:600!important;
    letter-spacing:.06em!important;
    text-transform:uppercase!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    transition:color .2s ease, transform .2s ease!important;
  }

  .vv-mobile-menu a:hover,
  .vv-mobile-menu a:focus,
  .vv-mobile-menu a:active{
    color:#ac4d43!important;
    transform:translateY(-2px)!important;
  }

  #header .toggle-window,
  #header [data-target="navigation"],
  #header [data-target="navigation-window"],
  #header .navigation-window-trigger,
  #header .hamburger,
  #header .hamburger-menu,
  #header .menu-button,
  #header .responsive-tools > a,
  #header .responsive-tools > button{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  .vv-mobile-icons{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:20px!important;
    margin-top:8px!important;
    margin-bottom:0!important;
  }

  .vv-mobile-icons a,
  .vv-mobile-icons button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:34px!important;
    height:34px!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:transparent!important;
    box-shadow:none!important;
    color:var(--vv-dark)!important;
    cursor:pointer!important;
    text-decoration:none!important;
    transition:color .2s ease, transform .2s ease!important;
  }

  .vv-mobile-icons a:hover,
  .vv-mobile-icons button:hover,
  .vv-mobile-icons a:focus,
  .vv-mobile-icons button:focus{
    background:transparent!important;
    color:var(--vv-hover)!important;
    transform:translateY(-2px)!important;
    box-shadow:none!important;
  }

  .vv-mobile-icons i,
  .vv-mobile-icons span[class*="icon"]{
    font-family:shoptet!important;
    font-style:normal!important;
    font-weight:normal!important;
    font-size:22px!important;
    color:var(--vv-dark)!important;
  }

  .vv-mobile-icons a:hover i,
  .vv-mobile-icons button:hover i,
  .vv-mobile-icons a:focus i,
  .vv-mobile-icons button:focus i,
  .vv-mobile-icons a:hover span[class*="icon"],
  .vv-mobile-icons button:hover span[class*="icon"],
  .vv-mobile-icons a:focus span[class*="icon"],
  .vv-mobile-icons button:focus span[class*="icon"]{
    color:var(--vv-hover)!important;
  }

  .vv-account-icon svg{
    width:23px!important;
    height:23px!important;
    display:block!important;
    fill:none!important;
    stroke:var(--vv-dark)!important;
    stroke-width:2!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }

  .vv-mobile-links{
    display:flex!important;
    flex-direction:column!important;
    gap:18px!important;
  }

  body.type-page .content-wrapper-in{
    padding-top:112px!important;
  }

  body.type-page .pageArticleDetail{
    width:calc(100vw - 36px)!important;
    max-width:calc(100vw - 36px)!important;
    margin-bottom:58px!important;
  }

  body.type-page .pageArticleDetail > header{
    margin-bottom:28px!important;
    text-align:left!important;
  }

  body.type-page .pageArticleDetail > header h1{
    font-size:clamp(34px, 10vw, 48px)!important;
    line-height:1.02!important;
  }

  body.type-page .pageArticleDetail > div[itemprop="about"]{
    padding:34px 22px 38px!important;
    border-radius:26px!important;
  }

  body.type-page .pageArticleDetail > div[itemprop="about"]::before{
    left:22px!important;
    width:120px!important;
  }

  body.type-page .pageArticleDetail > div[itemprop="about"] p,
  body.type-page .pageArticleDetail > div[itemprop="about"] li,
  body.type-page .pageArticleDetail > div[itemprop="about"] td{
    font-size:16px!important;
    line-height:1.68!important;
  }

  body.type-post .content-wrapper-in{
    padding-top:132px!important;
  }

  body.type-post .news-item-detail{
    width:calc(100vw - 36px)!important;
    max-width:calc(100vw - 36px)!important;
    margin:0 18px 96px!important;
  }

  body.type-post .news-item-detail article > header{
    margin-bottom:26px!important;
  }

  body.type-post .news-item-detail h1{
    font-size:clamp(19px, 5.6vw, 26px)!important;
    line-height:1.06!important;
    text-align:center!important;
  }

  body.type-post .news-item-detail article > img{
    margin-bottom:34px!important;
  }

  body.type-post .news-item-detail .text p,
  body.type-post .news-item-detail .text li,
  body.type-post .news-item-detail .text td{
    font-size:13px!important;
    line-height:1.58!important;
  }

  body.type-post .news-item-detail article::before{
    inset:-22px -22px -34px!important;
    border-radius:26px!important;
  }

  body.type-post .news-item-detail article::after{
    inset:-21px -21px -33px!important;
    border-radius:25px!important;
  }

  body.type-post .news-item-detail article > footer{
    width:100%!important;
    max-width:100%!important;
    margin:38px 0 0!important;
    padding:0 0 6px!important;
    border-radius:0!important;
  }

  body.type-post .news-item-detail footer .next-prev{
    gap:10px!important;
    margin:0 0 34px!important;
  }

  body.type-post .news-item-detail footer .next-prev .btn,
  body.type-post .news-item-detail footer .next-prev a{
    min-width:0!important;
    min-height:0!important;
    padding:0!important;
    font-size:12px!important;
  }

  body.type-post .news-item-detail footer h2{
    font-size:18px!important;
  }

  body.type-index .vv-category-teaser{
    overflow:hidden!important;
    padding:38px 18px 62px!important;
    background:linear-gradient(180deg, #faf2e7 0%, var(--vv-cream) 100%)!important;
  }

  body.type-index .vv-category-teaser__inner{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:18px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 auto!important;
  }

  body.type-index .vv-category-teaser__image{
    order:1!important;
    position:relative!important;
    overflow:visible!important;
    aspect-ratio:auto!important;
    width:100%!important;
    height:118px!important;
    margin:0 auto 8px!important;
    display:grid!important;
    grid-template-columns:repeat(3, 1fr)!important;
    gap:16px!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  body.type-index .vv-category-teaser__image::before,
  body.type-index .vv-category-teaser__image::after{
    content:""!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    border-radius:20px!important;
    background-position:center!important;
    background-size:auto 132%!important;
    background-repeat:no-repeat!important;
    box-shadow:0 12px 28px rgba(64,64,65,.11)!important;
    animation:vvMobileTeaserFloat .72s ease both!important;
  }

  body.type-index .vv-category-teaser__image::before{
    order:2!important;
    transform:translateY(9px)!important;
    background-image:url('/user/documents/upload/obrazky/02.png')!important;
    animation-delay:.08s!important;
  }

  body.type-index .vv-category-teaser__image::after{
    order:3!important;
    transform:translateY(-4px)!important;
    background-image:url('/user/documents/upload/obrazky/03.png')!important;
    animation-delay:.16s!important;
  }

  body.type-index .vv-category-teaser__image img{
    order:1!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    max-width:none!important;
    content:url('/user/documents/upload/obrazky/01.png')!important;
    object-fit:cover!important;
    object-position:center!important;
    border-radius:20px!important;
    overflow:hidden!important;
    clip-path:none!important;
    transform:translateY(-2px)!important;
    filter:none!important;
    box-shadow:0 12px 28px rgba(64,64,65,.11)!important;
    animation:vvMobileTeaserFloat .72s ease both!important;
  }

  body.type-index .vv-category-teaser__links{
    order:2!important;
    display:flex!important;
    flex-direction:column!important;
    gap:11px!important;
    width:100%!important;
  }

  body.type-index .vv-category-teaser__links a{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    min-height:72px!important;
    box-sizing:border-box!important;
    padding:14px 54px 15px 18px!important;
    border:1px solid rgba(160,56,48,.10)!important;
    border-radius:22px!important;
    background:rgba(255,255,255,.42)!important;
    box-shadow:
      0 22px 42px rgba(64,64,65,.10),
      0 8px 18px rgba(172,77,67,.08)!important;
    color:var(--vv-gray)!important;
    font-size:clamp(22px, 6.4vw, 29px)!important;
    font-weight:800!important;
    line-height:.95!important;
    letter-spacing:0!important;
  }

  body.type-index .vv-category-teaser__links a::after{
    content:"›"!important;
    position:absolute!important;
    right:18px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    color:currentColor!important;
    font-size:34px!important;
    font-weight:800!important;
    line-height:1!important;
    opacity:.78!important;
  }

  body.type-index .vv-category-teaser__links a.is-active,
  body.type-index .vv-category-teaser__links a:hover,
  body.type-index .vv-category-teaser__links a:focus{
    background:rgba(255,255,255,.72)!important;
    color:var(--vv-dark)!important;
  }

  @keyframes vvMobileTeaserFloat{
    from{
      opacity:0;
      filter:blur(8px);
      scale:.96;
    }
    to{
      opacity:1;
      filter:blur(0);
      scale:1;
    }
  }

  #footer{
    margin-top:220px!important;
  }

  #footer .custom-footer{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    width:calc(100% - 28px)!important;
    max-width:calc(100% - 28px)!important;
  }

  #footer .custom-footer__newsletter{
    position:absolute!important;
    top:0!important;
    left:50%!important;
    transform:translate(-50%, -110%)!important;
    flex:0 0 auto!important;
    width:calc(100% - 28px)!important;
    max-width:calc(100% - 28px)!important;
    margin:0!important;
    padding:22px 18px 24px!important;
    border-radius:26px!important;
  }

  #footer .custom-footer__newsletter .newsletter-header,
  #footer .custom-footer__newsletter .pageElement__heading,
  #footer .custom-footer__newsletter .pageElement__heading span{
    font-size:16px!important;
    font-weight:500!important;
    text-align:left!important;
  }

  #footer .custom-footer__newsletter .pageElement__heading span::before{
    font-size:16px!important;
    font-weight:500!important;
  }

  #footer .custom-footer__newsletter .newsletter-header::after{
    margin-left:0!important;
    margin-right:0!important;
    font-size:13px!important;
    font-weight:500!important;
    letter-spacing:0!important;
    text-align:left!important;
  }

  #footer .custom-footer__newsletter .subscribe-form input[type="email"],
  #footer .custom-footer__newsletter input.form-control{
    height:44px!important;
    padding:0 60px 0 18px!important;
    font-size:14px!important;
    font-weight:400!important;
  }

  #footer .custom-footer__newsletter .validator-msg-holder::before{
    left:18px!important;
    font-size:14px!important;
    font-weight:500!important;
  }

  #footer .custom-footer__newsletter .subscribe-form button,
  #footer .custom-footer__newsletter .btn{
    width:50px!important;
    min-width:50px!important;
    height:44px!important;
    min-height:44px!important;
  }

  #footer .custom-footer__newsletter .form-group,
  #footer .custom-footer__newsletter .consents,
  #footer .custom-footer__newsletter label{
    font-size:12px!important;
    font-weight:500!important;
    letter-spacing:0!important;
    text-align:left!important;
  }

  #footer .custom-footer__newsletter label::before,
  #footer .custom-footer__newsletter a{
    font-size:12px!important;
    font-weight:500!important;
    letter-spacing:0!important;
  }

  body.search-window-visible{
    overflow:hidden!important;
    position:fixed!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    overscroll-behavior:none!important;
  }

  html:has(body.search-window-visible){
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }

  body.search-window-visible .vv-mobile-menu,
  body.search-window-visible .vv-mobile-menu.is-open,
  body.search-window-visible .vv-mobile-toggle,
  body.search-window-visible .vv-mobile-icons,
  body.search-window-visible .vv-mobile-links,
  body.vv-search-open .vv-mobile-menu,
  body.vv-search-open .vv-mobile-menu.is-open,
  body.vv-search-open .vv-mobile-toggle,
  body.vv-search-open .vv-mobile-icons,
  body.vv-search-open .vv-mobile-links{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  body.search-window-visible:has(.vv-mobile-search-close) .search-widget-close,
  body.search-window-visible:has(.vv-mobile-search-close) .search-widget-close.toggle-window,
  body.search-window-visible:has(.vv-mobile-search-close) [data-testid="linkSearchIcon"].search-widget-close{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  body.search-window-visible .search-widget-close,
  body.search-window-visible .search-widget-close.toggle-window,
  body.search-window-visible [data-testid="linkSearchIcon"].search-widget-close{
    pointer-events:auto!important;
  }

  body.search-window-visible .search-window,
  body.search-window-visible .search-widget,
  body.vv-search-open .search-window,
  body.vv-search-open .search-widget{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    padding:92px 18px 28px!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    background:rgba(249,240,234,.20)!important;
    -webkit-backdrop-filter:blur(12px)!important;
    backdrop-filter:blur(12px)!important;
    pointer-events:none!important;
    z-index:2147483200!important;
  }

  body.search-window-visible .search-window::before,
  body.search-window-visible .search-widget::before,
  body.vv-search-open .search-window::before,
  body.vv-search-open .search-widget::before{
    content:""!important;
    display:block!important;
    position:fixed!important;
    top:23px!important;
    left:24px!important;
    width:123px!important;
    height:21px!important;
    background:url('https://cdn.myshoptet.com/usr/shop.vevaticce.cz/user/logos/logo_primarni_4x.png') left top / contain no-repeat!important;
    filter:brightness(0) saturate(100%) invert(39%) sepia(0%) saturate(0%) hue-rotate(177deg) brightness(94%) contrast(89%)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:none!important;
    z-index:2147483646!important;
  }

  body.search-window-visible .vv-hero,
  body.search-window-visible .vv-category-teaser,
  body.search-window-visible .vv-bento-categories,
  body.search-window-visible #content,
  body.search-window-visible #content-wrapper,
  body.search-window-visible .content-wrapper,
  body.search-window-visible .index-content-wrapper,
  body.search-window-visible .homepage-group-title-wrapper,
  body.search-window-visible .products-wrapper,
  body.search-window-visible .products-slider-holder,
  body.search-window-visible .homepage-products-heading-31,
  body.search-window-visible #footer,
  body.search-window-visible .footer,
  body.search-window-visible .footer-newsletter-full-width,
  body.search-window-visible .footer-bottom-full-width,
  body.vv-search-open .vv-hero,
  body.vv-search-open .vv-category-teaser,
  body.vv-search-open .vv-bento-categories,
  body.vv-search-open #content,
  body.vv-search-open #content-wrapper,
  body.vv-search-open .content-wrapper,
  body.vv-search-open .index-content-wrapper,
  body.vv-search-open .homepage-group-title-wrapper,
  body.vv-search-open .products-wrapper,
  body.vv-search-open .products-slider-holder,
  body.vv-search-open .homepage-products-heading-31,
  body.vv-search-open #footer,
  body.vv-search-open .footer,
  body.vv-search-open .footer-newsletter-full-width,
  body.vv-search-open .footer-bottom-full-width{
    filter:blur(12px)!important;
    transform:scale(1.01)!important;
    opacity:.72!important;
    transition:.25s ease!important;
    pointer-events:none!important;
  }

  body.type-index.search-window-visible::before{
    opacity:0!important;
  }

  body.type-index.search-window-visible::after{
    content:""!important;
    position:fixed!important;
    top:23px!important;
    left:24px!important;
    width:123px!important;
    height:21px!important;
    background:url('https://cdn.myshoptet.com/usr/shop.vevaticce.cz/user/logos/logo_primarni_4x.png') left top / contain no-repeat!important;
    filter:brightness(0) saturate(100%) invert(39%) sepia(0%) saturate(0%) hue-rotate(177deg) brightness(94%) contrast(89%)!important;
    opacity:1!important;
    visibility:visible!important;
    z-index:2147483646!important;
  }

  body:not(.type-index).search-window-visible #header .site-name img,
  body:not(.type-index).search-window-visible #header .logo img{
    display:block!important;
    width:123px!important;
    max-width:123px!important;
    max-height:21px!important;
    transform:none!important;
    transform-origin:left top!important;
    opacity:1!important;
    visibility:visible!important;
    filter:brightness(0) saturate(100%) invert(39%) sepia(0%) saturate(0%) hue-rotate(177deg) brightness(94%) contrast(89%)!important;
  }

  body.type-index.search-window-visible #header .site-name img,
  body.type-index.search-window-visible #header .logo img{
    opacity:0!important;
    visibility:hidden!important;
  }

  body.search-window-visible #header .site-name,
  body.search-window-visible #header .logo{
    opacity:0!important;
    visibility:hidden!important;
  }

  .vv-mobile-search-logo,
  .vv-mobile-search-close{
    display:none!important;
  }

  body.search-window-visible .vv-mobile-search-logo{
    display:block!important;
    position:fixed!important;
    top:23px!important;
    left:24px!important;
    width:123px!important;
    height:21px!important;
    background:url('https://cdn.myshoptet.com/usr/shop.vevaticce.cz/user/logos/logo_primarni_4x.png') left top / contain no-repeat!important;
    filter:brightness(0) saturate(100%) invert(39%) sepia(0%) saturate(0%) hue-rotate(177deg) brightness(94%) contrast(89%)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:none!important;
    z-index:2147483646!important;
  }

  body.search-window-visible .vv-mobile-search-close{
    display:block!important;
    position:fixed!important;
    top:23px!important;
    right:24px!important;
    left:auto!important;
    width:44px!important;
    height:44px!important;
    padding:0!important;
    margin:-9px -9px 0 0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    font-size:0!important;
    line-height:0!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    z-index:2147483647!important;
    -webkit-tap-highlight-color:transparent!important;
  }

  body.search-window-visible .vv-mobile-search-close::before,
  body.search-window-visible .vv-mobile-search-close::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    top:50%!important;
    left:50%!important;
    width:22px!important;
    height:2px!important;
    background:#636363!important;
    border-radius:10px!important;
    transform-origin:center!important;
  }

  body.search-window-visible .vv-mobile-search-close::before{
    transform:translate(-50%,-50%) rotate(45deg)!important;
  }

  body.search-window-visible .vv-mobile-search-close::after{
    transform:translate(-50%,-50%) rotate(-45deg)!important;
  }

  body.search-window-visible #formSearchForm{
    position:relative!important;
    inset:auto!important;
    width:calc(100vw - 28px)!important;
    max-width:none!important;
    margin:0 auto!important;
    padding:0!important;
    box-sizing:border-box!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    transform:none!important;
    pointer-events:auto!important;
    z-index:2147483500!important;
  }

  body.search-window-visible #formSearchForm *,
  body.search-window-visible .search-widget-close,
  body.search-window-visible .search-widget-close *{
    filter:none!important;
    pointer-events:auto!important;
  }

  body.search-window-visible #formSearchForm .search-form-input-group{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:14px!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }

  body.search-window-visible #formSearchForm input.query-input.search-input,
  body.search-window-visible #formSearchForm input[type="text"],
  body.search-window-visible #formSearchForm input[type="search"]{
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    height:52px!important;
    box-sizing:border-box!important;
    padding:0 20px!important;
    background:#f9f0ea!important;
    border:0!important;
    border-radius:26px!important;
    outline:none!important;
    box-shadow:0 8px 26px rgba(64,64,65,.08)!important;
    color:var(--vv-gray)!important;
    font-family:var(--vv-font)!important;
    font-size:16px!important;
    font-weight:500!important;
  }

  body.search-window-visible #formSearchForm button,
  body.search-window-visible #formSearchForm .btn,
  body.search-window-visible #formSearchForm input[type="submit"]{
    flex:0 0 auto!important;
    min-width:78px!important;
    height:52px!important;
    margin:0!important;
    padding:0 4px!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    color:#404041!important;
    font-family:var(--vv-font)!important;
    font-size:16px!important;
    font-weight:700!important;
    line-height:52px!important;
    text-align:center!important;
  }

  body.search-window-visible .searchWhisperer,
  body.search-window-visible .searchWhisperer__products,
  body.search-window-visible .search-results{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    display:block!important;
    width:calc(100vw - 28px)!important;
    max-width:none!important;
    max-height:calc(100dvh - 166px)!important;
    margin:22px auto 0!important;
    padding:0 0 22px!important;
    opacity:1!important;
    visibility:visible!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior:contain!important;
    touch-action:pan-y!important;
    pointer-events:auto!important;
    z-index:2147483500!important;
  }

  body.search-window-visible .searchWhisperer *,
  body.search-window-visible .searchWhisperer__products *,
  body.search-window-visible .search-results *{
    touch-action:pan-y!important;
  }

  body.search-window-visible .searchWhisperer__products{
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
  }

  body.search-window-visible .searchWhisperer__product,
  body.search-window-visible .search-whisperer .product,
  body.search-window-visible .search-results .product{
    display:grid!important;
    grid-template-columns:58px minmax(0, 1fr) max-content max-content!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    min-height:74px!important;
    box-sizing:border-box!important;
    padding:8px 10px!important;
    background:rgba(249,240,234,.68)!important;
    border:1px solid rgba(255,255,255,.42)!important;
    border-radius:20px!important;
    box-shadow:0 12px 30px rgba(64,64,65,.10)!important;
  }

  body.search-window-visible .searchWhisperer__product__imageWrapper{
    grid-column:1!important;
    width:58px!important;
    min-width:58px!important;
    height:58px!important;
    margin:0!important;
  }

  body.search-window-visible .searchWhisperer__product img,
  body.search-window-visible .search-whisperer img,
  body.search-window-visible .search-results img{
    width:58px!important;
    height:58px!important;
    object-fit:contain!important;
  }

  body.search-window-visible .searchWhisperer__product__infoWrapper{
    grid-column:2!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    flex:none!important;
    overflow:hidden!important;
  }

  body.search-window-visible .searchWhisperer__product__name,
  body.search-window-visible .searchWhisperer__product__infoWrapper a{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    max-height:2.4em!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    color:var(--vv-cream)!important;
    font-family:var(--vv-font)!important;
    font-size:13px!important;
    font-weight:700!important;
    line-height:1.2!important;
  }

  body.search-window-visible .searchWhisperer__product__infoWrapper span{
    color:var(--vv-cream)!important;
    font-family:var(--vv-font)!important;
    font-size:13px!important;
    font-weight:700!important;
    line-height:1.2!important;
  }

  body.search-window-visible .searchWhisperer__product__availability,
  body.search-window-visible .searchWhisperer__product__stock,
  body.search-window-visible .searchWhisperer__product__availability span,
  body.search-window-visible .searchWhisperer__product__stock span{
    display:block!important;
    margin-top:3px!important;
    font-size:12px!important;
    font-weight:600!important;
    line-height:1.15!important;
    white-space:nowrap!important;
  }

  body.search-window-visible .searchWhisperer__product__price{
    grid-column:3!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    flex:none!important;
    color:var(--vv-red)!important;
    font-family:var(--vv-font)!important;
    font-size:13px!important;
    font-weight:700!important;
    line-height:1.1!important;
    white-space:nowrap!important;
  }

  body.search-window-visible .searchWhisperer__product__detail,
  body.search-window-visible .searchWhisperer__productDetail,
  body.search-window-visible .searchWhisperer__product a[href*="detail"]{
    grid-column:4!important;
    margin:0!important;
    color:var(--vv-cream)!important;
    font-size:0!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  body.search-window-visible .searchWhisperer__product__detail::after,
  body.search-window-visible .searchWhisperer__productDetail::after,
  body.search-window-visible .searchWhisperer__product a[href*="detail"]::after{
    content:"›"!important;
    color:var(--vv-cream)!important;
    font-family:var(--vv-font)!important;
    font-size:28px!important;
    font-weight:600!important;
    line-height:1!important;
  }

}