/* LUMERA 2026-08-07 — MOBILE FILTER + STORY TARGET FIX */
/* =========================================================
   MOBILE SHOP CATEGORY FILTER — products + category listings
   2026-08-06 / 06
   ========================================================= */
.btq-mobile-filter-trigger{display:none}
.btq-mobile-filter-panel{display:block}

@media(max-width:900px){
  body.btq-site .btq-shop-layout,
  body.btq-site .btq-category-shop-layout{
    gap:16px!important;
  }
  body.btq-site .btq-shop-sidebar{
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  body.btq-site .btq-mobile-filter-trigger{
    width:100%;
    min-height:62px;
    padding:10px 14px 10px 16px;
    border:1px solid var(--btq-line);
    background:#fff;
    color:var(--btq-ink);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    text-align:left;
    cursor:pointer;
  }
  .btq-mobile-filter-trigger__copy{
    min-width:0;
    display:grid;
    gap:5px;
  }
  .btq-mobile-filter-trigger__copy small{
    color:var(--btq-accent);
    font-size:8px;
    font-weight:700;
    line-height:1;
    letter-spacing:.16em;
    text-transform:uppercase;
  }
  .btq-mobile-filter-trigger__copy strong{
    max-width:255px;
    overflow:hidden;
    color:var(--btq-ink);
    font-family:BtqSans,Arial,sans-serif;
    font-size:14px;
    font-weight:600;
    line-height:1.25;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .btq-mobile-filter-trigger__meta{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    gap:10px;
  }
  .btq-mobile-filter-trigger__meta b{
    min-width:28px;
    height:28px;
    padding:0 7px;
    border-radius:999px;
    background:var(--btq-soft);
    display:grid;
    place-items:center;
    font-size:10px;
    font-weight:700;
  }
  .btq-mobile-filter-trigger__meta svg{
    width:20px;
    height:20px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
    transition:transform .22s ease;
  }
  .btq-shop-sidebar.is-filter-open .btq-mobile-filter-trigger{
    border-color:rgba(24,21,18,.45);
  }
  .btq-shop-sidebar.is-filter-open .btq-mobile-filter-trigger__meta svg{
    transform:rotate(180deg);
  }
  body.btq-site .btq-mobile-filter-panel{
    display:none;
    margin-top:8px;
    padding:5px 15px 8px;
    border:1px solid var(--btq-line);
    background:#fff;
    box-shadow:0 18px 45px rgba(24,21,18,.08);
  }
  body.btq-site .btq-shop-sidebar.is-filter-open .btq-mobile-filter-panel{
    display:block;
  }
  body.btq-site .btq-mobile-filter-panel .btq-filter-block{
    display:block!important;
    width:100%!important;
    padding:0!important;
    overflow:visible!important;
  }
  body.btq-site .btq-mobile-filter-panel .btq-filter-block h3{
    display:none!important;
  }
  body.btq-site .btq-mobile-filter-panel .btq-filter-block a{
    width:100%!important;
    min-height:49px!important;
    margin:0!important;
    padding:0 2px!important;
    border:0!important;
    border-bottom:1px solid var(--btq-line)!important;
    border-radius:0!important;
    background:transparent!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:16px!important;
    color:var(--btq-ink)!important;
    white-space:normal!important;
  }
  body.btq-site .btq-mobile-filter-panel .btq-filter-block a:last-child{
    border-bottom:0!important;
  }
  body.btq-site .btq-mobile-filter-panel .btq-filter-block a>span,
  body.btq-site .btq-mobile-filter-panel .btq-filter-block a>span:first-child{
    min-width:0!important;
    color:var(--btq-ink)!important;
    font-size:13px!important;
    font-weight:500!important;
    line-height:1.35!important;
  }
  body.btq-site .btq-mobile-filter-panel .btq-filter-block a b{
    flex:0 0 auto;
    min-width:25px;
    height:25px;
    padding:0 6px;
    border-radius:999px;
    background:var(--btq-soft);
    color:var(--btq-muted)!important;
    display:grid;
    place-items:center;
    font-size:9px!important;
    text-align:center;
  }
  body.btq-site .btq-mobile-filter-panel .btq-filter-block a.is-active>span{
    color:var(--btq-accent)!important;
    font-weight:700!important;
  }
  body.btq-site .btq-mobile-filter-panel .btq-filter-block a.is-active b{
    background:var(--btq-ink);
    color:#fff!important;
  }
  body.btq-site .btq-shop-toolbar{
    margin-top:0!important;
    margin-bottom:20px!important;
  }
}

@media(max-width:620px){
  body.btq-site .btq-shop-layout,
  body.btq-site .btq-category-shop-layout{
    padding-top:14px!important;
  }
  body.btq-site .btq-mobile-filter-trigger{
    min-height:58px;
    padding:9px 12px 9px 14px;
  }
  .btq-mobile-filter-trigger__copy strong{
    max-width:235px;
    font-size:13px;
  }
  body.btq-site .btq-mobile-filter-panel{
    padding-left:13px;
    padding-right:13px;
  }
}


.btq-story-image picture{display:block;width:100%;height:100%}
.btq-story-image picture img,.btq-story-image .btq-story-device{width:100%;height:100%;object-fit:cover;display:block}
.btq-story-device-mobile{display:none!important}
@media(max-width:700px){.btq-story-device-desktop{display:none!important}.btq-story-device-mobile{display:block!important}}
@media(max-width:900px){body.btq-site .btq-mobile-filter-trigger{appearance:none!important;-webkit-appearance:none!important;font:inherit!important;border-radius:0!important}}