/* Storamore Variants — colour/pattern strip (single product) + dots (list).
   Dormant: these classes only appear when a product is grouped via _stm_color_group. */

/* ---------- single product: swatch strip ---------- */
.stm-variants{margin:16px 0 20px;clear:both;font-family:inherit}
.stm-variants-h{font-size:14px;font-weight:600;color:#17150F;margin:0 0 10px;letter-spacing:.01em;display:flex;align-items:baseline;flex-wrap:wrap;gap:6px}
.stm-variants-h .stm-variants-cur{font-weight:400;color:#17150F}
.stm-variants-h .stm-variants-count{font-style:normal;font-size:11px;font-weight:500;color:#8c887e;letter-spacing:.02em}
.stm-variants-strip{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.stm-variants-it{display:block;width:62px;height:62px;border:1px solid #e5e2da;border-radius:6px;overflow:hidden;
  background:#f4f2ec;cursor:pointer;transition:border-color .15s,box-shadow .15s;flex:0 0 auto;text-decoration:none}
.stm-variants-it img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}
.stm-variants-it:hover{border-color:#bdb8ac;box-shadow:0 0 0 1px rgba(23,21,15,.18)}
.stm-variants-it.is-active{border-color:#17150F;box-shadow:inset 0 0 0 2px #17150F;cursor:default}
@media (max-width:480px){.stm-variants-it{width:54px;height:54px}}

/* ---------- shop / category list: compact colour dots ---------- */
.stm-varlist{display:flex;align-items:center;gap:5px;margin:6px 0 2px;flex-wrap:wrap}
.stm-varlist-dot{display:inline-block;width:22px;height:22px;border-radius:50%;overflow:hidden;
  border:1px solid #e5e2da;background:#f4f2ec;flex:0 0 auto}
.stm-varlist-dot img{width:100%;height:100%;object-fit:cover;display:block}
.stm-varlist-dot.is-active{border-color:#17150F}
.stm-varlist-more{font-size:11px;font-weight:600;color:#17150F;line-height:22px}
.stm-varlist-t{font-size:11px;color:#8c887e;margin-left:2px;letter-spacing:.01em}
@media (max-width:480px){.stm-varlist-t{display:none}.stm-varlist-dot{width:20px;height:20px}}