/* ===== Beauty Small + Dots ===== */

/* Wrapper box (קצת יותר נמוך וצר) */
.wcgcB-wrap{max-width:480px;margin:10px 0;padding:12px;background:#fff;border:1px solid #eee;border-radius:12px}
.wcgcB-title{margin:0 0 8px;font-weight:700;font-size:18px}

/* Track smaller */
.wcgcB-viewport{overflow:hidden}
.wcgcB-track{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:200px;   /* כרטיס קטן יותר (240→200) */
  gap:12px;
  padding:6px 6px;
  scroll-snap-type:x mandatory;
  overflow-x:auto;
  direction:rtl;
}
.wcgcB-track::-webkit-scrollbar{height:6px}
.wcgcB-track::-webkit-scrollbar-thumb{background:#e6e6e6;border-radius:4px}

/* Card smaller height */
.wcgcB-item{
  scroll-snap-align:start;
  background:#fff;border:1px solid #e8e8e8;border-radius:12px;
  padding:10px;text-align:center; box-shadow:0 2px 6px rgba(0,0,0,.04);
}
.wcgcB-thumb{width:auto;height:120px;object-fit:contain;display:block;margin:0 auto} /* 150→120 */
.wcgcB-name{font-size:13px;line-height:1.35;min-height:38px;margin:6px 0}
.wcgcB-choose{border:none;border-radius:18px;background:#e6d7a6;padding:6px 12px;cursor:pointer}

/* Dots pagination */
.wcgcB-dots{display:flex;gap:6px;justify-content:center;margin:8px 0 0}
.wcgcB-dots button{
  width:6px;height:6px;border-radius:50%;border:none;background:#c8c8c8;opacity:.7;cursor:pointer;padding:0;
}
.wcgcB-dots button.is-active{background:#806332;opacity:1}

/* Responsive */
@media (max-width:480px){
  .wcgcB-wrap{max-width:100%}
  .wcgcB-track{grid-auto-columns: 78%}
  .wcgcB-thumb{height:110px}
}