/* MyKondi v94 — clean mobile catalog: no floating spot and no horizontal clipping */
@media (max-width:700px){
  html,
  body.catalog-v67{
    width:100%!important;
    max-width:100%!important;
    overflow-x:clip!important;
  }

  body.catalog-v67{
    padding-left:0!important;
    padding-right:0!important;
  }

  /* Compact header that always fits an iPhone width. */
  body.catalog-v67 .header{
    width:100%!important;
    overflow:visible!important;
  }

  body.catalog-v67 .header .container.header__inner{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:9px 12px!important;
    gap:8px!important;
    overflow:visible!important;
  }

  body.catalog-v67 .header .logo{
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:142px!important;
    overflow:hidden!important;
    color:#0b2442!important;
    font-size:22px!important;
    line-height:1!important;
    letter-spacing:-1px!important;
    white-space:nowrap!important;
  }

  body.catalog-v67 .header-actions{
    flex:0 0 auto!important;
    gap:7px!important;
    margin-left:auto!important;
  }

  body.catalog-v67 .header-actions button{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    padding:0!important;
  }

  body.catalog-v67 .header-cart{
    position:relative!important;
    flex:0 0 44px!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0!important;
    border-radius:14px!important;
    font-size:0!important;
    overflow:visible!important;
  }

  body.catalog-v67 .header-cart::before{
    content:"🛒"!important;
    display:block!important;
    font-size:20px!important;
    line-height:1!important;
  }

  body.catalog-v67 .header-cart b{
    position:absolute!important;
    top:-7px!important;
    right:-5px!important;
    display:grid!important;
    place-items:center!important;
    min-width:20px!important;
    width:auto!important;
    height:20px!important;
    padding:0 5px!important;
    transform:none!important;
    border-radius:999px!important;
    font-size:10px!important;
  }

  /* Keep every catalog block inside the physical viewport. */
  body.catalog-v67 .category-hero,
  body.catalog-v67 main,
  body.catalog-v67 main > .section,
  body.catalog-v67 .catalog-page-main,
  body.catalog-v67 .products,
  body.catalog-v67 .product{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  body.catalog-v67 .category-hero{
    overflow:hidden!important;
  }

  body.catalog-v67 .category-hero .container,
  body.catalog-v67 main > .section > .container{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }

  body.catalog-v67 .category-hero .breadcrumbs,
  body.catalog-v67 .category-hero .eyebrow,
  body.catalog-v67 .category-hero h1,
  body.catalog-v67 .category-hero p,
  body.catalog-v67 .catalog-brand-link{
    max-width:100%!important;
    margin-left:0!important;
    transform:none!important;
  }

  body.catalog-v67 .category-hero h1{
    overflow-wrap:normal!important;
    word-break:normal!important;
  }

  body.catalog-v67 .catalog-page-layout,
  body.catalog-v67 .catalog-sidebar,
  body.catalog-v67 .catalog-page-top,
  body.catalog-v67 .catalog-page-top select,
  body.catalog-v67 .product__body,
  body.catalog-v67 .product__foot,
  body.catalog-v67 .product__foot-actions{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  /* The old floating expert container created the blue/dark "spot" over product cards.
     Cards already have a visible "Запитати Назара" action, so the duplicate launcher is hidden on mobile catalog only. */
  body.catalog-v67 .expert-float{
    display:none!important;
  }
}

@supports not (overflow:clip){
  @media (max-width:700px){
    html,
    body.catalog-v67{overflow-x:hidden!important}
  }
}