/* NOVERA V227 — jedinstven responsive režim za header i katalog. */
html,body{max-width:100%;overflow-x:clip}
.catalog-layout-v223{overflow:visible!important}

@media(min-width:901px){
  .catalog-sidebar-v223,.catalog-sidebar-v223.is-fixed{
    position:sticky!important;
    top:132px!important;
    align-self:start!important;
    height:max-content!important;
    max-height:calc(100vh - 148px)!important;
    overscroll-behavior:contain;
  }
  .catalog-subslider-v227{
    position:sticky;
    top:132px;
    z-index:32;
    display:grid;
    gap:7px;
    margin:0 0 12px;
    padding:10px 12px;
    border:1px solid #d7dde1;
    border-left:5px solid #f47718;
    border-radius:8px;
    background:rgba(255,255,255,.97);
    box-shadow:0 7px 18px rgba(20,27,32,.08);
    backdrop-filter:blur(10px);
  }
  .catalog-subslider-v227:empty{display:none}
  .catalog-subslider-v227 .subcategory-strip,
  .catalog-subslider-v227 .product-group-strip{
    display:flex!important;
    width:100%;
    min-width:0;
    gap:7px!important;
    margin:0!important;
    padding:0 2px 4px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    white-space:nowrap!important;
    scroll-snap-type:x proximity;
    scrollbar-width:thin;
  }
  .catalog-subslider-v227 .product-group-strip{padding-top:7px!important;border-top:1px solid #e4e8eb!important}
  .catalog-subslider-v227 .subcategory-strip:empty,
  .catalog-subslider-v227 .product-group-strip:empty{display:none!important}
  .catalog-subslider-v227 button{
    flex:0 0 auto!important;
    width:auto!important;
    min-height:38px!important;
    padding:0 14px!important;
    border:1px solid #cbd2d7!important;
    border-radius:20px!important;
    background:#fff!important;
    color:#293138!important;
    font:800 11px/1 inherit!important;
    white-space:nowrap!important;
    scroll-snap-align:start;
    cursor:pointer;
  }
  .catalog-subslider-v227 button.active{border-color:#f47718!important;background:#f47718!important;color:#fff!important}
}

@media(max-width:900px){
  html,body{width:100%;overflow-x:hidden!important}
  .wrap,.header .wrap{width:calc(100% - 20px)!important;max-width:none!important}
  .topline{display:none!important}
  .header{top:0!important;z-index:1300!important}
  .shop-page .header-inner,.home-page .header-inner,.product-page .header-inner,.tones-page .header-inner,.account-page .header-inner{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 42px 42px 42px!important;
    grid-template-rows:54px 44px!important;
    gap:7px!important;
    min-height:112px!important;
    height:auto!important;
    padding:7px 0!important;
  }
  .header .brand-header{grid-column:1!important;grid-row:1!important;min-width:0!important;overflow:hidden}
  .header .brand-header img{
    display:block!important;
    width:min(145px,100%)!important;
    max-width:100%!important;
    height:42px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  .header .novera-header-search{
    display:flex!important;
    grid-column:1/-1!important;
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
    height:44px!important;
    margin:0!important;
  }
  .header .novera-header-search input{min-width:0!important;padding-left:12px!important;font-size:16px!important}
  .header .novera-header-search button{flex:0 0 46px!important;width:46px!important}
  .header .novera-mobile-menu{
    position:static!important;
    grid-column:2!important;
    grid-row:1!important;
    width:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    margin:0!important;
    padding:9px!important;
    transform:none!important;
  }
  .header .novera-account-shortcut{
    position:static!important;
    grid-column:3!important;
    grid-row:1!important;
    width:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    padding:0!important;
    overflow:hidden;
    font-size:0!important;
  }
  .header .novera-account-shortcut span{display:block!important;font-size:16px!important}
  .header .novera-account-shortcut b{display:none!important}
  .header .cart-trigger{
    position:static!important;
    grid-column:4!important;
    grid-row:1!important;
    width:42px!important;
    min-width:42px!important;
    min-height:42px!important;
    margin:0!important;
    padding:0!important;
    font-size:0!important;
    transform:none!important;
  }
  .header .cart-trigger span{font-size:12px!important}
  .header .header-contacts{display:none!important}
  .shop-page .novera-main-nav,.home-page .novera-main-nav,.product-page .novera-main-nav,.tones-page .novera-main-nav{
    top:112px!important;
    max-height:calc(100dvh - 112px)!important;
    overflow-y:auto!important;
  }
  .novera-catalog-panel{top:112px!important;max-height:calc(100dvh - 112px)!important;overflow-y:auto!important}

  .catalog-intro{position:relative!important;top:auto!important;z-index:auto!important;padding:12px 0!important}
  .catalog-intro .kicker,.catalog-intro h1,.catalog-intro p,.catalog-summary{display:none!important}
  .catalog-intro .catalog-search{display:flex!important;width:100%!important;margin:0!important}
  .catalog-sidebar-enabled .catalog-shell{padding:10px 0 56px!important}
  .catalog-layout-v223{display:block!important;width:100%!important;min-width:0!important}
  .catalog-results-v223{width:100%!important;min-width:0!important}
  .catalog-mobile-toggle-v223{
    position:sticky!important;
    top:112px!important;
    z-index:40!important;
    width:100%!important;
    min-height:48px!important;
    margin:0 0 10px!important;
    box-shadow:0 5px 14px rgba(20,27,32,.1)!important;
  }
  .catalog-sidebar-v223,.catalog-sidebar-v223.is-fixed{
    position:fixed!important;
    top:0!important;
    right:auto!important;
    bottom:0!important;
    left:0!important;
    z-index:2400!important;
    width:min(88vw,360px)!important;
    height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    padding:0 13px calc(22px + env(safe-area-inset-bottom))!important;
    transform:translate3d(-105%,0,0)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    border:0!important;
    border-radius:0!important;
    visibility:hidden;
    pointer-events:none;
  }
  body.catalog-drawer-open-v223 .catalog-sidebar-v223{
    transform:translate3d(0,0,0)!important;
    visibility:visible;
    pointer-events:auto;
  }
  .catalog-drawer-backdrop-v223{width:100vw!important;height:100dvh!important;padding:0!important}
  body.catalog-drawer-open-v223{overflow:hidden!important;touch-action:none}
  .catalog-sidebar-v223 .category-cards,.catalog-sidebar-v223.is-fixed .category-cards{
    display:grid!important;
    grid-template-columns:1fr!important;
    max-height:none!important;
    gap:5px!important;
    overflow:visible!important;
  }
  .catalog-sidebar-v223 .category-card-button,.catalog-sidebar-v223.is-fixed .category-card-button{
    width:100%!important;
    min-width:0!important;
    min-height:48px!important;
    padding:7px 9px!important;
  }
  .catalog-sidebar-v223 .subcategory-strip,.catalog-sidebar-v223 .product-group-strip,
  .catalog-sidebar-v223.is-fixed .subcategory-strip,.catalog-sidebar-v223.is-fixed .product-group-strip{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    max-height:none!important;
    gap:5px!important;
    overflow:visible!important;
    white-space:normal!important;
  }
  .catalog-sidebar-v223 .subcategory-strip button,.catalog-sidebar-v223 .product-group-strip button{
    width:100%!important;
    min-height:40px!important;
    padding:7px 10px!important;
    font-size:11px!important;
    text-align:left!important;
    white-space:normal!important;
  }
  .catalog-sidebar-v223 .catalog-toolbar,.catalog-sidebar-v223.is-fixed .catalog-toolbar{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    gap:8px!important;
    overflow:visible!important;
  }
  .catalog-sidebar-v223 .catalog-toolbar label{display:grid!important;min-width:0!important}
  .catalog-sidebar-v223 .catalog-toolbar select{width:100%!important;min-height:44px!important;height:44px!important;font-size:16px!important}
  .catalog-results-bar{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important}
  .catalog-results-bar strong{min-width:0;font-size:11px!important}
  .catalog-results-bar button{flex:0 0 auto!important}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .shop-card{min-width:0!important}
  .shop-card .product-image{height:155px!important}
  .shop-card-body{min-width:0!important;padding:9px!important}
  .shop-card h3{overflow-wrap:anywhere}
}

@media(max-width:380px){
  .wrap,.header .wrap{width:calc(100% - 16px)!important}
  .shop-page .header-inner,.home-page .header-inner,.product-page .header-inner,.tones-page .header-inner,.account-page .header-inner{
    grid-template-columns:minmax(0,1fr) 40px 40px 40px!important;
    gap:5px!important;
  }
  .header .brand-header img{width:min(132px,100%)!important;height:38px!important}
  .header .novera-mobile-menu,.header .novera-account-shortcut,.header .cart-trigger{width:40px!important;min-width:40px!important}
  .product-grid{gap:6px!important}
  .shop-card .product-image{height:145px!important}
  .shop-card h3{font-size:12px!important}
}