/* MUVIO: пошук у магазині - плоский, без прямокутників (як на комп'ютері), закріплений зверху при прокрутці */
html:not(#_):not(#__):not(#___) .store-top-bar{position:relative;z-index:90;background:#fff;padding:14px 0 !important;border:0 !important;box-shadow:none !important}
html.dark:not(#_):not(#__):not(#___) .store-top-bar,html.theme-dark:not(#_):not(#__):not(#___) .store-top-bar,html[data-theme="dark"]:not(#_):not(#__):not(#___) .store-top-bar{background:#000}
@media (max-width:767px){
  html:not(#_):not(#__):not(#___) .store-search-form .store-search-input{min-height:46px !important;font-size:16px !important}
  html:not(#_):not(#__):not(#___) .store-top-bar{padding:2px 0 0 !important}
  html:not(#_):not(#__):not(#___) .store-top-bar-container{border:0 !important;border-bottom:1px solid rgba(128,128,128,.55) !important;background:transparent !important;box-shadow:none !important;border-radius:0 !important;padding:0 !important}
  html:not(#_):not(#__):not(#___) .store-search-form{border:0 !important;background:transparent !important;box-shadow:none !important;border-radius:0 !important}
  html:not(#_):not(#__):not(#___) .store-search-form .store-search-input{border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;outline:none !important}
  html:not(#_):not(#__):not(#___) .store-top-bar-container:focus-within{border-bottom-color:currentColor !important}
  html:not(#_):not(#__):not(#___) .store-search-form .store-search-btn,html:not(#_):not(#__):not(#___) .store-action-icons .action-icon-btn{border:0 !important;background:transparent !important;box-shadow:none !important;border-radius:0 !important}
}
/* Коли пошук прокручено до верху: fixed разом із шапкою; зсув під шапку - transform, тієї ж тривалості, що й у шапки */
html:not(#_):not(#__):not(#___) .store-top-bar.srch-fixed{position:fixed !important;top:0 !important;margin:0 !important;z-index:90;transform:translateY(0);transition:transform .5s cubic-bezier(.22,.61,.36,1);will-change:transform;box-sizing:border-box}
html:not(#_):not(#__):not(#___) .store-top-bar.srch-fixed.srch-shown{transform:translateY(var(--hdr-h,54px))}

/* Телефон: ліворуч «Всі позиції» і кількість під ним, праворуч «Сортування» і вибір під ним */
@media (max-width:639px){
  html:not(#_):not(#__):not(#___) .catalog-center-column > div:has(#sortSelect){flex-direction:row !important;align-items:flex-start !important;justify-content:space-between !important;gap:12px !important}
  html:not(#_):not(#__):not(#___) .catalog-center-column > div:has(#sortSelect) > div:first-child{flex-direction:column !important;align-items:flex-start !important;flex-wrap:nowrap !important;gap:8px !important}
  html:not(#_):not(#__):not(#___) .catalog-center-column > div:has(#sortSelect) > div:last-child{flex-direction:column !important;align-items:flex-end !important;gap:6px !important}
  html:not(#_):not(#__):not(#___) .catalog-center-column > div:has(#sortSelect) #sortSelect{max-width:48vw}
}

@media (max-width:767px){html:not(#_):not(#__):not(#___) .store-top-bar,html:not(#_):not(#__):not(#___) .store-top-bar-container,html:not(#_):not(#__):not(#___) .store-search-form{margin-bottom:0 !important;padding-bottom:0 !important}}

/* Планшет / вузьке вікно (769-1024px): фільтр згорнутий, як на телефоні, а товари одразу видно */
@media (min-width:769px) and (max-width:1024px){
  #mobFilterBtn{display:flex !important;align-items:center;justify-content:space-between;width:100%;padding:13px 16px;border:1px solid #1D5D3B;background:#1D5D3B;color:#fff;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.06em;border-radius:6px}
  #mobFilterBtn svg{width:18px;height:18px}
  html:not(#_) #mobFilterBtn{color:#fff}
  .category-sidebar{display:none !important}
  .mob-filters-open .category-sidebar{display:block !important}
  #mobFilterShow{display:block !important;width:calc(100% - 24px);margin:12px;padding:13px;background:#1D5D3B;color:#fff;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.06em;border-radius:6px}
  html:not(#_) #mobFilterShow{color:#fff}
}

/* Закріплений пошук має суцільний фон (світла / темна тема), щоб товари не просвічували */
html:not(#_):not(#__):not(#___):not(#____) .store-top-bar.srch-fixed{background:#fff !important}
html.dark:not(#_):not(#__):not(#___):not(#____) .store-top-bar.srch-fixed,html.theme-dark:not(#_):not(#__):not(#___):not(#____) .store-top-bar.srch-fixed,html.dark-theme:not(#_):not(#__):not(#___):not(#____) .store-top-bar.srch-fixed,html[data-theme="dark"]:not(#_):not(#__):not(#___):not(#____) .store-top-bar.srch-fixed{background:#000 !important}
html:not(#_):not(#__):not(#___):not(#____) .store-top-bar.srch-fixed .store-search-input{color:#111 !important}
html.dark:not(#_):not(#__):not(#___):not(#____) .store-top-bar.srch-fixed .store-search-input,html.theme-dark:not(#_):not(#__):not(#___):not(#____) .store-top-bar.srch-fixed .store-search-input,html.dark-theme:not(#_):not(#__):not(#___):not(#____) .store-top-bar.srch-fixed .store-search-input,html[data-theme="dark"]:not(#_):not(#__):not(#___):not(#____) .store-top-bar.srch-fixed .store-search-input{color:#fff !important}
html:not(#_):not(#__):not(#___):not(#____) .store-top-bar.srch-fixed{border-bottom:0 !important;padding-bottom:0 !important}
/* Лінія поля пошуку - нижній край закріпленого блока (без темної смуги під нею) */
html:not(#_):not(#__):not(#___):not(#____) .store-top-bar.srch-fixed .store-top-bar-container{padding-bottom:0 !important;margin-bottom:0 !important}

/* Комп'ютер: фільтр і рекомендації завжди під шапкою, плавно опускаються разом з її появою */
@media (min-width:1025px){
  html:not(#_):not(#__):not(#___) .category-sidebar,html:not(#_):not(#__):not(#___) .recommendations-sidebar{top:calc(var(--hdr-offset,0px) + 20px) !important;height:calc(100vh - var(--hdr-offset,0px) - 40px) !important;max-height:calc(100vh - var(--hdr-offset,0px) - 40px) !important;transition:top .5s cubic-bezier(.22,.61,.36,1),height .5s cubic-bezier(.22,.61,.36,1),max-height .5s cubic-bezier(.22,.61,.36,1)}
}

/* Ховання швидше (0.26с), поява повільніша (0.5с): поспіль для шапки, пошуку і бічних панелей */
html:not(#_):not(#__):not(#___) .store-top-bar.srch-fixed:not(.srch-shown){transition-duration:.26s}
@media (min-width:1025px){
  html.hdr-hidden:not(#_):not(#__):not(#___) .category-sidebar,html.hdr-hidden:not(#_):not(#__):not(#___) .recommendations-sidebar{transition-duration:.26s}
}