@charset "UTF-8";

@media (max-width:767px){
  /* мітки-фільтри: один рядок, що гортається пальцем; назва групи — дрібно перед мітками */
  .category-page .ocf-page-list-top{display:flex;flex-wrap:nowrap;align-items:center;gap:14px;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -15px 12px;padding:2px 15px 8px;scrollbar-width:none}
  .category-page .ocf-page-list-top::-webkit-scrollbar{display:none}
  .category-page .ocf-page-list-top .ocf-page-group{display:flex!important;flex:0 0 auto;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:6px;width:auto!important;margin:0!important;padding:0!important}
  .category-page .ocf-page-list-top .ocf-page-group-name{flex:0 0 auto;width:auto!important;margin:0!important;padding:0!important;font-size:12.5px;font-weight:600;color:#8b7d96;white-space:nowrap}
  .category-page .ocf-page-list-top .ocf-page-group-name:after{content:":"}
  .category-page .ocf-page-list-top .ocf-category-page-list{display:flex!important;flex-wrap:nowrap;gap:6px;width:auto!important;margin:0!important;padding:0!important}
  .category-page .ocf-page-list-top li{flex:0 0 auto;float:none!important;margin:0!important;padding:0!important;list-style:none}
  .category-page .ocf-page-list-top li a{display:block;white-space:nowrap;margin:0!important;padding:7px 12px!important;border:1px solid #E2D9E6;border-radius:999px;background:#fff;color:#241A30;font-size:13.5px;line-height:1.2;text-decoration:none}
  /* стрілка праворуч: видно, що рядок гортається; натиск гортає сам */
  .category-page .ocf-page-list-top .dp-chips-more{position:sticky;right:-15px;flex:0 0 auto;display:flex;align-items:center;margin:0 -15px 0 -30px;padding:0 15px 0 34px;border:0;background:linear-gradient(to right,rgba(255,255,255,0),#fff 45%);cursor:pointer}
  .category-page .ocf-page-list-top .dp-chips-more span{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#7A1478;color:#fff;font-size:20px;line-height:1;box-shadow:0 2px 6px rgba(122,20,120,.3)}
  .category-page .ocf-page-list-top.is-end .dp-chips-more{display:none}
  /* одна кнопка фільтра замість двох */
  .ocf-btn-mobile-fixed{display:none!important}
  .category-page .dp-mtools{display:flex;gap:8px;align-items:stretch;margin:0 0 14px}
  .category-page .dp-mtools .ocf-btn-mobile-static{flex:0 0 auto;float:none;width:auto;margin:0;padding:0;text-align:left}
  .category-page .dp-mtools .ocf-btn-mobile-static .ocf-btn{display:inline-flex;align-items:center;gap:8px;height:42px;margin:0;padding:0 14px;border:1px solid #7A1478;border-radius:10px;background:#7A1478;color:#fff;font-size:14px;font-weight:600;line-height:1;box-shadow:none}
  .category-page .dp-mtools .ocf-btn-mobile-static .ocf-btn .ocf-icon{filter:brightness(0) invert(1)}
  .category-page .dp-mtools .dp-msort{position:relative;flex:1 1 auto;min-width:0}
  .category-page .dp-mtools .dp-msort select{display:block;width:100%!important;height:42px!important;margin:0;padding:0 34px 0 12px!important;border:1px solid #DDD5E2!important;border-radius:10px!important;background:#fff!important;color:#241A30!important;font-size:14px!important;text-indent:0!important;-webkit-appearance:none;appearance:none;box-shadow:none}
  .category-page .dp-mtools .dp-msort:after{content:"";position:absolute;right:14px;top:50%;width:8px;height:8px;margin-top:-6px;border-right:2px solid var(--dp-primary);border-bottom:2px solid var(--dp-primary);transform:rotate(45deg);pointer-events:none}
  .category-page .theme-panel{display:none}
  .category-page .dp-mbanner{clear:both;float:left;width:100%;padding:0 15px;margin:4px 0 10px}
}
