/* =========================================================
   ZLATO Z OLIV – MOBILE HOME V4 FINAL
   Pouze mobil <= 767 px.
   Bez .in-index závislosti, bez MutationObserveru.
   ========================================================= */

@media (max-width:767px){

  :root{
    --zzo-green:#253511;
    --zzo-gold:#c9a442;
    --zzo-cream:#faf8f2;
    --zzo-white:#fffdf9;
  }

  html,body{
    margin:0!important;
    padding:0!important;
    overflow-x:hidden!important;
  }

  /* skryjeme původní horní informační vrstvy a Shoptet header */
  .zzo-top-info-full,
  .zzo-top-contact-full,
  .top-navigation-bar,
  #header,
  .header-wrapper{
    display:none!important;
  }

  /* ===== MOBILNÍ HLAVIČKA ===== */
  .zzo-mobile-header-v4{
    position:relative!important;
    z-index:1100!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    background:linear-gradient(180deg,#fffdf9 0%,#faf8f2 100%)!important;
    border-bottom:1px solid rgba(37,53,17,.12)!important;
    box-shadow:0 2px 10px rgba(37,53,17,.05)!important;
    box-sizing:border-box!important;
  }

  .zzo-mobile-header-v4__logo-row{
    height:80px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:9px 38px 6px!important;
    box-sizing:border-box!important;
  }

  .zzo-mobile-header-v4__logo-link{
    display:block!important;
    line-height:0!important;
  }

  .zzo-mobile-header-v4__logo{
    display:block!important;
    width:min(285px,72vw)!important;
    max-height:58px!important;
    height:auto!important;
    object-fit:contain!important;
  }

  .zzo-mobile-header-v4__controls{
    display:grid!important;
    grid-template-columns:64px minmax(0,1fr) 58px!important;
    gap:7px!important;
    align-items:center!important;
    padding:4px 10px 12px!important;
    box-sizing:border-box!important;
  }

  .zzo-mobile-header-v4__menu{
    width:64px!important;
    height:60px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:var(--zzo-green)!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
  }

  .zzo-mobile-header-v4__menu-lines{
    width:34px!important;
    display:flex!important;
    flex-direction:column!important;
    gap:6px!important;
  }

  .zzo-mobile-header-v4__menu-lines i{
    display:block!important;
    height:2px!important;
    width:100%!important;
    border-radius:2px!important;
    background:var(--zzo-green)!important;
  }

  .zzo-mobile-header-v4__menu-label{
    font:500 11px/1 Arial,sans-serif!important;
    letter-spacing:.04em!important;
  }

  .zzo-mobile-header-v4__search,
  .zzo-mobile-header-v4__search form{
    width:100%!important;
    margin:0!important;
  }

  .zzo-mobile-header-v4__search form{
    position:relative!important;
  }

  .zzo-mobile-header-v4__search input{
    display:block!important;
    width:100%!important;
    height:54px!important;
    margin:0!important;
    padding:0 12px 0 55px!important;
    box-sizing:border-box!important;
    border:1px solid rgba(37,53,17,.20)!important;
    border-radius:28px!important;
    background:#fff!important;
    color:var(--zzo-green)!important;
    box-shadow:none!important;
    outline:none!important;
    font:400 15px/54px Arial,sans-serif!important;
  }

  .zzo-mobile-header-v4__search input::placeholder{
    color:#989898!important;
    opacity:1!important;
  }

  .zzo-mobile-header-v4__search button{
    position:absolute!important;
    left:13px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:34px!important;
    height:34px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:var(--zzo-green)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  .zzo-mobile-header-v4__search button svg{
    width:27px!important;
    height:27px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:2!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }

  .zzo-mobile-header-v4__cart{
    position:relative!important;
    width:58px!important;
    height:60px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:var(--zzo-green)!important;
    text-decoration:none!important;
  }

  .zzo-mobile-header-v4__cart svg{
    width:36px!important;
    height:36px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }

  .zzo-mobile-header-v4__cart-count{
    position:absolute!important;
    top:1px!important;
    right:0!important;
    min-width:24px!important;
    height:24px!important;
    padding:0 6px!important;
    box-sizing:border-box!important;
    border-radius:999px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:var(--zzo-gold)!important;
    color:#fff!important;
    font:600 12px/24px Arial,sans-serif!important;
    box-shadow:0 0 0 2px #fffdf9!important;
  }

  /* ===== HERO ===== */
  .zzo-hero-v11{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#f7f2e8!important;
  }

  .zzo-hero-v11__viewport{
    position:relative!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    aspect-ratio:4 / 5!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#f7f2e8!important;
  }

  .zzo-hero-v11__track{
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
  }

  .zzo-hero-v11__slide{
    width:100%!important;
    min-width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }

  .zzo-hero-v11__slide img{
    display:block!important;
    width:100%!important;
    min-width:100%!important;
    max-width:none!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    object-fit:cover!important;
    object-position:center center!important;
    background:#f7f2e8!important;
  }

  .zzo-hero-v11__arrow{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    border-radius:50%!important;
    background:rgba(37,53,17,.88)!important;
    border:1px solid rgba(201,164,66,.75)!important;
    box-shadow:0 2px 10px rgba(0,0,0,.12)!important;
    z-index:8!important;
  }

  .zzo-hero-v11__arrow--prev{left:10px!important;}
  .zzo-hero-v11__arrow--next{right:10px!important;}

  .zzo-hero-v11__dots{
    left:50%!important;
    right:auto!important;
    bottom:12px!important;
    transform:translateX(-50%)!important;
    z-index:9!important;
  }

  /* ===== USP 2 × 2 ===== */
  .zzo-benefits{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    background:var(--zzo-cream)!important;
    overflow:hidden!important;
  }

  .zzo-benefits__container{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:auto auto!important;
    grid-auto-flow:row!important;
    gap:0!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    align-items:stretch!important;
    justify-content:stretch!important;
  }

  .zzo-benefits__item{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:160px!important;
    flex:none!important;
    margin:0!important;
    padding:16px 9px!important;
    box-sizing:border-box!important;
    text-align:center!important;
    background:var(--zzo-cream)!important;
    border:0!important;
    border-right:1px solid rgba(37,53,17,.12)!important;
    border-bottom:1px solid rgba(37,53,17,.12)!important;
  }

  .zzo-benefits__item:nth-child(2n){border-right:0!important;}
  .zzo-benefits__item:nth-child(n+3){border-bottom:0!important;}

  .zzo-benefits__item::after,
  .zzo-benefits__item:not(:last-child)::after{
    display:none!important;
    content:none!important;
  }

  .zzo-benefits__icon{
    width:46px!important;
    height:46px!important;
    margin:0 auto 9px!important;
    padding:0!important;
  }

  .zzo-benefits__icon img{
    display:block!important;
    width:46px!important;
    height:46px!important;
    max-width:46px!important;
    max-height:46px!important;
    object-fit:contain!important;
    margin:0 auto!important;
  }

  .zzo-benefits__text{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    text-align:center!important;
  }

  .zzo-benefits__text h3{
    margin:0 0 6px!important;
    padding:0!important;
    color:var(--zzo-green)!important;
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:14px!important;
    line-height:1.15!important;
    font-weight:700!important;
    text-align:center!important;
  }

  .zzo-benefits__text p{
    margin:0!important;
    padding:0!important;
    color:#45483f!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:10.5px!important;
    line-height:1.35!important;
    text-align:center!important;
  }

  /* odstranění běžných mezer Shoptetu na homepage */
  #content-wrapper,
  .content-wrapper-in,
  main,
  .content{
    margin-top:0!important;
    padding-top:0!important;
  }
}

@media (max-width:380px){
  .zzo-mobile-header-v4__logo-row{height:72px!important;padding:7px 28px 5px!important;}
  .zzo-mobile-header-v4__controls{grid-template-columns:56px minmax(0,1fr) 52px!important;gap:5px!important;padding:3px 6px 10px!important;}
  .zzo-mobile-header-v4__menu{width:56px!important;}
  .zzo-mobile-header-v4__cart{width:52px!important;}
  .zzo-mobile-header-v4__search input{height:50px!important;line-height:50px!important;padding-left:48px!important;font-size:13px!important;}
  .zzo-mobile-header-v4__search button{left:10px!important;}
  .zzo-benefits__item{min-height:150px!important;padding:13px 6px!important;}
  .zzo-benefits__icon,.zzo-benefits__icon img{width:42px!important;height:42px!important;max-width:42px!important;max-height:42px!important;}
  .zzo-benefits__text h3{font-size:12.5px!important;}
  .zzo-benefits__text p{font-size:9.8px!important;}
}