/* Wrapper + toggle */
.bpmc-wrap { position: relative; display:inline-block; }
.bpmc-toggle { display:flex; align-items:center; gap:8px; padding:10px 14px;
  background:#ececec; border:0; cursor:pointer; border-radius:4px; }
.bpmc-caret{font-size:12px}

/* Panel */
.bpmc-panel{ position:absolute; left:0; top:100%; z-index:9999; margin-top:6px;
  background:#fff; box-shadow:0 10px 30px rgba(0,0,0,.12); border-radius:8px; min-width:860px; }
.bpmc-inner{ display:flex; min-height:440px; }

/* Left (categories) */
.bpmc-left{ width:240px; border-right:1px solid #eee; padding:10px 0; overflow:auto; max-height:70vh; }
.bpmc-cat-list, .bpmc-sub{ list-style:none; margin:0; padding:0; }
.bpmc-cat-item{ position:relative; }
.bpmc-cat-item > .bpmc-cat-label{ display:block; padding:10px 16px; font-weight:600; cursor:pointer; position:relative; padding-right:22px; }
.bpmc-cat-item > .bpmc-cat-label::after{
  content:"›"; position:absolute; right:10px; top:50%;
  transform:translateY(-50%); opacity:.6; font-weight:700;
}
.bpmc-cat-item:hover > .bpmc-cat-label{ background:#f5f7fb; }
.bpmc-arrow{ display:none; } /* old arrow hidden */
.bpmc-sub{ display:none; }
.bpmc-cat-item:hover > .bpmc-sub{ display:block; }
.bpmc-sub .bpmc-cat-label{ font-weight:500; padding-left:28px; }

/* Right (products grid) */
.bpmc-right{ flex:1; padding:16px; overflow:auto; max-height:70vh; }
.bpmc-placeholder{ opacity:.6; padding:20px; }
.bpmc-grid{ display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:16px; }
.bpmc-card{ display:flex; flex-direction:column; gap:8px; text-decoration:none; border:1px solid #eee;
  border-radius:10px; padding:10px; }
.bpmc-card img{ width:100%; height:120px; object-fit:cover; border-radius:8px; }

/* Title max 2 lines */
.bpmc-title{
  color:#111; font-weight:600; font-size:14px; line-height:1.3;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden; text-overflow:ellipsis; min-height:2.6em;
}

/* Price — one line (regular red small, sale black) */
.bpmc-price{
  display:flex; align-items:baseline; gap:6px; line-height:1; font-weight:700;
  white-space:nowrap;
}
.bpmc-price del,
.bpmc-price del .amount,
.bpmc-price del bdi{
  display:inline; color:#e53935 !important; font-size:12px; font-weight:600;
  text-decoration:line-through;
}
.bpmc-price ins,
.bpmc-price ins .amount,
.bpmc-price ins bdi{
  display:inline; color:#111 !important; font-size:13px; font-weight:800;
  text-decoration:none;
}
/* Single-price fallback (no sale) */
.bpmc-price .amount, .bpmc-price bdi{ color:#111; font-size:13px; }

/* Mobile */
@media (max-width: 992px){
  .bpmc-panel{ position:fixed; left:10px; right:10px; top:60px; min-width:auto; }
  .bpmc-left{ width:220px; }
  .bpmc-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}



/* === Force 1-line price (regular red small + sale black) === */
.bpmc-price .price{
  display:flex !important;
  align-items:baseline;
  gap:6px;
  line-height:1;
  margin:0;
  white-space:nowrap;
}
.bpmc-price .price del{
  display:inline-block !important;
  color:#e53935 !important;
  font-size:12px; font-weight:600;
  text-decoration:line-through; margin:0;
}
.bpmc-price .price ins{
  display:inline-block !important;
  color:#111 !important;
  font-size:13px; font-weight:800;
  text-decoration:none; margin:0;
}
/* inner spans */
.bpmc-price .price del .amount,
.bpmc-price .price del bdi,
.bpmc-price .price ins .amount,
.bpmc-price .price ins bdi{ line-height:1; }